@charset "UTF-8";
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #343434;
}

p {
  line-height: 1.7;
}

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

.nodeco {
  text-decoration: none;
  color: #fff;
}

.nodeco2 {
  text-decoration: none !important;
  color: #333 !important;
}

.r_img {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .r_img {
    width: 80% !important;
  }
}

.rotate45l {
  transform: rotate(45deg);
}

.rotate45r {
  transform: rotate(-45deg);
}

.rotate10r {
  transform: rotate(-10deg);
}

@media screen and (max-width: 1280px) {
  .sprotate90 {
    transform: rotate(90deg);
  }
}

.bgc {
  background-color: #FFFBF2;
}

.bdr_btm {
  border-bottom: #343434 solid 1px;
}

.bdr_btmsc {
  border-bottom: #237680 solid 3px;
}

.bdr_btmwh {
  border-bottom: #fff solid 3px;
}

.maincolor {
  color: #3C9835;
}

.subbgc {
  background-color: #237680;
}

.subcolor {
  color: #237680;
}

.noticecolor {
  color: #E3400D;
}

.mainbgc {
  background-color: #3C9835;
}

.brickbgc {
  background-color: #2f5596;
}

.ebetsu_logo_color {
  color: #132B81;
}

.ebetsu_logo_bgc {
  background-color: #132B81;
}

.txt_justify {
  text-align: justify;
}

.iconbg {
  background-image: url("./img/bg.svg");
  background-size: contain;
}

.roundedapps {
  border-radius: 15px;
  border: 2px solid #D45B41;
}

/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: fixed;
  z-index: -1;
  opacity: 0;
  /*はじめは透過0*/
  /*ナビの位置と形状*/
  top: 0;
  width: 100%;
  height: 100vh;
  /*ナビの高さ*/
  background: #FFFBF2;
  /*動き*/
  transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {
  opacity: 1;
  z-index: 999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  display: none;
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  padding-left: 0;
  transform: translate(-50%, -50%);
}

#g-nav.panelactive ul {
  display: block;
}

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
  text-align: center;
}

#g-nav li a {
  color: #333;
  text-decoration: none;
  padding: 10px;
  display: block;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: fixed;
  z-index: 9999;
  /*ボタンを最前面に*/
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #132B81;
  width: 45%;
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

.index .ttl_bdr {
  width: 100%;
  text-align: center;
  background-color: #3C9835;
  border-radius: 50px;
  color: #fff !important;
  font-weight: bold;
  margin: auto;
}
.index .ttl_bdr h1,
.index .ttl_bdr h2,
.index .ttl_bdr h3 {
  color: #fff !important;
}
.index .ttl_bdr_l {
  text-align: center;
  border: 2px solid #3C9835;
  border-radius: 50px;
  color: #3C9835 !important;
  font-weight: bold;
}
.index .yt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.index .yt_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index .ttl_bdr_ro {
  width: 100%;
  text-align: center;
  background-color: #3C9835;
  border-radius: 50px;
  color: #fff !important;
  font-weight: bold;
  margin: auto;
  position: relative;
}
.index .ttl_bdr_ro h1,
.index .ttl_bdr_ro h2,
.index .ttl_bdr_ro h3 {
  color: #fff !important;
}
.index .ttl_bdr_ro img {
  position: absolute;
  right: 0;
  top: -20px;
}
.index .relation_box {
  height: 100px;
  background-color: #ddf5db;
  border-radius: 15px;
}
.index .relationimg {
  width: 60%;
}
@media screen and (max-width: 1280px) {
  .index .relationimg {
    width: 50% !important;
  }
}
.index .apps {
  background-position: bottom 0 left 0;
  background-repeat: no-repeat;
  background-size: 200px;
  background-color: #D45B41;
}
@media screen and (max-width: 1280px) {
  .index .apps {
    background-size: 100px;
  }
}
.index .tx_box {
  min-height: 160px;
}
@media screen and (max-width: 1280px) {
  .index .tx_box {
    min-height: auto;
  }
}
.index .app_intro {
  text-align: justify;
  line-height: 2em;
}
.index .appimg img {
  max-height: 230px;
}
.index .brk_bdr {
  max-height: 20px;
}
.index .linkbtn {
  background-color: #F1643D;
  filter: drop-shadow(5px 4px 0px rgba(19, 129, 255, 0.6));
  color: #fff;
  border-radius: 50px;
  padding: 10px 0;
  width: 200px;
  margin: auto;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.index .wip {
  border-radius: 15px;
}
.index .qa {
  background-position: bottom 0 right 0;
  background-repeat: no-repeat;
  background-size: 200px;
}
@media screen and (max-width: 1280px) {
  .index .qa {
    background-size: 100px;
  }
}
.index .qa .Q {
  background-color: #333;
  margin-right: 10px;
  color: #fff;
  padding: 5px;
}
.index .qa img {
  width: 100px;
}
.index .qa dt {
  font-weight: bold;
  margin-top: 30px;
}
.index .qa dd {
  margin: revert;
}
.index .qa table {
  margin-bottom: 1em;
}
.index .qa td {
  margin-bottom: 0.5em;
}
.index .brk_bdr_b::before {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(./img/pages/ichiba/bdr.svg);
  background-repeat: round;
  background-position-x: inherit;
  margin-top: 10px;
}
.index .brk_bdr_a::after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(./img/pages/ichiba/bdr.svg);
  background-repeat: round;
  background-position-x: inherit;
  margin-top: 10px;
}
.index .ebetsu_ftr {
  background-color: #FFFBF2;
  background-image: url("./img/index/ftrbg.svg");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 50px;
}
@media screen and (max-width: 1280px) {
  .index .ebetsu_ftr {
    padding: 0;
    background-image: url("./img/index/ftrbgsp.svg");
  }
}
.index .ebetsu_ftr img {
  height: 50px;
}
.index .news {
  background-color: #e6dfd1;
}
.index .news .container {
  max-width: 1000px;
}

