@charset "UTF-8";
/* Scss Document */
* {
  margin: 0px;
  padding: 0px; }

.img-resp, .item-box img, .item-box50 img, .bana-conte .item-box img, .top-about-conte .free-box1 img, .top-about-conte2 .free-box1 img, .top-about-conte3 .free-box1 img, .katudou-conte .item-box img, .top-onayami-conte .nayami-box img, .product-box .photo-b img, .photo-list img, .photo-list2 img, .about-conte2 .photo-box img, .about-conte3 .photo-box img, .youbo-box .free-box1 img, #iitoko-conte .iitoko-box img, .photo-full img, #tokutyou-conte .item-box img, #hiyou-conte .hiyou-box img, .riyuu2-box img, .by-conte .a-box img, .by-conte .box1 img, .by-conte .box2 img, .by-conte .box4 img, .byt-conte .box-pp img, .byt2-conte .box-pp img, .byt-conte .box-kojin img, .byt2-conte .box-kojin img, .byt-conte .box-link img, .byt2-conte .box-link img, .byt-conte .box-sijyo img, .byt2-conte .box-sijyo img, .byt-conte .box-jimukyoku img, .byt2-conte .box-jimukyoku img, .byt-conte .box-kifu img, .byt2-conte .box-kifu img, .byt-conte .box-sibu img, .byt2-conte .box-sibu img, .byt-conte .box-kousyuu img, .byt2-conte .box-kousyuu img, .byt-conte .box-ob img, .byt2-conte .box-ob img, .byt-conte .box-katudou img, .byt2-conte .box-katudou img, .byt-conte .box-kikansi img, .byt2-conte .box-kikansi img, .byt-conte .box-topic img, .byt2-conte .box-topic img, .byt-conte .box-tc img, .byt2-conte .box-tc img, .byt-conte .box-mt img, .byt2-conte .box-mt img, .top-mbox .mox1 img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto; }

.waku {
  display: inline-block;
  border: 1px solid #FFFFFF; }

.wf-mplus1p {
  font-family: "M PLUS 1p"; }

.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c"; }

.wf-hannari {
  font-family: "Hannari"; }

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho"; }

.wf-notosansjapanese {
  font-family: "Noto Sans JP"; }

.font-tuku, h2, h3, h4 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400; }

#pageTop {
  position: fixed;
  bottom: 35px;
  right: 5px;
  display: flex;
  text-align: center; }
  #pageTop a {
    /* [disabled]display: block; */
    border-radius: 30px;
    width: 4.5rem;
    height: 4.5rem;
    background-color: #BDBFBF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center; }
    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7; }

.top-navi {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  border-left-style: none;
  border-right-style: none;
  border-bottom: 1px solid #F5F5F0;
  border-top-style: none;
  /* [disabled]padding-top: 2px; */
  /* [disabled]padding-bottom: 2px; */
  background-color: #315659;
  background: linear-gradient(#58A60E, #109200);
  margin-bottom: 0px;
  border-radius: 0px;
  font-family: tbchibirgothicplusk-pro;
  padding-left: 0px; }

.top-navi li {
  padding-left: 0px;
  border-collapse: collapse;
  border-left: 1px dashed #818181;
  padding-right: 0px; }

.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.3rem;
  transition: 0.5s; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #E6FF00;
  /*ホバー文字*/
  background-color: transparent; }

/*home*/
.navbar-default .navbar-brand {
  color: #FFFFFF;
  /*home文字*/
  padding-right: 20px;
  padding-left: 20px;
  font-size: 1.5rem; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #E6FF00;
  background-color: transparent; }

/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
  background-color: #FFFFFF; }

/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #C7C7C7; }

/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #FFFFFF; }

/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
  background-color: #0D611B; }

/* ドロップダウンメニュー */
.navbar-default .navbar-nav .open .dropdown-menu {
  background-color: #FFFFFF; }

.navbar-default .navbar-nav .open .dropdown-menu li a {
  color: #0D611B;
  font-size: 0.9em; }

.fade-in {
  opacity: 0.0;
  transform: translate(0, 70px);
  transition: all 600ms; }

.fade-in2 {
  opacity: 0.0;
  transform: translate(0, 50px);
  transition: all 900ms; }

.scroll-in {
  opacity: 1;
  transform: translate(0, 0); }

body {
  margin: 0px;
  font-family: "Noto Sans JP"; }

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

.fade-in {
  opacity: 0.0;
  transform: translate(0, 50px);
  transition-duration: 1s; }

.fade-in2 {
  opacity: 0.0;
  transform: translate(0, 80px);
  transition-duration: 5s; }

.scroll-in {
  opacity: 1;
  transform: translate(0, 0); }

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

h1 {
  color: #0D7BA7;
  font-family: a-otf-ryumin-pr6n, serif;
  font-style: normal;
  margin: 2% 0% 0%;
  color: #333333;
  line-height: 1.8em;
  font-size: 20px;
  font-weight: 200;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 35px;
      text-align: left; } }

h2 {
  font-size: 18px;
  line-height: 1.5em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 25px; } }

h3 {
  font-size: 18px;
  line-height: 1.5em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 18px; } }

h4 {
  font-size: 15px;
  line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    h4 {
      font-size: 14px; } }
  @media screen and (min-width: 1000px) {
    h4 {
      font-size: 18px; } }

p {
  font-size: 14px;
  line-height: 1.8em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 14px; } }
  @media screen and (min-width: 1000px) {
    p {
      font-size: 14px; } }

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

.table-d {
  margin: auto; }
  .table-d table {
    background-color: #FFFFFF;
    border: 1px #C1C1C1 solid; }
    @media screen and (min-width: 768px) {
      .table-d table {
        margin: 10px; } }
    .table-d table tr {
      border-bottom: 1px #E6E5E5 dashed;
      background-color: #FFFFFF;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .table-d table tr {
          flex-direction: row;
          width: 100%; } }
    .table-d table th {
      width: 100%;
      text-align: center;
      align-self: center;
      background-color: #F4FF61;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .table-d table th {
          width: 40%; } }
    .table-d table td {
      width: 100%;
      text-align: left;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .table-d table td {
          width: 60%; } }

