* {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif
}
input:focus, textarea:focus {
  background-color: #ffc
}
.nomargin {
  margin: 0 !important
}
.noborder {
  border: 0 !important
}
body{font-size:14px;}
body.form-style {
  margin: 10px 0;
  background-color: #E4E2D6
}
body.form-style h1 {
  margin: 0;
  margin-bottom: 1.0em;
  font-size: 1.6em;
  border-left: 7px solid #84B400;
  padding: 10px;
  padding-right: 0
}
body.form-style p {
  font-size: 1.1em;
  line-height: 1.6em
}
body.form-style sup {
  color: #c00;
  font-size: 14px;
  top: -0.1em;
  margin: 0 0.4em
}
body.form-style div.header img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
@media (max-width: 768px) {
  body.form-style div.header div:first-child {
    text-align: center
  }
}
body.form-style div.box-wrapper {
  margin-top: 0.5em;
  border: 1px solid #d0ccb7;
  background-color: #fff;
  padding: 20px
}
body.form-style div.form-copyright {
  padding: 20px 0;
  text-align: center
}
body.form-style table.confirm th {
  width: 25%;
  background-color: #f9f9f9
}
body.form-style form {
  margin-top: 1.0em
}
body.form-style form textarea {
  height: 15.0em
}
body.form-style form small.notice {
  display: inline-block;
  margin-top: 2.0em;
  color: #999;
  margin-left: 1.5em;
  text-indent: -1.5em
}
body.form-style form small.notice:before {
  content: "※";
  margin-right: 0.5em
}
body.form-style form div.alert {
  margin-top: 0.2em
}
body.form-style p.gototop {
  margin-top: 2.0em
}
header div.logo-area {
  background-color: #fbf9ec;
  padding: 10px 0
}
header div.logo-area div.pull-left img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
header div.logo-area div.pull-right ul a {
  color: #84B400;
  line-height: 41px
}
header div.logo-area div.pull-right ul a:hover {
  color: #FF9673
}
header div.logo-area div.pull-right ul a li {
  float: left;
  list-style-type: none;
  margin-left: 1.5em
}
header div.logo-area div.pull-right ul a li.login:before {
  font-family: 'FontAwesome';
  content: '\f007';
  padding-right: 0.5em
}
header div.logo-area div.pull-right ul a li.demo:before {
  font-family: 'FontAwesome';
  content: '\f040';
  padding-right: 0.5em
}
header div.global-navi div.navbar-header {
  background-color: #84B400
}
header div.global-navi div.navbar-header button {
  background-color: #fff
}
header div.global-navi div.navbar-header button span.icon-bar {
  background-color: #84B400
}
header div.global-navi nav {
  border: 0;
  background-color: #84B400;
  border-radius: 0;
  margin-bottom: 0
}
header div.global-navi nav.navbar {
  min-height: 0 !important
}
header div.global-navi nav div.navbar-collapse {
  padding: 10px 0
}
header div.global-navi nav ul.navbar-right {
  padding-right: 15px
}
header div.global-navi nav li {
  margin-left: 1.5em
}
header div.global-navi nav li:first-child {
  margin-left: 0
}
header div.global-navi nav li a {
  color: #fff !important;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 1px
}
header div.global-navi nav li a:hover {
  color: #FFC000;
  border-bottom: 4px solid #ffc000
}
header div.global-navi nav li.active a {
  border-bottom: 4px solid #FFC000;
  background-color: transparent !important
}
header div.global-navi nav li.inquiry a {
  border-bottom: 4px solid #FF9673
}
header div.global-navi nav li.inquiry a:hover {
  border-bottom: 4px solid #FFC000
}
article p {
  font-size: 1.1em;
  line-height: 1.5em
}
article div.subpage-top-bnr {
  height: auto
}
article div.subpage-top-bnr div.top-bnr-copy {
  padding-bottom: 50px;
  margin: 0 auto
}
article div.subpage-top-bnr div.top-bnr-copy h1 {
  text-align: center;
  margin: 0
}
article div.subpage-top-bnr div.top-bnr-copy h2 {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.6em;
  margin: 0;
  margin-top: 1.0em
}
/*article div.area-white {
  padding: 60px 0
}*/
article div.area-white.arrow {
  position: relative
}
article div.area-white.arrow:after {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -39px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #fff transparent transparent transparent
}
article div.area-black-clear {
  background-color: rgba(51, 51, 51, 0.8)
}
article div.area-black-clear h3 {
  font-size: 1.8em;
  font-weight: bold;
  color: #fff
}
article div.area-black-clear.block-recommend {
  background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;
  padding: 10px 10px 10px 25px
}
article div.area-brown {
  background-color: #F0F0E0;
  padding: 60px 0
}
article div.area-brown.arrow {
  position: relative
}
article div.area-brown.arrow:after {
  content: "";
  position: absolute;
  bottom: -39px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #F0F0E0 transparent transparent transparent
}
article div.area-gray {
  background-color: #f3f3f3;
  padding: 60px 0
}
article div.area-gray.arrow {
  position: relative
}
article div.area-gray.arrow:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #f3f3f3 transparent transparent transparent
}
article div.area-yellow {
  background-color: #fdf5c0;
  padding: 60px 0
}
article div.area-yellow.arrow {
  position: relative
}
article div.area-yellow.arrow:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #fdf5c0 transparent transparent transparent
}
article div.area-syellow {
  background-color: #FCD80F;
  padding: 60px 0
}
article div.area-syellow.arrow {
  position: relative
}
article div.area-syellow.arrow:after {
  content: "";
  position: absolute;
  bottom: -39px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #FCD80F transparent transparent transparent
}
article div.area-sred {
  background-color: #EA7B79;
  padding: 60px 0
}
article div.area-sred.arrow {
  position: relative
}
article div.area-sred.arrow:after {
  content: "";
  position: absolute;
  bottom: -39px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #EA7B79 transparent transparent transparent
}
article div.area-spink {
  background-color: #fff0f2;
  padding: 60px 0
}
article div.area-spink.arrow {
  position: relative
}
article div.area-spink.arrow:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #fff0f2 transparent transparent transparent
}
article div.area-lblue {
  background-color: #d0e7f4;
  padding: 60px 0
}
article div.area-lblue.arrow {
  position: relative
}
article div.area-lblue.arrow:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #d0e7f4 transparent transparent transparent
}
article div.area-lgreen {
  background-color: #e2f2ee;
  padding: 60px 0
}
article div.area-lgreen.arrow {
  position: relative
}
article div.area-lgreen.arrow:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #e2f2ee transparent transparent transparent
}
footer {
  background-color: #2A2A18;
  color: #AAAAAA;
  padding-top: 30px;
  padding-bottom: 110px
}
footer h2 {
  margin: 0;
  margin-top: 1.0em;
  margin-bottom: 20px;
  font-size: 1.4em;
  font-weight: 200 !important;
  color: #fff
}

