@charset "UTF-8";
.cl {
  clear: both;
}

.clf {
  zoom: 1;
}

.clf:after {
  content: "";
  display: block;
  clear: both;
}

.transition {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

/* --- layout / common ------------------------------- */
/*
body {
	background: url(../../pc.jpg) no-repeat center 0px;
	.l-container {
		background: rgba(red, .2);
		color: red;
	}
	.l-wrapper {
		box-shadow: inset 0 0 0 1px red;
	}
	img {
		opacity: .6;
	}
}
*/
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

a:hover {
  opacity: .8;
  text-decoration: none;
}

img {
  width: auto;
  height: auto;
}

html {
  font-size: 62.5%;
}

.l-container {
  overflow: hidden;
  background: #00b900;
  color: #626262;
  font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 1px;
  line-height: 1.66;
}

.l-container .show-sp, .l-container .show-sp.inline {
  display: none;
}

.l-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
}

/*-- modules ----------------------------------------*/
.is-fcolorOrange {
  color: #ff4800;
}

.is-palt {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.is-gothic {
  font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.is-mincho {
  font-family: "游明朝 Medium", "YuMincho Medium", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", HiraMinPro, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.is-roboto {
  font-family: "Copperplate Gothic Regular", "Roboto Slab", serif;
}

.is-imgfit {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.c-tal {
  text-align: left;
}

.c-tac {
  text-align: center;
}

.c-tar {
  text-align: right;
}

.c-fcolorOrange {
  color: #ff4800;
}

.c-fcolorWhite {
  color: #fff;
}

.c-ttlRibbon {
  max-width: 683px;
  min-height: 117px;
  margin: 0 auto 15px;
  padding: 10px 60px 25px;
  background: url(../img/img-ribbon-gr.png) no-repeat center center/100% 100%;
  color: #fff;
  font-size: 3.6rem;
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(114, 114, 114, 0.6);
  line-height: 1.16;
  text-align: center;
}

.c-ttlRibbon.or {
  background-image: url(../img/img-ribbon-or.png);
}

.c-ttlOrange {
  color: #ff4800;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.38;
  text-align: center;
}

.c-ttlWhite {
  margin-bottom: 8px;
  color: #fff;
  font-size: 4.2rem;
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(114, 114, 114, 0.6);
  text-align: center;
  line-height: 1.3;
}

.c-block {
  padding: 25px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
}

.c-block .box-qr {
  width: 175px;
  margin-left: -5px;
}

.c-block .box-qr a {
  display: inline-block;
  margin: 0 0 10px 5px;
}

.c-block .box-qr a img {
  vertical-align: top;
}

.c-block .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 35px;
  font-weight: bold;
}

.c-underline {
  padding-top: 15px;
  background-image: -webkit-linear-gradient(top, transparent calc(100% - 1px), #626262 0);
  background-image: -o-linear-gradient(top, transparent calc(100% - 1px), #626262 0);
  background-image: linear-gradient(180deg, transparent calc(100% - 1px), #626262 0);
  line-height: 1.2;
}

.c-underline.c-fcolorOrange {
  background-image: -webkit-linear-gradient(top, transparent calc(100% - 1px), #ff4800 0);
  background-image: -o-linear-gradient(top, transparent calc(100% - 1px), #ff4800 0);
  background-image: linear-gradient(180deg, transparent calc(100% - 1px), #ff4800 0);
}

.c-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-columns.mb > [class*=c-col-] + [class*=c-col-] {
  margin-bottom: 15px;
}

.c-columns.auto > .c-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-columns.gutters {
  margin-left: -15px;
}

.c-columns.gutters > .c-col {
  margin-left: 15px;
}

.c-columns.gutters > .c-col-1 {
  width: calc(8.33333% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-1 {
  margin-left: calc(8.33333% + 15px) !important;
}

.c-columns.gutters > .c-col-2 {
  width: calc(16.66667% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-2 {
  margin-left: calc(16.66667% + 15px) !important;
}

.c-columns.gutters > .c-col-3 {
  width: calc(25% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-3 {
  margin-left: calc(25% + 15px) !important;
}

.c-columns.gutters > .c-col-4 {
  width: calc(33.33333% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-4 {
  margin-left: calc(33.33333% + 15px) !important;
}

.c-columns.gutters > .c-col-5 {
  width: calc(41.66667% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-5 {
  margin-left: calc(41.66667% + 15px) !important;
}

.c-columns.gutters > .c-col-6 {
  width: calc(50% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-6 {
  margin-left: calc(50% + 15px) !important;
}

.c-columns.gutters > .c-col-7 {
  width: calc(58.33333% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-7 {
  margin-left: calc(58.33333% + 15px) !important;
}

.c-columns.gutters > .c-col-8 {
  width: calc(66.66667% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-8 {
  margin-left: calc(66.66667% + 15px) !important;
}

.c-columns.gutters > .c-col-9 {
  width: calc(75% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-9 {
  margin-left: calc(75% + 15px) !important;
}

.c-columns.gutters > .c-col-10 {
  width: calc(83.33333% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-10 {
  margin-left: calc(83.33333% + 15px) !important;
}

.c-columns.gutters > .c-col-11 {
  width: calc(91.66667% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-11 {
  margin-left: calc(91.66667% + 15px) !important;
}

.c-columns.gutters > .c-col-12 {
  width: calc(100% - 15px);
  margin-left: 15px;
}

.c-columns.gutters > .offset-12 {
  margin-left: calc(100% + 15px) !important;
}

.c-columns + .c-columns {
  margin-top: 40px;
}

.c-col-1 {
  width: 8.33333%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.c-col-2 {
  width: 16.66667%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.c-col-3 {
  width: 25%;
}

.offset-3 {
  margin-left: 25%;
}

.c-col-4 {
  width: 33.33333%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.c-col-5 {
  width: 41.66667%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.c-col-6 {
  width: 50%;
}

.offset-6 {
  margin-left: 50%;
}

.c-col-7 {
  width: 58.33333%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.c-col-8 {
  width: 66.66667%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.c-col-9 {
  width: 75%;
}

.offset-9 {
  margin-left: 75%;
}

.c-col-10 {
  width: 83.33333%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.c-col-11 {
  width: 91.66667%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.c-col-12 {
  width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

.c-mt0 {
  margin-top: 0px !important;
}

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

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

.c-ml0 {
  margin-left: 0px !important;
}

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

.c-pr0 {
  padding-right: 0px !important;
}

.c-pb0 {
  padding-bottom: 0px !important;
}

.c-pl0 {
  padding-left: 0px !important;
}

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

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

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

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

.c-pt5 {
  padding-top: 5px !important;
}

.c-pr5 {
  padding-right: 5px !important;
}

.c-pb5 {
  padding-bottom: 5px !important;
}

.c-pl5 {
  padding-left: 5px !important;
}

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

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

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

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

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

.c-pr10 {
  padding-right: 10px !important;
}

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

.c-pl10 {
  padding-left: 10px !important;
}

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

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

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

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

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

.c-pr15 {
  padding-right: 15px !important;
}

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

.c-pl15 {
  padding-left: 15px !important;
}

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

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

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

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

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

.c-pr20 {
  padding-right: 20px !important;
}

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

.c-pl20 {
  padding-left: 20px !important;
}

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

.c-mr25 {
  margin-right: 25px !important;
}

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

.c-ml25 {
  margin-left: 25px !important;
}

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

.c-pr25 {
  padding-right: 25px !important;
}

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

.c-pl25 {
  padding-left: 25px !important;
}

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

.c-mr30 {
  margin-right: 30px !important;
}

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

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

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

.c-pr30 {
  padding-right: 30px !important;
}

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

.c-pl30 {
  padding-left: 30px !important;
}

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

.c-mr35 {
  margin-right: 35px !important;
}

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

.c-ml35 {
  margin-left: 35px !important;
}

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

.c-pr35 {
  padding-right: 35px !important;
}

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

.c-pl35 {
  padding-left: 35px !important;
}

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

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

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

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

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

.c-pr40 {
  padding-right: 40px !important;
}

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

.c-pl40 {
  padding-left: 40px !important;
}

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

.c-mr45 {
  margin-right: 45px !important;
}

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

.c-ml45 {
  margin-left: 45px !important;
}

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

.c-pr45 {
  padding-right: 45px !important;
}

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

.c-pl45 {
  padding-left: 45px !important;
}

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

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

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

.c-ml50 {
  margin-left: 50px !important;
}

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

.c-pr50 {
  padding-right: 50px !important;
}

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

.c-pl50 {
  padding-left: 50px !important;
}

.c-w0 {
  width: 0%;
}

.c-w5 {
  width: 5%;
}

.c-w10 {
  width: 10%;
}

.c-w15 {
  width: 15%;
}

.c-w20 {
  width: 20%;
}

.c-w25 {
  width: 25%;
}

.c-w30 {
  width: 30%;
}

.c-w35 {
  width: 35%;
}

.c-w40 {
  width: 40%;
}

.c-w45 {
  width: 45%;
}

.c-w50 {
  width: 50%;
}

.c-w55 {
  width: 55%;
}

.c-w60 {
  width: 60%;
}

.c-w65 {
  width: 65%;
}

.c-w70 {
  width: 70%;
}

.c-w75 {
  width: 75%;
}

.c-w80 {
  width: 80%;
}

.c-w85 {
  width: 85%;
}

.c-w90 {
  width: 90%;
}

.c-w95 {
  width: 95%;
}

.c-w100 {
  width: 100%;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
dl + h1,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
hr + h1,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6,
pre + h1,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
pre + h6,
table + h1,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
form + h1,
form + h2,
form + h3,
form + h4,
form + h5,
form + h6,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6 {
  margin-top: 50px;
}

p + p {
  margin-top: 4rem;
}

/* toppage ----------------------------------------- */
/* mv-wrap */
.mv-wrap {
  background: url(../img/img-light.png) no-repeat center bottom/cover;
}

.mv-wrap .l-wrapper {
  position: relative;
  padding-top: 175px;
}

.mv-wrap .l-wrapper:after {
  position: absolute;
  display: block;
  content: "";
}

.mv-wrap .l-wrapper:after {
  right: 0;
  bottom: 0;
  width: 284px;
  height: 270px;
  background: url(../img/img-charactor.png) no-repeat center bottom/contain;
}

.mv-wrap .ttl-page {
  position: absolute;
  top: 35px;
  left: 0;
}

.mv-wrap .ttl-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  color: #fff;
  font-size: 4.2rem;
  font-weight: bold;
  line-height: 1.42;
  letter-spacing: 1.8px;
  text-shadow: 0 2px 2px rgba(114, 114, 114, 0.6);
  text-align: center;
}

.mv-wrap .ttl-line:before, .mv-wrap .ttl-line:after {
  display: inline-block;
  content: "";
  width: 50px;
  height: 120px;
  background: url(../img/img-line.png) no-repeat center center/contain;
}

.mv-wrap .ttl-line:after {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.mv-wrap .box-text {
  position: relative;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  max-width: 650px;
  margin-top: -47px;
  padding: 20px 30px;
  border: 5px solid #ffff00;
  border-radius: 5px;
  background: #fff;
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
}

.mv-wrap .box-text .is-tac {
  margin-top: 25px;
}

.mv-wrap .btn-language {
  position: absolute;
  top: 10px;
  right: 0;
  min-width: 208px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  text-align: center;
}

.mv-wrap .btn-language dt {
  padding: 3px 0 2px;
  background: #fff;
  font-weight: bold;
  line-height: 1.3;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.mv-wrap .btn-language dt:hover {
  cursor: pointer;
  opacity: .75;
}

.mv-wrap .btn-language dd {
  display: none;
}

.mv-wrap .btn-language a {
  display: block;
  padding: 8px 0;
  font-size: 1.8rem;
}

/* howto-wrap */
.howto-wrap {
  padding: 90px 0 40px;
}

/* check-wrap */
.check-wrap {
  padding: 0 0 45px;
}

.check-wrap .c-block {
  position: relative;
  padding: 35px 20px 15px 20px;
}

.check-wrap .c-block .label-check {
  position: absolute;
  top: 5px;
  left: -6px;
  padding: 1px 4px 0;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  box-shadow: 1px 1px 2px 0 rgba(114, 114, 114, 0.6);
  background: #31e130;
  color: #fff;
  font-family: "Copperplate Gothic Regular", "Roboto Slab", serif;
  font-size: 1.6rem;
  line-height: 1.2;
}

.check-wrap .c-block .c-ttlOrange {
  margin: 0 0 12px;
}

.check-wrap .c-block p {
  font-size: 2.1rem;
  line-height: 1.52;
  font-weight: bold;
}

.check-wrap .txt-attention {
  padding-top: 5px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.71;
}

/* usage-wrap */
.usage-wrap {
  padding: 0 0 65px;
}

.usage-wrap .c-block {
  padding: 16px;
}

.usage-wrap .li-usage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -13px 0 0 -17px;
}

.usage-wrap .li-usage li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 17px);
  margin: 13px 0 0 17px;
  padding: 15px 40px 15px 6px;
  background: #fefce0;
}

.usage-wrap .li-usage li .icon {
  width: 113px;
}

.usage-wrap .li-usage li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 0 0 10px;
  color: #ff4800;
  font-weight: bold;
  line-height: 1.5;
}

.usage-wrap .li-usage li.coupon {
  background: #f0f0f0;
  padding-right: 10px;
}

.usage-wrap .li-usage li.coupon .icon {
  text-align: center;
}

.usage-wrap .li-usage li.coupon p {
  padding: 5px 0 0 20px;
  color: #c4c4c4;
}

/* add-wrap */
.add-wrap {
  padding: 0 0 70px;
}

/* for IE */
.is-ie11 .c-underline, .is-ie10 .c-underline {
  background: none;
  text-decoration: underline;
}

/* 大サイズPC向けスタイル */
@media screen and (max-width: 1000px) {
  /* --- layout -------------------------------------- */
  .l-wrapper {
    max-width: 960px;
  }
  /* toppage ----------------------------------------- */
}

/* tablet向けスタイル */
@media screen and (max-width: 960px) {
  /* --- layout / common ------------------------------- */
  .l-container {
    font-size: 2.0rem;
  }
  .l-wrapper {
    max-width: 740px;
  }
  /*-- modules ----------------------------------------*/
  p + h2,
  p + h3,
  p + h4,
  p + h5,
  p + h6,
  ul + h2,
  ul + h3,
  ul + h4,
  ul + h5,
  ul + h6,
  ol + h2,
  ol + h3,
  ol + h4,
  ol + h5,
  ol + h6,
  dl + h2,
  dl + h3,
  dl + h4,
  dl + h5,
  dl + h6,
  blockquote + h2,
  blockquote + h3,
  blockquote + h4,
  blockquote + h5,
  blockquote + h6,
  hr + h2,
  hr + h3,
  hr + h4,
  hr + h5,
  hr + h6,
  pre + h2,
  pre + h3,
  pre + h4,
  pre + h5,
  pre + h6,
  table + h2,
  table + h3,
  table + h4,
  table + h5,
  table + h6,
  form + h2,
  form + h3,
  form + h4,
  form + h5,
  form + h6,
  figure + h2,
  figure + h3,
  figure + h4,
  figure + h5,
  figure + h6 {
    margin-top: 25px;
  }
  /* toppage ----------------------------------------- */
  /* mv-wrap */
  .mv-wrap .l-wrapper:after {
    right: -10px;
    width: 194px;
    height: 190px;
  }
  .mv-wrap .box-text {
    margin-right: 130px;
  }
  /* check-wrap */
  .check-wrap .c-columns {
    display: block;
  }
  .check-wrap .c-columns .c-col + .c-col {
    margin-top: 15px;
  }
}

/* sp向けスタイル */
@media screen and (max-width: 768px) {
  /*-- modules ----------------------------------------*/
  .c-spmt0 {
    margin-top: 0px !important;
  }
  .c-spmr0 {
    margin-right: 0px !important;
  }
  .c-spmb0 {
    margin-bottom: 0px !important;
  }
  .c-spml0 {
    margin-left: 0px !important;
  }
  .c-sppt0 {
    padding-top: 0px !important;
  }
  .c-sppr0 {
    padding-right: 0px !important;
  }
  .c-sppb0 {
    padding-bottom: 0px !important;
  }
  .c-sppl0 {
    padding-left: 0px !important;
  }
  .c-spmt5 {
    margin-top: 5px !important;
  }
  .c-spmr5 {
    margin-right: 5px !important;
  }
  .c-spmb5 {
    margin-bottom: 5px !important;
  }
  .c-spml5 {
    margin-left: 5px !important;
  }
  .c-sppt5 {
    padding-top: 5px !important;
  }
  .c-sppr5 {
    padding-right: 5px !important;
  }
  .c-sppb5 {
    padding-bottom: 5px !important;
  }
  .c-sppl5 {
    padding-left: 5px !important;
  }
  .c-spmt10 {
    margin-top: 10px !important;
  }
  .c-spmr10 {
    margin-right: 10px !important;
  }
  .c-spmb10 {
    margin-bottom: 10px !important;
  }
  .c-spml10 {
    margin-left: 10px !important;
  }
  .c-sppt10 {
    padding-top: 10px !important;
  }
  .c-sppr10 {
    padding-right: 10px !important;
  }
  .c-sppb10 {
    padding-bottom: 10px !important;
  }
  .c-sppl10 {
    padding-left: 10px !important;
  }
  .c-spmt15 {
    margin-top: 15px !important;
  }
  .c-spmr15 {
    margin-right: 15px !important;
  }
  .c-spmb15 {
    margin-bottom: 15px !important;
  }
  .c-spml15 {
    margin-left: 15px !important;
  }
  .c-sppt15 {
    padding-top: 15px !important;
  }
  .c-sppr15 {
    padding-right: 15px !important;
  }
  .c-sppb15 {
    padding-bottom: 15px !important;
  }
  .c-sppl15 {
    padding-left: 15px !important;
  }
  .c-spmt20 {
    margin-top: 20px !important;
  }
  .c-spmr20 {
    margin-right: 20px !important;
  }
  .c-spmb20 {
    margin-bottom: 20px !important;
  }
  .c-spml20 {
    margin-left: 20px !important;
  }
  .c-sppt20 {
    padding-top: 20px !important;
  }
  .c-sppr20 {
    padding-right: 20px !important;
  }
  .c-sppb20 {
    padding-bottom: 20px !important;
  }
  .c-sppl20 {
    padding-left: 20px !important;
  }
  .c-spmt25 {
    margin-top: 25px !important;
  }
  .c-spmr25 {
    margin-right: 25px !important;
  }
  .c-spmb25 {
    margin-bottom: 25px !important;
  }
  .c-spml25 {
    margin-left: 25px !important;
  }
  .c-sppt25 {
    padding-top: 25px !important;
  }
  .c-sppr25 {
    padding-right: 25px !important;
  }
  .c-sppb25 {
    padding-bottom: 25px !important;
  }
  .c-sppl25 {
    padding-left: 25px !important;
  }
  .c-spmt30 {
    margin-top: 30px !important;
  }
  .c-spmr30 {
    margin-right: 30px !important;
  }
  .c-spmb30 {
    margin-bottom: 30px !important;
  }
  .c-spml30 {
    margin-left: 30px !important;
  }
  .c-sppt30 {
    padding-top: 30px !important;
  }
  .c-sppr30 {
    padding-right: 30px !important;
  }
  .c-sppb30 {
    padding-bottom: 30px !important;
  }
  .c-sppl30 {
    padding-left: 30px !important;
  }
  .c-spmt35 {
    margin-top: 35px !important;
  }
  .c-spmr35 {
    margin-right: 35px !important;
  }
  .c-spmb35 {
    margin-bottom: 35px !important;
  }
  .c-spml35 {
    margin-left: 35px !important;
  }
  .c-sppt35 {
    padding-top: 35px !important;
  }
  .c-sppr35 {
    padding-right: 35px !important;
  }
  .c-sppb35 {
    padding-bottom: 35px !important;
  }
  .c-sppl35 {
    padding-left: 35px !important;
  }
  .c-spmt40 {
    margin-top: 40px !important;
  }
  .c-spmr40 {
    margin-right: 40px !important;
  }
  .c-spmb40 {
    margin-bottom: 40px !important;
  }
  .c-spml40 {
    margin-left: 40px !important;
  }
  .c-sppt40 {
    padding-top: 40px !important;
  }
  .c-sppr40 {
    padding-right: 40px !important;
  }
  .c-sppb40 {
    padding-bottom: 40px !important;
  }
  .c-sppl40 {
    padding-left: 40px !important;
  }
  .c-spmt45 {
    margin-top: 45px !important;
  }
  .c-spmr45 {
    margin-right: 45px !important;
  }
  .c-spmb45 {
    margin-bottom: 45px !important;
  }
  .c-spml45 {
    margin-left: 45px !important;
  }
  .c-sppt45 {
    padding-top: 45px !important;
  }
  .c-sppr45 {
    padding-right: 45px !important;
  }
  .c-sppb45 {
    padding-bottom: 45px !important;
  }
  .c-sppl45 {
    padding-left: 45px !important;
  }
  .c-spmt50 {
    margin-top: 50px !important;
  }
  .c-spmr50 {
    margin-right: 50px !important;
  }
  .c-spmb50 {
    margin-bottom: 50px !important;
  }
  .c-spml50 {
    margin-left: 50px !important;
  }
  .c-sppt50 {
    padding-top: 50px !important;
  }
  .c-sppr50 {
    padding-right: 50px !important;
  }
  .c-sppb50 {
    padding-bottom: 50px !important;
  }
  .c-sppl50 {
    padding-left: 50px !important;
  }
  .c-spw0 {
    width: 0%;
  }
  .c-spw5 {
    width: 5%;
  }
  .c-spw10 {
    width: 10%;
  }
  .c-spw15 {
    width: 15%;
  }
  .c-spw20 {
    width: 20%;
  }
  .c-spw25 {
    width: 25%;
  }
  .c-spw30 {
    width: 30%;
  }
  .c-spw35 {
    width: 35%;
  }
  .c-spw40 {
    width: 40%;
  }
  .c-spw45 {
    width: 45%;
  }
  .c-spw50 {
    width: 50%;
  }
  .c-spw55 {
    width: 55%;
  }
  .c-spw60 {
    width: 60%;
  }
  .c-spw65 {
    width: 65%;
  }
  .c-spw70 {
    width: 70%;
  }
  .c-spw75 {
    width: 75%;
  }
  .c-spw80 {
    width: 80%;
  }
  .c-spw85 {
    width: 85%;
  }
  .c-spw90 {
    width: 90%;
  }
  .c-spw95 {
    width: 95%;
  }
  .c-spw100 {
    width: 100%;
  }
  /* --- layout ------------------------------------ */
  .l-container {
    font-size: 1.4rem;
    -webkit-text-size-adjust: 100%;
  }
  .l-container .show-pc, .l-container .show-pc.inline {
    display: none;
  }
  .l-container .show-sp {
    display: block;
  }
  .l-container .show-sp.inline {
    display: inline-block;
  }
  .l-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*-- modules ----------------------------------------*/
  .c-sptar {
    text-align: right;
  }
  .c-sptac {
    text-align: center;
  }
  .c-sptal {
    text-align: left;
  }
  .c-ttlRibbon {
    min-height: 85px;
    margin: 0 auto 10px;
    padding: 10px 30px 20px;
    font-size: 2rem;
  }
  .c-ttlOrange {
    font-size: 2.0rem;
  }
  .c-ttlWhite {
    font-size: 2.2rem;
  }
  .c-block .box-qr {
    width: auto;
    margin-left: 0;
    text-align: center;
  }
  .c-block .text {
    padding-left: 0;
  }
  .c-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .c-columns > [class*=col-] + [class*=col-] {
    margin-top: 20px;
  }
  .c-columns.gutters {
    margin-left: 0;
  }
  .c-columns.gutters > .col {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .c-columns.gutters > .col.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .col-1 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-1.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-1 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-2 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-2.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-2 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-3 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-3.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-3 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-4 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-4.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-4 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-5 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-5.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-5 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-6 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-6.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-6 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-7 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-7.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-7 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-8 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-8.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-8 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-9 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-9.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-9 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-10 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-10.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-10 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-11 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-11.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-11 {
    margin-left: 0 !important;
  }
  .c-columns.gutters > .col-12 {
    width: auto;
    margin-left: 0;
  }
  .c-columns.gutters > .col-12.tac {
    margin-left: auto;
  }
  .c-columns.gutters > .offset-12 {
    margin-left: 0 !important;
  }
  .c-columns.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .c-columns + .c-columns {
    margin-top: 20px;
  }
  .c-col-1 {
    width: 100%;
  }
  .offset-1 {
    margin-left: 0;
  }
  .c-col-2 {
    width: 100%;
  }
  .offset-2 {
    margin-left: 0;
  }
  .c-col-3 {
    width: 100%;
  }
  .offset-3 {
    margin-left: 0;
  }
  .c-col-4 {
    width: 100%;
  }
  .offset-4 {
    margin-left: 0;
  }
  .c-col-5 {
    width: 100%;
  }
  .offset-5 {
    margin-left: 0;
  }
  .c-col-6 {
    width: 100%;
  }
  .offset-6 {
    margin-left: 0;
  }
  .c-col-7 {
    width: 100%;
  }
  .offset-7 {
    margin-left: 0;
  }
  .c-col-8 {
    width: 100%;
  }
  .offset-8 {
    margin-left: 0;
  }
  .c-col-9 {
    width: 100%;
  }
  .offset-9 {
    margin-left: 0;
  }
  .c-col-10 {
    width: 100%;
  }
  .offset-10 {
    margin-left: 0;
  }
  .c-col-11 {
    width: 100%;
  }
  .offset-11 {
    margin-left: 0;
  }
  .c-col-12 {
    width: 100%;
  }
  .offset-12 {
    margin-left: 0;
  }
  p + h2,
  p + h3,
  p + h4,
  p + h5,
  p + h6,
  ul + h2,
  ul + h3,
  ul + h4,
  ul + h5,
  ul + h6,
  ol + h2,
  ol + h3,
  ol + h4,
  ol + h5,
  ol + h6,
  dl + h2,
  dl + h3,
  dl + h4,
  dl + h5,
  dl + h6,
  blockquote + h2,
  blockquote + h3,
  blockquote + h4,
  blockquote + h5,
  blockquote + h6,
  hr + h2,
  hr + h3,
  hr + h4,
  hr + h5,
  hr + h6,
  pre + h2,
  pre + h3,
  pre + h4,
  pre + h5,
  pre + h6,
  table + h2,
  table + h3,
  table + h4,
  table + h5,
  table + h6,
  form + h2,
  form + h3,
  form + h4,
  form + h5,
  form + h6,
  figure + h2,
  figure + h3,
  figure + h4,
  figure + h5,
  figure + h6 {
    margin-top: 25px;
  }
  p + p {
    margin-top: 2rem;
  }
  /* --- toppage ---------------------------------- */
  /* .mv-wrap */
  .mv-wrap .l-wrapper {
    padding-top: 90px;
  }
  .mv-wrap .l-wrapper:after {
    right: -5px;
    width: 100px;
    height: 90px;
  }
  .mv-wrap .btn-language {
    right: 10px;
    min-width: 100px;
    padding: 3px 5px;
  }
  .mv-wrap .btn-language a {
    padding: 3px 0;
    font-size: 1.6rem;
  }
  .mv-wrap .ttl-line {
    padding: 0 0 0 28px;
    font-size: 2.2rem;
  }
  .mv-wrap .box-text {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    margin-top: -25px;
    margin-right: 70px;
    padding: 10px;
  }
  /* check-wrap */
  .check-wrap .c-block {
    padding: 30px 15px 15px 15px;
  }
  .check-wrap .c-block .label-check {
    font-size: 1.3rem;
  }
  .check-wrap .c-block p {
    font-size: 1.6rem;
  }
  .check-wrap .txt-attention {
    font-size: 1.2rem;
  }
  /* usage-wrap */
  .usage-wrap .li-usage {
    display: block;
    margin: -10px 0 0 0;
  }
  .usage-wrap .li-usage li {
    width: auto;
    margin: 10px 0 0 0;
    padding: 10px 15px;
  }
  .usage-wrap .li-usage li .icon {
    width: 70px;
  }
}

/* #Print Fixes */
@media print {
  * {
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 1cm 2cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  body {
    width: auto;
    -webkit-print-color-adjust: exact;
  }
}