.table-nr {
  margin: auto; }
  .table-nr table {
    background-color: #FFFFFF;
    border: 1px #515151 solid; }
    @media screen and (min-width: 768px) {
      .table-nr table {
        margin: 10px; } }
    .table-nr table tr {
      border-bottom: 1px #8A8787 dashed; }
    .table-nr table th {
      text-align: center;
      background-color: #70E2E0;
      padding: 10px; }
    .table-nr table td {
      text-align: left;
      padding: 10px;
      background-color: #FFFFFF; }

.t-right {
  text-align: right; }

.m-mini {
  font-size: 0.9em; }

.keikou {
  background: linear-gradient(transparent 60%, #DBFF2A 60%); }

.m-hide {
  display: none; }
  @media screen and (min-width: 768px) {
    .m-hide {
      display: block; } }

.button {
  display: block;
  padding: 10px;
  color: #7D7D7D;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button:hover {
    background-color: #50A713;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.button1 {
  display: block;
  padding: 10px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background-color: #F46363;
  /*ボタン色*/
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button1:hover {
    background-color: #F77070;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.button2 {
  display: block;
  padding: 10px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background-color: #0098B5;
  /*ボタン色*/
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button2:hover {
    background-color: #11B6C5;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.button-s {
  padding: 10px;
  margin: 10px 0px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background-color: #188FC5;
  /*ボタン色*/
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button-s:hover {
    background-color: #0087F9;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.button-l {
  padding: 8px;
  margin: 10px 0px;
  color: #FFF;
  font-size: 1.4em;
  text-decoration: none;
  text-align: center;
  background-color: #0696D7;
  /*ボタン色*/
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button-l:hover {
    background-color: #0087F9;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.conte {
  margin-right: auto;
  margin-left: auto;
  padding: 10px 10px; }
  @media screen and (min-width: 768px) {
    .conte {
      margin-right: auto;
      margin-left: auto;
      max-width: 1100px;
      padding-bottom: 50px;
      padding-top: 30px; } }

.item-box {
  display: flex;
  flex-direction: column;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  flex-basis: 92%;
  padding: 5px;
  margin: 2%;
  background-color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    .item-box {
      flex-basis: 29%;
      margin-left: 2%;
      margin-right: 2%; } }
  .item-box .mbox {
    min-height: 0%;
    margin-bottom: 10px; }
  .item-box h3 {
    margin-top: 10px;
    text-align: center;
    color: #0E8E96;
    font-weight: bold; }
  .item-box img {
    margin: auto; }
  .item-box p {
    text-align: left;
    padding: 5px; }
  .item-box .button {
    margin-top: auto; }

.item-box50 {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  flex-basis: 92%;
  padding: 5px;
  margin: 2%;
  background-color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    .item-box50 {
      flex-basis: 45%;
      margin-left: 2%;
      margin-right: 2%; } }
  .item-box50 .mbox {
    min-height: 0%;
    margin-bottom: 10px; }
  .item-box50 h3 {
    margin-top: 10px;
    text-align: center;
    color: #0E8E96;
    font-weight: bold; }
  .item-box50 img {
    margin: auto; }
  .item-box50 p {
    text-align: left;
    padding: 5px; }
  .item-box50 .button {
    margin-top: auto; }

.f-box-item, .free-conte .free-box1, .free-conte .free-box2, .about-conte2 .text-box, .about-conte3 .text-box, .youbo-box .free-box2, .osusume-conte .item-box, .item-conte .item-box, .pic-conte .med-box, .by-conte .box1, .by-conte .box2, .by-conte .box4, .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4, .service-conte .service-box, .nice-conte .nice-box {
  flex-basis: 45%;
  padding: 5px;
  margin: 2%; }

.flex-conte-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .flex-conte-50 {
      flex-direction: row; } }
  .flex-conte-50 .f-box {
    padding: 5px;
    margin: auto;
    flex-basis: 80%; }
    @media screen and (min-width: 768px) {
      .flex-conte-50 .f-box {
        flex-basis: 45%; } }

.flex-conte, .top-conte, .about-conte, .jyukutyou-box, #access-conte .access, .mokuji-conte .mokuji, .about-conte2, .about-conte3, .messe-conte {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .flex-conte, .top-conte, .about-conte, .jyukutyou-box, #access-conte .access, .mokuji-conte .mokuji, .about-conte2, .about-conte3, .messe-conte {
      flex-direction: row; } }

.flex-conte-m {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 768px) {
    .flex-conte-m {
      flex-direction: row;
      max-width: 1000px; } }

.flex-conte-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-c {
      flex-direction: column; } }

.flex-conte-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-row {
      flex-direction: row; } }

.flex-conte-row-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-row-left {
      flex-direction: row; } }

.flex-conte-tate, .top-side {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-tate, .top-side {
      flex-direction: column; } }

.flex-conte-yoko, .top-side .sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-yoko, .top-side .sns {
      flex-direction: row; } }

.flex-conte-r {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }

.flex-conte-re, .top-about-conte, .top-about-conte3, .about-conte3, .youbo-box, .riyuu2-box .titlle, .prof-conte {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-re, .top-about-conte, .top-about-conte3, .about-conte3, .youbo-box, .riyuu2-box .titlle, .prof-conte {
      flex-direction: row-reverse; } }

.flex-conte-center, .top-about-conte2, .product-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-center, .top-about-conte2, .product-box {
      flex-direction: row; } }

.just-center {
  display: flex;
  justify-content: center;
  flex-direction: column; }

.check li {
  position: relative;
  padding-left: 25px; }
.check li:before {
  content: "";
  position: absolute;
  top: .35em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 3px;
  height: 7px;
  border-right: 2px solid #8b6b4e;
  border-bottom: 2px solid #8b6b4e; }
.check li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #8b6b4e;
  border-radius: 2px; }

.check1 {
  padding-left: 24px;
  position: relative; }

.check1:before,
.check1:after {
  content: "";
  display: block;
  position: absolute; }

.check1:before {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #000000;
  left: 0;
  top: 2px; }

.check1:after {
  border-left: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  width: 18px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5px;
  top: 3px; }

.check0, .youbo-box .free-box2 ul li {
  padding-left: 24px;
  position: relative; }

.check0:before, .youbo-box .free-box2 ul li:before,
.check0:after,
.youbo-box .free-box2 ul li:after {
  content: "";
  display: block;
  position: absolute; }

.check0:before, .youbo-box .free-box2 ul li:before {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #000000;
  left: 0;
  top: 2px; }

.check0:after, .youbo-box .free-box2 ul li:after {
  border-left: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  width: 6px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5px;
  top: 7px; }

.balloon {
  position: relative;
  /* 三角の位置を固定するために設定 */
  margin: 0 auto 30px;
  /* 上 左右 下のマージン */
  padding: 2px 10px;
  /* ふきだし内の余白 */
  background: #F0F0F0;
  /* 背景色 */
  text-align: center;
  /* テキストの揃え */
  border-radius: 8px;
  /* <-追加 */ }
  .balloon ::before {
    /* 三角の部分 */
    content: '';
    position: absolute;
    /* 位置固定 */
    bottom: -27px;
    /* 線幅の2倍 */
    left: 50%;
    margin-left: -14px;
    /* 線幅だけずらす */
    border: 14px solid transparent;
    /* 線幅の設定 */
    border-top-color: #F0F0F0;
    /* 吹き出しの地と同じ色 */ }

.f-box {
  flex: 1; }

.f-box1 {
  flex: 1;
  text-align: center; }

.p-size .p800, .by-conte .a-box .p800, .byt-conte .box-pp .p800, .byt2-conte .box-pp .p800, .byt-conte .box-kojin .p800, .byt2-conte .box-kojin .p800, .byt-conte .box-link .p800, .byt2-conte .box-link .p800, .byt-conte .box-sijyo .p800, .byt2-conte .box-sijyo .p800, .byt-conte .box-jimukyoku .p800, .byt2-conte .box-jimukyoku .p800, .byt-conte .box-kifu .p800, .byt2-conte .box-kifu .p800, .byt-conte .box-sibu .p800, .byt2-conte .box-sibu .p800, .byt-conte .box-kousyuu .p800, .byt2-conte .box-kousyuu .p800, .byt-conte .box-ob .p800, .byt2-conte .box-ob .p800, .byt-conte .box-katudou .p800, .byt2-conte .box-katudou .p800, .byt-conte .box-kikansi .p800, .byt2-conte .box-kikansi .p800, .byt-conte .box-topic .p800, .byt2-conte .box-topic .p800, .byt-conte .box-tc .p800, .byt2-conte .box-tc .p800, .byt-conte .box-mt .p800, .byt2-conte .box-mt .p800 {
  width: 800px;
  height: auto; }
.p-size .p700, .by-conte .a-box .p700, .byt-conte .box-pp .p700, .byt2-conte .box-pp .p700, .byt-conte .box-kojin .p700, .byt2-conte .box-kojin .p700, .byt-conte .box-link .p700, .byt2-conte .box-link .p700, .byt-conte .box-sijyo .p700, .byt2-conte .box-sijyo .p700, .byt-conte .box-jimukyoku .p700, .byt2-conte .box-jimukyoku .p700, .byt-conte .box-kifu .p700, .byt2-conte .box-kifu .p700, .byt-conte .box-sibu .p700, .byt2-conte .box-sibu .p700, .byt-conte .box-kousyuu .p700, .byt2-conte .box-kousyuu .p700, .byt-conte .box-ob .p700, .byt2-conte .box-ob .p700, .byt-conte .box-katudou .p700, .byt2-conte .box-katudou .p700, .byt-conte .box-kikansi .p700, .byt2-conte .box-kikansi .p700, .byt-conte .box-topic .p700, .byt2-conte .box-topic .p700, .byt-conte .box-tc .p700, .byt2-conte .box-tc .p700, .byt-conte .box-mt .p700, .byt2-conte .box-mt .p700 {
  width: 700px;
  height: auto; }
.p-size .p500, .by-conte .a-box .p500, .byt-conte .box-pp .p500, .byt2-conte .box-pp .p500, .byt-conte .box-kojin .p500, .byt2-conte .box-kojin .p500, .byt-conte .box-link .p500, .byt2-conte .box-link .p500, .byt-conte .box-sijyo .p500, .byt2-conte .box-sijyo .p500, .byt-conte .box-jimukyoku .p500, .byt2-conte .box-jimukyoku .p500, .byt-conte .box-kifu .p500, .byt2-conte .box-kifu .p500, .byt-conte .box-sibu .p500, .byt2-conte .box-sibu .p500, .byt-conte .box-kousyuu .p500, .byt2-conte .box-kousyuu .p500, .byt-conte .box-ob .p500, .byt2-conte .box-ob .p500, .byt-conte .box-katudou .p500, .byt2-conte .box-katudou .p500, .byt-conte .box-kikansi .p500, .byt2-conte .box-kikansi .p500, .byt-conte .box-topic .p500, .byt2-conte .box-topic .p500, .byt-conte .box-tc .p500, .byt2-conte .box-tc .p500, .byt-conte .box-mt .p500, .byt2-conte .box-mt .p500 {
  width: 500px;
  height: auto; }
.p-size .p400, .by-conte .a-box .p400, .byt-conte .box-pp .p400, .byt2-conte .box-pp .p400, .byt-conte .box-kojin .p400, .byt2-conte .box-kojin .p400, .byt-conte .box-link .p400, .byt2-conte .box-link .p400, .byt-conte .box-sijyo .p400, .byt2-conte .box-sijyo .p400, .byt-conte .box-jimukyoku .p400, .byt2-conte .box-jimukyoku .p400, .byt-conte .box-kifu .p400, .byt2-conte .box-kifu .p400, .byt-conte .box-sibu .p400, .byt2-conte .box-sibu .p400, .byt-conte .box-kousyuu .p400, .byt2-conte .box-kousyuu .p400, .byt-conte .box-ob .p400, .byt2-conte .box-ob .p400, .byt-conte .box-katudou .p400, .byt2-conte .box-katudou .p400, .byt-conte .box-kikansi .p400, .byt2-conte .box-kikansi .p400, .byt-conte .box-topic .p400, .byt2-conte .box-topic .p400, .byt-conte .box-tc .p400, .byt2-conte .box-tc .p400, .byt-conte .box-mt .p400, .byt2-conte .box-mt .p400 {
  width: 400px;
  height: auto; }
.p-size .p300, .by-conte .a-box .p300, .byt-conte .box-pp .p300, .byt2-conte .box-pp .p300, .byt-conte .box-kojin .p300, .byt2-conte .box-kojin .p300, .byt-conte .box-link .p300, .byt2-conte .box-link .p300, .byt-conte .box-sijyo .p300, .byt2-conte .box-sijyo .p300, .byt-conte .box-jimukyoku .p300, .byt2-conte .box-jimukyoku .p300, .byt-conte .box-kifu .p300, .byt2-conte .box-kifu .p300, .byt-conte .box-sibu .p300, .byt2-conte .box-sibu .p300, .byt-conte .box-kousyuu .p300, .byt2-conte .box-kousyuu .p300, .byt-conte .box-ob .p300, .byt2-conte .box-ob .p300, .byt-conte .box-katudou .p300, .byt2-conte .box-katudou .p300, .byt-conte .box-kikansi .p300, .byt2-conte .box-kikansi .p300, .byt-conte .box-topic .p300, .byt2-conte .box-topic .p300, .byt-conte .box-tc .p300, .byt2-conte .box-tc .p300, .byt-conte .box-mt .p300, .byt2-conte .box-mt .p300 {
  width: 300px;
  height: auto; }
.p-size .p200, .by-conte .a-box .p200, .byt-conte .box-pp .p200, .byt2-conte .box-pp .p200, .byt-conte .box-kojin .p200, .byt2-conte .box-kojin .p200, .byt-conte .box-link .p200, .byt2-conte .box-link .p200, .byt-conte .box-sijyo .p200, .byt2-conte .box-sijyo .p200, .byt-conte .box-jimukyoku .p200, .byt2-conte .box-jimukyoku .p200, .byt-conte .box-kifu .p200, .byt2-conte .box-kifu .p200, .byt-conte .box-sibu .p200, .byt2-conte .box-sibu .p200, .byt-conte .box-kousyuu .p200, .byt2-conte .box-kousyuu .p200, .byt-conte .box-ob .p200, .byt2-conte .box-ob .p200, .byt-conte .box-katudou .p200, .byt2-conte .box-katudou .p200, .byt-conte .box-kikansi .p200, .byt2-conte .box-kikansi .p200, .byt-conte .box-topic .p200, .byt2-conte .box-topic .p200, .byt-conte .box-tc .p200, .byt2-conte .box-tc .p200, .byt-conte .box-mt .p200, .byt2-conte .box-mt .p200 {
  width: 200px;
  height: auto; }

header {
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    header {
      margin-top: 0px; } }

.logo-waku {
  background-color: #FFFFFF;
  margin: 0px 0px;
  padding: 5px; }
  .logo-waku .f-box img {
    display: block;
    max-width: 100%;
    height: auto; }
  .logo-waku .space {
    display: none; }
    @media screen and (min-width: 768px) {
      .logo-waku .space {
        display: block;
        flex-basis: 30%; } }
  .logo-waku .logo {
    flex-basis: 55%;
    margin: 5px 1% 0px;
    padding: 5px; }
    @media screen and (min-width: 768px) {
      .logo-waku .logo {
        flex-basis: 30%; } }
    .logo-waku .logo img {
      margin: 0px auto 0px 0px;
      max-height: 35px;
      width: auto; }
      @media screen and (min-width: 768px) {
        .logo-waku .logo img {
          margin-left: auto;
          margin-right: auto;
          max-height: 50px; } }
  .logo-waku .tel {
    flex-basis: 30%;
    margin-left: 3%;
    margin-right: 0%;
    align-self: flex-end;
    padding-bottom: 5px; }
    @media screen and (min-width: 768px) {
      .logo-waku .tel {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }
    .logo-waku .tel img {
      margin-left: auto;
      margin-right: 0px;
      margin-top: 10px;
      max-height: 50px;
      width: auto; }
      @media screen and (min-width: 768px) {
        .logo-waku .tel img {
          max-height: 40px; } }
  .logo-waku .sns-mark {
    flex-basis: 31%;
    margin-left: 2%;
    margin-right: 0%;
    align-self: flex-end;
    display: flex;
    justify-content: flex-end; }
    @media screen and (min-width: 768px) {
      .logo-waku .sns-mark {
        flex-basis: 31%;
        margin-left: 1%;
        margin-right: 0%; } }
    .logo-waku .sns-mark img {
      margin-left: auto;
      margin-right: 10px;
      margin-top: 5px;
      max-height: 25px;
      width: auto; }
      @media screen and (min-width: 768px) {
        .logo-waku .sns-mark img {
          max-height: 30px; } }

.top-conte {
  border-top: #EBEBEB 1px solid; }

.top-conte-full {
  border-top: #EBEBEB 1px solid;
  position: relative; }
  @media screen and (min-width: 768px) {
    .top-conte-full {
      margin-bottom: 46%; } }

.top-conte-hoka {
  border-top: #EBEBEB 1px solid;
  position: relative; }
  @media screen and (min-width: 768px) {
    .top-conte-hoka {
      margin-bottom: 36%; } }

.top-photo img {
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto; }
@media screen and (min-width: 768px) {
  .top-photo {
    width: 75%; } }

.top-photo-full img {
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto; }
@media screen and (min-width: 768px) {
  .top-photo-full {
    width: 100%;
    position: absolute; } }

.top-photo-hoka img {
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto; }
@media screen and (min-width: 768px) {
  .top-photo-hoka {
    width: 100%;
    position: absolute; } }

.top-side-conte {
  background: linear-gradient(#EBF0ED, #EFF1EF);
  padding: 10px 5px;
  text-align: center;
  align-self: center;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .top-side-conte {
      width: 23%;
      margin: 1%; } }

.top-side-conte-full {
  background: linear-gradient(#FFFFFF, #FFFFFF);
  padding: 10px 5px;
  text-align: center;
  align-self: center;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .top-side-conte-full {
      width: 22%;
      margin: 1%;
      position: absolute;
      right: 5px;
      opacity: 0.8; } }

.top-side a {
  /* [disabled]display: block; */
  text-decoration: none;
  text-align: center; }
  .top-side a:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: 0.3s; }
.top-side img {
  max-height: 33px;
  max-width: 95%;
  width: auto;
  height: auto;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px; }
  @media screen and (min-width: 768px) {
    .top-side img {
      max-height: 60px;
      max-width: 95%;
      padding-bottom: 10px;
      margin-bottom: 5px;
      margin-left: auto;
      margin-right: auto; } }
.top-side .sns img {
  max-height: 30px;
  width: auto;
  margin: 5px; }
  @media screen and (min-width: 768px) {
    .top-side .sns img {
      max-height: 50px; } }

.main {
  z-index: 8888; }

.r-main {
  z-index: 8888; }

#side-botan {
  position: fixed;
  bottom: 85px;
  right: 0px;
  display: flex;
  text-align: center; }
  #side-botan a {
    /* [disabled]display: block; */
    text-decoration: none;
    text-align: center; }
    #side-botan a:hover {
      text-decoration: none;
      opacity: 0.7;
      transition: 0.3s; }
  #side-botan img {
    width: 35px;
    height: auto; }
  @media screen and (min-width: 768px) {
    #side-botan {
      bottom: 120px; }
      #side-botan img {
        width: 39px; } }