footer ul.sitelink li a {
  color: #AAAAAA
}
footer .fbanner_area {
  margin-top: 10px
}
footer .fbanner_area img {
  width: 60%;
  background-colo: #fff
}
footer .fbanner_area:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8
}
footer small.copyright {
  display: block;
  margin-top: 30px;
  text-align: center
}
footer p {
  line-height: 1.0em
}
footer form.inquiry {
  margin-top: 1.5em
}
footer form.inquiry div.row:last-child {
  margin-top: 1.0em
}
footer form.inquiry label {
  font-size: 0.9em;
  font-weight: normal
}
footer form.inquiry input, footer form.inquiry textarea, footer form.inquiry button {
  border: 0
}
footer form.inquiry input, footer form.inquiry textarea {
  font-size: 0.9em
}
footer form.inquiry input:focus, footer form.inquiry textarea:focus {
  background-color: #ffc
}
footer form.inquiry textarea {
  height: 14.4em
}
footer form.inquiry button {
  color: #fff;
  background-color: #777
}
footer form.inquiry button[disabled] {
  color: #000
}
footer .footer-inner {margin: 0;padding: 0;text-align: left;display: table-cell;}
footer h3 { margin: 0;margin-top: 1.0em;font-size: 1.2rem;font-weight: bold;color: #fff; }
.modal_img {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap
}
#demo {
  margin-top: 6.0em;
  margin-bottom: 4.0em
}
#demo p {
  font-size: 1.1em;
  line-height: 1.6em;
  margin-bottom: 1.2em
}
#demo h2 {
  margin: 0;
  text-align: center;
  line-height: 1.5em;
  font-weight: bold
}
#demo h3 {
  margin: 0;
  text-align: center;
  font-size: 1.4em;
  color: #FF7F00;
  margin-top: 0.7em;
  margin-bottom: 1.5em
}
#demo sup {
  color: #c00;
  font-size: 14px;
  top: -0.1em;
  margin: 0 0.4em
}
#demo .assist {
  margin-top: 4.0em
}
#demo form label {
  font-weight: normal
}
#demo form label span.label {
  margin: 0 1.0em
}
#demo form textarea {
  height: 15.0em
}
#demo form small.notice {
  display: inline-block;
  margin-top: 2.0em;
  color: #999;
  margin-left: 1.5em;
  text-indent: -1.5em
}
#demo form small.notice:before {
  content: "※";
  margin-right: 0.5em
}
#slide {
  position: fixed;
  width: 200px;
  height: 30px;
  bottom: 0;
  right: 0;
  color: #666;
  background: #fff;
  border-left: solid 1px #f0ad4e;
  border-top: solid 1px #f0ad4e;
  box-shadow: 0 0 2px 0 #ed9f30;
  z-index: 20
}
#slide img {
  vertical-align: top !important
}
#slide-in {
  padding: 0px 0px
}
#slide a {
  text-decoration: none;
  cursor: pointer
}
#slide h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 15px;
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #fff;
  display: inline;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  padding: 6px 55px 15px 20px;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap
}
#slide .left {
  float: left;
  width: 100px
}
#slide .right {
  float: left;
  width: 70%;
  padding-left: 5px;
  margin-right: 10px;
  margin-top: 10px
}
#slide .clear {
  clear: both;
  line-height: 1.2em
}
#slide-contents {
  margin-top: 20px;
  padding: 10px
}
#slide #open-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(/assets/img/close-btn.gif)
}
#pageTop {
  background: #333;
  color: #FFF;
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: .8
}
#pageTop span {
  display: block;
  background: #333;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 50px;
  font-size: 36px
}
#pageTop:hover {
  display: block;
  background: #333;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 50px;
  font-size: 36px
}
.assist img {
  border: 1px solid #84B400
}
.assist div.face {
  width: 150px
}
.assist div.balloon {
  background-color: #84B400;
  color: #fff;
  padding: 1.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.assist div.balloon p:last-child {
  margin-bottom: 0 !important
}
.assist div.balloon:after {
  content: "";
  position: absolute;
  top: 55px;
  left: -20px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #84B400 transparent transparent
}
iframe.agreement-iframe {
  width: 100%;
  border: 1px solid #E4E2D6;
  height: 250px;
  margin-top: 1.0em
}
div.agreement h4 {
  border-left: 5px solid #E4E2D6;
  padding: 10px 0;
  padding-left: 10px
}
div.agreement div.agreement-list {
  border: 1px solid #E4E2D6;
  padding: 1.0em;
  overflow-y: scroll;
  overflow-x: auto;
  height: 250px
}
div.agreement div.agreement-list ul {
  padding-left: 1.0em
}
div.agreement div.agreement-list ul li {
  font-size: 0.9em;
  margin-bottom: 0.5em
}
div.agreement div.agreement-list div.timestamp {
  text-align: right;
  font-size: 0.9em;
  font-weight: bold
}
div.hr {
  height: 55px;
  text-align: center
}
div.hr div {
  height: 1px;
  background-color: #DDDDDD
}
div.hr div span {
  position: relative;
  top: -2.0em
}
div.special-banner {
  background-color: #FFBF00;
  padding: 1.0em 0
}
div.special-banner h2 {
  font-weight: bold;
  margin-top: 0;
  text-align: center
}
@media (max-width: 480px) {
  #slide {
    display: none
  }
  nav li.active {
    background-color: #FFC000 !important
  }
  nav li.active a {
    border-bottom: 0 !important
  }
  #GlobalNaviList li {
    padding-left: 1.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em
  }
  #GlobalNaviList li a:hover {
    border-bottom: 0
  }
  #GlobalNaviList li:first-child {
    margin-left: 1.5em
  }
  #GlobalNaviList li.inquiry a {
    border-bottom: 0
  }
}
@media (max-width: 768px) {
  body.form-style table.confirm th {
    width: 40%
  }
  div.subpage-top-bnr {
    padding-top: 20px !important
  }
  div.subpage-top-bnr h1 {
    font-size: 2.0em
  }
  div.subpage-top-bnr h2 {
    font-size: 1.2em
  }
  .assist {
    margin: 0 15px
  }
  .assist div.face {
    width: 100%;
    text-align: center
  }
  .assist div.balloon {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 2.0em
  }
  .assist div.balloon:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    margin-top: -20px;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #84B400 transparent
  }
}
.affix {
  top: 0;
  width: 100%;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92
}
.affix-bottom {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}
div.subpage-top-bnr {
  height: auto;
  padding-bottom: 0px;
  background-color: #ffcc0a
}
div.subpage-top-bnr div.top-bnr-copy {
  max-width: 860px
}
div.subpage-top-bnr div.top-bnr-copy h1 {
  color: #333;
  font-weight: bolder;
  font-size: 43px;
}
div.subpage-top-bnr.area-top {
  padding-top: 40px
}
div.subpage-top-bnr.area-top.arrow {
  position: relative
}
div.subpage-top-bnr.area-top.arrow:after {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #FFCC0A transparent transparent transparent
}
article div.subpage-top-bnr div.top-bnr-copy h3 {
  font-size: 17px;
  position: relative;
  margin: 0 0 1.5em;
  padding: 0.8em;
  background: #fff;
  color: #EDAD0B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  width: 90%;
  margin-left: 5%
}
article div.subpage-top-bnr div.top-bnr-copy h3:after {
  font-size: 17px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  z-index: 90;
  margin-left: -15px;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 0;
  content: ""
}
div.bg_sun {
  background-image: url(/assets/img/expo/bg_sun.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.subtitle {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #8eb812;
  padding:30px 0 20px;
}
.subtitle02{font-size: 30px; font-weight: bold; text-align: center; color: #000;padding: 50px 0 7px; border-bottom: 1px solid #CCC;}

.no_padding {
  padding: 0 !important
}
.circle {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  line-height: 80px;
  background-color: #FFB302;
  color: #fff;
  font-size: 3.0em;
  margin-bottom: 0.5em
}
.circle_h2 {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  line-height: 80px;
  background-color: #EA7B79;
  color: #fff;
  margin-bottom: 0.5em
}
.circle_h3 {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  line-height: 80px;
  background-color: #58BCBB;
  color: #fff;
  margin-bottom: 0.5em
}
.fl {
  float: left
}
.fr {
  float: right
}
.clear {
  clear: both
}
.img-center {
  margin: 0 auto
}
div.main-block h3 {
  font-size: 2.3em;
  margin: 0 0 30px!important;
}
div.main-block h4 {
  margin: 16px 0 0;
  font-size: 24px;
  color: #a94442;
}
article p {
  margin: 15px 0 0;
  font-size: 15px;
  line-height: 24px;
}
div.main-block .img_frame {
  border: 3px solid #c1c0b3
}
div.top-bnr {
  height: auto;
  padding-bottom: 50px
}
div.top-bnr div.top-bnr-copy {
  max-width: 720px;
  padding-top: 55px;
  margin: 0 auto
}
div.top-bnr div.top-bnr-copy h1 {
  color: #8eb812;
  font-size: 43px;
  font-weight: bolder;
  text-align: center
}
div.top-bnr div.top-bnr-copy h2 {
  color: #000;
  font-weight: normal;
  text-align: center;
  font-size: 1.5em;
  margin-top: 1.1em
}
div.top-bnr div.top-bnr-copy a {
  margin-top: 1.0em;
  font-size: 1.6em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
.fb {
  font-weight: bold
}
.fwhite {
  color: #fff
}
.fred {
  color: #e0341d
}
.f12 {
  font-size: 12px
}
.f14 {
  font-size: 14px
}
.f16 {
  font-size: 16px
}
.f18 {
  font-size: 18px
}
.f22 {
  font-size: 22px
}
.f24 {
  font-size: 24px
}
.f26 {
  font-size: 26px
}
.f30 {
  font-size: 30px
}
.f38 {
  font-size: 38px
}
.mt40 {
  margin-top: 40px
}
.mt50 {
  margin-top: 50px
}
.btn-block {
  padding-top: 15px;
  padding-bottom: 15px
}
.checktitle {
  font-size: 42px;
  margin-bottom: 40px;
  font-weight: bold
}
.checklist {
  font-size: 32px;
  margin-bottom: 20px
}
.area-syellow {
  color: #4F4C4C
}
.area-syellow .catch {
  font-size: 1.8em
}
.area-syellow .catch_title {
  color: #333;
  font-size: 2.5em;
  font-weight: bold
}
.mt_40 {
  margin-top: 40px
}
.mt_50 {
  margin-top: 50px
}
.mt_60 {
  margin-top: 60px
}
.f_black {
  color: #333
}
.f_orange {
  color: #ffa800
}
#link_ver {
  font-size: 16px
}
.btn_top {
  padding: 15px
}
.orange {
  color: #E87500 !important
}
.balloon-bottom2 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 115px;
  height: 40px;
  color: #333;
  line-height: 40px;
  text-align: center;
  background: #FCD80F;
  z-index: 0;
  font-size: 17px;
  margin-bottom: 18px
}
.balloon-bottom2:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FCD80F transparent transparent transparent
}
div.possible h5 {
  font-size: 35px;
  color: #333 !important;
  margin: 0 !important
}
div.possible p {
  font-size: 38px;
  color: #ff7f00;
  margin-bottom: 100px
}
#howto01 {
  padding-top: 100px
}
#howto01 h3, #howto02 h3, #howto03 h3 {
  font-size: 30px
}
#howto01 h2 {
  font-size: 36px;
  text-align: center
}
div.top-news {
  margin-bottom: 80px
}
div.top-news h2 {
  margin: 0;
  margin-bottom: 0.7em;
  font-weight: bold;
  line-height: 1.5em
}
div.top-news p {
  margin-bottom: 1.5em
}
div.top-news a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
#impression, #impression2 {
  position: relative
}
#impression .imp_area_title, #impression2 .imp_area_title {
  font-size: 14px;
  margin-bottom: 5px
}
#impression ul, #impression2 ul {
  margin-left: 0px
}
#impression .imp_list, #impression2 .imp_list {
  width: 100%;
  position: relative;
  z-index: 1;
  list-style: none;
  padding-left: 10px
}
#impression .imp_outer, #impression2 .imp_outer {
  clear: both;
  margin-bottom: 5px
}
#impression .imp_text, #impression2 .imp_text {
  position: relative;
  font-size: 16px
}
#impression .txtC, #impression2 .txtC {
  text-align: center
}
#impression .txtR, #impression2 .txtR {
  text-align: right
}
#impression .txtL, #impression2 .txtL {
  text-align: left
}
#impression .imp_box, #impression2 .imp_box {
  text-align: left !important;
  position: relative;
  border-bottom: dotted #84B400 2px;
  height: auto !important;
  height: 50px;
  margin-bottom: 10px;
  padding: 15px
}
div.top-product div.container div.img {
  text-align: center !important
}
div.top-product div.container div.img img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
div.top-product div.container h3 {
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.4em
}
div.top-product div.container p {
  padding: 0 10px;
  margin-bottom: 1.5em
}
div.top-product div.container p a {
  color: #0085B2
}
div.top-recommend {
  background-image: url(/assets/img/index/top_bg_recom.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 20px
}
div.top-recommend h1 {
  color: #fff;
  font-weight: bold;
  line-height: 1.2em;
  text-align: left;
  font-size: 3em;
  margin: 0
}
div.top-recommend h2 {
  color: #fff;
  font-weight: normal;
  text-align: left;
  font-size: 1.4em;
  margin-top: 1.1em
}
div.top-recommend h3 {
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
  text-align: left
}
div.top-recommend a {
  margin-top: 1.0em;
  font-size: 1.6em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  width: 60%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}
div.top-recommend p {
  font-size: 1.6em;
  color: #fff;
  margin-bottom: 15px
}
div.top-recommend.lg {
  font-size: 1.7em
}
div.top-recommend div.block_white {
  background: #fff
}
div.top-recommend div.block-recommend {
  background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;
  padding: 10px 10px 10px 25px
}
div.top-recommend div.block-recommend h3 {
  font-size: 1.8em;
  font-weight: bold;
  color: #fff
}
.trouble h3 {
  font-size: 35px;
  font-weight: 600
}
.trouble li {
  font-size: 24px
}
.kf_point {
  font-size: 16px
}
.kf_point h2 {
  color: #333;
  font-size: 2.5em;
  margin-bottom: 50px;
  font-weight: bold
}
.kf_point h2 i {
  margin-right: 10px
}
.kf_point h3 {
  font-size: 2em;
  margin: 0 0 1em
}
.kf_point h4 {
  font-size: 1.8em;
  margin-bottom: 0
}
span.label {
  display: inline-block;
  font-size: 1.1em;
  margin-bottom: 0.5em
}
.btn_radius1, .btn_radius2, .btn_radius3 {
  color: #fff;
  font-size: 180%;
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 10;
  display: block;
  width: 200px;
  height: 200px;
  line-height: 30px;
  display: block;
  margin-bottom: 30px;
  margin-top: 30px
}
.btn_radius1 i, .btn_radius2 i, .btn_radius3 i {
  margin-bottom: 10px
}
.btn_radius1 i, .btn_radius2 i, .btn_radius3 i {
  font-size: 200%;
  margin-top: 16%
}
.btn_radius1, .btn_radius2, .btn_radius3:hover {
  color: #fff !important;
  text-decoration: none !important
}
.btn_radius1::before {
  content: '';
  background-color: #58BCBB;
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: -1;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #58BCBB;
  transition: all .2s ease;
  -webkit-transition: all .2s ease
}
.btn_radius1:hover::before {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  box-shadow: 0 0 0 25px #fff, 0 0 0 27px #58BCBB
}
.point_word {
  font-size: 150%
}
.button_red {
  -moz-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
  background: -moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
  background: -webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
  background: -o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
  background: -ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
  background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d', GradientType=0);
  background-color: #fc8d83;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d83526;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  padding: 24px 70px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #b23e35;
  text-align: center
}
.button_red:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
  background: -moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
  background: -webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
  background: -o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
  background: -ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
  background: linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83', GradientType=0);
  background-color: #e4685d;
  color: #fff;
  text-decoration: none
}
.button_red:active {
  position: relative;
  top: 1px
}
ul.list-group li p, ul.list-group a p {
  font-size: 1.2em
}
ul.list-group li.title, ul.list-group a.title {
  background-color: #84b400;
  border: 0 none
}
ul.list-group li.title h3, ul.list-group a.title h3 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0 !important
}
ul.list-group li.title h4, ul.list-group a.title h4 {
  color: #90bbb7;
  font-size: 1.2em;
  margin-top: 0.5em
}
ul.list-group li.desc, ul.list-group a.desc {
  background-color: #90bbb7;
  border: 0 none
}
ul.list-group li.desc p, ul.list-group a.desc p {
  color: #384646;
  text-align: left !important
}
ul.list-group li.link-btn, ul.list-group a.link-btn {
  background-color: #e23800;
  border: 0 none;
  color: #fff
}
ul.list-group li.link-btn:hover, ul.list-group a.link-btn:hover {
  opacity: 0.85
}
ul.list-group li.link-btn h3, ul.list-group a.link-btn h3 {
  font-size: 1.5em
}
div.check-point {
  color: #666666;
  padding: 20px
}
div.check-point.agreement {
  background-color: #c2c2b4
}
div.check-point.plan {
  background-color: #ebc247
}
div.check-point h3 {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.5em;
  margin: 0;
  padding: 0
}
#demo {
  margin-top: 3.0em
}
div.hr {
  margin-top: 6.0em
}
div.plan-list {
  position: relative;
  top: -55px
}
div.plan-list div.recommend {
  color: #394846;
  font-size: 1.7em;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #FFC100;
  position: relative;
  top: -50px;
  margin-bottom: -50px
}
div.plan-list div.recommend:after {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #FFC100 transparent transparent transparent
}
ul.list-group {
  margin: 0
}
ul.list-group.recommend {
  border: 6px solid #FFC100;
  border-top: 0
}
ul.list-group.recommend li {
  border-left: 0;
  border-right: 0
}
ul.list-group li, ul.list-group a {
  color: #999999;
  padding: 1.7em 1.0em
}
ul.list-group li.list-group-item, ul.list-group a.list-group-item {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px
}
ul.list-group li strong, ul.list-group a strong {
  color: #000
}
ul.list-group li h3, ul.list-group li h4, ul.list-group li p, ul.list-group a h3, ul.list-group a h4, ul.list-group a p {
  margin: 0;
  text-align: center
}
ul.list-group li p, ul.list-group a p {
  font-size: 1.2em
}
ul.list-group li.title, ul.list-group a.title {
  background-color: #394846;
  border: 0
}
ul.list-group li.title h3, ul.list-group a.title h3 {
  font-size: 2.0em;
  color: #fff;
  font-weight: bold
}
ul.list-group li.title h4, ul.list-group a.title h4 {
  margin-top: 0.5em;
  font-size: 1.2em;
  color: #90BBB7
}
ul.list-group li.desc, ul.list-group a.desc {
  border: 0;
  background-color: #90BBB7
}
ul.list-group li.desc p, ul.list-group a.desc p {
  color: #384646;
  text-align: left !important
}
ul.list-group li.link-btn, ul.list-group a.link-btn {
  border: 0;
  background-color: #E23800;
  color: #fff
}
ul.list-group li.link-btn:hover, ul.list-group a.link-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85
}
ul.list-group li.link-btn h3, ul.list-group a.link-btn h3 {
  font-size: 1.5em
}
.kf_user h3 {
  border-left: 7px solid #84b400;
  margin: 0 0 1em;
  padding: 0.7em 0 0.7em 0.7em
}
.kf_user .label {
  border-radius: 0.25em;
  color: #fff;
  display: inline;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap
}
@media screen and (min-width: 992px) {
  div.btn {
    margin-top: 120px !important
  }
}
@media (max-width: 480px) {
  div.top-bnr div.top-bnr-copy {
    padding-top: 120px
  }
  div.top-bnr div.top-bnr-copy a {
    font-size: 1.5em
  }
  div.top-bnr div.top-bnr-copy h1 {
    font-size: 2.8em;
    text-align: center
  }
  div.top-bnr div.top-bnr-copy h2 {
    font-size: 1.3em;
    text-align: center
  }
  div.top-bnr div.top-bnr-copy img {
    width: 70%;
    text-align: center
  }
  div.top-counter div.counter {
    font-size: 3.0em
  }
  div.top-recommend {
    margin-top: 20px
  }
  div.top-recommend p {
    font-size: 1.2em
  }
}

