@charset "UTF-8";
/* default settings */
/* reset browser (chrome, safari, firefox, ie, edge)
/* only for new website (remove if you are updating for other website)
@import "reset";
/* =================================================================== */
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/*/
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme*/
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.*/
/* ==========================================================================
 * Base styles: opinionated defaults
 * ==========================================================================*/
 @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;
}
body, dl, dt, dd, 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
--------------------------------------------------------- */
body.en {
  word-break: normal;
}

@media screen and (max-width: 750px) {
  html {
    /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
    font-size: 12pt;
  }
}
/* sp */
.wrapper {
  /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
  font-size: 0.94rem;
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
  .wrapper {
    max-width: 1200px;
    margin: auto;
  }
}
/* pc */
.sitewidth {
  max-width: 1400px;
  margin: auto;
}

.innerwidth {
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .innerwidth {
    padding: 0 3%;
  }
}
/* sp */
/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .innerwidth {
    padding: 0 2%;
  }
}
/* yubinpc */
/*  iconfont
----------------------------------------------- */
/*----------------------------------------------------------
	layout
--------------------------------------------------------- */
/* パンくず　旧レイアウト */
#wrap-inner {
  /*#path-box{background:none;}*/
}

@media screen and (max-width: 750px) {
  /* パンくず位置 */
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .wrapper header {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .wrapper footer {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .wrapper #path-box {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    background: #FFF !important;
  }
  .wrapper .contWrap {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  /* 旧レイアウト */
  #wrap-inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #wrap-inner #head-box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #wrap-inner #path-box {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: block;
    padding: 0.8em;
  }
  #wrap-inner #main-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #wrap-inner #navi-box-r {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #wrap-inner .footTop {
    width: 100%;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  #wrap-inner #foot-box {
    width: 100%;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
/* sp */
/* 新パンくずリスト */
.wrapper #path-box {
  background: #EEEEEE;
  padding: 0.8em;
  font-size: 13px;
  /* sp */
}
.wrapper #path-box ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrapper #path-box ul li:after {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.8em;
  margin-left: 0.8em;
}
.wrapper #path-box ul li:last-child:after {
  content: "";
}
.wrapper #path-box a {
  color: #333333;
  text-decoration: none;
}
.wrapper #path-box a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .wrapper #path-box ul {
    display: inline-block;
  }
  .wrapper #path-box ul li {
    display: inline;
  }
  .wrapper #path-box ul li:last-child:after {
    content: "\e90a";
    margin-right: 0.5em;
    margin-left: 0.2em;
    position: relative;
    top: 1px;
    font-size: 1rem;
    color: #646464;
  }
}
.wrapper #path-box.lang {
  position: relative;
}
.wrapper #path-box.lang .langSelect {
  position: absolute;
  right: 0.8em;
  top: 8px;
}
.wrapper #path-box.lang .langSelect .plane {
  font-size: 12px;
}
.wrapper #path-box.lang .langSelect .selectWrap {
  /*width: auto;*/
  position: relative;
  display: inline-block;
  background: #EDEDED;
}
.wrapper #path-box.lang .langSelect .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: 45%;
  right: 10px;
  margin-top: -4px;
}
.wrapper #path-box.lang .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: auto;
  padding: 3px 20px 3px 10px;
  border: none;
  background: #FFF;
}
.wrapper #path-box.lang .langSelect .selectWrap select::-ms-expand {
  display: none;
}

/*.langWrap{display:none;}*/
.langWrap {
  position: relative;
}
.langWrap .langSelect {
  position: absolute;
  right: 0.8em;
  top: -33px;
}
.langWrap .langSelect #ls-reg {
  text-align: right;
}
.langWrap .langSelect .plane {
  font-size: 12px;
}
.langWrap .langSelect .selectWrap {
  /*width: auto;*/
  position: relative;
  display: inline-block;
  background: #EDEDED;
}
.langWrap .langSelect .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: 45%;
  right: 10px;
  margin-top: -4px;
}
.langWrap .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: auto;
  padding: 3px 20px 3px 10px;
  border: none;
  background: #FFF;
}
.langWrap .langSelect .selectWrap select::-ms-expand {
  display: none;
}
.langWrap .langSelect #ls-sub {
  display: none;
}