#bottom-botan {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 9999;
  color: #FFFFFF;
  border-top: #FFFFFF solid;
  background-color: #FFA909;
  text-align: center;
  padding: 15px auto; }
  #bottom-botan a {
    color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    #bottom-botan {
      visibility: hidden;
      background-color: #B71D7A; } }

.free-conte {
  background-color: #cdc8c4;
  background-image: url("../sozai/00haikei/hai1.jpg");
  background-repeat: repeat;
  padding-top: 15px;
  padding-bottom: 0px;
  text-align: center; }
  .free-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .free-conte h2 {
        font-size: 25px; } }
  .free-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px; }
    .free-conte .free-box1 .fbox {
      min-height: 0%; }
      .free-conte .free-box1 .fbox img {
        max-height: 550px; }
    .free-conte .free-box1 h3 {
      text-align: center;
      color: #1F4C76;
      font-weight: bold;
      font-size: 1.3em; }
    .free-conte .free-box1 p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      .free-conte .free-box1 {
        flex-basis: 55%;
        margin-left: 1%;
        margin-right: 1%; } }
  .free-conte .free-box2 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px; }
    .free-conte .free-box2 .fbox {
      min-height: 0%; }
      .free-conte .free-box2 .fbox img {
        max-height: 550px; }
    .free-conte .free-box2 h3 {
      text-align: center;
      color: #FFCD21;
      font-weight: bold; }
    .free-conte .free-box2 p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      .free-conte .free-box2 {
        flex-basis: 35%;
        margin-left: 1%;
        margin-right: 1%; } }

.aisatu-conte {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(224, 243, 252, 0.8));
  background-size: cover;
  background-position: right center;
  padding: 30px 5px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .aisatu-conte {
      flex-basis: 80%;
      padding: 70px 5px; } }
  .aisatu-conte .aisatu-box {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .aisatu-conte .aisatu-box {
        flex-basis: 80%; } }
    .aisatu-conte .aisatu-box h1 {
      margin-bottom: 3%; }
      @media screen and (min-width: 768px) {
        .aisatu-conte .aisatu-box h1 {
          text-align: center;
          font-size: 30px; } }
    .aisatu-conte .aisatu-box h2 {
      text-align: center;
      color: #4B5051;
      font-weight: 150;
      padding-bottom: 0px; }
    @media screen and (min-width: 768px) {
      .aisatu-conte .aisatu-box p {
        font-size: 20px; } }
    .aisatu-conte .aisatu-box ul {
      display: inline-block;
      margin: 10px auto;
      padding: 5px;
      font-size: 1em;
      list-style-position: inside;
      list-style: none; }
      .aisatu-conte .aisatu-box ul li {
        text-align: left;
        padding: 5px 0px; }
  .aisatu-conte .text-box {
    padding-top: 10px;
    width: 97%;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .aisatu-conte .text-box {
        width: 50%; } }
  .aisatu-conte .text-box-mini {
    width: 95%;
    margin: auto; }
    .aisatu-conte .text-box-mini p {
      font-size: 1.0em;
      text-align: left; }
    .aisatu-conte .text-box-mini strong {
      font-size: 1em;
      line-height: 2em;
      font-weight: normal; }
    @media screen and (min-width: 768px) {
      .aisatu-conte .text-box-mini {
        width: 75%; }
        .aisatu-conte .text-box-mini p {
          font-size: 1.2em;
          text-align: center; } }
    .aisatu-conte .text-box-mini ul {
      display: inline-block;
      margin: 15px auto;
      padding: 5px;
      border: #CEEC1D 5px solid; }
      .aisatu-conte .text-box-mini ul li {
        text-align: left;
        padding: 5px 5px;
        margin: 5px;
        border-bottom: 1px dashed #5B5B5B; }

.about-conte p {
  text-align: left;
  font-size: 1.1em;
  padding: 10px 5px; }
.about-conte .free-box1 {
  margin: 0px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px; }
  @media screen and (min-width: 768px) {
    .about-conte .free-box1 {
      flex-basis: 45%;
      margin-left: 1%;
      margin-right: 1%; } }
  .about-conte .free-box1 ul {
    text-align: left;
    margin: 5px;
    list-style-position: inside; }
    .about-conte .free-box1 ul li {
      padding: 5px;
      font-size: 0.9em; }
.about-conte .free-box2 {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  margin: auto;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .about-conte .free-box2 {
      flex-basis: 50%;
      margin-left: 1%;
      margin-right: 1%; } }
  .about-conte .free-box2 h3 {
    text-align: center;
    color: #4B5051;
    background-color: #F4F925;
    font-size: 1.3em;
    font-weight: 150;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .about-conte .free-box2 h3 {
        font-size: 1.5em; } }

.bana-conte {
  background-color: #FFFCFC;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .bana-conte h2 {
    background-image: url("../sozai/main/mt-bana.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #4E4E4E; }
    @media screen and (min-width: 768px) {
      .bana-conte h2 {
        background-size: auto 35px; } }
  .bana-conte .item-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    flex-basis: 94%;
    margin: 2%;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .bana-conte .item-box {
        flex-basis: 75%;
        margin-left: 10px;
        margin-right: 10px; } }
    .bana-conte .item-box .mbox {
      min-height: 0%;
      margin-bottom: 10px; }
    .bana-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #008EC7;
      font-weight: bold; }
    .bana-conte .item-box img {
      margin: auto; }
    .bana-conte .item-box p {
      text-align: left;
      padding: 5px; }
    .bana-conte .item-box .button {
      margin-top: auto; }

.news-conte {
  background: linear-gradient(#17BABF, #15B4BA);
  background: linear-gradient(to bottom, rgba(53, 175, 170, 0.3) 50%, rgba(155, 208, 213, 0.35) 100%), url("../sozai/main/hp1.jpg");
  /* 背景画像指定 */
  background-size: cover;
  background-position: right 30% bottom 80%;
  background-color: #F1F1F1;
  padding: 50px 10px; }
  .news-conte h2 {
    background-image: url("../sozai/main/mt-news.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center top;
    padding-top: 35px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .news-conte h2 {
        background-size: auto 30px; } }

.news-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto;
  height: 300px;
  overflow-y: auto; }
  @media screen and (min-width: 768px) {
    .news-box {
      width: 70%; } }
  .news-box dl {
    display: flex;
    border-bottom: 1px solid #ccc;
    flex-direction: column;
    margin: 0px; }
    @media screen and (min-width: 768px) {
      .news-box dl {
        flex-direction: row; } }
    .news-box dl dt {
      padding: 10px 10px;
      color: #1794C1;
      background-color: #DBF4FF;
      flex-basis: 20%; }
    .news-box dl dd {
      line-height: 1.8em;
      background-color: #FFFFFF;
      padding: 10px;
      flex-basis: 75%; }
      .news-box dl dd h4 {
        color: #DB1941;
        margin: 5px 0px; }
      .news-box dl dd strong {
        color: #189FDB; }

.top-about-conte {
  background-color: #FFFFFF;
  text-align: center; }
  .top-about-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .top-about-conte .free-box1 {
        flex-basis: 43%; } }
    .top-about-conte .free-box1 img {
      border-radius: 0%;
      margin: 15px; }
      @media screen and (min-width: 768px) {
        .top-about-conte .free-box1 img {
          margin: auto; } }
  .top-about-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .top-about-conte .free-box2 {
        flex-basis: 55%;
        margin-left: 1%;
        margin-right: 1%; } }
    .top-about-conte .free-box2 h3 {
      text-align: center;
      color: #009410;
      font-weight: bold; }
    .top-about-conte .free-box2 ul {
      text-align: center;
      background-color: #F9F9F9;
      margin: 3% auto;
      padding: 10px;
      list-style-position: inside; }
      .top-about-conte .free-box2 ul li {
        text-align: left;
        padding: 5px; }
      @media screen and (min-width: 768px) {
        .top-about-conte .free-box2 ul {
          width: 75%; } }
    .top-about-conte .free-box2 p {
      text-align: left;
      background-color: #FFFFFF;
      padding: 5px; }
    .top-about-conte .free-box2 strong {
      color: #047279; }
    .top-about-conte .free-box2 .button {
      padding: 10px;
      font-size: 1em;
      border: 1px solid #898989;
      background-color: none;
      width: 95%;
      margin: 5% auto; }
      @media screen and (min-width: 768px) {
        .top-about-conte .free-box2 .button {
          width: 50%;
          font-size: 1.2em; } }

.top-about-conte2 {
  background-color: #FFFFFF;
  text-align: center; }
  .top-about-conte2 .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .top-about-conte2 .free-box1 {
        flex-basis: 50%; } }
    .top-about-conte2 .free-box1 img {
      border-radius: 0%;
      margin: 15px; }
  .top-about-conte2 .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .top-about-conte2 .free-box2 {
        flex-basis: 45%;
        margin-left: 1%;
        margin-right: 1%; } }
    .top-about-conte2 .free-box2 h3 {
      text-align: center;
      color: #009410;
      font-weight: bold; }
    .top-about-conte2 .free-box2 ul {
      text-align: center;
      background-color: #F9F9F9;
      margin: 3% auto;
      padding: 10px;
      list-style-position: inside; }
      .top-about-conte2 .free-box2 ul li {
        text-align: left;
        padding: 5px; }
      @media screen and (min-width: 768px) {
        .top-about-conte2 .free-box2 ul {
          width: 75%; } }
    .top-about-conte2 .free-box2 p {
      text-align: left;
      background-color: #FFFFFF;
      padding: 5px; }
    .top-about-conte2 .free-box2 strong {
      color: #047279; }
    .top-about-conte2 .free-box2 .button {
      padding: 10px;
      font-size: 1em;
      border: 1px solid #898989;
      background-color: none;
      width: 95%;
      margin: 5% auto; }
      @media screen and (min-width: 768px) {
        .top-about-conte2 .free-box2 .button {
          width: 50%;
          font-size: 1.2em; } }

.top-about-conte3 {
  background-color: #FFFFFF;
  text-align: center; }
  .top-about-conte3 .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .top-about-conte3 .free-box1 {
        flex-basis: 43%; } }
    .top-about-conte3 .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  .top-about-conte3 .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .top-about-conte3 .free-box2 {
        flex-basis: 55%;
        margin-left: 1%;
        margin-right: 1%; } }
    .top-about-conte3 .free-box2 h3 {
      text-align: center;
      color: #009410;
      font-weight: bold; }
    .top-about-conte3 .free-box2 ul {
      text-align: center;
      background-color: #F9F9F9;
      margin: 3% auto;
      padding: 10px;
      list-style-position: inside; }
      .top-about-conte3 .free-box2 ul li {
        text-align: left;
        padding: 5px; }
      @media screen and (min-width: 768px) {
        .top-about-conte3 .free-box2 ul {
          width: 75%; } }
    .top-about-conte3 .free-box2 p {
      text-align: left;
      background-color: #FFFFFF;
      padding: 5px; }
    .top-about-conte3 .free-box2 strong {
      color: #047279; }
    .top-about-conte3 .free-box2 .button {
      padding: 10px;
      font-size: 1em;
      border: 1px solid #898989;
      background-color: none;
      width: 95%;
      margin: 5% auto; }
      @media screen and (min-width: 768px) {
        .top-about-conte3 .free-box2 .button {
          width: 50%;
          font-size: 1.2em; } }

.company-conte {
  background: linear-gradient(#17BABF, #15B4BA);
  background: linear-gradient(to bottom, rgba(53, 175, 170, 0.7) 30%, rgba(155, 208, 213, 0.65) 100%), url("../sozai/main/hp1.jpg");
  /* 背景画像指定 */
  background-size: cover;
  background-position: right 30% bottom 80%;
  background-size: cover;
  background-position: top center;
  background-color: #F1F1F1;
  padding: 50px 10px; }
  .company-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center top;
    padding-top: 35px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .company-conte h2 {
        background-size: auto 30px; } }

.company-box {
  padding: 10px;
  margin: 30px auto; }
  @media screen and (min-width: 768px) {
    .company-box {
      width: 70%; } }
  .company-box dl {
    display: flex;
    border-bottom: 1px solid #ccc;
    flex-direction: column;
    margin: 0px;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .company-box dl {
        flex-direction: row; } }
    .company-box dl dt {
      padding: 10px 10px;
      color: #6B6B6B;
      background-color: #F4F4F4;
      flex-basis: 20%;
      text-align: center; }
    .company-box dl dd {
      line-height: 1.8em;
      background-color: #FFFFFF;
      padding: 10px;
      flex-basis: 75%; }
      .company-box dl dd h4 {
        color: #DB1941;
        margin: 5px 0px; }
      .company-box dl dd strong {
        color: #189FDB; }

.katudou-conte {
  background-color: #7CD0EA;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .katudou-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    .katudou-conte h2 strong {
      color: #EDFF00; }
    @media screen and (min-width: 768px) {
      .katudou-conte h2 {
        background-size: auto 35px; } }
  .katudou-conte .item-box {
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .katudou-conte .item-box {
        margin-left: 10px;
        margin-right: 10px; } }
    .katudou-conte .item-box .mbox {
      min-height: 0%;
      margin-bottom: 10px; }
    .katudou-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #008EC7;
      font-weight: bold; }
    .katudou-conte .item-box img {
      margin: auto; }
    .katudou-conte .item-box p {
      text-align: left;
      padding: 5px; }
    .katudou-conte .item-box .button {
      margin-top: auto; }

.jyukutyou-conte {
  background: linear-gradient(to bottom, rgba(249, 248, 248, 0.8), rgba(252, 241, 241, 0.8));
  padding: 30px 10px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .jyukutyou-conte {
      padding: 70px 10px; } }
  .jyukutyou-conte h2 {
    display: inline-block;
    line-height: 2em;
    font-size: 1.5em;
    color: #228D1E; }
    @media screen and (min-width: 768px) {
      .jyukutyou-conte h2 {
        text-align: left;
        font-size: 4vmin; } }
  .jyukutyou-conte strong {
    color: #065684;
    background: linear-gradient(transparent 60%, #DBFF2A 60%); }

.jyukutyou-box p {
  text-align: left;
  font-size: 1.1em;
  padding: 10px 5px; }
.jyukutyou-box .free-box1 {
  margin: 0px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px; }
  @media screen and (min-width: 768px) {
    .jyukutyou-box .free-box1 {
      flex-basis: 45%;
      margin-left: 1%;
      margin-right: 1%; } }
  .jyukutyou-box .free-box1 ul {
    text-align: left;
    margin: 5px;
    list-style-position: inside; }
    .jyukutyou-box .free-box1 ul li {
      padding: 5px;
      font-size: 0.9em; }
.jyukutyou-box .free-box2 {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  margin: auto;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .jyukutyou-box .free-box2 {
      flex-basis: 50%;
      margin-left: 1%;
      margin-right: 1%; } }
  .jyukutyou-box .free-box2 h3 {
    text-align: center;
    color: #4B5051;
    background-color: #F4F925;
    font-size: 1.3em;
    font-weight: 150;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .jyukutyou-box .free-box2 h3 {
        font-size: 1.5em; } }

.jyukutyou-box-more {
  padding-top: 10px; }
  .jyukutyou-box-more p {
    text-align: left;
    font-size: 1.0em;
    padding: 10px 5px; }

.top-onayami-conte {
  background-color: #A6DDDC;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .top-onayami-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    .top-onayami-conte h2 strong {
      color: #292928; }
    @media screen and (min-width: 768px) {
      .top-onayami-conte h2 {
        background-size: auto 35px; } }
  .top-onayami-conte .nayami-box {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    flex-basis: 92%;
    padding: 5px;
    margin: 2%;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .top-onayami-conte .nayami-box {
        flex-basis: 45%;
        margin-left: 2%;
        margin-right: 2%; } }
    .top-onayami-conte .nayami-box .mbox {
      min-height: 0%;
      margin-bottom: 10px; }
    .top-onayami-conte .nayami-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #0E8E96;
      font-weight: bold; }
    .top-onayami-conte .nayami-box img {
      margin: auto; }
    .top-onayami-conte .nayami-box p {
      text-align: left;
      padding: 5px; }
    .top-onayami-conte .nayami-box ul {
      text-align: left;
      list-style-position: inside;
      padding: 10px;
      color: #005C75;
      font-weight: bold; }
      .top-onayami-conte .nayami-box ul li {
        padding: 5px;
        border-bottom: #AEAEAE 1px dashed; }
    .top-onayami-conte .nayami-box ol {
      color: #121212;
      font-weight: normal;
      list-style: none; }
      .top-onayami-conte .nayami-box ol li {
        border-bottom: none;
        padding-left: 15px; }
    .top-onayami-conte .nayami-box .button {
      margin-top: auto; }

#access-conte {
  padding: 20px 10px;
  text-align: center;
  border-top: #ADADAD 1px dashed; }
  #access-conte h2 {
    padding-top: 10px;
    color: #474747; }
    @media screen and (min-width: 768px) {
      #access-conte h2 {
        background-size: auto 35px; } }
  #access-conte h3 {
    padding-top: 40px;
    background-image: url("../sozai/main/mt-access.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top; }
  #access-conte .access {
    padding: 15px 0px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: #797979 dashed 1px;
    align-items: center; }
    #access-conte .access .free-box1 img {
      margin: auto; }
    @media screen and (min-width: 768px) {
      #access-conte .access .free-box1 {
        flex-basis: 40%;
        margin-left: 1%;
        margin-right: 1%; } }
    #access-conte .access .free-box2 {
      margin-top: 0px;
      margin-bottom: 0px;
      justify-content: center; }
      @media screen and (min-width: 768px) {
        #access-conte .access .free-box2 {
          flex-basis: 55%;
          margin-left: 0%;
          margin-right: 1%; } }
      #access-conte .access .free-box2 .dl-table {
        border: 1px solid #ccc; }
      #access-conte .access .free-box2 dl {
        display: flex;
        border-bottom: 1px solid #ccc;
        flex-direction: column;
        margin: 0px; }
        @media screen and (min-width: 768px) {
          #access-conte .access .free-box2 dl {
            flex-direction: row; } }
        #access-conte .access .free-box2 dl dt {
          padding: 10px;
          color: #1794C1;
          background-color: #DBF4FF;
          flex-basis: 30%; }
        #access-conte .access .free-box2 dl dd {
          line-height: 1.8em;
          background-color: #FFFFFF;
          padding: 10px;
          flex-basis: 70%;
          text-align: left; }
  #access-conte #map .map {
    width: 100%;
    margin: auto;
    padding-bottom: 15px; }
    @media screen and (min-width: 768px) {
      #access-conte #map .map {
        width: 75%; } }
  #access-conte #map .google-map {
    position: relative;
    width: 100%;
    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;
    /* padding-topでもOK */
    overflow: hidden; }
  #access-conte #map .google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* 必要であれば!importantを付けてください */
    height: 100%;
    /* 必要であれば!importantを付けてください */ }