mark {background: linear-gradient(transparent 55%, #c1e0ff 55%);  font-weight: bold; color:#555;}
pmark {color: #FF0033; font-weight: bold;}
.m-box{padding: 30px 35px;
  border-radius: 10px;
  background: #f7f4f4;
  margin: 0 auto;
  height: auto;display: flex;}
  .m-box img{border-radius: 10px;width: 60%;}
img{margin: 0 auto;}

.m-title{font-size:26px;font-weight: bold;}
.m-title-txt{padding: 15px 0 0;}
.sub-txt{text-align:center; font-size:15px;line-height:160%;}
.rewritecopy{text-align: center;
  font-size: 28px;
  line-height: 160%;
  font-weight: bold;
  color: #8eb812;
  margin: 20px 0 10px 0;}
.beginning_wrap {margin:30px auto 20px; display: table;/*background: #f3f3f3;padding: 15px;*/}
.beginning_wrap span {margin:0 auto 3px; display:table;font-size: 13px;text-align: center;line-height: 150%;}
.beginning_wrap a {margin:0 auto; padding:20px 35px; background-color:#84b400; color:#fff!important; text-decoration:none; border-radius:5px; display:table; /*position:relative;*/ text-align:center;font-size:120%;}
.beginning_wrap a:hover {text-decoration:none; opacity:0.7;}
.beginning_wrap a:visited {color:#fff;}
.beginning_wrap a:after {content:"\f138"; font-family:FontAwesome; font-size:17px; margin:0 0 0 5px;}
.pr_text_wrap {margin: 30px auto 0; display: table;line-height:150%;}
.pr_text_wrap:before {margin-right: 3px; padding: 0 5px; content: "PR"; background: #84b400; color: #FFF; border-radius: 3px; font-weight: bold; font-size: 12px; position: relative; top: -2px;}
.pr_text_wrap a:link {font-weight: bold; color: #1a73e8; text-decoration: underline;font-size: 16px;}
.pr_text_wrap a:link:after {content:"\f138"; font-family:FontAwesome; font-weight: bold; margin-left: 3px;}
.pr_text_wrap a:hover {text-decoration: none;opacity:0.6;}
.table-wrap{margin:20px 0 0;}
table{border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 0; border-bottom: 0;border-collapse: collapse;border-spacing: 0;}
table td {padding: 10px; border-right: 1px solid; border-bottom: 1px solid;border-right-color: #E5E5E5; border-bottom-color: #E5E5E5;}
table.kiji-t{/*width:650px*/;margin:0 auto;}
table.kiji-t td:first-child{font-weight:bold; background:none!important;width: 10%;}
table.kiji-t td:nth-child(n+2){text-align:center;}

.accordion{margin:20px 0 0;}
.toggle {display: none;}
.Label {/*タイトル*/padding: 1em;display: block;color: #fff;background:#019ac6;}
.Label::before{/*タイトル横の矢印*/	content:"";	width: 6px;	height: 6px;border-top: 2px solid #fff;	border-right: 2px solid #fff;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.Label,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.content {/*本文*/	height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
.toggle:checked + .Label + .content {/*開閉時*/	height: auto;padding:0 20px 20px;transition: all .3s;}
.toggle:checked + .Label::before {transform: rotate(-45deg) !important;}

.point_box {margin:25px 0 0!important; padding:15px; position:relative; background:#cde0f354; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.point_box span{padding:4px 8px; font-size:13px; position:absolute; top:-15px; left:10px; background:#ff5a40; border:2px solid #fff; -moz-border-radius:16px; -webkit-border-radius:16px;border-radius:16px; color:#fff; line-height:1;}
.point_box ul {margin:0!important; padding:0 0 0 20px!important;}
.point_box ul li {margin:6px 0 0; font-size:15px; line-height:1.6; font-weight:normal;list-style-type:disc;}
.point_box ul li:first-child {margin:0;}
.point_box a:link {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:none*/ color:#1a73e8; text-decoration:underline;}
.point_box a:active {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:underline;*/ color:#1a73e8; text-decoration:none;}
.point_box a:hover {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:underline;*/ color:#1a73e8; text-decoration:none;opacity:0.7}
.point_box a:visited {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:none*/ color:#1a73e8; text-decoration:underline;}
.item {
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
}
.ribbonWrap {
  position: relative;
}
.item .contents_inner {
  padding: 0 16px;
}

.imgBr16._line2 img {
  border: 2px solid #E2E2E2;
}
.imgBr16 img {
  border-radius: 16px;
}
.img100 {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 640px) {
.beginning_wrap {margin:20px auto 20px; display: table;/*background: #f3f3f3;padding: 10px;*/}
.beginning_wrap span {margin:0 auto 3px; font-size:12px; display:table;text-align: center;line-height: 150%;}
.beginning_wrap a {margin:0 auto; padding:10px; background-color:#84b400; color:#fff!important; text-decoration:none; border-radius:5px; display:table; /*position:relative;*/ text-align:center;line-height: 150%;}
.beginning_wrap a:hover {text-decoration:none; opacity:0.7;}
.beginning_wrap a:visited {color:#fff;}
.beginning_wrap a:after {content:"\f138"; font-family:FontAwesome; font-size:17px; margin:0 0 0 5px;}
.pr_text_wrap {margin: 30px auto 0; display: table;line-height:150%;}
.pr_text_wrap:before {margin-right: 3px; padding: 0 5px; content: "PR"; background: #84b400; color: #FFF; border-radius: 3px; font-weight: bold; font-size: 12px; position: relative; top: 0;}
.pr_text_wrap a:link {font-weight: bold; color: #1a73e8; text-decoration: underline;font-size: 13px; line-height: 160%;}
.pr_text_wrap a:link:after {content:"\f138"; font-family:FontAwesome; font-weight: bold;margin-left: 3px;}
.pr_text_wrap a:hover {text-decoration: none;opacity:0.6;}

.table-wrap{white-space: nowrap; overflow: auto; width: 350px; padding:0 0 15px;}
.table-wrap::-webkit-scrollbar { height: 10px;border-radius: 5px;}
.table-wrap::-webkit-scrollbar-track {border-radius: 5px; background: #f3f3f3;}
.table-wrap::-webkit-scrollbar-thumb {border-radius: 5px;background: #ccc;}
table.kiji-t td:first-child{font-weight:bold; background:none!important;}

.toggle {display: none;}
.Label {/*タイトル*/padding: 1em;display: block;color: #fff;background:#019ac6;}
.Label::before{/*タイトル横の矢印*/	content:"";	width: 6px;	height: 6px;border-top: 2px solid #fff;	border-right: 2px solid #fff;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.Label,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.content {/*本文*/	height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
.toggle:checked + .Label + .content {/*開閉時*/	height: auto;padding:0 20px 20px;transition: all .3s;}
.toggle:checked + .Label::before {transform: rotate(-45deg) !important;}

.point_box {margin:25px 0 0!important; padding:15px 15px 10px; position:relative; background:#cde0f354; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.point_box span{padding:4px 8px; font-size:13px; position:absolute; top:-15px; left:10px; background:#ff5a40; border:2px solid #fff; -moz-border-radius:16px; -webkit-border-radius:16px;border-radius:16px; color:#fff; line-height:1;}
.point_box ul {margin:0!important; padding:0 0 0 15px!important;}
.point_box ul li {margin:5px 0 0; font-size:13px; line-height:1.4; font-weight:normal;list-style-type:disc;}
.point_box ul li:first-child {margin:0;}
.point_box a:link {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:none*/ color:#1a73e8; text-decoration:underline;}
.point_box a:active {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:underline;*/ color:#1a73e8; text-decoration:none;}
.point_box a:hover {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:underline;*/ color:#1a73e8; text-decoration:none;opacity:0.7}
.point_box a:visited {/*color:#337ab7;*/ font-weight:bold; /*text-decoration:none*/ color:#1a73e8; text-decoration:underline;}
div.subpage-top-bnr div.top-bnr-copy h1 {
  color: #333;
  font-weight: bolder;
  font-size: 30px;
}
.subtitle {
  font-size: 30px !important;
  font-weight: bold;
  text-align: center;
  color: #8eb812;
  padding: 30px 0 20px;
}
.rewritecopy {
  text-align: center;
  font-size: 23px;
  line-height: 160%;
  font-weight: bold;
  color: #8eb812;
  margin: 28px 0 20px 0;
}
.item {
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
}
.ribbonWrap {
  position: relative;
}
.item .contents_inner {
  padding: 0 16px;
}

.imgBr16._line2 img {
  border: 2px solid #E2E2E2;
}
.imgBr16 img {
  border-radius: 16px;
}
.img100 {
  display: block;
  width: 100%;
  height: auto;
}
.flex-btn-row {
  flex-direction: column !important;
  align-items: center;
}
.flex-btn-row .btn-wrap {
  margin-left: 0 !important;
  width: 100%;
  display: block !important;
}
.flex-btn-row .btn-wrap:not(:last-child) {
  margin-bottom: 15px;
}
h2{ font-size: 24px!important;margin: 20px 0!important;}
.circle_h2 {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 60px;
  line-height: 60px;
  background-color: #EA7B79;
  color: #fff;
  margin-bottom: 0.5em;
}
.m-box {
  padding: 30px 35px;
  border-radius: 10px;
  background: #f7f4f4;
  margin: 0 auto;
  height: auto;
  display: inline-block;
}
.m-box img {
  border-radius: 10px;margin: 0 0 20px 0;width: 100%;}
  div.main-block h3 {
    font-size: 1.75em;
    margin: 0 0 30px !important;
}
}