@media screen and (max-width: 750px) {
  .langWrap {
    display: block;
    background: #eee;
    padding: 5px;
  }
  .langWrap .langSelect {
    position: static;
  }
  .langWrap .langSelect #ls-reg {
    text-align: right;
  }
  .langWrap .langSelect .plane {
    font-size: 12px;
  }
  .langWrap .langSelect .selectWrap {
    /*width: auto;*/
    position: relative;
    display: inline-block;
    background: #EDEDED;
  }
  .langWrap .langSelect .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: 45%;
    right: 10px;
    margin-top: -4px;
  }
  .langWrap .langSelect .selectWrap .select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    position: relative;
    z-index: auto;
    padding: 3px 20px 3px 10px;
    border: none;
    background: #FFF;
  }
  .langWrap .langSelect .selectWrap select::-ms-expand {
    display: none;
  }
  .langWrap .langSelect #ls-sub {
    display: none;
  }
}
/* sp */
/*  header
----------------------------------------------- */
header {
  position: relative;
}
header .sphead, header .spsearch {
  display: none;
}
header .headArea {
  border-top: 16px solid #cc0000;
  height: 60px;
  margin-bottom: 10px;
}
header .headArea h1.siteid {
  position: absolute;
  left: 0;
  top: 0;
}
header .headArea h1.siteid a img {
  height: 60px;
}
header .headArea .slogan {
  position: absolute;
  top: 33px;
  left: 252px;
}
header .headArea .slogan img {
  height: 10px;
}
header .headArea nav.subNav {
  position: absolute;
  right: 20px;
  top: 33px;
}
header .headArea nav.subNav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .headArea nav.subNav ul li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin: 0 1em;
}
header .headArea nav.subNav ul li a {
  text-decoration: none;
  color: #333333;
  /*font-size:0.8rem;*/
  font-size: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .headArea nav.subNav ul li a:hover {
  color: #cc0000;
}
header .headArea nav.subNav ul li.lang {
  margin-right: 0;
}
header .headArea nav.subNav ul li.lang a {
  color: #cc0000;
  border: 1px solid #cc0000;
  border-radius: 4px;
  padding: 0.3em 1.5em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .headArea nav.subNav ul li.lang a:hover {
  background: #FAECEA;
}
header .globalNav .navitem li.search .searchForm input[type=text] {
  background-color: #fff;
}
header .spsearch .searchForm input[type=text] {
  background-color: #fff;
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .globalNav nav.main > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    border-right: 1px solid #CCC;
    background: rgba(255, 255, 255, 0.8);
    font-size: 13.5px;
  }
}
@media screen and (min-width: 751px) and (-ms-high-contrast: none) {
  header .globalNav nav.main > ul > li {
    min-height: 50%;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li:nth-child(6) {
    border-right: none;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li:hover {
    background-color: #eeeeee;
    cursor: pointer;
  }
  header .globalNav nav.main > ul > li:hover a {
    color: #cc0000;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li.opened .menu.opened {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li .menu {
    max-height: 9999px;
    background: rgba(230, 230, 230, 0.95);
    display: none;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li > span.dropLabel {
    display: block;
    text-decoration: none;
    color: #333333;
    font-family: "Noto Sans Japanese", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    font-weight: bold;
    padding: 21.5px 1em;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    line-height: 1;
  }
  header .globalNav nav.main > ul > li > span.dropLabel:after {
    font-family: "yubin";
    content: "\f107";
    font-weight: normal;
    margin-left: 0.4em;
    color: #333;
    font-size: 130%;
    position: relative;
    top: 3px;
    line-height: 0;
  }
  header .globalNav nav.main > ul > li > span.dropLabel:hover:after {
    color: #cc0000;
  }
  header .globalNav nav.main > ul > li > span.dropLabel.active {
    background-color: #eeeeee;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li.search {
    background: #cc0000 !important;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel {
    display: block;
    padding: 21.5px 1em;
    /*background:$yubin;*/
    color: #FFF;
    text-decoration: none;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel.active {
    background-color: #cc0000;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel:after {
    content: none;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel:hover {
    color: #FFF;
    cursor: pointer;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul .menu {
    /*overflow: hidden;*/
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 10;
  }
  header .globalNav nav.main > ul .menu .menu_inner {
    padding: 30px 30px 35px;
  }
}
@media screen and (min-width: 751px) {
  header.is-show .globalNav {
    position: fixed;
    top: 0;
    z-index: 51;
    width: 100%;
    -webkit-box-shadow: 0 1px 6px 0 #949494;
            box-shadow: 0 1px 6px 0 #949494;
  }
  header.is-show .globalNav nav.main > ul > li span.dropLabel {
    /*background:rgba(255,255,255,0.8);*/
    /*&.active{background-color: $bg;}*/
  }
  header.is-show .globalNav nav.main > ul > li.search {
    background: rgba(204, 0, 0, 0.7);
  }
}
/* nonsp */
@media screen and (min-width: 1921px) {
  .globalNav nav.main > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 8vw;
  }
  .globalNav nav.main > ul .menu {
    text-align: left;
  }
  .globalNav nav.main li.search {
    margin-left: auto;
  }
}
/* full */
@media screen and (min-width: 751px) and (max-width: 1200px) {
  header .headArea {
    height: auto;
  }
  header .headArea h1.siteid, header .headArea slogan {
    height: 60px;
  }
  header .headArea nav.subNav {
    position: static;
    margin-top: 50px;
    right: auto;
    top: auto;
  }
  header .headArea nav.subNav ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  header .headArea nav.subNav ul li {
    margin: 0 0.6em;
  }
  header .headArea nav.subNav ul li.lang {
    margin-right: 0;
  }

  .globalNav {
    /*font-size:0.85rem;*/
    font-size: 13.5px;
    line-height: 1;
  }
  .globalNav nav.main > ul > li > a {
    padding: 18px 0.4em;
  }
  .globalNav nav.main > ul > li > a:after {
    font-family: "yubin";
    content: "\f107";
    font-weight: normal;
    margin-left: 0;
    display: block;
    margin-top: 8px;
    line-height: 0;
  }
}
/* pc */
/* 英語版ヘッダー */
header.lang .searchForm {
  display: block;
  width: 70%;
  text-align: right;
  margin-right: 20px;
  margin-left: auto;
  margin-bottom: 10px;
}
header.lang .searchForm .searchreader {
  display: none;
}
header.lang .searchForm br {
  display: none;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  header.lang .searchForm {
    margin-right: 0;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  header.lang .searchForm {
    display: none;
  }
}
/* sp */
.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.spToptool {
  display: none;
}

/* 多言語ヘッダー */
header.lang .sphead .i-top {
  display: none;
}

@media screen and (max-width: 750px) {
  header.lang .headArea {
    height: 52px;
  }
  header.lang .headArea h1.siteid {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 14px 0 9px;
    width: 75vw;
  }
  header.lang .headArea h1.siteid a img {
    height: 31px;
  }
  header.lang .headArea .sphead .i-top {
    display: block;
  }
  header.lang .headArea .sphead .i-top a:after {
    font-family: "yubin";
    content: "\e998";
    font-weight: normal;
    position: absolute;
    color: #FFF;
    left: 7px;
    top: 6px;
    font-size: 42px;
  }
  header.lang .headArea .sphead .i-menu {
    display: none;
  }
  header.lang .headArea .sphead .i-search {
    top: 9px;
    right: 9px;
  }
  header.lang .headArea .sphead .i-search:after {
    content: none;
  }
  body.spsearch_open header.lang .sphead .i-menu {
    display: none;
  }
  body.spsearch_open header.lang .sphead .i-search {
    top: 0px;
    right: 0px;
  }
  body.spsearch_open header.lang .searchForm {
    display: block !important;
    width: 100%;
    margin-right: 0;
  }
}
/* sp */
/* iphone5/SE */
@media screen and (max-width: 346px) {
  header.lang .headArea h1.siteid a img {
    height: 25px;
  }
}
/* sp */
@media screen and (max-width: 750px) {
  /* トップのみツールメニューを固定表示 */
  body.top_index header.top.is-show {
    display: none;
  }
  body.top_index .spToptool {
    position: fixed;
    top: -62px;
    left: 0;
    display: block;
    width: 100%;
    height: 62px;
    z-index: 100;
  }
  body.top_index .spToptool ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #cc0000;
  }
  body.top_index .spToptool ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-right: 1px solid #eeeeee;
    text-align: center;
    line-height: 1;
  }
  body.top_index .spToptool ul li a {
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: calc(8px + 1vw);
    padding: 2px 0 6px;
    background: rgb(255, 255, 255);
  }
  body.top_index .spToptool ul li a:hover {
    text-decoration: none;
    background: #FAECEA;
  }
  body.top_index .spToptool ul li:last-child {
    border-right: 0;
  }
  body.top_index .spToptool ul li a:before {
    font-family: "yubin";
    color: #cc0000;
    font-size: 40px;
    display: block;
    line-height: 40px;
    font-weight: normal;
  }
  body.top_index .spToptool ul li.zipsearch a:before {
    content: "\e945";
  }
  body.top_index .spToptool ul li.postsearch a:before {
    content: "\e93f";
  }
  body.top_index .spToptool ul li.tracking a:before {
    content: "\e944";
  }
  body.top_index .spToptool ul li.redeli a:before {
    content: "\e990";
  }

  /* sp用ヘッダー */
  header.top.sphide {
    position: fixed;
    top: -62px;
    z-index: 100;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  header.top.is-show {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  header {
    background: #cc0000;
    position: relative;
    height: 52px;
  }
  header .sphead, header .spsearch {
    display: block;
  }
  header nav.subNav {
    display: none;
  }
  header .headArea {
    position: relative;
    z-index: 100;
    border-top: 0;
    margin-bottom: 0;
    height: auto;
    text-align: center;
  }
  header .headArea h1.siteid {
    text-align: center;
    padding: 12px 0 9px;
    position: relative;
    display: inline-block;
  }
  header .headArea h1.siteid a {
    display: inline-block;
  }
  header .headArea h1.siteid a img {
    margin: auto;
    height: 31px;
  }
  header .sphead .i-menu {
    position: absolute;
    left: 4px;
    top: 2px;
    text-align: center;
    line-height: 1.15;
  }
  header .sphead .i-menu:before {
    font-family: "yubin";
    content: "\f0c9";
    color: #FFF;
    font-size: 28px;
  }
  header .sphead .i-menu:after {
    content: "メニュー";
    display: block;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
  }
  header .sphead .i-search {
    position: absolute;
    right: 4px;
    top: 2px;
    text-align: center;
    line-height: 1.15;
  }
  header .sphead .i-search:before {
    font-family: "yubin";
    content: "\f002";
    color: #FFF;
    font-size: 28px;
  }
  header .sphead .i-search:after {
    content: "検索";
    display: block;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 0.3em;
  }
  header .globalNav, header .spsearch {
    position: fixed;
    top: 52px;
    width: 100%;
    display: none;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    overflow-y: auto;
    background: #eee;
    z-index: -100;
  }
  header .globalNav .spnone, header .spsearch .spnone {
    display: none;
  }
  header .spsearch .searchForm input[type=text] {
    width: 90%;
    margin: 10px 0 0;
  }
  header .globalNav {
    background: rgba(0, 0, 0, 0.2);
  }
  header .globalNav nav.main ul.navitem {
    background: #FFF;
  }
  header .globalNav nav.main ul.navitem li.toggle {
    border-bottom: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li.opened .dropLabel:after {
    content: "-";
  }
  header .globalNav nav.main ul.navitem li.opened .dropLabel.spactive:after {
    content: "+";
  }
  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head:after {
    content: "-";
  }
  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head.active:after {
    content: "+";
  }
  header .globalNav nav.main ul.navitem li.spsubMenu {
    background: #F7F7F7;
  }
  header .globalNav nav.main ul.navitem li.spsubMenu li {
    border-bottom: 1px solid #CCC;
  }
  header .globalNav nav.main ul.navitem li.spsubMenu li a {
    display: block;
    width: 100%;
    position: relative;
    padding: 18px 15px;
    /*font-size:0.85rem;*/
    font-size: 13.5px;
  }
  header .globalNav nav.main ul.navitem li.spsubMenu li a:after {
    font-family: "yubin";
    content: "\f105";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 33px;
    font-weight: normal;
    height: 33px;
    top: 0;
    bottom: 0;
    line-height: 1;
  }
  header .globalNav nav.main ul.navitem li {
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  }
  header .globalNav nav.main ul.navitem li .dropLabel {
    display: block;
    padding: 1.5em 15px;
    position: relative;
    /*font-size:0.9rem;*/
    font-size: 16px;
  }
  header .globalNav nav.main ul.navitem li .dropLabel:after {
    font-family: "yubin";
    content: "+";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 21px;
    font-weight: normal;
    height: 21px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .dropLabel.spactive:after {
    font-family: "yubin";
    content: "-";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 21px;
    font-weight: normal;
    height: 21px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu a span small {
    display: block;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a {
    display: block;
    position: relative;
    background: #eeeeee;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 1.5em 15px;
    position: relative;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    margin-top: 0 !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a:after {
    font-family: "yubin";
    content: "\f105";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 33px;
    font-weight: normal;
    height: 33px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent .nolink {
    display: block;
    position: relative;
    background: #eeeeee;
    border-bottom: 1px solid #c8c8c8;
    padding: 1.5em 15px;
    position: relative;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    margin-top: 0 !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul li.icon a[class^=yic-]:before {
    content: none !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head {
    position: relative;
    background: #eeeeee;
    border-bottom: 1px solid #c8c8c8;
    padding: 1.5em 35px 1.5em 15px;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    margin-top: 0 !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:last-of-type {
    border-bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:after {
    font-family: "yubin";
    content: "+";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 21px;
    font-weight: normal;
    height: 21px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active:after {
    font-family: "yubin";
    content: "-";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 21px;
    font-weight: normal;
    height: 21px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened:after {
    content: "-";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened.active:after {
    content: "+";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #dcdcdc;
    border-bottom: 1px solid #c8c8c8;
    /*li:nth-last-of-type(-n+2){border-bottom:0;}*/
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
    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;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.last, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.last {
    border-bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a {
    display: block;
    width: 100%;
    position: relative;
    padding: 1.3em 30px 1.3em 15px;
    /*font-size:0.85rem;*/
    font-size: 13.5px;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a:after {
    font-family: "yubin";
    content: "\f105";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 33px;
    font-weight: normal;
    height: 33px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a[target=_blank]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a[target=_blank]:after {
    font-family: "yubin";
    content: "\e924";
    margin-left: 0.3em;
    font-size: 20px;
    height: 20px;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a {
    padding: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a span, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a span {
    display: none;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a[target=_blank]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a[target=_blank]:after {
    content: none;
    margin-left: 0;
    height: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 {
    margin-top: 0 !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    border-bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(odd) {
    border-right: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(n+3) {
    border-top: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.bottomline {
    border-bottom: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
    background: #dcdcdc;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
    max-width: 100%;
    width: 100%;
    border-bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active + .block2 {
    display: block !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head + .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head + .block2 {
    display: none;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu {
    display: block;
    width: 100%;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span {
    position: relative;
    background: #eeeeee;
    padding: 1.5em 15px;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    margin-top: 0 !important;
    display: block;
    border-bottom: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span:after {
    font-family: "yubin";
    content: "+";
    position: absolute;
    right: 12px;
    margin: auto;
    font-size: 21px;
    font-weight: normal;
    height: 21px;
    top: 0;
    bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span.active:after {
    content: "-";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont {
    display: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: none;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(odd) {
    border-right: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(n+3) {
    border-top: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li.bottomline {
    border-bottom: 1px solid #c8c8c8;
  }

  .spbg {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
  }

  body.spmenu_open .wrapper {
    /*position: fixed;*/
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  body.spmenu_open .wrapper .spbg {
    display: block;
    opacity: 1;
  }
  body.spmenu_open .wrapper header {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
  }
  body.spmenu_open .wrapper header .globalNav {
    visibility: visible;
    display: block;
    z-index: 200;
    overflow: scroll;
    height: calc(100% - 52px);
    position: fixed;
    top: 52px;
    -webkit-overflow-scrolling: touch;
  }
  body.spmenu_open .wrapper header .globalNav nav.main ul li.search {
    display: none;
  }
  body.spmenu_open .wrapper header .sphead .i-menu:before {
    font-family: "yubin";
    content: "\e912";
    font-size: 44px;
  }
  body.spmenu_open .wrapper header .sphead .i-menu:after {
    content: none;
  }

  body.spsearch_open .spbg {
    display: block;
    opacity: 0.7;
  }
  body.spsearch_open header {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
  }
  body.spsearch_open header .spsearch {
    visibility: visible;
    opacity: 1;
    z-index: 200;
    display: block;
  }
  body.spsearch_open header .spsearch nav.main ul li.search {
    display: none;
  }
  body.spsearch_open header .sphead .i-search:before {
    font-family: "yubin";
    content: "\e912";
    font-size: 44px;
  }
  body.spsearch_open header .sphead .i-search:after {
    content: none;
  }
}
/* sp */
/* sp */
/*  global nav inner
----------------------------------------------- */
/* buyのanchor対応 */
.globalNav nav.main li.toggle.buy .menu_inner .child .block4 li.refresh a.anchor {
  display: none;
}

body#buy .globalNav nav.main li.toggle.buy .menu_inner .child .block4 {
  /*li.refresh a{display:none;}
  li.refresh a.anchor{display:block;}
  @include sp{
  	li.refresh a.anchor{display:flex;}
  }*/
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
  .globalNav nav.main {
    /* Gナビ 送る */
    /* Gナビ 受け取る */
    /* Gナビ 買う */
    /* Gナビ 銀行・保険 */
    /* Gナビ お手続き */
    /* Gナビ 法人のお客様 */
  }
  .globalNav nav.main .menu .close {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -23px;
    margin: auto;
    background: #FFF;
    width: 45px;
    height: 45px;
    border-radius: 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .globalNav nav.main .menu .close:before {
    font-family: "yubin";
    content: "\e912";
    display: block;
    font-size: 30px;
    line-height: 1;
    padding: 6px 0 0 0;
  }
  .globalNav nav.main .menu .close:hover {
    background: #555;
    color: #FFF;
  }
  .globalNav nav.main li.toggle .menu_inner {
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    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;
    max-width: 1400px;
    margin: auto;
  }
  .globalNav nav.main li.toggle .menu_inner .parent {
    min-width: 200px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFF;
    border-radius: 5px;
    position: relative;
    color: #333333;
    /*font-size:1.1rem;*/
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 1.4;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a:hover {
    background: #FFB9B9;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a:after {
    font-family: "yubin";
    content: "\f105";
    color: #cc0000;
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    line-height: 1;
    display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent .nolink {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    border-radius: 5px;
    position: relative;
    color: #333333;
    /*font-size:1.1rem;*/
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #FFF;
  }
  .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 1.4;
  }
  .globalNav nav.main li.toggle .menu_inner .child {
    width: 100%;
    text-align: left;
    padding-left: 15px;
  }
  .globalNav nav.main li.toggle .menu_inner .child .head {
    font-weight: 500;
    color: #cc0000;
    margin-bottom: 0.2em;
    padding-left: 5px;
    /*font-size:1rem;*/
    font-size: 14.5px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li {
    /*font-size:0.95rem;*/
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    /*@include flex;align-items: stretch;*/
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li small {
    font-size: 11px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
    background: #FFF;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    display: block;
    border-radius: 5px;
    color: #333333;
    width: 100%;
    position: relative;
    line-height: 1.4;
    /*padding:20px 15px 20px 10px; */
    padding: 13px 15px 13px 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a:hover {
    background: #FFB9B9;
    text-decoration: none;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a:after {
    font-family: "yubin";
    content: "\f105";
    color: #cc0000;
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    line-height: 1;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a[target=_blank]:after {
    content: "\e924";
    font-size: 14px;
    height: 14px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn span {
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn small {
    font-size: 12px;
    color: #7A7A7A;
    letter-spacing: -0.1em;
    display: block;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a {
    color: #333333;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a:hover {
    opacity: 0.7;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img span {
    display: block;
    padding: 0.5em 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img span:before {
    font-family: "yubin";
    content: "\f105";
    margin-right: 0.3em;
    display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a[target=_blank] span:after {
    font-family: "yubin";
    content: "\e924";
    margin-left: 0.3em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon {
    text-align: left;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
    font-family: "yubin";
    color: #cc0000;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a {
    line-height: 1.4;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
    position: absolute;
    font-size: 42px;
    left: 8px;
    top: 8px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
    position: absolute;
    vertical-align: middle;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 60%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a small {
    font-size: 12px;
    color: #7A7A7A;
    letter-spacing: -0.1em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext {
    margin: 0.6em 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext:last-child {
    margin-bottom: 5px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a {
    color: #cc0000;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    font-weight: 400;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a:before {
    display: inline-block;
    font-family: "yubin";
    content: "\f105";
    margin-right: 0.5em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
    background: #FFF;
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    border-radius: 5px;
    padding: 15px 15px 15px 18px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span {
    /*font-size:1.1rem;*/
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span.icon:before {
    font-size: 48px;
    line-height: 0;
    position: relative;
    top: 12px;
    color: #cc0000;
    margin-left: -0.2em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont {
    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;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
    -ms-flex-preferred-size: 24.5%;
        flex-basis: 24.5%;
    max-width: 24.5%;
    margin-top: 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:before {
    display: inline-block;
    font-family: "yubin";
    content: "\f105";
    margin-right: 0.3em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:nth-child(n+5) {
    margin-top: 10px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont a {
    color: #333333;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:before {
    content: "";
    display: block;
    -ms-flex-preferred-size: 24.5%;
        flex-basis: 24.5%;
    height: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:after {
    content: "";
    display: block;
    -ms-flex-preferred-size: 24.5%;
        flex-basis: 24.5%;
    height: 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.area li {
    vertical-align: bottom;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul[class*=block] {
    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: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.stretch li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block4::before {
    content: "";
    display: block;
    width: 24.5%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block4::after {
    content: "";
    display: block;
    width: 24.5%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block4 li {
    width: 24.5%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block4 li:nth-child(n+5) {
    margin-top: 10px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block2 li {
    width: 49.7%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul.block2 li:nth-child(n+3) {
    margin-top: 10px;
  }
  .globalNav nav.main li.toggle.send .parent a span:before {
    font-family: "yubin";
    content: "\e942";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main .icon.post a:before {
    font-family: "yubin";
    content: "\e93f";
    color: #cc0000;
  }
  .globalNav nav.main .icon.conveni a:before {
    font-family: "yubin";
    content: "\e936";
    color: #cc0000;
  }
  .globalNav nav.main .icon.pickup a:before {
    font-family: "yubin";
    content: "\e93e";
    color: #cc0000;
  }
  .globalNav nav.main .icon.make a:before {
    font-family: "yubin";
    content: "\e93d";
    color: #cc0000;
  }
  .globalNav nav.main .icon.buy a:before {
    font-family: "yubin";
    content: "\e931";
    color: #cc0000;
  }
  .globalNav nav.main .icon.int a:before {
    font-family: "yubin";
    content: "\e93b";
    color: #FA812F !important;
  }
  .globalNav nav.main .icon.int a:after {
    color: #FA812F !important;
  }
  .globalNav nav.main li.toggle.receive .parent a span:before {
    font-family: "yubin";
    content: "\e981";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main .icon.tracking a:before {
    font-family: "yubin";
    content: "\e944";
    color: #cc0000;
  }
  .globalNav nav.main .icon.deli a:before {
    font-family: "yubin";
    content: "\e990";
    color: #cc0000;
  }
  .globalNav nav.main li.toggle.buy .parent a span:before {
    font-family: "yubin";
    content: "\e931";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main .icon.item a:before {
    font-family: "yubin";
    content: "\e93c";
    color: #cc0000;
  }
  .globalNav nav.main .icon.goods a:before {
    font-family: "yubin";
    content: "\e992";
    color: #cc0000;
  }
  .globalNav nav.main .icon.shop a:before {
    font-family: "yubin";
    content: "\e931";
    color: #cc0000;
  }
  .globalNav nav.main .icon.other a:before {
    font-family: "yubin";
    content: "\e96f";
    color: #cc0000;
  }
  .globalNav nav.main li.toggle.choho .parent div span:before, .globalNav nav.main li.toggle.choho .parent a span:before {
    font-family: "yubin";
    content: "\e94c";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main li.innermenu .title.junbi:before {
    font-family: "yubin";
    content: "\e94b";
  }
  .globalNav nav.main li.innermenu .title.sonaeru:before {
    font-family: "yubin";
    content: "\e94d";
  }
  .globalNav nav.main li.innermenu .title.nokosu:before {
    font-family: "yubin";
    content: "\e94c";
  }
  .globalNav nav.main li.innermenu .title.fuyasu:before {
    font-family: "yubin";
    content: "\e94a";
  }
  .globalNav nav.main li.innermenu .title.benri:before {
    font-family: "yubin";
    content: "\e973";
  }
  .globalNav nav.main .icon.ginko a:before {
    font-family: "yubin";
    content: "\e92f";
    color: #cc0000;
  }
  .globalNav nav.main .icon.hoken a:before {
    font-family: "yubin";
    content: "\e93a";
    color: #cc0000;
  }
  .globalNav nav.main .icon.procedure a:before {
    font-family: "yubin";
    content: "\e986";
    color: #cc0000;
  }
  .globalNav nav.main li.toggle.procedure .parent a span:before {
    font-family: "yubin";
    content: "\e986";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main .icon.forward a:before {
    font-family: "yubin";
    content: "\e97f";
    color: #cc0000;
  }
  .globalNav nav.main .icon.internet a:before {
    font-family: "yubin";
    content: "\e978";
    color: #cc0000;
  }
  .globalNav nav.main li.toggle.business .parent a span:before {
    font-family: "yubin";
    content: "\e930";
    display: block;
    color: #cc0000;
    font-size: 76px;
    line-height: 1;
  }
  .globalNav nav.main .icon.biz-problem a:before {
    font-family: "yubin";
    content: "\e975";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-kokunai a:before {
    font-family: "yubin";
    content: "\e97b";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-int a:before {
    font-family: "yubin";
    content: "\e984";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-sales a:before {
    font-family: "yubin";
    content: "\e982";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-ec a:before {
    font-family: "yubin";
    content: "\e974";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-doc a:before {
    font-family: "yubin";
    content: "\e97a";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-ad a:before {
    font-family: "yubin";
    content: "\e985";
    color: #cc0000;
  }
  .globalNav nav.main .icon.biz-payment a:before {
    font-family: "yubin";
    content: "\e983";
    color: #cc0000;
  }
}
/* nonsp */
/* pc */
@media screen and (min-width: 1921px) {
  .globalNav nav.main li.toggle .menu_inner {
    margin-left: 0;
    margin-right: auto;
  }
}
/* full */
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .fixedNav.clone-nav {
    width: 100%;
    /*font-size:0.85rem; */
    font-size: 13.5px;
  }
  .fixedNav.clone-nav nav.main > ul > li > a {
    padding: 18px 0;
    position: relative;
  }
  .fixedNav.clone-nav nav.main > ul > li > a:after {
    position: absolute;
    bottom: 8px;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    color: #CCC;
  }
  .fixedNav.clone-nav nav.main li.search {
    width: 60px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .globalNav nav.main li.toggle .menu_inner .parent {
    min-width: 120px;
    width: 18%;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
    padding: 10px 0;
    position: relative;
    min-height: 60px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    position: absolute;
    vertical-align: middle;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  .globalNav nav.main li.toggle .menu_inner .parent:before {
    font-size: 46px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li {
    /*font-size:.85rem;*/
    font-size: 13px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
    font-size: 36px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
    width: 70%;
    left: 56%;
  }
}
/* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .globalNav nav.main li.toggle span.dropLabel {
    padding: 14px 0.3em;
  }
  .globalNav nav.main li.toggle span.dropLabel:after {
    display: block;
    margin-left: 0;
    line-height: 0.8;
  }
  .globalNav nav.main li.toggle .menu_inner {
    display: block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent {
    min-width: auto;
    margin-bottom: 10px;
    width: 100%;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
    min-height: 60px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
    /*font-size:0.9rem;*/
    font-size: 14.5px;
    position: absolute;
    vertical-align: middle;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span:before, .globalNav nav.main li.toggle .menu_inner .parent .nolink span:before {
    font-size: 46px;
    display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span br.pc, .globalNav nav.main li.toggle .menu_inner .parent .nolink span br.pc {
    display: none;
  }
  .globalNav nav.main li.toggle .menu_inner .child {
    padding-left: 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
    font-size: 32px;
    left: 6px;
    top: auto;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
    width: 64%;
    left: 55%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span small {
    font-size: 10px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span br.pc {
    display: none;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
    /*font-size:1.5vw;*/
    font-size: 12px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
    padding: 15px 15px 10px 18px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
    /*font-size:0.9rem;*/
    font-size: 14px;
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin: 0.3em 0;
  }
}
/* yubinpc */
@media screen and (min-width: 1201px) and (max-width: 1920px) {
  .fixedNav.clone-nav {
    width: 100%;
  }
}
/* pcmax */
@media screen and (min-width: 1921px) {
  .fixedNav.clone-nav {
    width: 100%;
  }
}
/* full */
/* search modal */
.modalbox {
  background: #FAECEA;
  border-radius: 8px;
  padding: 50px;
}

/*  footer
----------------------------------------------- */
footer {
  background: #f7f7f7;
  padding-top: 0;
  position: relative;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
footer .pagetop a {
  position: fixed;
  right: 20px;
  bottom: -50px;
  display: block;
  width: 46px;
  height: 46px;
  background: rgba(100, 100, 100, 0.4);
  font-size: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  line-height: 40px;
  z-index: 100;
}
footer .pagetop a:before {
  font-family: "yubin";
  content: "\f106";
  color: #FFF;
  font-size: 40px;
}
footer .pagetop a:hover {
  background: rgba(100, 100, 100, 0.8);
}
footer .innerwidth {
  padding: 0 0;
}
footer .footNav {
  max-width: 1200px;
  margin: auto;
}
footer .footNav .toolarea {
  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;
  padding: 20px 0;
  margin-bottom: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 2px solid #CCC;
}
footer .footNav .toolarea li {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #CCC;
}
footer .footNav .toolarea li 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.8rem;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 8px 0;
}
footer .footNav .toolarea li a:before {
  font-family: "yubin";
  content: "\f106";
  display: block;
  font-size: 70px;
}
footer .footNav .toolarea li a.postsearch:before {
  content: "\e989";
}
footer .footNav .toolarea li a.zipsearch:before {
  content: "\e98b";
  font-size: 90px;
  line-height: 71px;
}
footer .footNav .toolarea li a.tracking:before {
  content: "\e98a";
  font-size: 86px;
  line-height: 71px;
}
footer .footNav .toolarea li a.redeli:before {
  content: "\e990";
}
footer .footNav .toolarea li a.delidays:before {
  content: "\e98f";
  font-size: 60px;
  line-height: 70px;
}
footer .footNav .toolarea li a.fee:before {
  content: "\e939";
}
footer .footNav .toolarea li a:hover {
  background: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
footer .footNav .toolarea li:last-child {
  border-right: 0;
}
footer .footNav .bodyarea {
  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;
}
footer .footNav .bodyarea .half {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  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;
  padding: 0 2.5%;
}
footer .footNav .bodyarea .half ul {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-size: 0.85rem;
}
footer .footNav .bodyarea .half ul li {
  padding: 0.4em 0 0.4em 0.9em;
  text-indent: 0;
}
footer .footNav .bodyarea .half ul li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0.65em;
}
footer .footNav .bodyarea .half ul li ul.child {
  margin-top: 0.4em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
footer .footNav .bodyarea .half ul li ul.child li {
  margin-left: 0.6em;
}
footer .footNav .bodyarea .half:first-child {
  border-right: 2px solid #ccc;
}
footer .footNav .bodyarea ul.first li {
  font-weight: bold;
}
footer .footNav .bodyarea ul.first li:before {
  color: #cc0000;
}
footer .footNav .bodyarea ul.first li.nolink:before {
  color: #999;
}
footer .footNav .bodyarea ul.second li:before {
  color: #cc0000;
}
footer .footNav .bodyarea ul.sub li:before {
  /*color:#999999;*/
  color: #cc0000;
}
footer .groupbnr {
  margin: 40px auto;
}
footer .groupbnr 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;
}
footer .groupbnr ul li {
  width: 32%;
  position: relative;
}
footer .groupbnr ul li a {
  border: 1px solid #ccc;
  background: #FFF;
  display: block;
  padding: 25px 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .groupbnr ul li a:after {
  font-family: "yubin";
  content: "\e924";
  position: absolute;
  color: #333;
  right: 25px;
  top: 40%;
}
footer .groupbnr ul li a:hover {
  opacity: 0.6;
}
footer .footArea {
  line-height: 0;
}
footer .footArea .sp {
  display: none;
}
footer .footArea .upper {
  margin: 7px auto;
  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;
}
footer .footArea .upper .logo {
  text-align: left;
  padding-right: 30px;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  max-width: 120px;
}
footer .footArea .upper .nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
footer .footArea .upper .nav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .footArea .upper .nav ul li {
  margin-right: 1.7em;
  line-height: 1.8;
}
footer .footArea .upper .nav ul li:before {
  color: #cc0000;
  top: 0;
}
footer .footArea .lower {
  background: #cc0000;
  padding: 10px 33px;
}
footer .footArea .lower .sitewidth {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .footArea .lower .copy {
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  top: 2px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  footer .footNav, footer .groupbnr, footer .footArea .upper {
    padding: 0 2%;
  }
  footer .footNav .toolarea {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  footer .footNav .bodyarea .half ul {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
  }
  footer .footNav .bodyarea .half ul ul {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  footer {
    padding-top: 0;
    /* 20190106add --- */
    /* --- 20190106add */
  }
  footer .pagetop a {
    right: 3vw;
  }
  footer .footNav {
    font-size: 0.8rem;
  }
  footer .footNav a {
    color: #333333;
  }
  footer .footNav .toolarea {
    display: none;
  }
  footer .footNav .bodyarea {
    display: block;
  }
  footer .footNav .bodyarea .half {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  footer .footNav .bodyarea .half ul {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  footer .footNav .bodyarea .half ul li {
    position: relative;
    padding: 0.4em 0 0.4em 1.5em;
    margin-bottom: 0;
  }
  footer .footNav .bodyarea .half ul li:before {
    left: 8px;
    top: 1.5em;
    position: absolute;
  }
  footer .footNav .bodyarea .half ul.first.arrowR li:before {
    content: none;
  }
  footer .footNav .bodyarea .half ul.first.arrowR a {
    display: block;
  }
  footer .footNav .bodyarea .half ul.first.arrowR li:before {
    font-family: "yubin";
    display: inline-block;
    /*margin-right: .5em;*/
    content: "\f105";
    color: #cc0000;
  }
  footer .footNav .bodyarea .half ul.first.arrowR li.nolink:before {
    font-family: "yubin";
    display: inline-block;
    /*margin-right: .5em;*/
    content: "\f105";
    color: #999;
  }
  footer .footNav .bodyarea .half:first-child {
    border-right: 0;
    display: block;
  }
  footer .footNav .bodyarea .half:first-child ul li {
    border-bottom: 1px solid #CCC;
  }
  footer .footNav .bodyarea .half:first-child ul li a {
    display: inline-block;
    padding: 0.8em 0;
  }
  footer .footNav .bodyarea .half:first-child ul li.nolink {
    padding: 1em 0 0 1.5em;
  }
  footer .footNav .bodyarea .half:first-child ul li.nolink:before {
    top: 1.2em;
  }
  footer .footNav .bodyarea .half:first-child ul li.nolink ul.child {
    padding: 0;
  }
  footer .footNav .bodyarea .half:first-child ul.child li:last-child {
    border-bottom: 0;
  }
  footer .footNav .bodyarea .half:last-child {
    display: block;
  }
  footer .footNav .bodyarea .half:last-child ul {
    /*align-content: space-between;*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .footNav .bodyarea .half:last-child ul li {
    padding: 0.6em 0.5em 0.6em 1em;
    border-bottom: 1px solid #ccc;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    font-size: 0.9em;
  }
  footer .footNav .bodyarea .half:last-child ul.sub {
    /*li{flex-basis:49%; padding: .6em 0.5em .6em 1em; border-bottom:none;}*/
  }
  footer .footNav .bodyarea .half:last-child ul.sub li:before {
    top: 1.85em;
  }
  footer .footNav .bodyarea .half:last-child ul.sub li:nth-child(odd):before {
    left: 5px;
  }
  footer .footNav .bodyarea .half:last-child ul.sub li.clm1 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  footer .groupbnr {
    padding: 0 3%;
    margin: 30px auto 20px;
  }
  footer .groupbnr .innerwidth {
    padding: 0;
  }
  footer .groupbnr ul {
    margin-top: 10px;
    display: block;
  }
  footer .groupbnr ul:before {
    content: "日本郵政グループ";
    font-weight: bold;
    /*font-size:1.1rem;*/
    font-size: 16px;
    display: block;
    margin-bottom: 0.5em;
  }
  footer .groupbnr ul li {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
  footer .groupbnr ul li a {
    border: 1px solid #ccc;
    background: #FFF;
    display: block;
    padding: 25px 8%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  footer .groupbnr ul li a:after {
    font-family: "yubin";
    content: "\e924";
    position: absolute;
    color: #333;
    right: 25px;
    top: 40%;
  }
  footer .groupbnr ul li a:hover {
    opacity: 0.6;
  }
  footer .footArea {
    line-height: 1.6;
  }
  footer .footArea .upper, footer .footArea .lower {
    display: none;
  }
  footer .footArea .nav {
    padding: 0 2%;
  }
  footer .footArea .nav 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;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  footer .footArea .nav ul li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    font-size: 0.8rem;
    margin-bottom: 0.5em;
    padding: 0.6em 0 0.6em 1em;
  }
  footer .footArea .nav ul li:before {
    color: #cc0000;
  }
  footer .footArea .sp {
    display: block;
  }
  footer .footArea .sp .copy {
    text-align: center;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    margin: 0.8em 0;
  }
  footer .footArea .sp .bar {
    background: #cc0000;
    padding: 15px 0;
    text-align: center;
  }
  footer .footArea .sp .bar img {
    width: 144px;
  }
  footer .footArea .sp .nav ul li:before {
    top: 0.6em;
    left: 5px;
  }
  footer .footNav .bodyarea .half:last-child ul.sub li {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1.7em 0.5em 1.6em 1.1em;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  footer .footNav .bodyarea .half:last-child ul.sub li.line-h1 {
    /*line-height: 1!important;*/
  }
  footer .footNav .bodyarea .half:last-child ul.sub li:nth-child(2n) {
    border-right: none !important;
    padding-left: 1.5em !important;
  }
  footer .footNav .bodyarea .half:last-child ul {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  footer .footArea .nav ul {
    display: block !important;
  }
  footer .footArea .nav ul li {
    padding-left: 1.2em !important;
  }
}
/* sp */
/* sp */
/* lang footer */
footer.common.lang {
  background: #FFF;
}
footer.common.lang .footArea .upper {
  background: #FFF;
  padding: 8px 0;
  margin: 0 auto;
}
footer.common.lang .footArea .upper .navi {
  font-size: 12px;
}
footer.common.lang .footArea .lower .sitewidth .group img {
  height: 14px;
}
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  footer.common.lang {
    background: #FFF;
  }
  footer.common.lang .footArea .upper {
    padding: 8px 33px;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  footer.common.lang .footArea .copyright {
    text-align: center;
    margin: 10px 0;
  }
  footer.common.lang .footArea .upper {
    display: none;
  }
  footer.common.lang .footArea .lower {
    display: block;
  }
  footer.common.lang .footArea .lower .sitewidth {
    display: block;
  }
  footer.common.lang .footArea .lower .sitewidth .group {
    text-align: center;
    margin-top: 5px;
  }
  footer.common.lang .footArea .lower .sitewidth .group img {
    height: 22px;
  }
  footer.common.lang .footArea .lower .sitewidth .copy {
    display: none;
    text-align: center;
    top: 10px;
  }
  footer.common.lang .footArea .lower .sitewidth .copy img {
    width: auto;
  }
}
/* sp */
/*----------------------------------------------------------
	module
--------------------------------------------------------- */
/* パンくずリスト */
#path-box {
  background: #DEDEDE;
}

/*----------------------------------------------------------
	unique style
--------------------------------------------------------- */
@media screen and (max-width: 750px) {
  /* swiper ピックアップ */
  .topPickup.bgG.pd {
    padding: 30px 0;
  }
}
/* sp */
/* sp */
/*  top
----------------------------------------------- */
/* トップ大バナー */
.kvArea {
  margin-top: 10px;
}
.kvArea .slideimg .swiper-slide img {
  width: 100%;
  height: auto;
  /*min-width:1400px;*/
}
.kvArea .swiper-container {
  padding-bottom: 0 !important;
}
.kvArea .swiper-container .swiper-pagination {
  bottom: 10px !important;
}
.kvArea .swiper-container .swiper-pagination-bullet {
  background: #c7c7c7;
}

@media screen and (max-width: 750px) {
  .kvArea .swiper-container {
    padding-bottom: 0 !important;
  }
}
/* sp */
/* トップ 重要なお知らせ */
.importantArea {
  background: rgba(255, 204, 102, 0.05);
  border: 2px solid rgb(255, 204, 102);
  margin: 10px auto 0;
}
.importantArea dl {
  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: 10px;
  line-height: 1.5;
}
.importantArea dl dt {
  font-weight: 500;
  padding-right: 10px;
}
.importantArea dl dt:before {
  font-family: "yubin";
  content: "ｙ";
  color: rgb(255, 204, 102);
  font-weight: normal;
  margin-right: 0.3em;
}
.importantArea dl dd {
  border-left: 1px solid #dcdcdc;
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
  .importantArea {
    max-width: 1200px;
    margin: 10px auto 0;
  }
  .importantArea dl dt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-weight: bold;
    display: inline-block;
  }
  .importantArea dl dd {
    padding-left: 15px;
  }
}
/* nonsp */
@media screen and (max-width: 750px) {
  /* トップ 重要なお知らせ */
  .importantArea {
    margin: 10px auto 0;
  }
  .importantArea dl {
    padding: 0 10px;
    display: block;
  }
  .importantArea dl dt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-weight: bold;
    padding: 10px 0 0 0;
    display: inline-block;
  }
  .importantArea dl dd {
    font-size: 0.9rem;
    padding-left: 15px;
    padding-bottom: 0.6em;
    border-left: 0;
  }
}
/* sp */
/* トップ 重要なお知らせ2 */
.topnoticeArea {
  background: #f7f7f7;
  margin: 10px auto 0;
  max-width: 1200px;
  margin: auto;
}
.topnoticeArea dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  line-height: 1.5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topnoticeArea dl dt {
  font-weight: 500;
  padding: 20px;
  background: #cc0000;
  color: #FFF;
  text-align: center;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topnoticeArea dl dt > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.topnoticeArea dl dt .more {
  display: block;
  font-weight: normal;
  font-size: 95%;
  /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
  margin-top: 5px;
}
.topnoticeArea dl dt .more a {
  color: #FFF;
}
.topnoticeArea dl dt .more:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.3em;
  display: inline-block;
}
.topnoticeArea dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 20px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topnoticeArea dl dd > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.topnoticeArea dl dd ul.arrowR li:before {
  top: 0em;
}
.topnoticeArea.simple dl dt {
  background: none;
  color: #cc0000;
}

@media screen and (max-width: 750px) {
  .topnoticeArea {
    padding: 10px;
  }
  .topnoticeArea dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .topnoticeArea dl dt {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 10px;
  }
  .topnoticeArea dl dd {
    padding: 15px 10px 0px;
  }
  .topnoticeArea.simple.slim dl dt {
    padding: 0;
  }
  .topnoticeArea.simple.slim dl dd {
    padding: 10px 10px 0;
  }
}
/* sp */
.relatedbnrArea.bgG.pd {
  padding-bottom: 30px;
}
.relatedbnrArea .slidebnr.swiper-container {
  margin: 40px auto 0;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-slide {
  text-align: center !important;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
  position: relative;
  margin-top: 30px;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
  top: 40px !important;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
  top: 40px !important;
}

.borderbnr4.optionbnrArea ul li a {
  color: #cc0000 !important;
  display: table;
  position: relative;
}
.borderbnr4.optionbnrArea ul li a.icon:before {
  position: absolute;
  top: 50%;
  left: 15%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr4.optionbnrArea ul li a.icon:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr4.optionbnrArea ul li a.about:before {
  font-family: "yubin";
  content: "\e934";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.recruit:before {
  font-family: "yubin";
  content: "\e941";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.bizpost:before {
  font-family: "yubin";
  content: "\e930";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.campaign:before {
  font-family: "yubin";
  content: "\e932";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.sns:before {
  font-family: "yubin";
  content: "\e943";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.posukuma:before {
  font-family: "yubin";
  content: "\e940";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.kids:before {
  font-family: "yubin";
  content: "\e988";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.cm:before {
  font-family: "yubin";
  content: "\e933";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li:hover {
  background: #FAECEA;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .borderbnr4.optionbnrArea {
    margin: 50px auto;
    /*padding:0 3%;*/
  }
  .borderbnr4.optionbnrArea ul:after {
    content: "";
    display: block;
    -ms-flex-preferred-size: 32.5%;
        flex-basis: 32.5%;
    height: 0;
  }
  .borderbnr4.optionbnrArea ul li {
    margin-bottom: 20px;
    border: none;
    height: auto;
  }
  .borderbnr4.optionbnrArea 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.optionbnrArea ul li a span {
    font-weight: 400;
    margin-top: 22px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    left: 0;
    width: 100%;
  }
  .borderbnr4.optionbnrArea ul li a.icon:before {
    display: block;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .borderbnr4.optionbnrArea {
    margin: 50px auto;
    padding: 0 3%;
  }
  .borderbnr4.optionbnrArea ul {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .borderbnr4.optionbnrArea ul li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
  }
  .borderbnr4.optionbnrArea ul li a.icon:before {
    display: block;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
  .borderbnr4.optionbnrArea ul li a.icon:after {
    font-family: "yubin";
    content: "\f105";
    font-size: 22px;
    position: absolute;
    top: 50%;
    right: 3%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .borderbnr4.optionbnrArea ul li a.about:before {
    font-family: "yubin";
    content: "\e934";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.recruit:before {
    font-family: "yubin";
    content: "\e941";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.bizpost:before {
    font-family: "yubin";
    content: "\e930";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.campaign:before {
    font-family: "yubin";
    content: "\e932";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.sns:before {
    font-family: "yubin";
    content: "\e943";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.posukuma:before {
    font-family: "yubin";
    content: "\e940";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.kids:before {
    font-family: "yubin";
    content: "\e988";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.cm:before {
    font-family: "yubin";
    content: "\e933";
    font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li:nth-of-type(n + 2) {
    margin-top: 0;
  }
}
/* sp */
/* トップ追跡・再配達 */
.topSearchBlock {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin: 40px auto;
}
.topSearchBlock .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.25rem;
  margin-bottom: 0.7em;
}
.topSearchBlock.clm4 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1400px;
  margin: 40px auto;
}
.topSearchBlock.clm4 .block {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  padding: 0 1%;
  position: relative;
  border-right: 0;
  min-height: 180px;
}
.topSearchBlock.clm4 .block .head a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.25rem;
  margin-bottom: 0.7em;
}
.topSearchBlock.clm4 .block .formArea form {
  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;
}
.topSearchBlock.clm4 .block .formArea form input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.topSearchBlock.clm4 .block .formArea form .selectWrap {
  margin-right: 5px;
}
.topSearchBlock.clm4 .block .formArea form .select {
  padding: 0.9em 30px 0.9em 10px;
}
.topSearchBlock.clm4 .block .formArea form input[type=text] {
  padding: 0.9em;
  min-width: 150px;
}
.topSearchBlock.clm4 .block .formArea form input[type=button], .topSearchBlock.clm4 .block .formArea form input[type=submit] {
  background: #cc0000;
  color: #FFF;
  border: none;
  font-family: "yubin";
  font-size: 28px;
  padding: 8px;
  vertical-align: bottom;
  margin-left: 8px;
}
.topSearchBlock.clm4 .block ul {
  margin-top: 10px;
}
.topSearchBlock.clm4 .block ul li {
  text-indent: 0;
  padding-left: 0;
}
.topSearchBlock.clm4 .block .arrowLink li {
  font-size: 0.85rem;
  padding-left: 1em;
}
.topSearchBlock.clm4 .block:after {
  position: absolute;
  right: 0;
  height: 90px;
  content: "";
  border-right: 2px solid #eee;
  margin: auto;
  top: 0;
  bottom: 0;
}
.topSearchBlock.clm4 .block:last-child:after {
  border-right: 0;
}
.topSearchBlock.clm4 .postsearch {
  -ms-flex-preferred-size: 26.66%;
      flex-basis: 26.66%;
  max-width: 26.66%;
}
.topSearchBlock.clm4 .postsearch .head span:before {
  font-family: "yubin";
  content: "\e93f";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .zipsearch {
  -ms-flex-preferred-size: 26.66%;
      flex-basis: 26.66%;
  max-width: 26.66%;
}
.topSearchBlock.clm4 .zipsearch .head span:before {
  font-family: "yubin";
  content: "\e945";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .zipsearch dl dt select:after {
  font-family: "yubin";
  content: "\e93f";
}
.topSearchBlock.clm4 .zipsearch dl dt .selectWrap {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}
.topSearchBlock.clm4 .zipsearch dl dt input {
  -ms-flex-preferred-size: 63%;
      flex-basis: 63%;
}
.topSearchBlock.clm4 .tracking {
  -ms-flex-preferred-size: 26.66%;
      flex-basis: 26.66%;
  max-width: 26.66%;
}
.topSearchBlock.clm4 .tracking .head span:before {
  font-family: "yubin";
  content: "\e944";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .tracking .formArea form {
  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;
}
.topSearchBlock.clm4 .tracking .formArea form input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.topSearchBlock.clm4 .redeli {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}
.topSearchBlock.clm4 .redeli .head:before {
  font-family: "yubin";
  content: "\e990";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .redeli a.btnM {
  padding: 0.7em;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .topSearchBlock.clm4 {
    padding: 0 !important;
  }
  .topSearchBlock.clm4 .block .head {
    font-size: 1.5vw;
  }
  .topSearchBlock.clm4 .block .formArea form input[type=text] {
    min-width: auto;
    padding: 0.9em 0.5em;
  }
  .topSearchBlock.clm4 .zipsearch {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
  }
  .topSearchBlock.clm4 .postsearch {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .topSearchBlock.clm4 .tracking {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    /*padding:0 2% 0 0;*/
  }
  .topSearchBlock.clm4 .tracking .flex .formArea {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .topSearchBlock.clm4 .tracking .flex .option {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    padding-left: 2%;
  }
  .topSearchBlock.clm4 .redeli {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
    /*padding:0 0 0 2%;*/
  }
}
/* yubinpc */
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .topSearchBlock.clm4 .block .head {
    font-size: 1.5vw;
  }
  .topSearchBlock.clm4 .block .head:before {
    font-size: 42px;
    margin-right: 0em;
  }
}
/* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .topSearchBlock.clm4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 20px auto -20px;
  }
  .topSearchBlock.clm4 .block {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
  .topSearchBlock.clm4 .block .head {
    font-size: 1.25rem;
  }
  .topSearchBlock.clm4 .block.zipsearch {
    margin-bottom: 10px;
  }
  .topSearchBlock.clm4 .block.postsearch {
    margin-bottom: 10px;
  }
  .topSearchBlock.clm4 .block:after {
    border-right: 0;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  /* トップ追跡・再配達 */
  .topSearchBlock.clm4 {
    margin: 30px auto 40px;
    border-bottom: 10px solid #eee;
    display: block;
  }
  .topSearchBlock.clm4.clm4 .block {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 15px 0;
    border-bottom: 2px solid #eee;
  }
  .topSearchBlock.clm4.clm4 .block:after {
    border-right: 0;
  }
  .topSearchBlock.clm4.clm4 .block:last-child {
    border-bottom: 0;
  }
}
/* sp */
/* sp */
/* トップ　郵便ボタンメニュー */
.topService {
  margin: 50px auto;
}
.topService .contBox {
  padding-bottom: 20px;
}
.topService .contBox ul.btnRed li small {
  font-size: 70%;
}
.topService .contBox ul.btnRed li a {
  line-height: 1.1;
}
.topService .contBox ul.btnRed li a span {
  margin-left: 70px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  padding-left: 70px;
}
.topService .contBox ul.btnRed li a:hover {
  background: #FAECEA;
  text-decoration: none;
}
.topService .contBox ul.btnRed li a.icon:before {
  position: absolute;
  top: 50%;
  left: 11%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #cc0000;
  font-weight: normal;
  font-size: 46px;
}
.topService .contBox ul.btnRed li a.day:before {
  font-family: "yubin";
  content: "\e937";
}
.topService .contBox ul.btnRed li a.fee:before {
  font-family: "yubin";
  content: "\e939";
}
.topService .contBox ul.btnRed li a.pickup:before {
  font-family: "yubin";
  content: "\e93e";
}
.topService .contBox ul.btnRed li a.make:before {
  font-family: "yubin";
  content: "\e93d";
}
.topService .contBox ul.btnRed li a.compare:before {
  font-family: "yubin";
  content: "\e98e";
}
.topService .contBox ul.btnRed.clm1 li a {
  padding: 30px 10px;
}
.topService .contBox ul.btnRed.clm1 li a span {
  margin: auto;
  padding-left: 0;
}
.topService .contBox ul.btnRed.clm1 li a.icon:before {
  left: -21%;
  position: relative;
  line-height: 0;
  bottom: 0;
  vertical-align: baseline;
}
.topService .contBox ul.btnRed.clm1 li _:lang(x)::-ms-backdrop, .topService .contBox ul.btnRed.clm1 li a.icon:before {
  /* IE */
  left: -17%;
  vertical-align: bottom;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .topService .contBox ul.btnRed li a span {
    line-height: 1.2;
    padding-left: 42px;
    padding-right: 30px;
  }
  .topService .contBox ul.btnRed li a.icon:before {
    font-size: 35px;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  /* トップ　郵便ボタンメニュー */
  .visualblockA.topService {
    margin: 20px auto;
  }
  .visualblockA.topService .contBox ul.btnRed li a span {
    padding-left: 0;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li {
    width: 48%;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a {
    line-height: 1;
    text-align: center;
    padding: 8px 3% 8px 0;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span {
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    line-height: 1.3;
    margin-left: 0;
    font-size: 1rem;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span br {
    font-size: 0px;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a:hover {
    background: #FAECEA;
    text-decoration: none;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a.icon:before {
    display: block;
    color: #cc0000;
    font-weight: normal;
    line-height: 1;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .visualblockA.topService .contBox ul.btnRed.clm1 li span {
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    padding-left: 10%;
  }
  .visualblockA.topService .contBox ul.btnRed.clm1 li a.icon:before {
    left: -2.3em;
    bottom: -10px;
  }
}
/* sp */
/* sp */
/* トップ　銀行と保険のサービス */
.topFinance .contBox .head:before {
  font-size: 40px;
  color: #cc0000;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 8px;
  margin-right: 4px;
}
.topFinance .contBox .head.junbi:before {
  font-family: "yubin";
  content: "\e94b";
}
.topFinance .contBox .head.sonaeru:before {
  font-family: "yubin";
  content: "\e94d";
}
.topFinance .contBox .head.nokosu:before {
  font-family: "yubin";
  content: "\e94c";
}
.topFinance .contBox .head.fuyasu:before {
  font-family: "yubin";
  content: "\e94a";
}

@media screen and (max-width: 750px) {
  /* トップ　銀行と保険のサービス */
  .topFinance .contBox div.clm2 {
    display: block;
  }
  .topFinance .contBox div.clm2 .clm {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .topFinance .contBox div.clm2 .arrowLink {
    font-size: 0.9rem;
    margin-top: 10px;
  }
  .topFinance .contBox div.clm2 .arrowLink li {
    padding-left: 1em;
    text-indent: 0;
    margin-bottom: 0.5em;
  }
}
/* sp */
/* sp */
@media screen and (max-width: 750px) {
  /* トップ 関連施設 */
  .relatedbnrArea.bgG.pd {
    padding-bottom: 30px;
  }
  .relatedbnrArea .slidebnr.swiper-container {
    margin: 40px auto 0;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-slide {
    text-align: center !important;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
    position: relative;
    margin-top: 30px;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
    top: 40px !important;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
    top: 40px !important;
    right: 30px !important;
  }
}
/* sp */
/* sp */
/*  service
----------------------------------------------- */
.popular_product.swiper-container {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 750px) {
  .popular_product.swiper-container {
    padding-bottom: 0 !important;
  }
}
/* sp */
.page_service .serviceIcon {
  position: relative;
}
.page_service .serviceIcon ul.icon {
  position: absolute;
  right: 0;
  bottom: 20%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.page_service .serviceIcon ul.icon li {
  background: #FFF;
  border: 1px solid #cc0000;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  position: relative;
}
.page_service .serviceIcon ul.icon li span {
  font-size: 6px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  /*width: 188.888%;*/
  width: 111.1111111111%;
  font-size: 10px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  line-height: 1;
}
.page_service .serviceIcon ul.icon li span:before {
  display: block;
  font-weight: normal;
  font-size: 38px;
}
.page_service .serviceIcon ul.icon li span.toukan:before {
  font-family: "yubin";
  content: "\e980";
}
.page_service .serviceIcon ul.icon li span.shuka:before {
  font-family: "yubin";
  content: "\e93e";
}
.page_service .serviceIcon ul.icon li span.tsuiseki:before {
  font-family: "yubin";
  content: "\e944";
}
.page_service .serviceIcon ul.icon li span.jikan:before {
  font-family: "yubin";
  content: "\e979";
}
.page_service .serviceIcon ul.icon li span.conveni:before {
  font-family: "yubin";
  content: "\e936";
}
.page_service .serviceIcon ul.icon li span.allyear:before {
  font-family: "yubin";
  content: "\e9a4";
}
.page_service .serviceIcon ul.icon li:last-child {
  margin-right: 0;
}
.page_service .serviceList {
  margin-bottom: 30px;
}
.page_service .serviceList .boxGray {
  padding: 20px 30px;
}
.page_service .serviceList h3.arrowR {
  padding: 0.3em 0;
  font-size: 1.05rem;
}
.page_service .serviceList h3.arrowR a {
  color: #cc0000;
}
.page_service .serviceList h3.arrowR a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 86%;
  color: #cc0000;
  font-weight: normal;
}
.page_service .serviceList h3.arrowR.serviceIcon {
  padding: 0.5em 0 1.25em;
}
.page_service .serviceList h3.lline {
  font-size: 1.15rem;
  margin-bottom: 0.9em;
}
.page_service .serviceList h4 {
  font-size: 1em;
  margin: 1.5em 0 0.4em;
}
.page_service .serviceList ul.arrowR {
  margin: 20px auto;
}
.page_service .serviceList ul.arrowR li {
  margin: 0.4em 0;
  font-size: 0.8rem;
}
.page_service .serviceList ul.arrowR a {
  color: #333333;
}
.page_service .serviceList ul.arrowR:last-of-type {
  margin-bottom: 0;
}
.page_service .serviceList h4.simple + ul.arrowR {
  margin-top: 0;
}
.page_service .serviceList .clm2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page_service .serviceList .clm2 .clm {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
}

/* page_service */
@media screen and (max-width: 750px) {
  .page_service .serviceIcon ul.icon li {
    width: 42px;
    height: 42px;
    margin-right: 4px;
  }
  .page_service .serviceIcon ul.icon li span {
    letter-spacing: -0.1em;
    /*width: 188.888%;*/
    width: 117.6470588235%;
    font-size: 10px;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    position: relative;
  }
  .page_service .serviceIcon ul.icon li span:before {
    display: block;
    font-weight: normal;
    font-size: 38px;
    line-height: 0.9;
  }
  .page_service .serviceList .boxGray2 {
    padding: 10px 12px;
  }
  .page_service .serviceList h3.arrowR {
    padding: 0.3em 0;
    font-size: 1rem;
  }
  .page_service .serviceList h3.arrowR a {
    color: #cc0000;
  }
  .page_service .serviceList ul.arrowR li {
    margin: 0.8em 0;
    font-size: 0.74rem;
    /* width:49%;*/
  }
  .page_service .serviceList h4.simple + ul.arrowR {
    margin-top: 0;
  }
  .page_service .serviceList .clm2 {
    display: block !important;
  }
  .page_service .serviceList .clm2 .clm {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .page_service .serviceList .boxGray2 ul.arrowR li:before {
    margin-right: 0.3em;
  }
  .page_service .serviceList .boxGray2 ul.clm2sp {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page_service .serviceList .boxGray2 ul.clm2sp li {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    max-width: 47%;
  }

  /* page_service */
}
/* sp */
/* sp */
/*  send
----------------------------------------------- */
.compareBoxS {
  margin-top: 30px;
  position: relative;
}
.compareBoxS p.more {
  position: absolute;
  right: 0;
  top: 10px;
}
.compareBoxS .head4 {
  font-size: 1.1rem;
  margin-top: 0;
}
.compareBoxS .inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.compareBoxS .inner .step .balloon {
  position: relative;
  margin-right: 30px;
  border: 1px solid #ccc;
  padding: 15px 25px;
  position: relative;
}
.compareBoxS .inner .step .balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -36px;
  margin-top: -12px;
  border: 18px solid transparent;
  border-left: 18px solid #FFF;
  z-index: 2;
}
.compareBoxS .inner .step .balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -14px;
  border: 20px solid transparent;
  border-left: 20px solid #ccc;
  z-index: 1;
}
.compareBoxS .inner .step.no2 {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.compareBoxS .inner .step.no2 .balloon .sub {
  position: absolute;
  right: 20px;
  top: 15px;
}
.compareBoxS .inner .step.no2 .balloon .sub a {
  background: #cc0000;
  color: #FFF;
  font-size: 0.8em;
  padding: 0.2em 0.8em;
  border-radius: 5px;
}
.compareBoxS .inner dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.compareBoxS .inner dl dt {
  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: 400;
  padding: 0.6em 0;
  text-align: center;
  margin-right: 8px;
}
.compareBoxS .inner dl:last-child {
  margin-bottom: 0;
}
.compareBoxS .inner dl.size ul.item input[type=text] {
  width: 8em;
  margin-right: 4px;
}
.compareBoxS .inner dl.size ul.item li:after {
  font-family: "yubin";
  content: "\e912";
  margin: 0 5px;
  font-size: 30px;
  color: #AAA;
  position: relative;
  top: 0.2em;
}
.compareBoxS .inner dl.size ul.item li:last-child:after {
  content: none;
  margin: 0;
}
.compareBoxS .inner .btnArea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.compareBoxS .inner .btnArea input {
  font-family: "yubin", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .compareBoxS .head4 {
    font-size: 1rem;
  }
  .compareBoxS p.more {
    position: static;
  }
  .compareBoxS .inner {
    display: block;
  }
  .compareBoxS .inner .step .balloon {
    margin-right: 0;
    position: relative;
    margin-bottom: 30px;
    padding: 15px;
  }
  .compareBoxS .inner .step .balloon:before, .compareBoxS .inner .step .balloon:after {
    border: none;
    position: static;
    margin-top: 0;
  }
  .compareBoxS .inner .step .balloon:after {
    font-family: "yubin";
    content: "\f0d7";
    display: block;
    color: #a0a0a0;
    font-size: 30px;
    margin: auto;
    position: absolute;
    width: 30px;
    left: 0;
    right: 0;
    bottom: -30px;
    top: auto;
  }
  .compareBoxS .inner .step .selectWrap {
    width: 100%;
  }
  .compareBoxS .inner .step.no2 {
    display: block;
    margin-bottom: 0;
  }
  .compareBoxS .inner .step.no2 .balloon:after {
    content: none;
  }
  .compareBoxS .inner dl dt {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .compareBoxS .inner dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .compareBoxS .inner dl.size ul.item {
    display: block;
  }
  .compareBoxS .inner dl.size ul.item input[type=text] {
    width: calc(100% - 2.5em);
    margin-right: 4px;
  }
  .compareBoxS .inner dl.size ul.item li:after {
    content: none;
  }
  .compareBoxS .inner ul.item {
    display: block;
  }
  .compareBoxS .inner ul.item li {
    margin: 0 0 10px;
    width: 100%;
  }
  .compareBoxS .inner ul.item li:last-child {
    margin-bottom: 0;
    width: 100%;
  }
}
/* sp */
/* sp */
/*  send/compare
----------------------------------------------- */
.formArea.compare p.more a {
  color: #cc0000;
}
.formArea.compare input[type=checkbox] + label, .formArea.compare input[type=radio] + label {
  border: 1px solid #646464;
  background: #FFF;
  color: #646464;
  display: block;
}
.formArea.compare input[type=checkbox] + label:before {
  margin: -4px 3px 0 0;
  font-size: 22px;
}
.formArea.compare input[type=checkbox]:checked + label, .formArea.compare input[type=radio]:checked + label {
  border: 1px solid #cc0000;
  background: #cc0000;
  color: #FFF;
}
.formArea.compare input[type=checkbox]:checked + label:before, .formArea.compare input[type=radio]:checked + label:before {
  color: #FFF;
}
.formArea.compare .selectWrap .select {
  padding: 16px 40px 16px 10px;
  line-height: 1;
}
.formArea.compare .fixedsub .sub a.btn {
  padding: 0.6em 1.3em;
  font-size: 0.9rem;
}
.formArea.compare ul.flex.size_x li:after {
  font-family: "yubin";
  content: "\e912";
  margin: 0 0.8em;
}
.formArea.compare ul.flex.size_x li:last-child:after {
  content: none;
}
.formArea.compare .compact .head:nth-of-type(n + 2) {
  margin-left: 10px;
}
.formArea.compare .compact .head {
  font-size: 15px;
}
.formArea.compare .compact.area dd ul.flex li.head {
  padding: 10px 0;
  font-size: 15px;
}
.formArea.compare .compact.flex li.set {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formArea.compare .simpletoggle {
  background: #FFF;
  border: 1px solid #cc0000;
  padding: 10px 15px;
  border-radius: 5px;
}
.formArea.compare .simpletoggle .parent {
  padding: 8px 10px 8px 60px;
  border: 0;
  margin: 0;
}
.formArea.compare .simpletoggle .parent:before {
  left: 0px;
  right: auto;
  top: -2px;
}
.formArea.compare .simpletoggle .parent.active {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 15px;
}
.formArea.compare .simpletoggle .parent.active:before {
  top: -6px;
}
.formArea.compare .simpletoggle.narrow .option {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*input[type="checkbox"] + label:before{position:absolute; left:4px; height: 22px;margin: auto;top: 0;bottom: 0;line-height: 22px;}*/
}
.formArea.compare .simpletoggle.narrow .option li {
  margin: 0 0 8px;
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  position: relative;
}
.formArea.compare .simpletoggle.narrow .option li label {
  display: block;
  font-size: 0.8rem;
  text-align: center;
}
.formArea.compare .howtosubmit li, .formArea.compare .option li {
  margin: 0 0 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formArea.compare .howtosubmit label, .formArea.compare .option label {
  background: #cc0000;
  color: #FFF;
  text-align: center;
  display: block;
  font-size: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.3;
  min-height: 110px;
}
.formArea.compare .howtosubmit label:before, .formArea.compare .option label:before {
  line-height: 1;
  display: block;
}
.formArea.compare .howtosubmit label i:before, .formArea.compare .option label i:before {
  color: #737373;
  content: "\e92b";
  display: inline-block;
  font-family: "yubin";
  font-size: 22px;
  margin: -1px 3px 0 0;
  vertical-align: middle;
  font-style: normal;
}
.formArea.compare .howtosubmit label small, .formArea.compare .option label small {
  font-size: 0.7em;
  letter-spacing: -0.1em;
}
.formArea.compare .howtosubmit input[type=checkbox]:checked + label i:before, .formArea.compare .option input[type=checkbox]:checked + label i:before {
  color: #FFF;
  content: "\e92a";
  font-family: "yubin";
}
.formArea.compare .howtosubmit input[type=checkbox] + label:before, .formArea.compare .option input[type=checkbox] + label:before {
  display: block;
  font-size: 46px;
  color: #646464;
  font-weight: normal;
}
.formArea.compare .howtosubmit input[type=checkbox]:checked + label:before, .formArea.compare .option input[type=checkbox]:checked + label:before {
  color: #FFF;
}
.formArea.compare .howtosubmit label.pickup:before, .formArea.compare .option label.pickup:before {
  font-family: "yubin";
  content: "\e93e";
}
.formArea.compare .howtosubmit label.toukan:before, .formArea.compare .option label.toukan:before {
  font-family: "yubin";
  content: "\e980";
}
.formArea.compare .howtosubmit label.conveni:before, .formArea.compare .option label.conveni:before {
  font-family: "yubin";
  content: "\e936";
}
.formArea.compare .howtosubmit label.tracking:before, .formArea.compare .option label.tracking:before {
  font-family: "yubin";
  content: "\e98a";
  font-size: 67px !important;
  line-height: 0.68;
}
.formArea.compare .howtosubmit label.registered:before, .formArea.compare .option label.registered:before {
  font-family: "yubin";
  content: "\e995";
}
.formArea.compare .howtosubmit label.chilled:before, .formArea.compare .option label.chilled:before {
  font-family: "yubin";
  content: "\e994";
}
.formArea.compare.result .narrow.result .detail .box {
  margin-bottom: 6px;
}
.formArea.compare.result .narrow.result .detail .box > dd {
  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;
}
.formArea.compare.result .narrow.result .detail .box > dd > * {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}
.formArea.compare.result .narrow.result .detail .box > dd dl.compact {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formArea.compare.result .narrow.result .detail .box > dd dl.compact ul.flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formArea.compare .refine {
  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.compare .refine .head4 {
  font-size: 1rem;
}
.formArea.compare .refine .howtosubmit, .formArea.compare .refine .option {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
}
.formArea.compare .refine .howtosubmit ul.item, .formArea.compare .refine .option ul.item {
  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.compare .refine .howtosubmit ul.item li, .formArea.compare .refine .option ul.item li {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
}
.formArea.compare .resultList {
  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;
  margin-top: 30px;
}
.formArea.compare .resultList a {
  display: block;
  background: #FFF;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
  padding: 15px 30px 15px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  border: 1px solid #FFF;
  margin-bottom: 18px;
}
.formArea.compare .resultList a dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formArea.compare .resultList a dl dt.img {
  border: 1px solid #a0a0a0;
  -ms-flex-preferred-size: 42%;
      flex-basis: 42%;
  max-width: 42%;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFF;
  position: relative;
  padding: 0 1px;
}
.formArea.compare .resultList a dl dt.img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 1px);
}
.formArea.compare .resultList a dl dd {
  -ms-flex-preferred-size: 58%;
      flex-basis: 58%;
  max-width: 58%;
  padding-left: 2%;
}
.formArea.compare .resultList a dl dd .name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 8px;
}
.formArea.compare .resultList a dl dd .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.6em;
  position: relative;
  top: -3px;
  margin-left: 3px;
}
.formArea.compare .resultList a dl dd .method li {
  display: inline-block;
}
.formArea.compare .resultList a dl dd .method li:before {
  font-family: "yubin";
  color: #a0a0a0;
  font-size: 28px;
  font-weight: normal;
  margin-right: 0;
  line-height: 1;
}
.formArea.compare .resultList a dl dd .method li.active:before {
  color: #cc0000;
}
.formArea.compare .resultList a dl dd .method .pickup:before {
  content: "\e93e";
}
.formArea.compare .resultList a dl dd .method .post:before {
  content: "\e980";
  font-size: 30px;
}
.formArea.compare .resultList a dl dd .method .conveni:before {
  content: "\e936";
  font-size: 30px;
}
.formArea.compare .resultList a dl dd .spec {
  font-size: 0.84rem;
  margin: 0.3em 0 0.6em;
}
.formArea.compare .resultList a dl dd .fee {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 8px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.formArea.compare .resultList a dl dd .fee .price {
  font-size: 1.3rem;
}
.formArea.compare .resultList a:hover {
  background: #FAECEA;
  text-decoration: none;
  border: 1px solid #cc0000;
}
.formArea.compare .resultList a:after {
  font-family: "yubin";
  content: "\f105";
  position: absolute;
  right: 0;
  color: #cc0000;
  top: 0;
  bottom: 0;
  font-size: 21px;
  height: 21px;
  width: 18px;
  margin: auto;
  line-height: 0;
}
.formArea.compare .detailArea {
  background: #FFF;
  padding: 20px;
}
.formArea.compare .detailArea .headArea {
  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;
  padding-bottom: 25px;
}
.formArea.compare .detailArea .headArea .product {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  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.compare .detailArea .headArea .product dt.img {
  border: 1px solid #a0a0a0;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 160px;
  position: relative;
  padding: 0 1px;
}
.formArea.compare .detailArea .headArea .product dt.img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.formArea.compare .detailArea .headArea .product dd {
  /*flex-basis:60%; max-width:60%; */
  padding-left: 3%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.formArea.compare .detailArea .headArea .product dd .detailLink {
  position: absolute;
  right: 0;
  top: 0;
}
.formArea.compare .detailArea .headArea .product dd .detailLink a:hover {
  text-decoration: underline;
}
.formArea.compare .detailArea .headArea .product dd .name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  margin-right: 8px;
}
.formArea.compare .detailArea .headArea .product dd .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.8em;
  position: relative;
  top: -0.1em;
}
.formArea.compare .detailArea .headArea .product dd .spec {
  font-size: 0.9rem;
  margin: 0.3em 0 0.6em;
}
.formArea.compare .detailArea .headArea .product dd .fee {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 12px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.formArea.compare .detailArea .headArea .product dd .fee .price {
  font-size: 1.35rem;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) {
  font-size: 0.9rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 200;
  padding: 6px 0;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .head {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  padding-left: 1em;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .price {
  font-size: 1rem;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .price span {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  color: #cc0000;
}
.formArea.compare .detailArea .headArea .link {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
}
.formArea.compare .detailArea .headArea .link dt {
  margin-bottom: 15px;
}
.formArea.compare .detailArea .headArea .link a[class^=btn].slim {
  padding: 1.1em 1em;
}
.formArea.compare .detailArea .moreLinkArea {
  width: 35%;
  margin-right: 0;
  margin-left: auto;
}
.formArea.compare .detailArea ul.option_sort {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formArea.compare .detailArea ul.option_sort li.clm:first-child {
  -ms-flex-preferred-size: 54%;
      flex-basis: 54%;
  max-width: 54%;
}
.formArea.compare .detailArea ul.option_sort li.clm:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 5%;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option::before {
  content: "";
  display: block;
  width: 24%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option::after {
  content: "";
  display: block;
  width: 24%;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  /*flex-basis:auto;  flex:1; margin-right:8px; */
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li label {
  min-height: auto;
  line-height: 1;
  padding: 0.8em 0.6em;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li input[type=checkbox] + label:before {
  font-size: 22px;
  display: inline-block !important;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li:last-child {
  margin-right: 0;
}
.formArea.compare .detailArea ul.method {
  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;
  margin-bottom: 15px;
}
.formArea.compare .detailArea ul.method li {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  max-width: 31%;
  border: 1px solid #cc0000;
  color: #cc0000;
  text-align: center;
  border-radius: 5px;
  padding: 2px 5px 8px;
  font-size: 13px;
  line-height: 1.1;
}
.formArea.compare .detailArea ul.method li small {
  font-size: 10px;
  letter-spacing: -0.1em;
}
.formArea.compare .detailArea ul.method li.pickup:before {
  font-family: "yubin";
  content: "\e93e";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.post:before {
  font-family: "yubin";
  content: "\e980";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.conveni:before {
  font-family: "yubin";
  content: "\e936";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.off {
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.formArea.compare .detailArea .bodyArea {
  /*border-top:1px solid $gray2;*/
  border-bottom: 5px solid #dcdcdc;
  padding: 5px 0 30px;
  /*@include flex; justify-content: space-between;*/
  /*.head{font-weight:bold; padding-right:10px;}*/
  /*.clm{flex-basis:35%; max-width:35%;
  	.head{@include yubold; font-size:1.05rem; margin-bottom:0.3em;}
  	.tooltipBox .label:before{line-height:0; font-size:22px; top:3px;}
  	.tooltipBox .label:hover:before{background:#FFF;border-radius:11px;}
  }*/
}
.formArea.compare .detailArea .bodyArea .clm.slim {
  -ms-flex-preferred-size: 28%;
      flex-basis: 28%;
  max-width: 28%;
}
.formArea.compare .detailArea .bodyArea table {
  text-align: left;
  font-size: 0.75rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
.formArea.compare .detailArea .bodyArea table th, .formArea.compare .detailArea .bodyArea table td {
  padding: 0.5em;
}
.formArea.compare .detailArea .bodyArea table th {
  font-weight: normal;
  background: #eeeeee;
}
.formArea.compare .detailArea .bodyArea table td {
  font-weight: normal;
  background: #f7f7f7;
}
.formArea.compare .detailArea .bodyArea .linkbox2_borderR dl dd {
  padding: 10px 10px 10px;
}
.formArea.compare .detailArea .bodyArea .bnr a {
  border: 1px solid #a0a0a0;
  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;
  border-radius: 5px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 0.9rem;
  padding: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.formArea.compare .detailArea .bodyArea .bnr a .img {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}
.formArea.compare .detailArea .bodyArea .bnr a .text {
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.85rem;
}
.formArea.compare .detailArea .bodyArea .bnr a:nth-child(n+2) {
  margin-top: 6px;
}
.formArea.compare .detailArea .bodyArea .bnr a:hover {
  background: #FAECEA;
}
.formArea.compare .detailArea .btnArea {
  margin: 15px auto;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .formArea.compare .resultList a dl dd .name .option {
    display: block;
    max-width: 60%;
    text-align: center;
    margin-left: 0;
    margin-top: 3px;
  }
}
/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .formArea.compare .detailArea .moreLinkArea {
    margin: auto;
    width: 50%;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .formArea.compare .width_tani {
    width: calc(100% - 2.5em);
  }
  .formArea.compare .head3-simple {
    font-size: 1.1rem;
  }
  .formArea.compare .head4 {
    font-size: 1rem;
  }
  .formArea.compare .simpletoggle .parent {
    padding: 6px 10px 6px 50px;
  }
  .formArea.compare .howtosubmit label small, .formArea.compare .option label small {
    text-align: left;
    display: block;
  }
  .formArea.compare dl.box .compact {
    /*@include flex; justify-content:space-between !important;*/
  }
  .formArea.compare dl.box .compact .set .head {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .formArea.compare dl.box .compact .set .input {
    -ms-flex-preferred-size: 74%;
        flex-basis: 74%;
    max-width: 74%;
  }
  .formArea.compare dl.box .compact .set.flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .formArea.compare dl.box .compact dt {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    text-align: center;
  }
  .formArea.compare dl.box .compact dd {
    -ms-flex-preferred-size: 74%;
        flex-basis: 74%;
    max-width: 74%;
  }
  .formArea.compare dl.box .compact dd ul.flex:first-child {
    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.compare dl.box .compact dd ul.flex:first-child li {
    /*flex-basis:100%; max-width:100%;*/
    /*padding-left:4%;*/
  }
  .formArea.compare dl.box .compact dd ul.flex:first-child li.head {
    width: 5em;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: auto;
    margin: 0;
    padding-left: 0;
  }
  .formArea.compare dl.box .compact dd .selectWrap {
    width: 100%;
  }
  .formArea.compare dl.box .compact dd .selectWrap .select {
    padding: 1.1em 40px 1.1em 10px;
  }
  .formArea.compare dl.box .compact dd ul.flex.size_x li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .formArea.compare dl .fixedsub dl.compact dd {
    /*ul.flex{
    	@include flex; flex-wrap:wrap;
    	li{flex-basis:73%; max-width:73%;padding-left:2%;}
    	li.head{flex-basis:27%; max-width:27%; margin:0; padding-left:0; }
    }*/
  }
  .formArea.compare dl .fixedsub .sub {
    margin-top: 15px;
  }
  .formArea.compare dl .fixedsub .sub a.btn {
    padding: 1em 1em;
  }
  .formArea.compare dl.compact {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .formArea.compare ul.flex {
    display: block;
  }
  .formArea.compare ul.flex li {
    margin-bottom: 6px;
  }
  .formArea.compare ul.flex li:last-child {
    margin-bottom: 0;
  }
  .formArea.compare ul.flex li:after {
    content: none;
  }
  .formArea.compare ul.flex.size_x li:after {
    text-align: center;
    display: block;
    margin: 6px 0 0 -15%;
    font-weight: bold;
  }
  .formArea.compare .simpletoggle {
    background: #FFF;
    border: 1px solid #cc0000;
    padding: 10px 15px;
    border-radius: 5px;
  }
  .formArea.compare .simpletoggle.narrow .howtosubmit li input[type=checkbox] + label {
    padding: 0.5em 0.2em;
    font-size: 0.8rem;
  }
  .formArea.compare .simpletoggle.narrow .howtosubmit li small {
    letter-spacing: -0.1em;
  }
  .formArea.compare .simpletoggle.narrow .option {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .formArea.compare .simpletoggle.narrow .option li {
    margin: 0 2px 8px;
    /*flex-basis:49%;*/
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: auto;
    width: calc(33.3% - 4px);
  }
  .formArea.compare .simpletoggle.narrow .option li label {
    display: block;
    font-size: 0.8rem;
  }
  .formArea.compare.result .narrow.result {
    /* result.html 条件表示 */
  }
  .formArea.compare.result .narrow.result .detail .box > dd > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dt.head {
    width: 4em;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex li.head {
    font-size: 0.9rem;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li {
    margin-bottom: 0;
    max-width: 26%;
    -ms-flex-preferred-size: 26%;
        flex-basis: 26%;
    padding-left: 2%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li.head {
    width: 4.5em;
    max-width: none;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding-left: 0;
    margin-right: 2%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x {
    display: inline-block;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li {
    max-width: none;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    display: inline-block;
    padding-left: 0;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li.head {
    width: 4.5em;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li:after {
    display: inline-block;
    margin: 0 0.2em;
  }
  .formArea.compare.result .box.re-search {
    /* result.html 再検索 */
  }
  .formArea.compare.result .box.re-search dl.compact.area dd {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex li.head {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex li.head + li {
    -ms-flex-preferred-size: 73%;
        flex-basis: 73%;
    max-width: 73%;
  }
  .formArea.compare .refine {
    display: block;
  }
  .formArea.compare .refine > .howtosubmit, .formArea.compare .refine > .option {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .formArea.compare .refine .option ul.item li label {
    display: block;
    font-size: 0.8rem;
  }
  .formArea.compare .resultList {
    margin-top: 15px;
  }
  .formArea.compare .resultList a {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 0 0 10px 10px;
  }
  .formArea.compare .resultList a dl {
    padding: 3%;
  }
  .formArea.compare .resultList a dl dd .name {
    font-size: 1.1rem;
  }
  .formArea.compare .resultList a dl dd .name .option {
    max-width: 100%;
  }
  .formArea.compare .resultList a .spDisp.more {
    border-top: 2px dashed #eeeeee;
    text-align: center;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    padding: 0.6em 0;
  }
  .formArea.compare .resultList a .spDisp.more:before {
    font-family: "yubin";
    content: "\f101";
    color: #cc0000;
    margin-right: 0.2em;
  }
  .formArea.compare .resultList a:after {
    content: none;
    width: auto;
  }
  .formArea.compare .detailArea {
    padding: 3%;
  }
  .formArea.compare .detailArea .headArea {
    display: block;
    padding-bottom: 0;
  }
  .formArea.compare .detailArea .headArea dl.product {
    display: block;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare .detailArea .headArea dl.product dt.img {
    display: block;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
  }
  .formArea.compare .detailArea .headArea dl.product dd {
    margin-top: 10px;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare .detailArea .headArea dl.product dd .detailLink {
    position: relative;
  }
  .formArea.compare .detailArea .headArea dl.product dd #detail .fee:nth-child(n+2) .head {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
    padding-left: 1em;
  }
  .formArea.compare .detailArea .headArea dl.link {
    margin-top: 10px;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare .detailArea .headArea dl.link a[class^=btn].slim {
    padding-right: 1.3em;
  }
  .formArea.compare .detailArea .moreLinkArea {
    width: 100%;
  }
  .formArea.compare .detailArea .moreLinkArea a {
    margin: 15px auto;
  }
  .formArea.compare .detailArea .bodyArea {
    display: block;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare .detailArea .bodyArea .clm, .formArea.compare .detailArea .bodyArea .clm.slim {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.compare .detailArea .bodyArea .clm:nth-child(n+2) {
    margin-top: 15px;
  }
  .formArea.compare .detailArea .bodyArea table {
    font-size: 0.9rem;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li label {
    /*text-align:left;*/
    position: relative;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li input[type=checkbox] + label:before {
    position: absolute;
    left: 4px;
    top: 8px;
  }
  .formArea.compare .detailArea .action .sp-lr10 {
    margin: 0 0 10px 0 !important;
  }
  .formArea.compare .detailArea .bottomBtn a {
    margin-bottom: 10px;
  }
}
/* sp */
.firstMsgModal {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1;
  top: 0;
  /* sp */
}
.firstMsgModal .inner {
  width: 50%;
  padding: 2%;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 2;
  font-size: 0.9rem;
}
.firstMsgModal button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.firstMsgModal button {
  font-size: 1rem;
  padding: 1.1em 2em;
  background: #cc0000;
  color: #FFF;
  min-width: 30%;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.firstMsgModal button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  .firstMsgModal {
    z-index: 101;
  }
  .firstMsgModal .inner {
    width: 86%;
    padding: 5%;
    z-index: 102;
  }
}

.slidename-compare .swiper-slide dl dd {
  padding: 10px 15px;
  min-height: 100px;
}
.slidename-compare .swiper-slide .copy {
  background: #f7f7f7;
  color: #cc0000;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0.3em 0;
}
.slidename-compare .swiper-slide .name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 8px;
}
.slidename-compare .swiper-slide .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.8em;
  position: relative;
  top: -0.1em;
}
.slidename-compare .swiper-slide .spec {
  font-size: 0.9rem;
  margin: 0.3em 0 0.6em;
}
.slidename-compare .swiper-slide .fee {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 8px 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.slidename-compare .swiper-slide .fee .price {
  font-size: 1.35rem;
}

/*  newsrelease
----------------------------------------------- */
.slidepanel .newspickup .swiper-slide {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFF;
}

.slidepanel .newspickup .swiper-slide dl dd {
  min-height: 11em;
  position: relative;
  padding-bottom: 1.5em;
}
.slidepanel .newspickup .swiper-slide dl dd .meta {
  font-size: 0.75rem;
  margin-bottom: 10px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta span {
  padding: 0.1em 1em;
  display: inline-block;
  margin-bottom: 5px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta .cat {
  border: 1px solid #646464;
  color: #646464;
  margin-right: 4px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta .tag {
  border: 1px solid #cc0000;
  color: #cc0000;
}
.slidepanel .newspickup .swiper-slide dl dd .title {
  font-size: 1rem;
}
.slidepanel .newspickup .swiper-slide dl dd .date {
  text-align: right;
  font-size: 0.9rem;
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.newsreleaseList dl {
  border-top: 1px solid #646464;
  margin: 1rem auto 2.5rem;
}
.newsreleaseList dl dd.meta span {
  display: inline-block;
  font-size: 0.8rem;
}
.newsreleaseList dl dd.meta .date {
  background: #646464;
  color: #FFF;
  padding: 0.2em 1em;
}
.newsreleaseList dl dd.meta .cat {
  padding-left: 0.5em;
}
.newsreleaseList dl dt {
  margin: 1em 0 0.8em 15px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
}
.newsreleaseList dl dt a {
  display: block;
}
.newsreleaseList dl dt a:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.4em;
}
.newsreleaseList dl dd.tag {
  margin-left: 15px;
}
.newsreleaseList dl dd.tag span {
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 0 0.6em;
  font-size: 0.8rem;
  display: inline-block;
}
.newsreleaseList dl dd.tag span:before {
  font-family: "yubin";
  margin-right: 0.2em;
  font-size: 130%;
  position: relative;
  top: 0.1em;
}
.newsreleaseList dl dd.tag .press:before {
  content: "\e969";
}
.newsreleaseList dl dd.tag .saigai:before {
  content: "\e901";
}
.newsreleaseList dl dd.tag .unkou:before {
  content: "\e968";
}
.newsreleaseList dl dd.tag .service:before {
  content: "\e971";
}
.newsreleaseList dl dd.tag .kitte:before {
  content: "\e96b";
}
.newsreleaseList dl dd.tag .event:before {
  content: "\e967";
}
.newsreleaseList dl dd.tag .keiei:before {
  content: "\e96a";
}

/*----------------------------------------------------------
	arhive area (json)
--------------------------------------------------------- */
.refineSearch .head {
  color: #cc0000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1.1rem;
  margin: 0;
}
.refineSearch .head.period {
  margin-top: -10px;
}
.refineSearch .head.cat {
  margin: 10px 0 0 0;
}
.refineSearch button[type=submit], .refineSearch input[type=submit] {
  background: #FFF;
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.refineSearch button[type=submit].active, .refineSearch input[type=submit].active {
  background: #cc0000;
  border: 1px solid #cc0000;
  color: #FFF;
}
.refineSearch ul.clm_year li {
  display: inline-block;
  margin-bottom: 10px;
  width: 12%;
}
.refineSearch ul.clm_year li button, .refineSearch ul.clm_year li input {
  width: 100%;
}
.refineSearch ul.clm_year.wide li {
  width: 18.5%;
  margin-right: 0.8%;
}
.refineSearch ul.clm_year.wide li:nth-child(5n) {
  margin-right: 0;
}
.refineSearch dl.clm_cat {
  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;
}
.refineSearch dl.clm_cat dt {
  max-width: 18.5%;
  -ms-flex-preferred-size: 18.5%;
      flex-basis: 18.5%;
}
.refineSearch dl.clm_cat dt button, .refineSearch dl.clm_cat dt input {
  width: 100%;
  padding: 2.25em 0;
}
.refineSearch dl.clm_cat dd {
  max-width: 81.5%;
  -ms-flex-preferred-size: 81.5%;
      flex-basis: 81.5%;
  padding-left: 1%;
}
.refineSearch dl.clm_cat dd button, .refineSearch dl.clm_cat dd input {
  display: inline-block;
  width: 23.5%;
  margin-right: 1%;
  padding: 0.7em 0.5em !important;
  position: relative;
}
.refineSearch dl.clm_cat dd button:nth-child(4n), .refineSearch dl.clm_cat dd input:nth-child(4n) {
  margin-right: 0;
}
.refineSearch dl.clm_cat dd button:nth-child(n+5), .refineSearch dl.clm_cat dd input:nth-child(n+5) {
  margin-top: 0.6em;
}
.refineSearch dl.clm_cat dd button i:before, .refineSearch dl.clm_cat dd input i:before {
  font-family: "yubin";
  color: #a0a0a0;
  font-style: normal;
  position: absolute;
  left: 10px;
  font-size: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
}
.refineSearch dl.clm_cat dd button.active i:before, .refineSearch dl.clm_cat dd input.active i:before {
  color: #FFF;
}
.refineSearch dl.clm_cat dd .press i:before {
  content: "\e969";
}
.refineSearch dl.clm_cat dd .saigai i:before {
  content: "\e901";
}
.refineSearch dl.clm_cat dd .unkou i:before {
  content: "\e968";
}
.refineSearch dl.clm_cat dd .service i:before {
  content: "\e971";
}
.refineSearch dl.clm_cat dd .kitte i:before {
  content: "\e96b";
}
.refineSearch dl.clm_cat dd .event i:before {
  content: "\e967";
}
.refineSearch dl.clm_cat dd .keiei i:before {
  content: "\e96a";
}
.refineSearch .more {
  border-left: 1px solid #c8c8c8;
  padding: 0.5em 1em;
}
.refineSearch .more a {
  color: #cc0000;
}
.refineSearch .more a:before {
  font-family: "yubin";
  content: "\f107";
  margin-right: 0.4em;
}

.sortBtn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sortBtn button[type=submit].slim {
  color: #646464;
  background: #eeeeee;
  padding: 0.25em 1.5em 10px;
  font-size: 0.8rem !important;
  font-family: "yubin";
  line-height: 1.2;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sortBtn button[type=submit].slim i:before {
  font-size: 150%;
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
}
.sortBtn button[type=submit].slim.active {
  background: #cc0000;
  color: #FFF;
}
.sortBtn ul.sheettype {
  letter-spacing: -0.4em;
}
.sortBtn ul.sheettype button[type=submit].slim {
  font-size: 0.8rem;
  padding-top: 0.8em;
  border-radius: 0;
}
.sortBtn ul.sheettype li {
  letter-spacing: normal;
}
.sortBtn ul.sheettype li:first-child button[type=submit].slim {
  border-radius: 5px 0 0 5px;
}
.sortBtn ul.sheettype li:last-child button[type=submit].slim {
  border-radius: 0 5px 5px 0;
}
.sortBtn .sort.flex {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* margin-top:10px;*/
  margin-left: 15px;
}
.sortBtn .sort.flex button {
  padding: 0.25em 1.5em 8px !important;
}
.sortBtn .sort.flex div button#desc {
  border-radius: 5px 0 0 5px;
}
.sortBtn .sort.flex div button#desc i {
  font-style: normal;
}
.sortBtn .sort.flex div button#desc i:before {
  font-family: "yubin";
  content: "\e96d";
}
.sortBtn .sort.flex div button#asce {
  border-radius: 0 5px 5px 0;
}
.sortBtn .sort.flex div button#asce i {
  font-style: normal;
}
.sortBtn .sort.flex div button#asce i:before {
  font-family: "yubin";
  content: "\e96e";
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button, .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input {
    display: inline-block;
    width: 32%;
    margin-right: 0.5%;
  }
  .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(3n), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(3n) {
    margin-right: 0;
  }
  .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(4n), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(4n) {
    margin-right: 0.5%;
  }
  .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(n+4), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(n+4) {
    margin-top: 0.6em;
  }
  .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button i:before, .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input i:before {
    left: 2%;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .refineSearch {
    padding-top: 0;
  }
  .refineSearch .innerwidth {
    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;
    background: none;
    width: 98%;
    position: relative;
    margin-top: -150px;
  }
  .refineSearch .innerwidth .tabbox1, .refineSearch .innerwidth .tabbox2 {
    display: none;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    border-top: 5px #cc0000 solid;
    background: #eeeeee;
    width: 100%;
    padding: 10px;
  }
  .refineSearch .innerwidth input#tab-1:checked ~ .tabbox1 {
    display: block !important;
  }
  .refineSearch .innerwidth input#tab-2:checked ~ .tabbox2 {
    display: block !important;
  }
  .refineSearch .innerwidth input[type=radio] + label {
    width: 49%;
    border-radius: 5px 5px 0 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 1em 0;
    background: #eeeeee;
    color: #a0a0a0;
    margin-right: 2%;
  }
  .refineSearch .innerwidth input[type=radio] + label:before {
    content: none !important;
  }
  .refineSearch .innerwidth input[type=radio]:checked + label {
    background: #cc0000;
    color: #FFF;
  }
  .refineSearch .innerwidth input[type=radio]#tab-2 + label {
    margin-right: 0;
  }
  .refineSearch .innerwidth ul.clm_year {
    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;
    margin-top: 10px;
  }
  .refineSearch .innerwidth ul.clm_year li {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
  .refineSearch .innerwidth ul.clm_year li.more {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    border-left: 0;
    border-top: 1px solid #c8c8c8;
    padding: 1em 0.5em;
    margin-top: 10px;
  }
  .refineSearch .innerwidth dl.clm_cat {
    display: block;
  }
  .refineSearch .innerwidth dl.clm_cat dt {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }
  .refineSearch .innerwidth dl.clm_cat dt button[type=submit] {
    padding: 0.8em 0;
    font-size: 0.74rem;
  }
  .refineSearch .innerwidth dl.clm_cat dd {
    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;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding-left: 0;
  }
  .refineSearch .innerwidth dl.clm_cat dd button[type=submit] {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    width: 49%;
    margin-bottom: 8px;
    font-size: 0.74rem;
    padding: 0.8em 0 0.8em 10px !important;
  }
  .refineSearch .innerwidth dl.clm_cat dd button[type=submit] i:before {
    left: 4px;
  }
  .refineSearch .innerwidth dl.clm_cat dd button:nth-child(n+5) {
    margin-top: 0;
  }
  .refineSearch .innerwidth dl.clm_cat dd button.other {
    padding-left: 0 !important;
  }

  .refineSearch + .innerwidth {
    margin-top: 15px !important;
  }

  .sortBtn {
    display: block;
    text-align: right;
  }
  .sortBtn .sort.flex {
    margin-top: 10px;
  }
}
/* sp */
/* sp */
/*  busines（ビズポスト）
----------------------------------------------- */
@media screen and (max-width: 750px) {
  #biz_contents .inpageLinkbtn {
    padding: 0 3%;
  }
  #biz_contents .inpageLinkbtn ul li a {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #biz_contents .inpageLinkbtn ul li:nth-child(n+2) {
    margin-top: 10px;
  }
  #biz_contents .panelArea ul.btns {
    padding: 0 3%;
  }
  #biz_contents .panelArea ul.btns li.left, #biz_contents .panelArea ul.btns li.right {
    margin-bottom: 10px;
  }
  #biz_contents .panelArea ul.btns li.left a, #biz_contents .panelArea ul.btns li.right a {
    font-size: 0.9rem;
  }
}
/* sp */
/*  sitemap
----------------------------------------------- */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .sitemapList .borderbnr4.spclm2 ul li a {
    font-size: 14px;
  }
  .sitemapList .borderbnr4.spclm2 ul li a span {
    width: 7em;
    text-align: left;
  }
  .sitemapList .borderbnr4.spclm2 ul li a span br {
    display: none;
  }
  .sitemapList .borderbnr4.spclm2 ul li a.icon:after {
    right: 3%;
  }
  .sitemapList .borderbnr4.spclm2 ul li a.icon:before {
    left: 12%;
  }
  .sitemapList .borderbnr4 ul li a.icon.jpf:before {
    font-size: 36px;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .sitemapList .spclm2 > ul {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100%;
  }
}
/* sp */
/*  buy
----------------------------------------------- */
.kitteList5.newkitte a:nth-child(n+6) {
  display: none;
}

.kitteList4.newkitte a:nth-child(n+5) {
  display: none;
}

/*  kitte
----------------------------------------------- */
.mainArea .refineSearch.kitteList {
  padding: 20px;
}

@media screen and (max-width: 750px) {
  .mainArea .refineSearch.kitteList {
    padding: 5%;
  }
}
/* sp */
.refineSearch.kitteList {
  /* sp */
}
.refineSearch.kitteList .formArea .selectWrap, .refineSearch.kitteList .formArea input[type=text] {
  background: #FFF;
}
.refineSearch.kitteList .formArea .selectWrap select.select div:before {
  content: "...";
}
.refineSearch.kitteList .formArea .head.period {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  .refineSearch.kitteList {
    /*background:none;*/
  }
  .refineSearch.kitteList > .head.spDisp {
    position: relative;
  }
  .refineSearch.kitteList > .head.spDisp.parent {
    margin-bottom: 0;
  }
  .refineSearch.kitteList > .head.spDisp.parent:after {
    font-family: "yubin";
    content: "\e910";
    font-size: 36px;
    position: absolute;
    right: 0;
    line-height: 20px;
  }
  .refineSearch.kitteList > .head.spDisp.parent.active {
    margin-bottom: 10px;
  }
  .refineSearch.kitteList > .head.spDisp.parent.active:after {
    font-family: "yubin";
    content: "\e915";
  }
  .refineSearch.kitteList > .head.spDisp + .formArea {
    display: none;
  }
}

.stampList_outer {
  /* sp */
}
.stampList_outer dl.stampbox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c8c8c8;
  border-bottom: 0;
}
.stampList_outer dl.stampbox:last-child {
  border-bottom: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dt.img {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
  border-right: 1px solid #c8c8c8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.stampList_outer dl.stampbox dt.img a {
  display: block;
  min-height: 196px;
  position: relative;
  width: 100%;
  text-align: center;
  background: rgb(255, 255, 255);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 55%, rgb(247, 247, 247) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=1 );
}
.stampList_outer dl.stampbox dt.img a img {
  position: absolute;
  /*top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);*/
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.stampList_outer dl.stampbox dt.img ul.thumbset {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 124px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li {
  margin: 3px 2px;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li img {
  position: relative;
  max-width: 58px;
}
.stampList_outer dl.stampbox dt.img:hover {
  opacity: 0.7;
}
.stampList_outer dl.stampbox dd.title {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
  border-right: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dd.title a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.stampList_outer dl.stampbox dd.title a:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.3em;
  font-weight: normal;
  color: #cc0000;
  display: inline-block;
}
.stampList_outer dl.stampbox dd.date {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
  border-right: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dd.doc {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
}
.stampList_outer dl.stampbox dd.doc ul li {
  margin-bottom: 0.5em;
}
.stampList_outer dl.stampbox dd {
  padding: 10px;
  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;
}
.stampList_outer dl.stampbox a[href*=".pdf"]::before {
  font-family: "yubin";
  font-size: 21px;
  font-weight: normal;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 0.3em;
  padding-left: 0;
  content: "P";
  color: #cc0000;
}
.stampList_outer dl.row_title {
  background: #f7f7f7;
}
.stampList_outer dl.row_title dt.img {
  padding: 10px;
}
@media screen and (max-width: 750px) {
  .stampList_outer dl.stampbox {
    display: block;
    border-bottom: 4px double #c8c8c8;
  }
  .stampList_outer dl.stampbox dt, .stampList_outer dl.stampbox dd {
    max-width: 100% !important;
    border-right: 0 !important;
  }
  .stampList_outer dl.stampbox dt.img a {
    min-height: auto;
    padding: 10px 0;
  }
  .stampList_outer dl.stampbox dt.img a img {
    position: static;
    -webkit-transform: none;
            transform: none;
    max-height: 200px;
  }
  .stampList_outer dl.stampbox dt.img ul.thumbset {
    margin: auto;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .stampList_outer dl.stampbox dt.img ul.thumbset img {
    top: auto;
    left: auto;
  }
  .stampList_outer dl.stampbox dd.t8itle {
    font-size: 1.1em;
  }
  .stampList_outer dl.stampbox dd.date {
    font-size: 0.8em;
  }
  .stampList_outer dl.stampbox dd.date p:before {
    content: "発行年月日：";
  }
  .stampList_outer dl.row_title {
    display: none;
  }
}

.mainArea .stampList_outer dl.stampbox dt.img a {
  min-height: 150px;
  overflow: hidden;
}
.mainArea .stampList_outer dl.stampbox dt.img a img {
  max-height: 100%;
  padding: 4px 0;
}

@media screen and (max-width: 750px) {
  .mainArea .stampList_outer dl.stampbox:first-child {
    border-top: 1px solid #c8c8c8;
  }
  .mainArea .stampList_outer dl.stampbox {
    border-top: none;
  }
  .mainArea .stampList_outer dl.stampbox dt.img a {
    min-height: auto;
    overflow: visible;
  }
  .mainArea .stampList_outer dl.stampbox dt.img a img {
    max-height: 200px;
    padding: 0;
  }
}
/* sp */
/* 一緒におすすめしたい商品 */
.page_kitte_detail .kitteList4 dl dd.img {
  display: block;
  min-height: 196px;
  position: relative;
  width: 100%;
  text-align: center;
  background: rgb(255, 255, 255);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 55%, rgb(247, 247, 247) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=1 );
}
.page_kitte_detail .kitteList4 dl dd.img img {
  position: absolute;
  /*top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);*/
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

/*  fee-simulator
----------------------------------------------- */
.mainArea.fee-simulator {
  /* sp */
}
.mainArea.fee-simulator .detailArea {
  background: #f7f7f7;
  margin: 20px auto;
  padding: 15px;
  width: 70%;
  border: 2px solid #cc0000;
}
.mainArea.fee-simulator .detailArea .fee {
  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;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #FFF;
  padding: 13px;
}
.mainArea.fee-simulator .detailArea .fee .head {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
}
.mainArea.fee-simulator .detailArea .fee .price {
  -ms-flex-preferred-size: 68%;
      flex-basis: 68%;
  max-width: 68%;
  font-size: 1.2rem;
  color: #cc0000;
  text-align: right;
}
.mainArea.fee-simulator .detailArea .fee .price span {
  display: block;
}
.mainArea.fee-simulator .detailArea .fee .price ul.basic-m {
  color: #333333;
  font-size: 0.9rem;
  margin-bottom: 0.2em;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.mainArea.fee-simulator .detailArea .fee.total {
  display: block;
  text-align: center;
  /*border-bottom:4px solid #FFF;*/
  padding: 0 0;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.mainArea.fee-simulator .detailArea .fee.total .head, .mainArea.fee-simulator .detailArea .fee.total .price {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.mainArea.fee-simulator .detailArea .fee.total .price {
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}
.mainArea.fee-simulator .detailArea .fee.total .price span {
  font-size: 0.9rem;
}
@media screen and (max-width: 750px) {
  .mainArea.fee-simulator .detailArea {
    width: 100%;
  }
  .mainArea.fee-simulator .detailArea .fee {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mainArea.fee-simulator .detailArea .fee .head, .mainArea.fee-simulator .detailArea .fee .price {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .mainArea.fee-simulator .detailArea .fee .head {
    margin-bottom: 0.3em;
  }
  .mainArea.fee-simulator .detailArea .fee .price ul.basic-m li {
    margin-bottom: 0;
  }
  .mainArea.fee-simulator .detailArea .fee.total .head {
    margin-bottom: 0;
  }
  .mainArea.fee-simulator .detailArea .fee.total .price {
    font-size: 2rem;
  }
}

/*----------------------------------------------------------
	basic module
--------------------------------------------------------- */
/* 2clm page */
.contWrap > .pageClm2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: auto;
}
.contWrap > .pageClm2 .mainArea {
  -ms-flex-preferred-size: 83%;
      flex-basis: 83%;
  max-width: 83%;
  padding-right: 20px;
  margin-bottom: 40px;
}
.contWrap > .pageClm2 .sideArea {
  -ms-flex-preferred-size: 193px;
      flex-basis: 193px;
  max-width: 193px;
  margin-bottom: 40px;
}

.no-sidenav {
  max-width: 960px;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .contWrap > .pageClm2 {
    padding: 0 2%;
  }
}
/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .contWrap > .pageClm2 {
    padding: 0 2%;
    /*.sideArea{display:none;}*/
  }
  .contWrap > .pageClm2 .mainArea {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    max-width: 80%;
    padding-right: 0;
  }
  .contWrap > .pageClm2 .sideArea {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
    max-width: 19%;
    margin-bottom: 40px;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .contWrap {
    width: 100%;
  }

  .contWrap > .pageClm2 {
    display: block;
  }
  .contWrap > .pageClm2 .mainArea {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .contWrap > .pageClm2 .sideArea {
    display: none;
  }
}
/* sp */
/*  sidebar
----------------------------------------------- */
.sideArea #navi-box-r, .sideArea #navi-box {
  margin-top: 20px;
}
.sideArea #navi-box-r .itemBox, .sideArea #navi-box .itemBox {
  border: 1px solid #c8c8c8;
  background: #FFF;
}
.sideArea #navi-box-r .itemBox .items, .sideArea #navi-box .itemBox .items {
  padding: 10px;
  font-size: 0.8rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sideArea #navi-box-r .itemBox .items li.sub, .sideArea #navi-box .itemBox .items li.sub {
  margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox .items li.sub:before, .sideArea #navi-box .itemBox .items li.sub:before {
  content: none;
}
.sideArea #navi-box-r .itemBox .items li a:before, .sideArea #navi-box .itemBox .items li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}
.sideArea #navi-box-r .itemBox .items li a, .sideArea #navi-box .itemBox .items li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
  font-weight: normal;
}
.sideArea #navi-box-r .itemBox .items li:last-child a, .sideArea #navi-box .itemBox .items li:last-child a {
  border-bottom: 0;
}
.sideArea #navi-box-r .itemBox-shop, .sideArea #navi-box .itemBox-shop {
  background: #FFFFFF;
  border-left: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
}
.sideArea #navi-box-r .itemBox-shop .items-shop, .sideArea #navi-box .itemBox-shop .items-shop {
  padding: 10px;
  font-size: 0.8rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub, .sideArea #navi-box .itemBox-shop .items-shop li.sub {
  margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub:before, .sideArea #navi-box .itemBox-shop .items-shop li.sub:before {
  content: none;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a:before, .sideArea #navi-box .itemBox-shop .items-shop li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a, .sideArea #navi-box .itemBox-shop .items-shop li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
  font-weight: normal;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li:last-child a, .sideArea #navi-box .itemBox-shop .items-shop li:last-child a {
  border-bottom: 0;
}
.sideArea #navi-box-r .sp-b16, .sideArea #navi-box .sp-b16 {
  margin-bottom: 16px;
}
.sideArea #navi-box-r .sp-t16, .sideArea #navi-box .sp-t16 {
  margin-top: 16px;
}
.sideArea #navi-box-r .btn_notification a, .sideArea #navi-box .btn_notification a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_notification.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_notification a:hover, .sideArea #navi-box .btn_notification a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .btn_notification a img, .sideArea #navi-box .btn_notification a img {
  width: 100%;
}
.sideArea #navi-box-r .btn_q a, .sideArea #navi-box .btn_q a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_q_en.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_q a:hover, .sideArea #navi-box .btn_q a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .btn_business a, .sideArea #navi-box .btn_business a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_business.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_business a:hover, .sideArea #navi-box .btn_business a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .normal-box, .sideArea #navi-box .normal-box {
  border: 1px solid #c8c8c8;
  font-size: 0.8rem;
  padding: 10px;
}
.sideArea #navi-box-r h2 img, .sideArea #navi-box h2 img {
  width: 100%;
}
.sideArea #navi-box-r h2, .sideArea #navi-box h2 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sideArea #navi-box-r .mkr-nav-r, .sideArea #navi-box .mkr-nav-r {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0 10px 10px;
  display: block;
  /*a:before{font-family:'yubin'; content:"\f105"; margin-right:0.5em; color:$yubin;}*/
}
.sideArea #navi-box-r .mkr-nav-r a, .sideArea #navi-box .mkr-nav-r a {
  color: #cc0000;
}
.sideArea #navi-box-r p.to-list, .sideArea #navi-box p.to-list {
  text-align: right;
}
.sideArea #navi-box-r p.to-list a, .sideArea #navi-box p.to-list a {
  text-decoration: none;
}
.sideArea #navi-box-r p.to-list a:hover, .sideArea #navi-box p.to-list a:hover {
  text-decoration: underline;
}

/* 新デザイン */
.sideArea .sidebar {
  margin-top: 20px;
  font-size: 13px;
}
.sideArea .sidebar .topborder {
  border-top: 4px solid #cc0000;
}
.sideArea .sidebar hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
}
.sideArea .sidebar .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: 4px solid #cc0000;
  color: #cc0000;
  padding: 10px 9px 8px;
  font-size: 15.5px;
}
.sideArea .sidebar .head2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #dcdcdc;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  padding-left: 24px;
}
.sideArea .sidebar .head2:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f0d7";
  margin-right: 6px;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 12px;
}
.sideArea .sidebar .head2.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative;
}
.sideArea .sidebar .head2.toggleParent:hover {
  text-decoration: underline;
}
.sideArea .sidebar .head2.toggleParent:before {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar .head2.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar .head2.toggleParent + * {
  display: none;
}
.sideArea .sidebar .head2.toggleParent + * + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar .head3 {
  text-align: center;
  border-left: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: #dcdcdc 3px solid;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  margin: 5px auto -2px;
}
.sideArea .sidebar .head3:before {
  content: none !important;
}
.sideArea .sidebar ul.navlist {
  padding-bottom: 10px;
}
.sideArea .sidebar ul.navlist a {
  display: block;
  padding: 0.7em 0.5em 0.7em 23px;
}
.sideArea .sidebar ul.navlist li {
  position: relative;
}
.sideArea .sidebar ul.navlist li p {
  padding: 0 0.5em 0 23px;
  font-size: 90%;
}
.sideArea .sidebar ul.navlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 5px;
  color: #cc0000;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar ul.navlist li.popup:before {
  content: "\e924";
  top: 13px;
  left: 9px;
}
.sideArea .sidebar ul.navlist li.more {
  text-align: right;
}
.sideArea .sidebar ul.navlist li.more a {
  padding: 0.7em 23px 0.7em 0.5em;
}
.sideArea .sidebar ul.navlist li.more:before {
  content: "\f101";
  top: 13px;
  right: 7px;
  left: auto;
}
.sideArea .sidebar ul.navlist li.parent {
  padding: 0.7em 0.5em 0.7em 23px;
  font-weight: bold;
}
.sideArea .sidebar ul.navlist li.parent:before {
  content: "\f107";
  color: #333333;
  top: 15px;
}
.sideArea .sidebar ul.navlist li.parent + *.child {
  margin-left: 15px;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent:hover {
  text-decoration: underline;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent:before {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent + *.child {
  display: none;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent + *.child + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar ul.navlist li.child ul {
  font-size: 90%;
}
.sideArea .sidebar ul.navlist li.child ul a {
  padding: 0.5em 0.5em 0.5em 20px;
}
.sideArea .sidebar ul.btnlist {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.sideArea .sidebar ul.btnlist a {
  display: block;
  padding: 0.9em 0.5em 0.9em 23px;
  background: #cc0000;
  color: #FFF;
  border-radius: 3px;
  font-size: 12px;
}
.sideArea .sidebar ul.btnlist li {
  position: relative;
  margin-bottom: 10px;
}
.sideArea .sidebar ul.btnlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #FFF;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 15px;
  font-weight: normal;
}
.sideArea .sidebar ul.btnlist li.popup:before {
  content: "\e924";
  top: 16px;
  left: 9px;
}
.sideArea .sidebar .bgG ul.btnlist li:last-child {
  margin-bottom: 0;
}
.sideArea .sidebar .bgG > .navlist:first-child {
  border-top: 4px solid #cc0000;
}

/* 新デザインB */
.sideArea .sidebar.design_white {
  margin-top: 20px;
  font-size: 13px;
}
.sideArea .sidebar.design_white .topborder {
  border-top: 4px solid #cc0000;
}
.sideArea .sidebar.design_white .bgG {
  background: #FFF;
}
.sideArea .sidebar.design_white hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
}
.sideArea .sidebar.design_white .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: 4px solid #cc0000;
  color: #FFF;
  padding: 9px 10px 8px;
  font-size: 15px;
  background: #cc0000;
}
.sideArea .sidebar.design_white .head2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #f7f7f7;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  padding-left: 24px;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.sideArea .sidebar.design_white .head2:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f0d7";
  margin-right: 6px;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 12px;
}
.sideArea .sidebar.design_white .head2.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative;
}
.sideArea .sidebar.design_white .head2.toggleParent:hover {
  text-decoration: underline;
}
.sideArea .sidebar.design_white .head2.toggleParent:before {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white .head2.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar.design_white .head2.toggleParent + * {
  display: none;
}
.sideArea .sidebar.design_white .head2.toggleParent + * + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar.design_white .head3 {
  text-align: center;
  border-left: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: #dcdcdc 3px solid;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  margin: 5px auto -2px;
}
.sideArea .sidebar.design_white .head3:before {
  content: none !important;
}
.sideArea .sidebar.design_white ul.navlist {
  padding-bottom: 10px;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.sideArea .sidebar.design_white ul.navlist a {
  display: block;
  padding: 0.7em 0.5em 0.7em 20px;
}
.sideArea .sidebar.design_white ul.navlist a:hover {
  background: #FFECEC;
}
.sideArea .sidebar.design_white ul.navlist li {
  position: relative;
}
.sideArea .sidebar.design_white ul.navlist li p {
  padding: 0 0.5em 0 23px;
  font-size: 90%;
}
.sideArea .sidebar.design_white ul.navlist li:after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sideArea .sidebar.design_white ul.navlist li:last-child:after {
  content: none;
}
.sideArea .sidebar.design_white ul.navlist li:before, .sideArea .sidebar.design_white ul.navlist li.popup:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105" !important;
  margin-right: 5px;
  color: #cc0000;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white ul.navlist li.popup a:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.4em;
  font-size: 10px;
  color: #cc0000;
  top: 11px;
  display: inline-block;
}
.sideArea .sidebar.design_white ul.navlist li.more {
  text-align: right;
}
.sideArea .sidebar.design_white ul.navlist li.more a {
  padding: 0.7em 23px 0.7em 0.5em;
  text-decoration: underline;
}
.sideArea .sidebar.design_white ul.navlist li.more:before {
  content: "\f101";
  top: 13px;
  right: 7px;
  left: auto;
}
.sideArea .sidebar.design_white ul.navlist li.parent {
  padding: 0.7em 0.5em 0.7em 23px;
  font-weight: bold;
}
.sideArea .sidebar.design_white ul.navlist li.parent:before {
  content: "\f107";
  color: #333333;
  top: 15px;
}
.sideArea .sidebar.design_white ul.navlist li.parent + *.child {
  margin-left: 15px;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent:hover {
  text-decoration: underline;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent:before {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent + *.child {
  display: none;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent + *.child + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar.design_white ul.navlist li.child ul {
  font-size: 90%;
}
.sideArea .sidebar.design_white ul.navlist li.child ul a {
  padding: 0.5em 0.5em 0.5em 20px;
}
.sideArea .sidebar.design_white ul.navlist:last-child {
  border-bottom: 1px solid #dcdcdc;
}
.sideArea .sidebar.design_white ul.btnlist {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.sideArea .sidebar.design_white ul.btnlist a {
  display: block;
  padding: 0.9em 0.5em 0.9em 23px;
  background: #cc0000;
  color: #FFF;
  border-radius: 3px;
  font-size: 12px;
}
.sideArea .sidebar.design_white ul.btnlist li {
  position: relative;
  margin-bottom: 10px;
}
.sideArea .sidebar.design_white ul.btnlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #FFF;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 15px;
  font-weight: normal;
}
.sideArea .sidebar.design_white ul.btnlist li.popup:before {
  content: "\e924";
  top: 16px;
  left: 9px;
}
.sideArea .sidebar.design_white .bgG ul.btnlist li:last-child {
  margin-bottom: 0;
}
.sideArea .sidebar.design_white .bgG > .navlist:first-child {
  border-top: 4px solid #cc0000;
}

/* navi_int_2000.inc 暫定調整デザイン */
#navi-box-r.temp h3 {
  border-left: 0;
  padding-left: 0;
  margin: 0;
}

#navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
  width: 100%;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  #navi-box-r.int.temp form table {
    width: 100%;
  }
  #navi-box-r.int.temp form table td {
    width: 100%;
    display: block;
    text-align: center;
  }
  #navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
    width: 100%;
  }
}
/* yubinpc */
/*  ssiArea
----------------------------------------------- */
.footPRbnr .linkbox3 a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footPRbnr .linkbox3 a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footPRbnr .linkbox3 a dl dt {
  background: #f7f7f7;
  text-align: center;
  min-height: 132px;
  padding: 5px;
  position: relative;
}
.footPRbnr .linkbox3 a dl dt img {
  max-height: 102px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 90%;
}
.footPRbnr .linkbox3 a dl dd .title {
  font-size: 1em;
}
.footPRbnr .linkbox3 a dl dd p {
  font-size: 0.8em;
}

@media screen and (max-width: 750px) {
  .footPRbnr .linkbox3 a dl dt {
    min-height: auto;
  }
  .footPRbnr .linkbox3 a dl dt img {
    width: 100%;
    height: auto;
    position: relative;
    max-height: none;
  }
}
/* sp */
.innerwidth.footPRbnr {
  margin-top: 50px;
}

#utility {
  border: 1px solid #eeeeee;
  margin: 40px auto 30px;
  padding: 3% 2%;
}
#utility a:link {
  text-decoration: none !important;
}
#utility a:hover {
  text-decoration: underline !important;
}
#utility dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#utility dl em.heading {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  border-bottom: 1px solid #cc0000;
  display: block;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#utility dl dt {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
#utility dl dd {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
  font-size: 0.9rem;
  padding-left: 2%;
}
#utility dl > dd:first-of-type {
  padding-left: 0;
}
#utility dl dt + dd:first-of-type {
  padding-left: 2%;
}
#utility dl dt h4, #utility dl dd h4 {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  border-bottom: 1px dotted #C3C3C3;
  margin-bottom: 10px;
}
#utility dl dt ul li, #utility dl dd ul li {
  font-size: 0.75rem;
}
#utility dl dt ul li a:before, #utility dl dd ul li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "0";
  margin-right: 0.5em;
  color: #a0a0a0;
}
#utility dl dt ul li a, #utility dl dd ul li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
}
#utility dl dt ul.col2-l, #utility dl dd ul.col2-l {
  width: 50%;
  float: left;
}
#utility dl dt ul.col2-r, #utility dl dd ul.col2-r {
  width: 50%;
  float: right;
}
#utility dl p.arrow {
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 1em;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
#utility dl p.arrow a {
  /*text-decoration: underline !important;*/
}
#utility dl p.arrow:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}

.clear {
  clear: both;
  font-size: 0;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  #utility {
    padding: 3% 3%;
  }
  #utility 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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #utility dl dt {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
  #utility dl dd {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
    padding-left: 0;
  }
  #utility dl dd:nth-child(n+3) {
    margin-top: 25px;
  }
  #utility dl dt + dd:first-of-type {
    padding-left: 0;
  }
}
/* yubinpc */
/* tablet */
@media screen and (max-width: 750px) {
  #utility {
    display: none;
  }
}
/* sp */
/*  sidearea
----------------------------------------------- */
.pageClm2 .sideArea .navbody {
  margin-top: 20px;
}

/*----------------------------------------------------------
	print
--------------------------------------------------------- */
.printDisp {
  display: none;
}

@media print {
  body {
    margin: 0;
    padding: 0;
    font-size: 80% !important;
    -webkit-print-color-adjust: exact;
  }

  img {
    width: 100% !important;
  }

  .printDisp {
    display: block;
  }

  header.top .headArea, header.top .globalNav {
    display: none;
  }

  .floatingBlock {
    display: none;
  }

  footer.common, #path-box {
    display: none;
  }

  /**[class^="sp-t"],*[class^="sp-b"],*[class^="sp-r"],*[class^="sp-l"]{margin:0 !important;}
  .w10p,.w20p,.w30p,.w40p,.w50p,.w60p,.w70p,.w80p,.w90p,.w100p{width:100% !important;}*/
}
html {
  color: #222;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", "Noto Sans CJK JP", TakaoPGothic, sans-serif;
}
@media (max-width: 750px) {
  html {
    font-size: 12pt;
  }
}
@media (min-width: 751px) and (max-width: 751) {
  html {
    font-size: 1.0666666667vw;
  }
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.*/
\::-moz-selection,
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

iframe {
  border: none;
}

/*
 * Remove default fieldset styles.*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.*/
textarea {
  resize: vertical;
}

/* ==========================================================================
 * Author's custom styles
 * ==========================================================================*/
/* ==========================================================================
 * Helper classes
 * ==========================================================================*/
/*
 * Hide visually and from screen readers*/
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe*/
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1*/
}
.sr-only.focusable:active, .sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638*/
/*
 * Hide visually and from screen readers, but maintain layout*/
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.*/
.clearfix::before {
  content: " ";
  display: table;
}
.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

/* ==========================================================================
* EXAMPLE Media Queries for Responsive Design.
* These examples override the primary ('mobile first') styles.
* Modify as content requires.
* ==========================================================================*/
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition*/ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices*/ }
/* ==========================================================================
 * Print styles.
 * Inlined to avoid the additional HTTP request:
 * https://www.phpied.com/delay-loading-your-print-css/
 * ==========================================================================*/
@media print {
  * {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    box-shadow: none !important;
    text-shadow: none !important;
  }
  *::before, *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol*/
  a[href^="#"]::after, a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables*/
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.text-underline {
  text-decoration: underline;
}
.text-line-through {
  text-decoration: line-through;
}
.text-no-underline {
  text-decoration: none;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-300 {
  font-weight: 300;
}
.text-400 {
  font-weight: 400;
}
.text-500 {
  font-weight: 500;
}
.text-600 {
  font-weight: 600;
}
.text-700 {
  font-weight: 700;
}

.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}

@media (max-width: 750px) {
  .only-pc {
    display: none;
  }
}
@media (min-width: 751px) {
  .only-sp {
    display: none;
  }
}

.btn {
  border: none;
}
.btn:disabled {
  cursor: default !important;
}
.btn:not(:disabled) {
  cursor: pointer !important;
}