footer {
  background-color: #F6FDF5;
  padding-top: 30px;
  padding-bottom: 30px; }
  footer .flex-conte, footer .top-conte, footer .about-conte, footer .jyukutyou-box, footer #access-conte .access, #access-conte footer .access, footer .mokuji-conte .mokuji, .mokuji-conte footer .mokuji, footer .about-conte2, footer .about-conte3, footer .messe-conte {
    justify-content: space-between; }
  footer .f-box2 {
    flex-basis: 60%;
    margin: 2%; }
    footer .f-box2 ul {
      padding: 5px 10px;
      margin: 0px 5px;
      list-style: none; }
      footer .f-box2 ul li {
        padding: 5px 10px;
        border-bottom: 1px solid #868686;
        text-align: center; }
      footer .f-box2 ul a {
        color: #3C3A3A;
        text-decoration: none; }
    @media screen and (min-width: 768px) {
      footer .f-box2 {
        flex-basis: 22%;
        margin: 1%; } }
    footer .f-box2 img {
      max-height: 40px;
      margin: 5px auto;
      display: block;
      max-width: 100%;
      height: auto; }

/*TOPぺーじ　ここまで*/
.product-set {
  padding: 3%;
  border-bottom: 1px dashed #4D4D4D; }

.product-set2 {
  padding: 3%;
  border-bottom: 1px dashed #4D4D4D;
  background-color: #F9F0F0; }

.product-box {
  text-align: center; }
  .product-box .photo-b {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .product-box .photo-b {
        flex-basis: 50%; } }
    .product-box .photo-b img {
      border-radius: 0%;
      margin: 15px; }
  .product-box .setu-b {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .product-box .setu-b {
        flex-basis: 45%;
        margin-left: 1%;
        margin-right: 1%; } }
    .product-box .setu-b h3 {
      text-align: center;
      color: #009410;
      font-weight: bold; }
    .product-box .setu-b ul {
      text-align: center;
      background-color: #F9F9F9;
      margin: 3% auto;
      padding: 10px;
      list-style-position: inside; }
      .product-box .setu-b ul li {
        text-align: left;
        padding: 5px; }
      @media screen and (min-width: 768px) {
        .product-box .setu-b ul {
          width: 75%; } }
    .product-box .setu-b p {
      text-align: left;
      padding: 5px; }
    .product-box .setu-b strong {
      color: #047279; }
    .product-box .setu-b .button {
      padding: 10px;
      font-size: 1em;
      border: 1px solid #898989;
      background-color: none;
      width: 95%;
      margin: 5% auto; }
      @media screen and (min-width: 768px) {
        .product-box .setu-b .button {
          width: 50%;
          font-size: 1.2em; } }

.photo-list {
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  margin: auto; }
  .photo-list img {
    border-radius: 0%;
    margin: auto;
    width: 20%; }
  .photo-list .button {
    padding: 10px;
    font-size: 1.2em; }

.photo-list2 {
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  margin: auto; }
  .photo-list2 img {
    border-radius: 0%;
    margin: auto;
    width: 40%; }
  .photo-list2 .button {
    padding: 10px;
    font-size: 1.2em; }

.mokuji-conte {
  background-color: #F0F4F5;
  padding: 30px 5px;
  text-align: center;
  border-top: #C1C1C1 1px dashed;
  border-bottom: #C1C1C1 1px dashed; }
  .mokuji-conte h1 {
    margin: 2% 0% 0%;
    padding: 10px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .mokuji-conte h1 {
        font-size: 30px; } }
  .mokuji-conte .mokuji {
    background-color: #FFF4F4;
    margin: 30px auto;
    border: #EAEAEA solid 1px;
    width: 98%; }
    @media screen and (min-width: 768px) {
      .mokuji-conte .mokuji {
        width: 75%;
        margin: 50px auto; } }
    .mokuji-conte .mokuji .f-box1 {
      align-self: center;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .mokuji-conte .mokuji .f-box1 {
          flex-basis: 25%; } }
    .mokuji-conte .mokuji .f-box2 {
      font-size: 0.9em;
      margin-top: 0px;
      margin-bottom: 0px;
      justify-content: center;
      background-color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        .mokuji-conte .mokuji .f-box2 {
          flex-basis: 70%;
          margin-left: 1%;
          margin-right: 1%;
          font-size: 1.0em; } }
      .mokuji-conte .mokuji .f-box2 ul {
        margin: 10px;
        list-style-position: outside;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap; }
        .mokuji-conte .mokuji .f-box2 ul li {
          text-align: left;
          margin: 12px 5px;
          border-radius: 5px; }
          .mokuji-conte .mokuji .f-box2 ul li a {
            text-decoration: none;
            padding: 5px;
            background-color: #FFEDF3;
            color: #414141;
            transition: 1.0s; }
            .mokuji-conte .mokuji .f-box2 ul li a:hover {
              background-color: #F3FBFF;
              color: #033C5B; }

.about-conte2, .about-conte3 {
  background-color: #F8F8F8;
  text-align: center;
  padding: 5% 0%;
  border-bottom: #D6D6D6 1px dashed; }
  @media screen and (min-width: 768px) {
    .about-conte2, .about-conte3 {
      padding: 8% 0%; } }
  .about-conte2 .photo-box, .about-conte3 .photo-box {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .about-conte2 .photo-box, .about-conte3 .photo-box {
        flex-basis: 39%; } }
    .about-conte2 .photo-box img, .about-conte3 .photo-box img {
      border-radius: 0%;
      margin: auto; }
    .about-conte2 .photo-box .button, .about-conte3 .photo-box .button {
      padding: 10px;
      font-size: 1.2em; }
  .about-conte2 .text-box, .about-conte3 .text-box {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    padding: 5px; }
    @media screen and (min-width: 768px) {
      .about-conte2 .text-box, .about-conte3 .text-box {
        flex-basis: 59%;
        margin-left: 1%;
        margin-right: 1%; } }
    .about-conte2 .text-box h2, .about-conte3 .text-box h2 {
      text-align: center;
      color: #004259; }
    .about-conte2 .text-box p, .about-conte3 .text-box p {
      text-align: left;
      padding: 5px; }
    .about-conte2 .text-box strong, .about-conte3 .text-box strong {
      color: #047279; }
    .about-conte2 .text-box .a-box, .about-conte3 .text-box .a-box {
      background-color: #E6F5F8;
      margin: 2%;
      padding: 5px 10px; }
      .about-conte2 .text-box .a-box ol, .about-conte3 .text-box .a-box ol {
        list-style-position: outside;
        padding-left: 15px; }
        .about-conte2 .text-box .a-box ol li, .about-conte3 .text-box .a-box ol li {
          text-align: left;
          padding: 10px 5px; }
    .about-conte2 .text-box .hogo-box, .about-conte3 .text-box .hogo-box {
      background-color: #E2FFB0;
      margin: 2%;
      padding: 5px 10px; }
      .about-conte2 .text-box .hogo-box strong, .about-conte3 .text-box .hogo-box strong {
        color: #04793A; }

.about-conte3 {
  background-color: #FFFFFF; }

.youbo-conte {
  background-color: #F1F1F1;
  padding: 30px 10px; }
  .youbo-conte h2 {
    background-image: url("../sozai/main/mt-jyugyou.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center top;
    padding-top: 35px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .youbo-conte h2 {
        background-size: auto 30px; } }

.youbo-box {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-top: 10px;
  border-radius: 5px;
  width: 90%; }
  @media screen and (min-width: 768px) {
    .youbo-box {
      width: 85%;
      padding: 10px; } }
  .youbo-box h3 {
    text-align: center;
    color: #057180;
    font-weight: bold;
    padding-bottom: 0px;
    font-size: 1.3em; }
  .youbo-box strong {
    color: #F14949; }
  .youbo-box .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    .youbo-box .free-box1 table {
      width: 90%; }
      .youbo-box .free-box1 table td, .youbo-box .free-box1 table th {
        padding: 10px;
        text-align: center; }
      .youbo-box .free-box1 table th {
        background-color: #E1FF50; }
    @media screen and (min-width: 768px) {
      .youbo-box .free-box1 {
        flex-basis: 35%; } }
    .youbo-box .free-box1 img {
      border-radius: 0%;
      margin: auto; }
      @media screen and (max-width: 767px) {
        .youbo-box .free-box1 img {
          max-width: 200px; } }
    .youbo-box .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .youbo-box .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .youbo-box .free-box2 {
        flex-basis: 62%;
        margin-left: 1%;
        margin-right: 1%; } }
    .youbo-box .free-box2 ul {
      text-align: left;
      margin: 5px;
      list-style-position: outside;
      list-style: none; }
      .youbo-box .free-box2 ul li {
        margin: 10px; }
    .youbo-box .free-box2 p {
      text-align: left;
      background-color: #F8F2F2;
      font-size: 1.2em;
      padding: 10px; }
    .youbo-box .free-box2 .button {
      padding: 10px;
      font-size: 1.0em; }
      .youbo-box .free-box2 .button strong {
        color: #F5FF2F;
        font-size: 1.2em; }

#iitoko-conte {
  background-color: #A6DDDC;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #iitoko-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    #iitoko-conte h2 strong {
      color: #292928; }
    @media screen and (min-width: 768px) {
      #iitoko-conte h2 {
        background-size: auto 35px; } }
  #iitoko-conte .iitoko-box {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    flex-basis: 92%;
    padding: 5px;
    margin: 2%;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      #iitoko-conte .iitoko-box {
        flex-basis: 45%;
        margin-left: 2%;
        margin-right: 2%; } }
    #iitoko-conte .iitoko-box .mbox {
      min-height: 0%;
      margin-bottom: 10px; }
    #iitoko-conte .iitoko-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #0E8E96;
      font-weight: bold; }
    #iitoko-conte .iitoko-box img {
      margin: auto; }
    #iitoko-conte .iitoko-box p {
      text-align: left;
      padding: 5px; }
    #iitoko-conte .iitoko-box ul {
      text-align: left;
      list-style-position: inside;
      padding: 10px;
      color: #005C75;
      font-weight: bold; }
      #iitoko-conte .iitoko-box ul li {
        padding: 5px;
        border-bottom: #AEAEAE 1px dashed; }
    #iitoko-conte .iitoko-box ol {
      color: #121212;
      font-weight: normal;
      list-style: none; }
      #iitoko-conte .iitoko-box ol li {
        border-bottom: none;
        padding-left: 15px; }
    #iitoko-conte .iitoko-box .button {
      margin-top: auto; }

#onayami-conte {
  background-color: #F8F8F8;
  text-align: center;
  padding: 5% 0%;
  border-bottom: #D6D6D6 1px dashed; }
  @media screen and (min-width: 768px) {
    #onayami-conte {
      padding: 8% 0%; } }
  #onayami-conte h2 {
    background-image: url("../sozai/main/mt-voice.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #4E4E4E; }
    @media screen and (min-width: 768px) {
      #onayami-conte h2 {
        background-size: auto 35px; } }
  #onayami-conte .qa-box {
    margin: 10px 10px;
    padding: 10px; }
    @media screen and (min-width: 1000px) {
      #onayami-conte .qa-box {
        width: 900px;
        margin: 10px auto; } }
    #onayami-conte .qa-box .qa {
      margin-top: 30px; }
      #onayami-conte .qa-box .qa .q {
        margin: 15px auto 0px;
        font-size: 1.0em;
        text-align: left; }
        @media screen and (min-width: 768px) {
          #onayami-conte .qa-box .qa .q {
            font-size: 1.2em; } }
        #onayami-conte .qa-box .qa .q a {
          display: block;
          padding: 10px 0px 10px 40px;
          color: #FFFFFF;
          text-decoration: none;
          text-align: left;
          background-color: #037DC0;
          /*ボタン色*/
          background-size: 20px;
          background-position: 5px;
          border-radius: 5px;
          /*角丸*/
          background-image: url("../sozai/qa/q.png");
          background-repeat: no-repeat;
          background-size: auto 30px;
          background-position: 5px center;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          #onayami-conte .qa-box .qa .q a:hover {
            background-color: #1A76DE;
            /*ボタン色*/
            text-decoration: none;
            color: #FFF; }
      #onayami-conte .qa-box .qa .a {
        margin-left: 10px;
        background-color: #FFFFFF;
        text-align: left;
        padding: 20px 10px 20px 40px;
        line-height: 1.8em;
        background-size: auto 30px;
        background-position: 5px 10px; }
        #onayami-conte .qa-box .qa .a p {
          text-align: left; }
        #onayami-conte .qa-box .qa .a strong {
          color: #0059AC; }