.pages .linkbtn {
  background-color: #F1643D;
  filter: drop-shadow(5px 4px 0px rgba(19, 129, 255, 0.6));
  color: #fff;
  border-radius: 50px;
  padding: 10px 0;
  width: 200px;
  margin: auto;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.pages .linkbtn span {
  color: #fff;
}
.pages .linkbtn_second {
  background-color: #ffff01;
  filter: drop-shadow(5px 4px 0px rgba(255, 255, 255, 0.6));
  color: #2f5596;
  border-radius: 50px;
  padding: 7px 20px;
  margin: 0 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}
.pages .linkbtn_second span {
  color: #2f5596;
}
.pages .fixed-bottom .tit {
  color: #ffff01;
  font-size: 22px;
}
.pages .yt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.pages .yt_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pages .ttl_bdr {
  width: 100%;
  text-align: center;
  background-color: #237680;
  border-radius: 50px;
  color: #fff !important;
  font-weight: bold;
  margin: auto;
}
.pages .ttl_bdr h1,
.pages .ttl_bdr h2,
.pages .ttl_bdr h3 {
  color: #fff !important;
}
.pages .ttl_bdr_ro {
  width: 100%;
  text-align: center;
  background-color: #237680;
  border-radius: 50px;
  color: #fff !important;
  font-weight: bold;
  margin: auto;
  position: relative;
}
.pages .ttl_bdr_ro h1,
.pages .ttl_bdr_ro h2,
.pages .ttl_bdr_ro h3 {
  color: #fff !important;
}
.pages .ttl_bdr_ro img {
  position: absolute;
  right: 0;
  top: -20px;
}
.pages .brk_bdr_b::before {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(./img/pages/ichiba/bdr.svg);
  background-repeat: round;
  background-position-x: inherit;
  margin-top: 10px;
}
.pages .brk_bdr_a::after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  background-image: url(./img/pages/ichiba/bdr.svg);
  background-repeat: round;
  background-position-x: inherit;
  margin-top: 10px;
}
.pages .red_bdr {
  background-color: #fff;
  border: 2px solid #E3400D;
  border-radius: 10px;
  color: #E3400D;
  padding: 10px;
  text-align: j;
}
.pages .shadowbg1 {
  border-radius: 8px;
  background: #FFFBF2;
  box-shadow: 5px 5px 2px #cfcbc4, -5px -5px 2px #ffffff;
}
.pages .videosize {
  max-width: 350px;
  max-height: 350px;
}
.pages .appimg {
  max-width: 200px;
}
.pages .bg1 {
  border-radius: 15px;
  background-color: #D9D7CF;
}
@media screen and (max-width: 1280px) {
  .pages .bg1 {
    border-radius: 15px;
  }
}
.pages .bg2 {
  border-radius: 15px;
  background-color: #ef9b5a;
}
@media screen and (max-width: 1280px) {
  .pages .bg2 {
    border-radius: 15px;
  }
}
.pages .bg3 {
  background-color: #247680;
}
.pages .bg3 * {
  color: #fff;
}
.pages .bg4 {
  background-color: #ffedc5;
  border-radius: 15px;
}
.pages .bg4 .border-bottom {
  border-color: #247680 !important;
}
.pages .w200 {
  max-width: 200px;
}
.pages .logow {
  max-width: 250px;
}
.pages .bgw {
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 1280px) {
  .pages .bgw {
    border-radius: 10px;
  }
}
.pages .txtbox {
  padding: 15px;
  margin: 15px 0;
}
@media screen and (max-width: 1000px) {
  .pages .txtbox {
    width: 95%;
  }
}
.pages .ebetsu_ftr {
  background-color: #FFFBF2;
  background-image: url("./img/pages/ftrbg.svg");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media screen and (max-width: 1280px) {
  .pages .ebetsu_ftr {
    padding: 0;
    background-image: url("./img/pages/ftrbgsp.svg");
  }
}
.pages .ebetsu_ftr img {
  height: 50px;
}
.pages .arrow {
  width: 30px;
}
.pages .carousel-item img {
  max-height: 500px;
}
.pages .qa {
  background-position: bottom 0 right 0;
  background-repeat: no-repeat;
  background-size: 200px;
}
@media screen and (max-width: 1280px) {
  .pages .qa {
    background-size: 100px;
  }
}
.pages .qa .Q {
  background-color: #333;
  margin-right: 10px;
  color: #fff;
  padding: 5px;
}
.pages .qa img {
  width: 100px;
}
.pages .qa dt {
  font-weight: bold;
  margin-top: 30px;
}
.pages .qa dd {
  margin: revert;
}
.pages .qa table {
  margin-bottom: 1em;
}
.pages .qa td {
  margin-bottom: 0.5em;
}
.pages .wip {
  position: relative;
}
.pages .wiphide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6666666667);
  color: #fff;
}
.pages .letterspc {
  letter-spacing: 0.5em;
}

.bgc-gray{
  background-color: #414141!important;
  color: white!important;
  text-decoration: none!important;
  
}

.ediary footer {
 
}/*# sourceMappingURL=style.css.map */

.padding_buffer{
  
}