#tokutyou-conte {
  background-color: #7CD0EA;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #tokutyou-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    #tokutyou-conte h2 strong {
      color: #EDFF00; }
    @media screen and (min-width: 768px) {
      #tokutyou-conte h2 {
        background-size: auto 35px; } }
  #tokutyou-conte .item-box {
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      #tokutyou-conte .item-box {
        margin-left: 10px;
        margin-right: 10px; } }
    #tokutyou-conte .item-box .mbox {
      min-height: 0%;
      margin-bottom: 10px;
      background-color: #BBE43B;
      padding: 20px 5px; }
    #tokutyou-conte .item-box .tbox {
      text-align: left;
      background-color: #FFF6F6; }
      #tokutyou-conte .item-box .tbox strong {
        color: #F72E6B; }
    #tokutyou-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #008EC7;
      font-weight: bold; }
    #tokutyou-conte .item-box img {
      height: 100px;
      width: auto;
      margin: auto; }
    #tokutyou-conte .item-box p {
      text-align: left;
      padding: 5px; }
    #tokutyou-conte .item-box .button {
      margin-top: auto; }

#hiyou-conte {
  background-color: #A3C8BB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #hiyou-conte h2 {
    background-image: url("../sozai/main/mt-riyuu.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      #hiyou-conte h2 {
        background-size: auto 35px; } }
  #hiyou-conte .hiyou-box {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    flex-basis: 92%;
    padding: 5px 5px 5px 5px;
    margin: 2%;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      #hiyou-conte .hiyou-box {
        flex-basis: 45%;
        margin-left: 2%;
        margin-right: 2%; } }
    #hiyou-conte .hiyou-box .mbox {
      min-height: 0%;
      padding-top: 10px; }
    #hiyou-conte .hiyou-box h3 {
      text-align: center;
      color: #FFFFFF;
      font-weight: bold;
      background-color: #0E8E96;
      margin: 0px;
      padding-bottom: 5px; }
    #hiyou-conte .hiyou-box img {
      margin: auto; }
    #hiyou-conte .hiyou-box p {
      text-align: left;
      padding: 5px; }
    #hiyou-conte .hiyou-box table {
      margin: 0px auto 10px; }
    #hiyou-conte .hiyou-box strong {
      color: #10671C; }
    #hiyou-conte .hiyou-box .button {
      margin-top: auto; }

.riyuu2-conte {
  background: linear-gradient(#17BABF, #15B4BA);
  background: linear-gradient(to bottom, rgba(53, 165, 175, 0.9) 70%, rgba(164, 198, 202, 0.9) 100%), url("../sozai/main/h/h1.jpg");
  /* 背景画像指定 */
  background-size: cover;
  background-color: #F1F1F1;
  padding: 30px 10px; }
  .riyuu2-conte h2 {
    background-image: url("../sozai/main/mt-jyugyou.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center top;
    padding-top: 35px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .riyuu2-conte h2 {
        background-size: auto 30px; } }

.riyuu2-box {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-top: 0px;
  border-radius: 5px;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .riyuu2-box {
      width: 85%;
      padding: 10px;
      margin: 50px auto; } }
  .riyuu2-box .titlle {
    border-bottom: 1px #CECCCC solid;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .riyuu2-box .titlle .box1 {
        flex-basis: 80%;
        margin-left: 1%;
        margin-right: 1%; } }
    @media screen and (min-width: 768px) {
      .riyuu2-box .titlle .box2 {
        flex-basis: 15%;
        margin-left: 1%;
        margin-right: 1%; } }
    .riyuu2-box .titlle h3 {
      text-align: left;
      color: #057180;
      font-weight: bold;
      font-size: 1.3em;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .riyuu2-box .titlle h3 {
          font-size: 2em; } }
    .riyuu2-box .titlle img {
      max-width: 150px; }
  .riyuu2-box strong {
    color: #F14949; }
  .riyuu2-box .free-box {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .riyuu2-box .free-box {
        max-width: 80%;
        margin: auto; } }
    .riyuu2-box .free-box p {
      text-align: left;
      background-color: #F8F2F2;
      font-size: 1.1em;
      padding: 10px; }
    .riyuu2-box .free-box img {
      margin: 30px auto; }
      @media screen and (min-width: 768px) {
        .riyuu2-box .free-box img {
          width: 80%; } }
    .riyuu2-box .free-box .button {
      padding: 10px;
      font-size: 1.0em; }
      .riyuu2-box .free-box .button strong {
        color: #F5FF2F;
        font-size: 1.2em; }

.voice-conte {
  background-color: #F6F7F5;
  padding-top: 25px;
  padding-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .voice-conte {
      padding: 55px 0px; } }
  .voice-conte h2 {
    background-image: url("../sozai/main/mt-voice.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center top;
    padding-top: 35px;
    color: #098DA6; }
    @media screen and (min-width: 768px) {
      .voice-conte h2 {
        background-size: auto 30px; } }
  .voice-conte h3 {
    text-align: left;
    color: #F03058; }
  .voice-conte p {
    text-align: left;
    font-size: 0.95em;
    padding-bottom: 20px; }
  .voice-conte strong {
    color: #EE4A60; }
  .voice-conte .button {
    width: 90%;
    margin: auto;
    font-size: 1.2em; }
    @media screen and (min-width: 768px) {
      .voice-conte .button {
        width: 40%; } }
  .voice-conte .inbox {
    width: 95%;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .voice-conte .inbox {
        width: 70%; } }
    .voice-conte .inbox .voice-box {
      margin: 10px 0px;
      padding: 0px;
      border-radius: 5px;
      background-color: #FFFFFF; }
      .voice-conte .inbox .voice-box h4 {
        background-color: #1B8DAF;
        padding: 10px 0px 10px 20px;
        color: #FFFFFF; }
      .voice-conte .inbox .voice-box p {
        padding: 10px;
        font-size: 0.9em; }

.qa-box1 {
  margin: 10px 10px;
  padding: 10px; }
  @media screen and (min-width: 1000px) {
    .qa-box1 {
      width: 900px;
      margin: 10px auto; } }
  .qa-box1 .qa {
    margin-top: 30px; }
    .qa-box1 .qa .q {
      margin: 15px auto 0px;
      font-size: 1.0em; }
      @media screen and (min-width: 768px) {
        .qa-box1 .qa .q {
          font-size: 1.2em; } }
      .qa-box1 .qa .q a {
        display: block;
        padding: 10px 0px 10px 40px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: left;
        background-color: #1B8DAF;
        /*ボタン色*/
        background-size: 20px;
        background-position: 5px;
        border-radius: 5px;
        /*角丸*/
        background-image: url("../sozai/qa/q.png");
        background-repeat: no-repeat;
        background-size: auto 30px;
        background-position: 5px center;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .qa-box1 .qa .q a:hover {
          background-color: #1A76DE;
          /*ボタン色*/
          text-decoration: none;
          color: #FFF; }
    .qa-box1 .qa .a {
      margin-left: 10px;
      background-color: #FFFFFF;
      text-align: left;
      padding: 10px 10px 20px 40px;
      line-height: 1.8em;
      background-image: url("../sozai/qa/a.png");
      background-repeat: no-repeat;
      background-size: auto 30px;
      background-position: 5px 10px; }

.osusume-conte {
  background-color: #9CDBDB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .osusume-conte h2 {
    background-image: url("../sozai/main/mt-osusume.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .osusume-conte h2 {
        background-size: auto 35px; } }
  .osusume-conte .item-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF; }
    .osusume-conte .item-box .mbox {
      min-height: 0%; }
    .osusume-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #0E8E96;
      font-weight: bold; }
    .osusume-conte .item-box p {
      text-align: center; }
    .osusume-conte .item-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .osusume-conte .item-box {
        flex-basis: 23%;
        margin-left: 1%;
        margin-right: 1%; } }

.messe-conte {
  background-color: #FAF94B;
  background-image: url("../sozai/main/nami-ue.png"), url(../sozai/main/hd-1.png);
  background-position: center top, right bottom;
  background-repeat: repeat-x,no-repeat;
  background-size: 80% auto,80% auto;
  padding: 2% 1%; }
  @media screen and (min-width: 768px) {
    .messe-conte {
      background-size: 80% auto,auto; } }

.prof-conte {
  background-color: #DAD8CF;
  background-image: url("../sozai/main/nami-ue4.png"), url(../sozai/main/hd-3.png);
  background-position: center top, left bottom;
  background-repeat: repeat-x,no-repeat;
  background-size: 80% auto,80% auto;
  padding: 2% 1%; }
  @media screen and (min-width: 768px) {
    .prof-conte {
      background-size: 80% auto,auto; } }

.item-conte {
  background-color: #9CDBDB;
  background-image: url("../sozai/main/nami-ue2.png");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .item-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .item-conte .item-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF; }
    .item-conte .item-box .mbox {
      min-height: 0%; }
    .item-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .item-conte .item-box p {
      text-align: center; }
    .item-conte .item-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .item-conte .item-box {
        flex-basis: 20%;
        margin-left: 2%;
        margin-right: 2%; } }

.pic-conte {
  background-color: #FF8585;
  background-image: url("../sozai/shop/nami-ue2.png"), url("../sozai/shop/hd-4.png");
  background-position: center top, right bottom;
  background-repeat: repeat-x,no-repeat;
  background-size: 60% auto;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .pic-conte {
      background-size: 30% auto; } }
  .pic-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .pic-conte .med-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF; }
    .pic-conte .med-box .mbox {
      min-height: 0%; }
    .pic-conte .med-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .pic-conte .med-box p {
      text-align: center; }
    .pic-conte .med-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .pic-conte .med-box {
        flex-basis: 20%;
        margin-left: 2%;
        margin-right: 2%; } }

.by-conte {
  background-color: #9CDBDB;
  padding: 35px 5PX;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .by-conte {
      padding-bottom: 55px; } }
  .by-conte h2 {
    margin: 0px 0px 20px;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .by-conte h3 {
    text-align: center;
    color: #CD1959;
    font-weight: bold;
    margin-top: 0px; }
  .by-conte h4 {
    background-color: #0590BA;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px; }
  .by-conte p {
    text-align: left; }
  .by-conte strong {
    color: #CF0A4B; }
  .by-conte .a-box {
    text-align: left;
    padding: 20px 10PX 10PX;
    background-color: #FFFFFF;
    border-radius: 5PX;
    border: 3PX #66C1C1 solid; }
    .by-conte .a-box ul, .by-conte .a-box ol {
      text-align: left;
      padding: 10px 0px 10px 20px; }
      .by-conte .a-box ul li, .by-conte .a-box ol li {
        padding: 5px;
        font-size: 1.2em; }
    .by-conte .a-box img {
      margin: 20px auto; }
    @media screen and (min-width: 1000px) {
      .by-conte .a-box {
        margin: auto;
        max-width: 900px; } }
  .by-conte .box1 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .by-conte .box1 img {
      margin: auto; }
    @media screen and (min-width: 768px) {
      .by-conte .box1 {
        flex-basis: 55%;
        margin-left: 2%;
        margin-right: 2%; } }
  .by-conte .box2 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF;
    border-radius: 10px; }
    .by-conte .box2 img {
      border-radius: 0%;
      max-height: 250px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      .by-conte .box2 {
        flex-basis: 38%;
        margin-left: 2%;
        margin-right: 2%; } }
  .by-conte .box4 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF;
    border-radius: 10px; }
    .by-conte .box4 img {
      border-radius: 0%;
      max-height: 250px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      .by-conte .box4 {
        flex-basis: 20%;
        margin-left: 2%;
        margin-right: 2%; } }

.byt-conte, .byt2-conte {
  background-color: #F6F7F5;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .byt-conte, .byt2-conte {
      padding: 25px 0px; } }
  .byt-conte h2, .byt2-conte h2 {
    margin: 0px 0px 20px;
    color: #262626;
    font-weight: 100;
    padding: 0px;
    display: inline-block;
    background: linear-gradient(transparent 60%, #F5FFAD 60%); }
  .byt-conte h3, .byt2-conte h3 {
    text-align: left;
    color: #F06060;
    font-weight: bold;
    margin: 0px 0px 10px;
    border-bottom: #DB797B 1px solid;
    padding: 10px;
    font-size: 1.3em;
    background-color: #F8EEEE; }
    @media screen and (min-width: 768px) {
      .byt-conte h3, .byt2-conte h3 {
        font-size: 1.5em; } }
  .byt-conte h4, .byt2-conte h4 {
    background-color: #007E63;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 0px 0px;
    padding: 5px; }
  .byt-conte h5, .byt2-conte h5 {
    margin: 0px 0px 20px;
    color: #434141;
    font-weight: 100;
    padding: 10px;
    background-color: #F8EBEB;
    font-size: 1.1em; }
  .byt-conte strong, .byt2-conte strong {
    color: #EE4A60; }
  .byt-conte .box-pp, .byt2-conte .box-pp, .byt-conte .box-kojin, .byt2-conte .box-kojin, .byt-conte .box-link, .byt2-conte .box-link, .byt-conte .box-sijyo, .byt2-conte .box-sijyo, .byt-conte .box-jimukyoku, .byt2-conte .box-jimukyoku, .byt-conte .box-kifu, .byt2-conte .box-kifu, .byt-conte .box-sibu, .byt2-conte .box-sibu, .byt-conte .box-kousyuu, .byt2-conte .box-kousyuu, .byt-conte .box-ob, .byt2-conte .box-ob, .byt-conte .box-katudou, .byt2-conte .box-katudou, .byt-conte .box-kikansi, .byt2-conte .box-kikansi, .byt-conte .box-topic, .byt2-conte .box-topic, .byt-conte .box-tc, .byt2-conte .box-tc {
    margin: 20px 10px;
    background-color: #FFFFFF;
    padding: 10px;
    text-align: left; }
    @media screen and (min-width: 1000px) {
      .byt-conte .box-pp, .byt2-conte .box-pp, .byt-conte .box-kojin, .byt2-conte .box-kojin, .byt-conte .box-link, .byt2-conte .box-link, .byt-conte .box-sijyo, .byt2-conte .box-sijyo, .byt-conte .box-jimukyoku, .byt2-conte .box-jimukyoku, .byt-conte .box-kifu, .byt2-conte .box-kifu, .byt-conte .box-sibu, .byt2-conte .box-sibu, .byt-conte .box-kousyuu, .byt2-conte .box-kousyuu, .byt-conte .box-ob, .byt2-conte .box-ob, .byt-conte .box-katudou, .byt2-conte .box-katudou, .byt-conte .box-kikansi, .byt2-conte .box-kikansi, .byt-conte .box-topic, .byt2-conte .box-topic, .byt-conte .box-tc, .byt2-conte .box-tc {
        width: 950px;
        margin: 50px auto; } }
    .byt-conte .box-pp img, .byt2-conte .box-pp img, .byt-conte .box-kojin img, .byt2-conte .box-kojin img, .byt-conte .box-link img, .byt2-conte .box-link img, .byt-conte .box-sijyo img, .byt2-conte .box-sijyo img, .byt-conte .box-jimukyoku img, .byt2-conte .box-jimukyoku img, .byt-conte .box-kifu img, .byt2-conte .box-kifu img, .byt-conte .box-sibu img, .byt2-conte .box-sibu img, .byt-conte .box-kousyuu img, .byt2-conte .box-kousyuu img, .byt-conte .box-ob img, .byt2-conte .box-ob img, .byt-conte .box-katudou img, .byt2-conte .box-katudou img, .byt-conte .box-kikansi img, .byt2-conte .box-kikansi img, .byt-conte .box-topic img, .byt2-conte .box-topic img, .byt-conte .box-tc img, .byt2-conte .box-tc img {
      margin: auto;
      width: 80%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .byt-conte .box-pp img, .byt2-conte .box-pp img, .byt-conte .box-kojin img, .byt2-conte .box-kojin img, .byt-conte .box-link img, .byt2-conte .box-link img, .byt-conte .box-sijyo img, .byt2-conte .box-sijyo img, .byt-conte .box-jimukyoku img, .byt2-conte .box-jimukyoku img, .byt-conte .box-kifu img, .byt2-conte .box-kifu img, .byt-conte .box-sibu img, .byt2-conte .box-sibu img, .byt-conte .box-kousyuu img, .byt2-conte .box-kousyuu img, .byt-conte .box-ob img, .byt2-conte .box-ob img, .byt-conte .box-katudou img, .byt2-conte .box-katudou img, .byt-conte .box-kikansi img, .byt2-conte .box-kikansi img, .byt-conte .box-topic img, .byt2-conte .box-topic img, .byt-conte .box-tc img, .byt2-conte .box-tc img {
          width: 90%;
          height: auto; } }
    .byt-conte .box-pp p, .byt2-conte .box-pp p, .byt-conte .box-kojin p, .byt2-conte .box-kojin p, .byt-conte .box-link p, .byt2-conte .box-link p, .byt-conte .box-sijyo p, .byt2-conte .box-sijyo p, .byt-conte .box-jimukyoku p, .byt2-conte .box-jimukyoku p, .byt-conte .box-kifu p, .byt2-conte .box-kifu p, .byt-conte .box-sibu p, .byt2-conte .box-sibu p, .byt-conte .box-kousyuu p, .byt2-conte .box-kousyuu p, .byt-conte .box-ob p, .byt2-conte .box-ob p, .byt-conte .box-katudou p, .byt2-conte .box-katudou p, .byt-conte .box-kikansi p, .byt2-conte .box-kikansi p, .byt-conte .box-topic p, .byt2-conte .box-topic p, .byt-conte .box-tc p, .byt2-conte .box-tc p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-pp .text-center, .byt2-conte .box-pp .text-center, .byt-conte .box-kojin .text-center, .byt2-conte .box-kojin .text-center, .byt-conte .box-link .text-center, .byt2-conte .box-link .text-center, .byt-conte .box-sijyo .text-center, .byt2-conte .box-sijyo .text-center, .byt-conte .box-jimukyoku .text-center, .byt2-conte .box-jimukyoku .text-center, .byt-conte .box-kifu .text-center, .byt2-conte .box-kifu .text-center, .byt-conte .box-sibu .text-center, .byt2-conte .box-sibu .text-center, .byt-conte .box-kousyuu .text-center, .byt2-conte .box-kousyuu .text-center, .byt-conte .box-ob .text-center, .byt2-conte .box-ob .text-center, .byt-conte .box-katudou .text-center, .byt2-conte .box-katudou .text-center, .byt-conte .box-kikansi .text-center, .byt2-conte .box-kikansi .text-center, .byt-conte .box-topic .text-center, .byt2-conte .box-topic .text-center, .byt-conte .box-tc .text-center, .byt2-conte .box-tc .text-center {
      text-align: center; }
    .byt-conte .box-pp strong, .byt2-conte .box-pp strong, .byt-conte .box-kojin strong, .byt2-conte .box-kojin strong, .byt-conte .box-link strong, .byt2-conte .box-link strong, .byt-conte .box-sijyo strong, .byt2-conte .box-sijyo strong, .byt-conte .box-jimukyoku strong, .byt2-conte .box-jimukyoku strong, .byt-conte .box-kifu strong, .byt2-conte .box-kifu strong, .byt-conte .box-sibu strong, .byt2-conte .box-sibu strong, .byt-conte .box-kousyuu strong, .byt2-conte .box-kousyuu strong, .byt-conte .box-ob strong, .byt2-conte .box-ob strong, .byt-conte .box-katudou strong, .byt2-conte .box-katudou strong, .byt-conte .box-kikansi strong, .byt2-conte .box-kikansi strong, .byt-conte .box-topic strong, .byt2-conte .box-topic strong, .byt-conte .box-tc strong, .byt2-conte .box-tc strong {
      color: #CF0A4B; }
    .byt-conte .box-pp ul, .byt2-conte .box-pp ul, .byt-conte .box-kojin ul, .byt2-conte .box-kojin ul, .byt-conte .box-link ul, .byt2-conte .box-link ul, .byt-conte .box-sijyo ul, .byt2-conte .box-sijyo ul, .byt-conte .box-jimukyoku ul, .byt2-conte .box-jimukyoku ul, .byt-conte .box-kifu ul, .byt2-conte .box-kifu ul, .byt-conte .box-sibu ul, .byt2-conte .box-sibu ul, .byt-conte .box-kousyuu ul, .byt2-conte .box-kousyuu ul, .byt-conte .box-ob ul, .byt2-conte .box-ob ul, .byt-conte .box-katudou ul, .byt2-conte .box-katudou ul, .byt-conte .box-kikansi ul, .byt2-conte .box-kikansi ul, .byt-conte .box-topic ul, .byt2-conte .box-topic ul, .byt-conte .box-tc ul, .byt2-conte .box-tc ul, .byt-conte .box-pp ol, .byt2-conte .box-pp ol, .byt-conte .box-kojin ol, .byt2-conte .box-kojin ol, .byt-conte .box-link ol, .byt2-conte .box-link ol, .byt-conte .box-sijyo ol, .byt2-conte .box-sijyo ol, .byt-conte .box-jimukyoku ol, .byt2-conte .box-jimukyoku ol, .byt-conte .box-kifu ol, .byt2-conte .box-kifu ol, .byt-conte .box-sibu ol, .byt2-conte .box-sibu ol, .byt-conte .box-kousyuu ol, .byt2-conte .box-kousyuu ol, .byt-conte .box-ob ol, .byt2-conte .box-ob ol, .byt-conte .box-katudou ol, .byt2-conte .box-katudou ol, .byt-conte .box-kikansi ol, .byt2-conte .box-kikansi ol, .byt-conte .box-topic ol, .byt2-conte .box-topic ol, .byt-conte .box-tc ol, .byt2-conte .box-tc ol {
      text-align: left;
      padding: 10px 0px 10px 20px; }
      .byt-conte .box-pp ul li, .byt2-conte .box-pp ul li, .byt-conte .box-kojin ul li, .byt2-conte .box-kojin ul li, .byt-conte .box-link ul li, .byt2-conte .box-link ul li, .byt-conte .box-sijyo ul li, .byt2-conte .box-sijyo ul li, .byt-conte .box-jimukyoku ul li, .byt2-conte .box-jimukyoku ul li, .byt-conte .box-kifu ul li, .byt2-conte .box-kifu ul li, .byt-conte .box-sibu ul li, .byt2-conte .box-sibu ul li, .byt-conte .box-kousyuu ul li, .byt2-conte .box-kousyuu ul li, .byt-conte .box-ob ul li, .byt2-conte .box-ob ul li, .byt-conte .box-katudou ul li, .byt2-conte .box-katudou ul li, .byt-conte .box-kikansi ul li, .byt2-conte .box-kikansi ul li, .byt-conte .box-topic ul li, .byt2-conte .box-topic ul li, .byt-conte .box-tc ul li, .byt2-conte .box-tc ul li, .byt-conte .box-pp ol li, .byt2-conte .box-pp ol li, .byt-conte .box-kojin ol li, .byt2-conte .box-kojin ol li, .byt-conte .box-link ol li, .byt2-conte .box-link ol li, .byt-conte .box-sijyo ol li, .byt2-conte .box-sijyo ol li, .byt-conte .box-jimukyoku ol li, .byt2-conte .box-jimukyoku ol li, .byt-conte .box-kifu ol li, .byt2-conte .box-kifu ol li, .byt-conte .box-sibu ol li, .byt2-conte .box-sibu ol li, .byt-conte .box-kousyuu ol li, .byt2-conte .box-kousyuu ol li, .byt-conte .box-ob ol li, .byt2-conte .box-ob ol li, .byt-conte .box-katudou ol li, .byt2-conte .box-katudou ol li, .byt-conte .box-kikansi ol li, .byt2-conte .box-kikansi ol li, .byt-conte .box-topic ol li, .byt2-conte .box-topic ol li, .byt-conte .box-tc ol li, .byt2-conte .box-tc ol li {
        padding: 5px; }
    .byt-conte .box-pp .kasen, .byt2-conte .box-pp .kasen, .byt-conte .box-kojin .kasen, .byt2-conte .box-kojin .kasen, .byt-conte .box-link .kasen, .byt2-conte .box-link .kasen, .byt-conte .box-sijyo .kasen, .byt2-conte .box-sijyo .kasen, .byt-conte .box-jimukyoku .kasen, .byt2-conte .box-jimukyoku .kasen, .byt-conte .box-kifu .kasen, .byt2-conte .box-kifu .kasen, .byt-conte .box-sibu .kasen, .byt2-conte .box-sibu .kasen, .byt-conte .box-kousyuu .kasen, .byt2-conte .box-kousyuu .kasen, .byt-conte .box-ob .kasen, .byt2-conte .box-ob .kasen, .byt-conte .box-katudou .kasen, .byt2-conte .box-katudou .kasen, .byt-conte .box-kikansi .kasen, .byt2-conte .box-kikansi .kasen, .byt-conte .box-topic .kasen, .byt2-conte .box-topic .kasen, .byt-conte .box-tc .kasen, .byt2-conte .box-tc .kasen {
      border-bottom: #EC0859 solid 2px; }
  .byt-conte .flex-conte, .byt2-conte .flex-conte, .byt-conte .top-conte, .byt2-conte .top-conte, .byt-conte .about-conte, .byt2-conte .about-conte, .byt-conte .jyukutyou-box, .byt2-conte .jyukutyou-box, .byt-conte #access-conte .access, #access-conte .byt-conte .access, .byt2-conte #access-conte .access, #access-conte .byt2-conte .access, .byt-conte .mokuji-conte .mokuji, .mokuji-conte .byt-conte .mokuji, .byt2-conte .mokuji-conte .mokuji, .mokuji-conte .byt2-conte .mokuji, .byt-conte .about-conte2, .byt2-conte .about-conte2, .byt-conte .about-conte3, .byt2-conte .about-conte3, .byt-conte .messe-conte, .byt2-conte .messe-conte {
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .byt-conte .flex-conte .text, .byt2-conte .flex-conte .text, .byt-conte .top-conte .text, .byt2-conte .top-conte .text, .byt-conte .about-conte .text, .byt2-conte .about-conte .text, .byt-conte .jyukutyou-box .text, .byt2-conte .jyukutyou-box .text, .byt-conte #access-conte .access .text, #access-conte .byt-conte .access .text, .byt2-conte #access-conte .access .text, #access-conte .byt2-conte .access .text, .byt-conte .mokuji-conte .mokuji .text, .mokuji-conte .byt-conte .mokuji .text, .byt2-conte .mokuji-conte .mokuji .text, .mokuji-conte .byt2-conte .mokuji .text, .byt-conte .about-conte2 .text, .byt2-conte .about-conte2 .text, .byt-conte .about-conte3 .text, .byt2-conte .about-conte3 .text, .byt-conte .messe-conte .text, .byt2-conte .messe-conte .text {
        flex-basis: 70%; } }
    @media screen and (min-width: 768px) {
      .byt-conte .flex-conte .pic, .byt2-conte .flex-conte .pic, .byt-conte .top-conte .pic, .byt2-conte .top-conte .pic, .byt-conte .about-conte .pic, .byt2-conte .about-conte .pic, .byt-conte .jyukutyou-box .pic, .byt2-conte .jyukutyou-box .pic, .byt-conte #access-conte .access .pic, #access-conte .byt-conte .access .pic, .byt2-conte #access-conte .access .pic, #access-conte .byt2-conte .access .pic, .byt-conte .mokuji-conte .mokuji .pic, .mokuji-conte .byt-conte .mokuji .pic, .byt2-conte .mokuji-conte .mokuji .pic, .mokuji-conte .byt2-conte .mokuji .pic, .byt-conte .about-conte2 .pic, .byt2-conte .about-conte2 .pic, .byt-conte .about-conte3 .pic, .byt2-conte .about-conte3 .pic, .byt-conte .messe-conte .pic, .byt2-conte .messe-conte .pic {
        flex-basis: 30%; } }
  .byt-conte .box, .byt2-conte .box, .byt-conte .box-jimukyoku .box, .byt2-conte .box-jimukyoku .box, .byt-conte .box-kifu .box, .byt2-conte .box-kifu .box, .byt-conte .box-sibu .box, .byt2-conte .box-sibu .box, .byt-conte .box-kousyuu .box, .byt2-conte .box-kousyuu .box, .byt-conte .box-ob .box, .byt2-conte .box-ob .box, .byt-conte .box-katudou .box, .byt2-conte .box-katudou .box, .byt-conte .box-kikansi .box, .byt2-conte .box-kikansi .box, .byt-conte .box-topic .box, .byt2-conte .box-topic .box {
    padding: 10px; }
    .byt-conte .box table th, .byt2-conte .box table th, .byt-conte .box-jimukyoku .box table th, .byt2-conte .box-jimukyoku .box table th, .byt-conte .box-kifu .box table th, .byt2-conte .box-kifu .box table th, .byt-conte .box-sibu .box table th, .byt2-conte .box-sibu .box table th, .byt-conte .box-kousyuu .box table th, .byt2-conte .box-kousyuu .box table th, .byt-conte .box-ob .box table th, .byt2-conte .box-ob .box table th, .byt-conte .box-katudou .box table th, .byt2-conte .box-katudou .box table th, .byt-conte .box-kikansi .box table th, .byt2-conte .box-kikansi .box table th, .byt-conte .box-topic .box table th, .byt2-conte .box-topic .box table th, .byt-conte .box table td, .byt2-conte .box table td, .byt-conte .box-jimukyoku .box table td, .byt2-conte .box-jimukyoku .box table td, .byt-conte .box-kifu .box table td, .byt2-conte .box-kifu .box table td, .byt-conte .box-sibu .box table td, .byt2-conte .box-sibu .box table td, .byt-conte .box-kousyuu .box table td, .byt2-conte .box-kousyuu .box table td, .byt-conte .box-ob .box table td, .byt2-conte .box-ob .box table td, .byt-conte .box-katudou .box table td, .byt2-conte .box-katudou .box table td, .byt-conte .box-kikansi .box table td, .byt2-conte .box-kikansi .box table td, .byt-conte .box-topic .box table td, .byt2-conte .box-topic .box table td {
      padding: 10px; }
    .byt-conte .box table th, .byt2-conte .box table th, .byt-conte .box-jimukyoku .box table th, .byt2-conte .box-jimukyoku .box table th, .byt-conte .box-kifu .box table th, .byt2-conte .box-kifu .box table th, .byt-conte .box-sibu .box table th, .byt2-conte .box-sibu .box table th, .byt-conte .box-kousyuu .box table th, .byt2-conte .box-kousyuu .box table th, .byt-conte .box-ob .box table th, .byt2-conte .box-ob .box table th, .byt-conte .box-katudou .box table th, .byt2-conte .box-katudou .box table th, .byt-conte .box-kikansi .box table th, .byt2-conte .box-kikansi .box table th, .byt-conte .box-topic .box table th, .byt2-conte .box-topic .box table th {
      background-color: #C1EDF7; }
  .byt-conte .box-sijyo, .byt2-conte .box-sijyo {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-sijyo h4, .byt2-conte .box-sijyo h4 {
      background-color: #3193A6;
      margin-bottom: 5px; }
    .byt-conte .box-sijyo .box2, .byt2-conte .box-sijyo .box2 {
      padding: 10px; }
      .byt-conte .box-sijyo .box2 h4, .byt2-conte .box-sijyo .box2 h4 {
        background-color: #F4727C;
        margin-bottom: 5px; }
      .byt-conte .box-sijyo .box2 table th, .byt2-conte .box-sijyo .box2 table th, .byt-conte .box-sijyo .box2 table td, .byt2-conte .box-sijyo .box2 table td {
        padding: 10px; }
      .byt-conte .box-sijyo .box2 table th, .byt2-conte .box-sijyo .box2 table th {
        background-color: #FADBE3; }
  .byt-conte .box-jimukyoku, .byt2-conte .box-jimukyoku {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-jimukyoku h4, .byt2-conte .box-jimukyoku h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-jimukyoku .box strong, .byt2-conte .box-jimukyoku .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
  .byt-conte .box-kifu, .byt2-conte .box-kifu {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-kifu h4, .byt2-conte .box-kifu h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-kifu .box img, .byt2-conte .box-kifu .box img {
      max-width: 500px; }
    .byt-conte .box-kifu .box strong, .byt2-conte .box-kifu .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-kifu .box ul, .byt2-conte .box-kifu .box ul {
      background-color: #6ABDBE;
      color: #FFFFFF; }
    .byt-conte .box-kifu .item-box, .byt2-conte .box-kifu .item-box {
      border: #31B1E3 1px solid;
      padding: 0px; }
  .byt-conte .box-sibu, .byt2-conte .box-sibu {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-sibu h4, .byt2-conte .box-sibu h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-sibu .box img, .byt2-conte .box-sibu .box img {
      max-height: 150px;
      width: auto;
      margin-left: 10px;
      padding-right: 10px; }
    .byt-conte .box-sibu .box strong, .byt2-conte .box-sibu .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-sibu .box ul, .byt2-conte .box-sibu .box ul {
      background-color: #6ABDBE;
      color: #FFFFFF; }
    .byt-conte .box-sibu .item-box, .byt2-conte .box-sibu .item-box {
      border: #31B1E3 1px solid;
      padding: 0px; }
  .byt-conte .box-kousyuu, .byt2-conte .box-kousyuu {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-kousyuu h4, .byt2-conte .box-kousyuu h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-kousyuu .box img, .byt2-conte .box-kousyuu .box img {
      max-height: 150px;
      width: auto;
      margin-left: 10px;
      padding-right: 10px; }
    .byt-conte .box-kousyuu .box strong, .byt2-conte .box-kousyuu .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-kousyuu .box ul, .byt2-conte .box-kousyuu .box ul {
      background-color: #6ABDBE;
      color: #FFFFFF; }
    .byt-conte .box-kousyuu .item-box, .byt2-conte .box-kousyuu .item-box {
      border: #31B1E3 1px solid;
      padding: 0px; }
  .byt-conte .box-ob, .byt2-conte .box-ob {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-ob h4, .byt2-conte .box-ob h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-ob .box img, .byt2-conte .box-ob .box img {
      max-height: 150px;
      width: auto;
      margin-left: 10px;
      padding-right: 10px; }
    .byt-conte .box-ob .box strong, .byt2-conte .box-ob .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-ob .box ul, .byt2-conte .box-ob .box ul {
      background-color: #6ABDBE;
      color: #FFFFFF; }
    .byt-conte .box-ob .item-box, .byt2-conte .box-ob .item-box {
      border: #31B1E3 1px solid;
      padding: 0px; }
  .byt-conte .box-katudou, .byt2-conte .box-katudou {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-katudou h4, .byt2-conte .box-katudou h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-katudou .box img, .byt2-conte .box-katudou .box img {
      max-height: 150px;
      width: auto;
      margin-left: 10px;
      padding-right: 10px; }
    .byt-conte .box-katudou .box td, .byt2-conte .box-katudou .box td, .byt-conte .box-katudou .box th, .byt2-conte .box-katudou .box th {
      border: 1px solid #7B7777; }
    .byt-conte .box-katudou .box th, .byt2-conte .box-katudou .box th {
      text-align: center; }
    .byt-conte .box-katudou .box strong, .byt2-conte .box-katudou .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-katudou .box ul, .byt2-conte .box-katudou .box ul {
      background-color: #6ABDBE;
      color: #FFFFFF; }
    .byt-conte .box-katudou .item-box, .byt2-conte .box-katudou .item-box {
      border: #31B1E3 1px solid;
      padding: 0px; }
  .byt-conte .box-kikansi, .byt2-conte .box-kikansi {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-kikansi h4, .byt2-conte .box-kikansi h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-kikansi img, .byt2-conte .box-kikansi img {
      border: 1px solid #D8D8D8;
      margin-bottom: 0; }
    .byt-conte .box-kikansi .f-box, .byt2-conte .box-kikansi .f-box {
      padding-bottom: 10px;
      padding-top: 5px;
      text-align: center; }
    .byt-conte .box-kikansi .box strong, .byt2-conte .box-kikansi .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    .byt-conte .box-kikansi .mbox, .byt2-conte .box-kikansi .mbox {
      text-align: center; }
      .byt-conte .box-kikansi .mbox p, .byt2-conte .box-kikansi .mbox p {
        text-align: center;
        padding-top: 0;
        margin-top: 0; }
  .byt-conte .box-topic, .byt2-conte .box-topic {
    padding: 0px;
    border: #EFB2B3 1px solid; }
    .byt-conte .box-topic h4, .byt2-conte .box-topic h4 {
      background-color: #30C0DC;
      margin-bottom: 5px; }
    .byt-conte .box-topic img, .byt2-conte .box-topic img {
      border: 1px solid #D8D8D8;
      margin-bottom: 0; }
    .byt-conte .box-topic .f-box, .byt2-conte .box-topic .f-box {
      padding-bottom: 10px;
      padding-top: 5px;
      text-align: center; }
    .byt-conte .box-topic .box strong, .byt2-conte .box-topic .box strong {
      color: #0785A6;
      font-size: 1.1em;
      line-height: 2em;
      padding-top: 10px; }
    @media screen and (min-width: 768px) {
      .byt-conte .box-topic .box img, .byt2-conte .box-topic .box img {
        width: 75%; } }
    .byt-conte .box-topic .mbox, .byt2-conte .box-topic .mbox {
      text-align: center; }
      .byt-conte .box-topic .mbox p, .byt2-conte .box-topic .mbox p {
        text-align: center;
        padding-top: 0;
        margin-top: 0; }
      .byt-conte .box-topic .mbox img, .byt2-conte .box-topic .mbox img {
        width: 250px; }
  .byt-conte .box-tc, .byt2-conte .box-tc {
    background: transparent; }
    .byt-conte .box-tc table, .byt2-conte .box-tc table {
      margin: auto; }
    .byt-conte .box-tc p, .byt2-conte .box-tc p {
      text-align: center; }
  .byt-conte .box-mt, .byt2-conte .box-mt {
    margin: 20px 10px;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: #F9D0D1 1px solid; }
    @media screen and (min-width: 1000px) {
      .byt-conte .box-mt, .byt2-conte .box-mt {
        width: 950px;
        margin: 30px auto; } }
    .byt-conte .box-mt .mox, .byt2-conte .box-mt .mox {
      padding: 10px; }
    .byt-conte .box-mt img, .byt2-conte .box-mt img {
      margin: auto; }
    .byt-conte .box-mt p, .byt2-conte .box-mt p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-mt strong, .byt2-conte .box-mt strong {
      color: #CF0A4B; }
    .byt-conte .box-mt ul, .byt2-conte .box-mt ul, .byt-conte .box-mt ol, .byt2-conte .box-mt ol {
      text-align: left;
      padding: 10px 0px 10px 20px; }
      .byt-conte .box-mt ul li, .byt2-conte .box-mt ul li, .byt-conte .box-mt ol li, .byt2-conte .box-mt ol li {
        padding: 5px; }
    .byt-conte .box-mt .kasen, .byt2-conte .box-mt .kasen {
      border-bottom: #EC0859 solid 2px; }
    .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4 {
      display: flex;
      flex-direction: column;
      flex-basis: 40%;
      margin-top: 20px;
      background-color: #FFFFFF;
      border-radius: 10px;
      border: #C8C4C4 solid 1px; }
      .byt-conte .box-mt .box4 h4, .byt2-conte .box-mt .box4 h4 {
        text-align: center; }
      @media screen and (min-width: 768px) {
        .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4 {
          flex-basis: 20%;
          margin-left: 1%;
          margin-right: 1%; } }
  .byt-conte .box-ao, .byt2-conte .box-ao {
    margin: 20px auto;
    background-color: #E8FCFE;
    padding: 10px;
    border: #04838E 3px solid;
    border-radius: 5px; }
    @media screen and (min-width: 1000px) {
      .byt-conte .box-ao, .byt2-conte .box-ao {
        width: 950px; } }
    .byt-conte .box-ao p, .byt2-conte .box-ao p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-ao strong, .byt2-conte .box-ao strong {
      color: #CF0A4B; }
    .byt-conte .box-ao .kasen, .byt2-conte .box-ao .kasen {
      border-bottom: #EC0859 solid 2px; }

.byt2-conte {
  background-color: #E3E8E6; }

.service-conte {
  background-image: url(../sozai/main/annai-h.jpg);
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .service-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .service-conte .service-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .service-conte .service-box h3 {
      text-align: center;
      color: #0694D0;
      font-weight: bold; }
    .service-conte .service-box p {
      text-align: left; }
    .service-conte .service-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .service-conte .service-box {
        flex-basis: 35%;
        margin-left: 1%;
        margin-right: 1%; } }

.nice-conte {
  padding-top: 35px;
  padding-bottom: 50px; }
  .nice-conte h2 {
    margin: 2%;
    color: #3B2D2D;
    font-weight: 100; }
  .nice-conte .nice-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .nice-conte .nice-box img {
      width: 200px;
      margin: auto; }
    .nice-conte .nice-box h3 {
      text-align: center;
      color: #0694D0;
      font-weight: bold; }
    .nice-conte .nice-box p {
      text-align: left; }
    .nice-conte .nice-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .nice-conte .nice-box {
        flex-basis: 23%;
        margin-left: 1%;
        margin-right: 1%; } }

.sns-conte {
  padding: 20px 0px 40px 0px;
  text-align: center;
  background-color: #DBE7EB; }
  .sns-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .sns-conte h3 {
    text-align: center;
    color: #0B7EA7;
    font-weight: bold; }
  .sns-conte .sns-box {
    padding: 0px;
    margin: auto;
    max-width: 800px; }
    .sns-conte .sns-box .fb {
      margin: auto;
      width: 100%;
      max-width: 400px; }
      @media screen and (min-width: 768px) {
        .sns-conte .sns-box .fb {
          width: 400px; } }
    .sns-conte .sns-box .bana {
      margin: 10px; }
      .sns-conte .sns-box .bana img {
        width: 500px;
        height: auto;
        margin: 10px 10px; }

.ya {
  padding-bottom: 25px;
  background-image: url(../sozai/cure/ya.png);
  background-repeat: no-repeat;
  background-position: center bottom; }

.top-mbox {
  margin: 10px;
  background-color: #FFFFFF;
  padding: 10px; }
  .top-mbox p {
    padding: 5px 0px 10px; }
  @media screen and (min-width: 768px) {
    .top-mbox {
      margin: auto; } }
  .top-mbox .mox1 img {
    width: 50%;
    margin: 30px auto 10px; }
  @media screen and (min-width: 768px) {
    .top-mbox .mox1 {
      flex-basis: 35%; }
      .top-mbox .mox1 img {
        width: 90%;
        padding-top: 10px; } }
  .top-mbox .mox2 {
    flex-basis: 100%;
    align-self: center; }
    .top-mbox .mox2 h1 {
      text-align: left;
      padding: 10px; }
    .top-mbox .mox2 p {
      padding-top: 10px;
      text-align: left; }
    @media screen and (min-width: 768px) {
      .top-mbox .mox2 {
        flex-basis: 60%;
        padding-left: 10px; } }