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

.img-resp, .gift-box img, .yuka-box .free-box1 img, .yuka-box .free-box2 img, .riji-box .free-box1 img, .riji-box .free-box2 img, .top-box .free-box1 img, .top-box .free-box2 img, .dvd-box .free-box1 img, .dvd-box .free-box2 img, .yuka-conte .free-box1 img, .yuka-conte .free-box2 img, .chikage-conte .free-box1 img, .chikage-conte .free-box2 img, .about-conte .free-box1 img, .youbo-box .free-box1 img, .youbo-box2 .pdf-waku img, .riyuu3-box img, .mondai-box img, .dekiru-box img, .dvd-yuka-box img, .dvd-yuka-quiz img, .flow-box img, .yuka-base img, .aoyamaconte .free-box1 img, .aoyama-plof .logo-box img, .merit-conte .free-box1 img, .siryou-conte .free-box1 img, .koe-conte .free-box1 img, .time-box img, .riyuu-conte .item-box img, .dvd2-conte .item-box img, .sidou-conte .flex-box img, .yakusoku-conte .item-box-s .t-box img, .dvd-line-conte .item-box-s .p-box img, .dvd-line-conte .item-box-s .t-box img, .riyuu2-box img, .mokuji-box img, .kamoku-conte .free-box2 img, #goukaku-conte .free-box1 img, .sisetu-conte .sisetu-box img, .setubi-conte .setubi-box img, .by-conte .a-box img, .co-conte .a-box img, .by-conte .box1 img, .co-conte .box1 img, .by-conte .box2 img, .co-conte .box2 img, .by-conte .box4 img, .co-conte .box4 img, .byt-conte .box-pp img, .byt2-conte .box-pp img, .cot-conte .box-pp img, .cot2-conte .box-pp img, .byt-conte .box-tc img, .byt2-conte .box-tc img, .cot-conte .box-tc img, .cot2-conte .box-tc img, .byt-conte .box-mt img, .byt2-conte .box-mt img, .cot-conte .box-mt img, .cot2-conte .box-mt img, .box-glay img, .box-pink img, .pic-glay img, .pic-pink img, .nagare .box .mox1 img, .top-mbox .mox1 img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto; }

.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, 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: #FFDA13;
  margin-bottom: 0px;
  border-radius: 0px;
  font-family: tbchibirgothicplusk-pro;
  padding-left: 0px; }

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

.navbar-default .navbar-nav > li > a {
  color: #583B28;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem;
  transition: 0.5s; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #383332;
  background-color: transparent; }

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

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #383332;
  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: #F4F4F4; }

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

/* ドロップダウンメニュー */
.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, 50px);
  transition: all 500ms; }

.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"; }

.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: #0D9E9F;
  /*background:linear-gradient(#0EC7EA, #0EC7EA);*/
  margin-bottom: 0px;
  border-radius: 0px;
  font-family: tbchibirgothicplusk-pro;
  padding-left: 0px; }
  @media screen and (min-width: 768px) {
    .top-navi {
      display: none; } }

.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: #FFFFFF;
  /*ホバー文字*/
  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: #FFFFFF;
  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: #F4F4F4; }

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

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

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

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

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

.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; }

.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); }

.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%; } }

.flex-conte, .pc-conte, .graf-conte, .a-conte, .chikage-conte, .youbo-box2, #dvd-conte .item-box-y, .yakusoku-conte .yakusoku, .yakusoku-conte .item-box-y, .topsemi-conte, .bana-conte, #access-conte .access, .kamoku-conte, .messe-conte, .mono-conte .imo-conte, .mono-conte .goods-conte {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .flex-conte, .pc-conte, .graf-conte, .a-conte, .chikage-conte, .youbo-box2, #dvd-conte .item-box-y, .yakusoku-conte .yakusoku, .yakusoku-conte .item-box-y, .topsemi-conte, .bana-conte, #access-conte .access, .kamoku-conte, .messe-conte, .mono-conte .imo-conte, .mono-conte .goods-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, .osusume-conte, .dvd-line-conte .dvd-line, .con-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-row, .osusume-conte, .dvd-line-conte .dvd-line, .con-list {
      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, .yuka-box, .riji-box, .top-box, .dvd-box, .yuka-conte, .about-conte, .youbo-box, .riyuu3-box .titlle, .mondai-box .titlle, .dekiru-box .titlle, .dvd-yuka-box .titlle, .dvd-yuka-quiz .titlle, .yuka-base .titlle, .aoyamaconte, .merit-conte, .siryou-conte, .koe-conte, .riyuu2-box .titlle, #goukaku-conte, .prof-conte, .mono-conte .touki-conte, .mono-conte .how-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, .yuka-box, .riji-box, .top-box, .dvd-box, .yuka-conte, .about-conte, .youbo-box, .riyuu3-box .titlle, .mondai-box .titlle, .dekiru-box .titlle, .dvd-yuka-box .titlle, .dvd-yuka-quiz .titlle, .yuka-base .titlle, .aoyamaconte, .merit-conte, .siryou-conte, .koe-conte, .riyuu2-box .titlle, #goukaku-conte, .prof-conte, .mono-conte .touki-conte, .mono-conte .how-conte {
      flex-direction: row-reverse; } }

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

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; } }

h2 {
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 17px;
  line-height: 1.5em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 23px; } }

h3 {
  font-size: 16px;
  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; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 14px; } }
  @media screen and (min-width: 1000px) {
    p {
      font-size: 14px; } }

.kasen {
  border-bottom: #EC0859 solid 2px; }

.torikesi {
  text-decoration: line-through; }

/*吹き出し---------------------------------------------------------------------------吹き出し*/
.fukidasi-migi ul {
  list-style: none;
  text-align: left; }
  .fukidasi-migi ul li {
    position: relative;
    display: block;
    margin: 1.0em 15px 1.0em 0;
    padding: 10px 10px;
    min-width: 120px;
    max-width: 95%;
    color: #FFFFFF;
    font-size: 16px;
    background: #FF829B;
    border-radius: 10px; }
  .fukidasi-migi ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    border: 8px solid transparent;
    border-left: 15px solid #FF829B; }

.fukidasi-hidari ul {
  list-style: none;
  text-align: left; }
  .fukidasi-hidari ul li {
    position: relative;
    margin: 1.0em 0 1.0em 15px;
    padding: 10px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 10px; }
  .fukidasi-hidari ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 17px solid #e0edff; }

.more {
  margin-top: 20px; }

.more-b {
  margin: 15px auto 15px;
  font-size: 1em; }
  .more-b a {
    display: inline-block;
    padding: 5px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    background-color: #1B8DAF;
    /*ボタン色*/
    background-size: 20px;
    background-position: 5px;
    border-radius: 2px;
    /*角丸*/
    border-radius: 2px;
    /*角丸*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .more-b a:hover {
      background-color: #1A76DE;
      /*ボタン色*/
      text-decoration: none;
      color: #FFF; }

.more-t {
  background-color: #FFFFFF;
  text-align: left;
  padding: 10px 10px 20px;
  line-height: 1.6em; }

.table-d, .intyou-conte .prof-box {
  margin: auto; }
  .table-d table, .intyou-conte .prof-box table {
    background-color: #FFFFFF;
    border: 1px #C1C1C1 solid; }
    @media screen and (min-width: 768px) {
      .table-d table, .intyou-conte .prof-box table {
        margin: 10px; } }
    .table-d table tr, .intyou-conte .prof-box 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, .intyou-conte .prof-box table tr {
          flex-direction: row;
          width: 100%; } }
    .table-d table th, .intyou-conte .prof-box 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, .intyou-conte .prof-box table th {
          width: 40%; } }
    .table-d table td, .intyou-conte .prof-box table td {
      width: 100%;
      text-align: left;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .table-d table td, .intyou-conte .prof-box 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;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .table-nr table tr {
          flex-direction: row;
          width: 100%; } }
    .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 30%, #E3FF16 90%); }

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

.button {
  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; }
  .button:hover {
    background-color: #F77070;
    /*ボタン色*/
    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; } }

.f-box-item, .free-conte .free-box1, .free-conte .free-box2, .yuka-box .free-box2, .riji-box .free-box2, .top-box .free-box2, .dvd-box .free-box2, .graf-conte .free-box2, .yuka-conte .free-box2, .chikage-conte .free-box2, .about-conte .free-box2, .youbo-box .free-box2, .osusume-conte .osusume-box, .aoyamaconte .free-box2, .merit-conte .free-box2, .siryou-conte .free-box2, #dvd-conte .item-box-y, #dvd-conte .item-box-s, .koe-conte .free-box2, .yakusoku-conte .item-box-y, .topsemi-conte .free-box1, .topsemi-conte .free-box2, .kamoku-conte .free-box1, #goukaku-conte .free-box2, .mono-conte .free-box1, .mono-conte .free-box2, .med-conte .med-box, .item-conte .item-box, .english3-conte .med-box, .pic-conte .med-box, .about-waku .about-box, .intyou-conte .prof-box, .sisetu-conte .sisetu-box, .setubi-conte .setubi-box, .by-conte .box1, .co-conte .box1, .by-conte .box2, .co-conte .box2, .by-conte .box4, .co-conte .box4, .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4, .cot-conte .box-mt .box4, .cot2-conte .box-mt .box4, .service-conte .service-box, .nice-conte .nice-box {
  flex-basis: 45%;
  padding: 5px;
  margin: 2%; }

.f-box-item80, .con-list .con-box {
  flex-basis: 80%;
  padding: 5px;
  margin: 2%; }

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

.maru_half2 {
  border-radius: 50%;
  font-size: 1em;
  line-height: 0.3em;
  padding-top: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #FFFFFF;
  padding-bottom: 0.1em;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #215B64; }

.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 ol li {
  padding-left: 24px;
  position: relative; }

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

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

.check0:after, .youbo-box .free-box2 ol 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, .co-conte .a-box .p800, .byt-conte .box-pp .p800, .byt2-conte .box-pp .p800, .cot-conte .box-pp .p800, .cot2-conte .box-pp .p800, .byt-conte .box-tc .p800, .byt2-conte .box-tc .p800, .cot-conte .box-tc .p800, .cot2-conte .box-tc .p800, .byt-conte .box-mt .p800, .byt2-conte .box-mt .p800, .cot-conte .box-mt .p800, .cot2-conte .box-mt .p800 {
  width: 800px;
  height: auto; }
.p-size .p700, .by-conte .a-box .p700, .co-conte .a-box .p700, .byt-conte .box-pp .p700, .byt2-conte .box-pp .p700, .cot-conte .box-pp .p700, .cot2-conte .box-pp .p700, .byt-conte .box-tc .p700, .byt2-conte .box-tc .p700, .cot-conte .box-tc .p700, .cot2-conte .box-tc .p700, .byt-conte .box-mt .p700, .byt2-conte .box-mt .p700, .cot-conte .box-mt .p700, .cot2-conte .box-mt .p700 {
  width: 700px;
  height: auto; }
.p-size .p500, .by-conte .a-box .p500, .co-conte .a-box .p500, .byt-conte .box-pp .p500, .byt2-conte .box-pp .p500, .cot-conte .box-pp .p500, .cot2-conte .box-pp .p500, .byt-conte .box-tc .p500, .byt2-conte .box-tc .p500, .cot-conte .box-tc .p500, .cot2-conte .box-tc .p500, .byt-conte .box-mt .p500, .byt2-conte .box-mt .p500, .cot-conte .box-mt .p500, .cot2-conte .box-mt .p500 {
  width: 500px;
  height: auto; }
.p-size .p400, .by-conte .a-box .p400, .co-conte .a-box .p400, .byt-conte .box-pp .p400, .byt2-conte .box-pp .p400, .cot-conte .box-pp .p400, .cot2-conte .box-pp .p400, .byt-conte .box-tc .p400, .byt2-conte .box-tc .p400, .cot-conte .box-tc .p400, .cot2-conte .box-tc .p400, .byt-conte .box-mt .p400, .byt2-conte .box-mt .p400, .cot-conte .box-mt .p400, .cot2-conte .box-mt .p400 {
  width: 400px;
  height: auto; }
.p-size .p300, .by-conte .a-box .p300, .co-conte .a-box .p300, .byt-conte .box-pp .p300, .byt2-conte .box-pp .p300, .cot-conte .box-pp .p300, .cot2-conte .box-pp .p300, .byt-conte .box-tc .p300, .byt2-conte .box-tc .p300, .cot-conte .box-tc .p300, .cot2-conte .box-tc .p300, .byt-conte .box-mt .p300, .byt2-conte .box-mt .p300, .cot-conte .box-mt .p300, .cot2-conte .box-mt .p300 {
  width: 300px;
  height: auto; }
.p-size .p200, .by-conte .a-box .p200, .co-conte .a-box .p200, .byt-conte .box-pp .p200, .byt2-conte .box-pp .p200, .cot-conte .box-pp .p200, .cot2-conte .box-pp .p200, .byt-conte .box-tc .p200, .byt2-conte .box-tc .p200, .cot-conte .box-tc .p200, .cot2-conte .box-tc .p200, .byt-conte .box-mt .p200, .byt2-conte .box-mt .p200, .cot-conte .box-mt .p200, .cot2-conte .box-mt .p200 {
  width: 200px;
  height: auto; }

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

.logo-waku {
  background-color: #FCFCFC5;
  margin: 0px 0px;
  padding: 10px 0px; }
  @media screen and (min-width: 768px) {
    .logo-waku {
      margin: 0px; } }
  .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-left: 1%;
    margin-right: 1%; }
    @media screen and (min-width: 768px) {
      .logo-waku .logo {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }
    .logo-waku .logo img {
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      max-height: 55px; }
  .logo-waku .tel {
    flex-basis: 30%;
    margin-left: 3%;
    margin-right: 0%; }
    @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;
      align-self: flex-end; }

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

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

.top-photo-hoka {
  background-color: #FFFFFF;
  padding: 3px;
  border: #E0E0E0 solid 1px; }
  .top-photo-hoka img {
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto; }
  @media screen and (min-width: 768px) {
    .top-photo-hoka {
      width: 75%; } }

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

.top-side-conte2 {
  background: linear-gradient(#EDF8FC, #EDF8FC);
  padding: 10px 0px;
  text-align: center;
  align-self: center;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .top-side-conte2 {
      margin: 1%;
      display: none; } }

.top-side-conte3 {
  background: linear-gradient(#EDF8FC, #EDF8FC);
  padding: 10px 0px;
  text-align: center;
  align-self: center;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .top-side-conte3 {
      margin-top: 20px; } }

.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: 35px;
  max-width: 99%;
  width: auto;
  height: auto;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px; }
  @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; } }

#botom-tel-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; }
  #botom-tel-botan a {
    color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    #botom-tel-botan {
      display: none; } }

/* PCサイドメニュー＆メイン　コンテンツ*/
.pc-side-navi {
  flex-basis: 0%;
  display: none; }
  @media screen and (min-width: 768px) {
    .pc-side-navi {
      display: block;
      flex-basis: 25%; } }

.side-navi {
  padding: 10px;
  background: linear-gradient(#219A9D, #15B4BA);
  color: #EFFA00; }
  .side-navi ul {
    list-style: none;
    margin: 5px 0px; }
    .side-navi ul .box {
      padding: 10px 0px 8px; }
    .side-navi ul li {
      padding: 0px; }
      .side-navi ul li strong {
        padding: 0px;
        line-height: 1.5em; }
      .side-navi ul li a {
        display: block;
        position: relative;
        text-decoration: none;
        color: #247E8C;
        background-color: #FFFFFF;
        padding: 8px 7px 8px 20px; }
      .side-navi ul li a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 8px;
        width: 0;
        height: 0;
        margin-top: -5px;
        border: 5px solid transparent;
        /*top right bottom を透明化 */
        border-left: 5px solid #218788; }
      .side-navi ul li a:hover {
        background-color: #E8F6FB;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all  0.5s ease; }
      .side-navi ul li ul {
        margin-left: 13px;
        border-left: #CCEE3E 3px solid; }
        .side-navi ul li ul li {
          border-bottom: #B5C7CC 1px solid; }

.pc-main {
  flex-basis: 100%;
  background-color: #FCFCFC;
  text-align: center;
  padding: 20px 5px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .pc-main {
      flex-basis: 75%; } }
  .pc-main h1 {
    display: inline-block; }

.gift-box {
  margin: 10px;
  border: #F4175A 5px double;
  border-radius: 5px;
  padding: 0px 10px 10px;
  background-color: #FFFFFF; }
  .gift-box h2 img {
    width: 75px; }
  .gift-box img {
    margin: 10px auto;
    width: 250px; }
    @media screen and (min-width: 768px) {
      .gift-box img {
        width: 350px; } }
  .gift-box p {
    text-align: left; }
    @media screen and (min-width: 768px) {
      .gift-box p {
        font-size: 1.2em;
        text-align: center; } }
    .gift-box p strong {
      color: #F32046; }

.yuka-box {
  text-align: center; }
  .yuka-box .free-box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .yuka-box .free-box1 {
        flex-basis: 53%; } }
    .yuka-box .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  .yuka-box .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .yuka-box .free-box2 {
        flex-basis: 40%;
        margin-left: 1%;
        margin-right: 5%; } }
    .yuka-box .free-box2 h2 {
      text-align: left;
      color: #16859E;
      font-weight: bold; }
    .yuka-box .free-box2 h3 {
      text-align: left;
      line-height: 1.7em;
      font-size: 1.3em; }
    .yuka-box .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .yuka-box .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }
    .yuka-box .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }

.riji-box {
  text-align: center; }
  .riji-box .free-box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .riji-box .free-box1 {
        flex-basis: 40%; } }
    .riji-box .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  .riji-box .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .riji-box .free-box2 {
        flex-basis: 50%;
        margin-left: 1%;
        margin-right: 3%; } }
    .riji-box .free-box2 h2 {
      text-align: left;
      color: #16859E;
      font-weight: bold; }
    .riji-box .free-box2 h3 {
      text-align: left;
      line-height: 1.7em;
      font-size: 1.3em; }
    .riji-box .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .riji-box .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }
    .riji-box .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }

.top-box {
  text-align: center; }
  .top-box .free-box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .top-box .free-box1 {
        flex-basis: 38%; } }
    .top-box .free-box1 img {
      border-radius: 0%;
      margin: auto;
      width: 50%; }
      @media screen and (min-width: 768px) {
        .top-box .free-box1 img {
          width: 75%; } }
  .top-box .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .top-box .free-box2 {
        flex-basis: 55%;
        margin-left: 1%;
        margin-right: 5%; } }
    .top-box .free-box2 h2 {
      text-align: left;
      font-weight: bold;
      font-size: 1.5em; }
      .top-box .free-box2 h2 strong {
        color: #F43033; }
      @media screen and (min-width: 768px) {
        .top-box .free-box2 h2 {
          font-size: 2em; } }
    .top-box .free-box2 h3 {
      text-align: left;
      line-height: 1.7em;
      font-size: 1.5em; }
    .top-box .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .top-box .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }
    .top-box .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }
      @media screen and (min-width: 768px) {
        .top-box .free-box2 .button {
          font-size: 1.1em; } }
    .top-box .free-box2 .button-l {
      padding: 10px;
      margin: 5px 0px;
      font-size: 1.1em; }
      @media screen and (min-width: 768px) {
        .top-box .free-box2 .button-l {
          font-size: 1.1em; } }

.dvd-box {
  text-align: center; }
  .dvd-box .free-box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .dvd-box .free-box1 {
        flex-basis: 43%; } }
    .dvd-box .free-box1 img {
      border-radius: 0%;
      margin: auto;
      width: 70%; }
      @media screen and (min-width: 768px) {
        .dvd-box .free-box1 img {
          width: 95%; } }
  .dvd-box .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .dvd-box .free-box2 {
        flex-basis: 50%;
        margin-left: 1%;
        margin-right: 5%; } }
    .dvd-box .free-box2 h2 {
      text-align: left;
      font-weight: bold;
      font-size: 1.5em;
      color: #1C7DAD; }
      @media screen and (min-width: 768px) {
        .dvd-box .free-box2 h2 {
          font-size: 1.5em; } }
    .dvd-box .free-box2 .dvd-setu {
      border: #979393 1px solid;
      margin: 20px 0px 10px; }
      .dvd-box .free-box2 .dvd-setu h3 {
        text-align: center;
        line-height: 1.7em;
        font-size: 1.5em;
        background-color: #2B8F9B;
        color: #FFFFFF;
        margin: 0px; }
      .dvd-box .free-box2 .dvd-setu h4 {
        color: #FF2143;
        font-weight: bold; }
      .dvd-box .free-box2 .dvd-setu p {
        text-align: left;
        background-color: #F2F2F2;
        padding: 15px;
        font-weight: bolder; }
    .dvd-box .free-box2 .book-setu {
      border: #979393 1px solid;
      margin: 20px 0px 10px; }
      .dvd-box .free-box2 .book-setu h3 {
        text-align: center;
        line-height: 1.7em;
        font-size: 1.5em;
        background-color: #2B8F9B;
        color: #FFFFFF;
        margin: 0px; }
      .dvd-box .free-box2 .book-setu h4 {
        color: #FF2143;
        font-weight: bold; }
      .dvd-box .free-box2 .book-setu p {
        text-align: left;
        background-color: #F2F2F2;
        padding: 15px; }
        .dvd-box .free-box2 .book-setu p strong {
          color: #239D9F; }
    .dvd-box .free-box2 .dvd-cart {
      margin: 10px 0px;
      background-color: #FFEEEE;
      padding: 10px; }
      .dvd-box .free-box2 .dvd-cart p {
        font-weight: bolder; }
      .dvd-box .free-box2 .dvd-cart .fee-send {
        background-color: #F1254A;
        padding: 5px;
        color: #FFFFFF;
        margin-top: 10px; }
    .dvd-box .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .dvd-box .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }
      @media screen and (min-width: 768px) {
        .dvd-box .free-box2 .button {
          font-size: 1.1em; } }
    .dvd-box .free-box2 .button-l {
      padding: 10px;
      margin: 5px 0px;
      font-size: 1.1em; }
      @media screen and (min-width: 768px) {
        .dvd-box .free-box2 .button-l {
          font-size: 1.1em; } }

.graf-conte {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(224, 243, 252, 0.8)), url("../sozai/main/hd1.png");
  background-size: cover;
  background-position: right center;
  padding: 30px 5px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .graf-conte {
      padding: 70px 0px; } }
  .graf-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) {
      .graf-conte .free-box1 {
        flex-basis: 48%;
        padding: 5px; } }
    @media screen and (min-width: 768px) {
      .graf-conte .free-box1 h1 {
        text-align: left; } }
    .graf-conte .free-box1 h2 {
      text-align: left;
      color: #101010;
      font-weight: 150;
      padding-bottom: 0px;
      display: inline-block;
      position: relative; }
  .graf-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center; }
    .graf-conte .free-box2 h3 {
      text-align: center;
      color: #117089;
      font-weight: bold;
      font-size: 1.5em;
      text-align: left; }
    .graf-conte .free-box2 ul {
      text-align: left;
      margin: 5px;
      list-style-position: inside; }
      .graf-conte .free-box2 ul li {
        padding: 5px; }
    .graf-conte .free-box2 p {
      text-align: left; }
    .graf-conte .free-box2 img {
      border: #FFFFFF 5px solid; }
    @media screen and (min-width: 768px) {
      .graf-conte .free-box2 {
        flex-basis: 45%;
        margin-left: 1%;
        margin-right: 1%; } }

.a-conte {
  background: linear-gradient(to bottom, rgba(249, 248, 248, 0.8), rgba(252, 241, 241, 0.8));
  background-size: cover;
  background-position: right center;
  padding: 30px 5px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .a-conte {
      flex-basis: 55%;
      padding: 70px 0px; } }
  .a-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    .a-conte .free-box1 h2 {
      display: inline-block;
      line-height: 1.8em;
      font-size: 3.7vmin; }
      @media screen and (min-width: 768px) {
        .a-conte .free-box1 h2 {
          text-align: left;
          font-size: 3.5vmin; } }
    .a-conte .free-box1 h3 {
      text-align: center;
      color: #4B5051;
      background-color: #F4F925;
      font-size: 1.3em;
      font-weight: 150;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .a-conte .free-box1 h3 {
          font-size: 1.5em; } }
  .a-conte .free-box2 {
    margin: 0px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFFFFF;
    text-align: left;
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .a-conte .free-box2 {
        flex-basis: 41%;
        margin-left: 1%;
        margin-right: 1%;
        padding: 20ox; } }
    .a-conte .free-box2 ul {
      text-align: left;
      margin: 5px;
      list-style-position: inside; }
      .a-conte .free-box2 ul li {
        padding: 5px;
        font-size: 0.9em; }
    .a-conte .free-box2 p {
      text-align: left;
      font-size: 1.2em;
      color: #14738F; }

.yuka-conte {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(245, 245, 245, 0.8));
  text-align: center; }
  .yuka-conte .free-box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .yuka-conte .free-box1 {
        flex-basis: 50%; } }
    .yuka-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  .yuka-conte .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .yuka-conte .free-box2 {
        flex-basis: 42%;
        margin-left: 3%;
        margin-right: 5%; } }
    .yuka-conte .free-box2 h2 {
      text-align: left;
      color: #16859E;
      font-weight: bold; }
    .yuka-conte .free-box2 h3 {
      text-align: left;
      line-height: 1.7em;
      font-size: 1.3em; }
    .yuka-conte .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .yuka-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }
    .yuka-conte .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }

.chikage-conte {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(245, 245, 245, 0.8));
  text-align: center; }
  .chikage-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) {
      .chikage-conte .free-box1 {
        flex-basis: 50%; } }
    .chikage-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  .chikage-conte .free-box2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .chikage-conte .free-box2 {
        flex-basis: 42%;
        margin-left: 3%;
        margin-right: 5%; } }
    .chikage-conte .free-box2 h2 {
      text-align: left;
      color: #16859E;
      font-weight: bold; }
    .chikage-conte .free-box2 h3 {
      text-align: left;
      line-height: 1.7em;
      font-size: 1.3em; }
    .chikage-conte .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .chikage-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }
    .chikage-conte .free-box2 .button {
      text-align: left;
      padding: 10px;
      margin: 5px 0px; }

.about-conte {
  background-color: #FFFFFF;
  text-align: center; }
  .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) {
      .about-conte .free-box1 {
        flex-basis: 45%; } }
    .about-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
    .about-conte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .about-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .about-conte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .about-conte .free-box2 h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .about-conte .free-box2 h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .about-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .about-conte .free-box2 p {
          font-size: 1.1em; } }
    .about-conte .free-box2 strong {
      color: #047279; }

.youbo-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; }
  .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; } }

.youbou-waku {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-top: 10px;
  border-radius: 5px;
  width: 90%; }
  @media screen and (min-width: 768px) {
    .youbou-waku {
      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 ol {
    text-align: left;
    margin: 5px;
    list-style-position: outside;
    list-style: none; }
    .youbo-box .free-box2 ol 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; }

@media screen and (min-width: 768px) {
  .youbo-box2 .youtube-waku {
    flex-basis: 40%;
    margin-left: 1%;
    margin-right: 1%; } }
.youbo-box2 .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .youbo-box2 .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
.youbo-box2 .pdf-waku {
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  background-color: #FFFFFF;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .youbo-box2 .pdf-waku {
      flex-basis: 43%;
      margin-left: 1%;
      margin-right: 1%; } }
  .youbo-box2 .pdf-waku img {
    border-radius: 0%;
    margin: auto; }
    @media screen and (max-width: 767px) {
      .youbo-box2 .pdf-waku img {
        max-width: 150px; } }
  .youbo-box2 .pdf-waku .button {
    padding: 10px;
    font-size: 1.0em; }
    .youbo-box2 .pdf-waku .button strong {
      color: #F5FF2F;
      font-size: 1.2em; }

.osusume-conte {
  background-size: 60% auto;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .osusume-conte {
      background-size: auto; } }
  .osusume-conte h2 {
    margin: 2%;
    color: #847878;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #847878; }
  .osusume-conte .osusume-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    flex-basis: 80%;
    background-color: #FFFFFF; }
    .osusume-conte .osusume-box .mbox {
      min-height: 0%;
      margin: 5px; }
    .osusume-conte .osusume-box h3 {
      margin-top: 5px;
      text-align: center;
      color: #DD6A26;
      font-weight: bold; }
    .osusume-conte .osusume-box h4 {
      margin: 5px;
      text-align: center;
      color: #FF1B55;
      font-weight: bold;
      line-height: 200%; }
      .osusume-conte .osusume-box h4 strong {
        font-size: 150%; }
    .osusume-conte .osusume-box p {
      text-align: center; }
    .osusume-conte .osusume-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .osusume-conte .osusume-box {
        flex-basis: 40%;
        margin-left: 2%;
        margin-right: 2%; } }

.youtube-box {
  margin-top: 20px;
  width: 80%;
  margin: auto; }
  .youtube-box h2 {
    margin: 2%;
    color: #847878;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #847878; }
  .youtube-box h3 {
    margin-top: 5px;
    text-align: center;
    color: #DD6A26;
    font-weight: bold; }
  .youtube-box p {
    text-align: center; }
  .youtube-box .button {
    margin-top: auto; }

.riyuu3-conte {
  background: linear-gradient(#F3FBFF, #CBE0E1);
  background-size: cover;
  background-color: #F1F1F1;
  padding: 30px 10px; }
  .riyuu3-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) {
      .riyuu3-conte h2 {
        background-size: auto 30px; } }

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

.ao-conte {
  background: linear-gradient(#F3FBFF, #CBE0E1);
  background-size: cover;
  background-color: #F1F1F1;
  padding: 30px 10px; }

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

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

.dvd-yuka-box {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-top: 0px;
  border-radius: 5px;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .dvd-yuka-box {
      width: 98%;
      padding: 10px;
      margin: 50px auto; } }
  .dvd-yuka-box .titlle {
    border-bottom: 1px #CECCCC solid;
    margin-bottom: 30px; }
    .dvd-yuka-box .titlle .box1 {
      flex-basis: 70%; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-box .titlle .box1 {
          margin-right: 1%; } }
    .dvd-yuka-box .titlle .box2 {
      flex-basis: 20%; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-box .titlle .box2 {
          margin-right: 1%; } }
    .dvd-yuka-box .titlle h3 {
      text-align: left;
      color: #057180;
      font-weight: bold;
      font-size: 1.3em;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-box .titlle h3 {
          font-size: 2em; } }
    .dvd-yuka-box .titlle img {
      max-width: 150px; }
  .dvd-yuka-box .ao-box {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .dvd-yuka-box .ao-box {
        max-width: 80%;
        margin: auto; } }
    .dvd-yuka-box .ao-box h3 {
      text-align: left;
      background-color: #2594B6;
      color: #FFFFFF;
      padding: 10px;
      margin: 0px; }
    .dvd-yuka-box .ao-box div {
      background-color: #F3F3F3;
      text-align: left;
      padding: 10px;
      list-style-position: inside; }
    .dvd-yuka-box .ao-box p {
      text-align: left;
      background-color: #F8F2F2;
      font-size: 1.1em;
      padding: 10px; }
    .dvd-yuka-box .ao-box img {
      margin: 30px auto; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-box .ao-box img {
          width: 80%; } }
    .dvd-yuka-box .ao-box .button {
      padding: 10px;
      font-size: 1.0em; }
      .dvd-yuka-box .ao-box .button strong {
        color: #F5FF2F;
        font-size: 1.2em; }

.dvd-yuka-quiz {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-top: 0px;
  border-radius: 5px;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .dvd-yuka-quiz {
      width: 98%;
      padding: 10px;
      margin: 50px auto; } }
  .dvd-yuka-quiz .titlle {
    border-bottom: 1px #CECCCC solid;
    margin-bottom: 30px; }
    .dvd-yuka-quiz .titlle .box1 {
      flex-basis: 70%; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-quiz .titlle .box1 {
          margin-right: 1%; } }
    .dvd-yuka-quiz .titlle .box2 {
      flex-basis: 20%; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-quiz .titlle .box2 {
          margin-right: 1%; } }
    .dvd-yuka-quiz .titlle h3 {
      text-align: left;
      color: #057180;
      font-weight: bold;
      font-size: 1.3em;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-quiz .titlle h3 {
          font-size: 2em; } }
    .dvd-yuka-quiz .titlle img {
      max-width: 150px; }
  .dvd-yuka-quiz .ao-box {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .dvd-yuka-quiz .ao-box {
        max-width: 90%;
        margin: auto; } }
    .dvd-yuka-quiz .ao-box h3 {
      text-align: left;
      background-color: #2594B6;
      color: #FFFFFF;
      padding: 10px;
      margin: 0px; }
    .dvd-yuka-quiz .ao-box div {
      background-color: #F3F3F3;
      text-align: left;
      padding: 10px;
      list-style-position: inside; }
    .dvd-yuka-quiz .ao-box p {
      text-align: left;
      font-size: 1.1em;
      padding: 10px; }
    .dvd-yuka-quiz .ao-box img {
      margin: 30px auto; }
      @media screen and (min-width: 768px) {
        .dvd-yuka-quiz .ao-box img {
          width: 80%; } }
    .dvd-yuka-quiz .ao-box .quize-a .button-s {
      display: inline;
      padding: 3px;
      font-size: 1.0em;
      background-color: #329DB9;
      color: #FFFFFF;
      font-size: 1em;
      margin: 5px; }
      .dvd-yuka-quiz .ao-box .quize-a .button-s a {
        color: #FFFFFF; }

.flow-box {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-bottom: 10px;
  border-radius: 5px;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .flow-box {
      width: 95%;
      padding: 10px;
      margin: 50px auto; } }
  .flow-box .free-box {
    margin: 10px auto;
    background-color: #FFFFFF;
    width: 95%; }
    @media screen and (min-width: 768px) {
      .flow-box .free-box {
        max-width: 80%; } }
    .flow-box .free-box h4 {
      text-align: left;
      background-color: #2594B6;
      color: #FFFFFF;
      padding: 10px;
      margin: 0px; }
    .flow-box .free-box .text {
      text-align: left;
      background-color: #F8F2F2;
      font-size: 1.1em;
      padding: 10px; }
    .flow-box .free-box dl {
      display: flex;
      border-bottom: 1px solid #ccc;
      flex-direction: column;
      margin: 10px; }
      @media screen and (min-width: 768px) {
        .flow-box .free-box dl {
          flex-direction: row; } }
      .flow-box .free-box dl dt {
        padding: 10px;
        color: #1794C1;
        background-color: #DBF4FF;
        flex-basis: 30%; }
      .flow-box .free-box dl dd {
        line-height: 1.8em;
        background-color: #FFFFFF;
        padding: 10px;
        flex-basis: 70%;
        text-align: left; }
    .flow-box .free-box .kouza-cart {
      background: #FAF4F4;
      margin: 10px 5px;
      padding: 5px;
      text-align: center;
      border: #FB5053 1px solid; }
      .flow-box .free-box .kouza-cart p {
        color: #F93A3D;
        font-weight: bold; }
      .flow-box .free-box .kouza-cart .fee-send {
        background-color: #ED292C;
        color: #FFFFFF;
        padding: 1px;
        font-size: 0.9em; }
    .flow-box .free-box img {
      margin: 30px auto; }
      @media screen and (min-width: 768px) {
        .flow-box .free-box img {
          max-width: 500px; } }
    .flow-box .free-box .button-s {
      padding: 5px;
      font-size: 0.9em; }
      .flow-box .free-box .button-s strong {
        color: #F5FF2F;
        font-size: 1.0em; }

.yuka-base {
  background-color: #FFFFFF;
  text-align: center;
  margin: 30px auto;
  padding-bottom: 10px;
  border-radius: 5px;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .yuka-base {
      width: 85%;
      padding: 10px;
      margin: 50px auto; } }
  .yuka-base .titlle {
    border-bottom: 1px #CECCCC solid;
    margin-bottom: 30px; }
    .yuka-base .titlle .box1 {
      flex-basis: 70%;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .yuka-base .titlle .box1 {
          margin-right: 1%; } }
    .yuka-base .titlle .box2 {
      flex-basis: 20%; }
      @media screen and (min-width: 768px) {
        .yuka-base .titlle .box2 {
          margin-right: 1%; } }
    .yuka-base .titlle h3 {
      text-align: left;
      color: #057180;
      font-weight: bold;
      font-size: 1.3em; }
      @media screen and (min-width: 768px) {
        .yuka-base .titlle h3 {
          font-size: 2em; } }
    .yuka-base .titlle p {
      text-align: left; }
    .yuka-base .titlle img {
      max-width: 150px; }

.qa-box {
  margin: 10px auto;
  background-color: #FFFFFF;
  width: 95%;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .qa-box {
      max-width: 80%; } }
  .qa-box h3 {
    text-align: left;
    background-color: #0DB1E3;
    color: #0DB1E3;
    padding: 10px;
    margin: 0px; }
    .qa-box h3 a {
      color: #FFFFFF;
      text-decoration: none; }
  .qa-box .maru_half2 {
    border-radius: 50%;
    font-size: 1em;
    line-height: 0.3em;
    padding-top: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #FFFFFF;
    padding-bottom: 0.1em;
    margin-right: 10px;
    margin-bottom: 10px; }
  .qa-box .text {
    text-align: left;
    background-color: #F8F2F2;
    font-size: 1.1em;
    padding: 10px; }
  .qa-box img {
    margin: 30px auto; }
    @media screen and (min-width: 768px) {
      .qa-box img {
        max-width: 500px; } }
  .qa-box .button-s {
    padding: 5px;
    font-size: 0.9em; }
    .qa-box .button-s strong {
      color: #F5FF2F;
      font-size: 1.0em; }

.aoyamaconte {
  background-color: #FFFFFF;
  text-align: center;
  margin: 2% 0%; }
  .aoyamaconte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: flex-end;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .aoyamaconte .free-box1 {
        flex-basis: 45%; } }
    .aoyamaconte .free-box1 img {
      height: auto;
      border-radius: 0%;
      margin: 20px;
      padding: 20px;
      border: 1px #D0D0D0 solid; }
    .aoyamaconte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .aoyamaconte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .aoyamaconte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .aoyamaconte .free-box2 h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .aoyamaconte .free-box2 h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .aoyamaconte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .aoyamaconte .free-box2 p {
          font-size: 0.9em; } }
    .aoyamaconte .free-box2 strong {
      color: #047279; }

.aoyama-plof {
  display: flex;
  background-color: #FFFFFF;
  text-align: center;
  margin: 2% 1%;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .aoyama-plof {
      flex-direction: row; } }
  .aoyama-plof .logo-box {
    padding: 10px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .aoyama-plof .logo-box {
        flex-basis: 37%; } }
    .aoyama-plof .logo-box img {
      height: auto;
      border-radius: 0%;
      margin: 20px auto;
      border: 1px #D0D0D0 solid; }
    .aoyama-plof .logo-box .button {
      padding: 10px;
      font-size: 1.2em; }
  .aoyama-plof .plof-box {
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .aoyama-plof .plof-box {
        flex-basis: 55%;
        margin: 1%; } }
    .aoyama-plof .plof-box h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .aoyama-plof .plof-box h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .aoyama-plof .plof-box p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .aoyama-plof .plof-box p {
          font-size: 0.9em; } }
    .aoyama-plof .plof-box strong {
      color: #047279; }

.merit-conte {
  background-color: #FFFFFF;
  text-align: center;
  margin: 2% 0%; }
  .merit-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: flex-end;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .merit-conte .free-box1 {
        flex-basis: 45%; } }
    .merit-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
    .merit-conte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .merit-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .merit-conte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .merit-conte .free-box2 h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .merit-conte .free-box2 h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .merit-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .merit-conte .free-box2 p {
          font-size: 1.1em;
          line-height: 1.8em;
          padding: 15px; } }
    .merit-conte .free-box2 ol {
      background-color: #FEF4F4;
      padding: 5px;
      text-align: left;
      list-style-position: inside; }
      .merit-conte .free-box2 ol li {
        padding: 10px; }
    .merit-conte .free-box2 strong {
      color: #047279; }

.siryou-conte {
  background-color: #FFFFFF;
  text-align: center;
  margin: 2% 0%; }
  .siryou-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: flex-end;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .siryou-conte .free-box1 {
        flex-basis: 45%; } }
    .siryou-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
    .siryou-conte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .siryou-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .siryou-conte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .siryou-conte .free-box2 h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .siryou-conte .free-box2 h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .siryou-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .siryou-conte .free-box2 p {
          font-size: 1.1em;
          line-height: 1.8em;
          padding: 15px; } }
    .siryou-conte .free-box2 ol {
      background-color: #FEF4F4;
      padding: 5px;
      text-align: left;
      list-style-position: inside; }
      .siryou-conte .free-box2 ol li {
        padding: 10px;
        border-bottom: 1px dashed #858484; }
        .siryou-conte .free-box2 ol li li {
          padding: 5px;
          border: none; }
    .siryou-conte .free-box2 strong {
      color: #047279; }

#dvd-conte {
  background-color: #5BB4B4;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center;
  margin: 0% 0% 0%; }
  #dvd-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;
    margin: 2% 0px 5%;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      #dvd-conte h2 {
        background-size: auto 35px; } }
  #dvd-conte h3 {
    margin-top: 5px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #1A98C9; }
  #dvd-conte h4 {
    font-weight: bolder;
    background-color: #DCF6FF;
    padding: 10px 5px; }
    #dvd-conte h4 ul {
      text-align: left;
      padding: 10px;
      list-style-position: inside;
      font-size: 90%; }
  #dvd-conte h5 {
    font-weight: bolder;
    color: #F81C43;
    font-size: 1.1em;
    line-height: 1.8em;
    background-color: #FCF4F7;
    padding: 10px 5px; }
  #dvd-conte p {
    text-align: left; }
  #dvd-conte strong {
    color: #F91010; }
  #dvd-conte .kounyuu {
    margin-top: auto;
    padding: 10px;
    background-color: #E9E9E9;
    border-top: #767474 1px dashed; }
  #dvd-conte .item-box-y {
    margin: 3%;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF; }
    #dvd-conte .item-box-y h3 {
      flex-basis: 100%;
      padding: 10px;
      text-align: left;
      line-height: 130%; }
      @media screen and (min-width: 768px) {
        #dvd-conte .item-box-y h3 {
          text-align: center;
          font-size: 160%; } }
    #dvd-conte .item-box-y .p-box {
      flex-basis: 100%; }
      @media screen and (min-width: 768px) {
        #dvd-conte .item-box-y .p-box {
          flex-basis: 29%;
          text-align: center;
          margin: 0.5%; }
          #dvd-conte .item-box-y .p-box img {
            margin: 5px auto 5px;
            padding: 10px; } }
    #dvd-conte .item-box-y .t-box {
      flex-basis: 100%; }
      @media screen and (min-width: 768px) {
        #dvd-conte .item-box-y .t-box {
          flex-basis: 70%; } }
    #dvd-conte .item-box-y .mbox {
      min-height: 0%; }
    #dvd-conte .item-box-y .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      #dvd-conte .item-box-y {
        flex-basis: 40%;
        margin: 3%; } }
  #dvd-conte .item-box-s {
    display: flex;
    flex-direction: column;
    margin: 3%;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    flex-basis: 100%;
    background-color: #FFFFFF; }
    #dvd-conte .item-box-s .mbox {
      min-height: 0%; }
    #dvd-conte .item-box-s .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      #dvd-conte .item-box-s {
        flex-basis: 40%;
        margin-left: 3%;
        margin-right: 2%; } }

.koe-conte {
  background-color: #FFFFFF;
  text-align: center; }
  .koe-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: flex-end;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .koe-conte .free-box1 {
        flex-basis: 45%; } }
    .koe-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
    .koe-conte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
  .koe-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .koe-conte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .koe-conte .free-box2 h2 {
      text-align: center;
      font-weight: 150;
      padding-bottom: 0px;
      margin: 30px 0px; }
    .koe-conte .free-box2 h3 {
      text-align: left;
      color: #FF0E5E;
      font-weight: bold;
      margin: 5px; }
    .koe-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .koe-conte .free-box2 p {
          font-size: 1.1em; } }
    .koe-conte .free-box2 strong {
      color: #047279; }

.time-box img {
  width: auto; }
  @media screen and (min-width: 768px) {
    .time-box img {
      width: 1000px;
      height: auto;
      margin: auto; } }

.riyuu-conte {
  background-color: #E8C7C7;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .riyuu-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) {
      .riyuu-conte h2 {
        background-size: auto 35px; } }
  .riyuu-conte .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) {
      .riyuu-conte .item-box {
        flex-basis: 29%;
        margin-left: 2%;
        margin-right: 2%; } }
    .riyuu-conte .item-box .mbox {
      min-height: 0%; }
    .riyuu-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #0E8E96;
      font-weight: bold; }
    .riyuu-conte .item-box img {
      width: 35%;
      margin: 10px auto;
      padding: 0px 0px 10px; }
    .riyuu-conte .item-box p {
      margin-top: auto;
      text-align: left; }
    .riyuu-conte .item-box .button {
      margin-top: auto; }

.dvd2-conte {
  background-color: #E8C7C7;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .dvd2-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) {
      .dvd2-conte h2 {
        background-size: auto 35px; } }
  .dvd2-conte .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) {
      .dvd2-conte .item-box {
        flex-basis: 45%;
        margin-left: 2%;
        margin-right: 2%; } }
    .dvd2-conte .item-box .mbox {
      min-height: 0%; }
    .dvd2-conte .item-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #0E8E96;
      font-weight: bold;
      font-size: 1.5em; }
    .dvd2-conte .item-box img {
      width: 20%;
      margin: 10px auto;
      padding: 0px 0px 10px; }
    .dvd2-conte .item-box p {
      margin-top: auto;
      text-align: left; }
    .dvd2-conte .item-box .button {
      margin-top: auto; }

.form-conte {
  background-color: #D7EDF3;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .form-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: #556F6D; }
    @media screen and (min-width: 768px) {
      .form-conte h2 {
        background-size: auto 35px; } }

#kojin-conte {
  background-color: #FFFFFF;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #kojin-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: #575B5B; }
    @media screen and (min-width: 768px) {
      #kojin-conte h2 {
        background-size: auto 35px; } }
  #kojin-conte .kojin-box {
    width: 95%;
    margin: auto;
    padding: 10px;
    text-align: left;
    background-color: #F2F2F2; }
    @media screen and (min-width: 768px) {
      #kojin-conte .kojin-box {
        width: 80%; } }

.sidou-conte {
  background-color: #E8C7C7;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .sidou-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) {
      .sidou-conte h2 {
        background-size: auto 35px; } }
  .sidou-conte .flex-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) {
      .sidou-conte .flex-box {
        flex-basis: 29%;
        margin-left: 2%;
        margin-right: 2%; } }
    .sidou-conte .flex-box .mbox {
      min-height: 0%; }
    .sidou-conte .flex-box .maru_half {
      background-color: #FFFFFF;
      padding: 5px 13px;
      border-radius: 50%;
      color: #2290A5; }
    .sidou-conte .flex-box div {
      background-color: #3BB4C2;
      padding: 0px 10px; }
    .sidou-conte .flex-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #FFFFFF;
      font-weight: bold; }
    .sidou-conte .flex-box img {
      width: 35%;
      margin: 10px auto;
      padding: 0px 0px 10px; }
    .sidou-conte .flex-box p {
      text-align: left; }
    .sidou-conte .flex-box .button {
      margin-top: auto; }

.yakusoku-conte {
  background-color: #F9F9F9;
  padding-top: 35px;
  padding-bottom: 50px; }
  .yakusoku-conte h2 {
    background-image: url("../sozai/main/mt-yakusoku.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #2B2B2B; }
    @media screen and (min-width: 768px) {
      .yakusoku-conte h2 {
        background-size: auto 35px; } }
  .yakusoku-conte .item-box-y {
    margin-top: 20px;
    background-color: #EFEFEF;
    border-radius: 5px; }
    .yakusoku-conte .item-box-y .p-box {
      flex-basis: 100%; }
      @media screen and (min-width: 768px) {
        .yakusoku-conte .item-box-y .p-box {
          flex-basis: 26%;
          background-color: #EEEEEE;
          margin: 1%; } }
    .yakusoku-conte .item-box-y .t-box {
      flex-basis: 100%; }
      @media screen and (min-width: 768px) {
        .yakusoku-conte .item-box-y .t-box {
          flex-basis: 70%;
          text-align: left; } }
    .yakusoku-conte .item-box-y .mbox {
      min-height: 0%; }
    .yakusoku-conte .item-box-y h3 {
      margin-top: 0px;
      color: #0A5D82;
      font-weight: bold;
      padding: 5px;
      text-align: left; }
    .yakusoku-conte .item-box-y p {
      text-align: left; }
    .yakusoku-conte .item-box-y .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .yakusoku-conte .item-box-y {
        flex-basis: 40%;
        margin-left: 3%;
        margin-right: 2%; } }
  .yakusoku-conte .item-box-s {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid #749C9C;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin: 3% 2%; }
    @media screen and (min-width: 768px) {
      .yakusoku-conte .item-box-s {
        flex-basis: 28%;
        margin: 3% 1%; } }
    .yakusoku-conte .item-box-s h3 {
      margin-top: 0px;
      text-align: center;
      color: #FFFFFF;
      font-weight: bold;
      background-color: #1A98C9;
      border-radius: 10px 10px 0px 0px;
      padding: 10px;
      font-size: 120%; }
      @media screen and (min-width: 768px) {
        .yakusoku-conte .item-box-s h3 {
          font-size: 180%; } }
    .yakusoku-conte .item-box-s .p-box img {
      width: 30%;
      margin: 10px auto;
      padding: 3%; }
    .yakusoku-conte .item-box-s .t-box {
      padding: 10px;
      text-align: left; }
      .yakusoku-conte .item-box-s .t-box strong {
        color: #E40B0F; }
      .yakusoku-conte .item-box-s .t-box img {
        padding: 10px;
        margin: auto;
        width: 95%; }
        @media screen and (min-width: 768px) {
          .yakusoku-conte .item-box-s .t-box img {
            width: 80%; } }
    .yakusoku-conte .item-box-s .button {
      margin-top: auto; }

.dvd-line-conte {
  padding-top: 35px;
  padding-bottom: 50px; }
  .dvd-line-conte h2 {
    background-image: url("../sozai/dvd-eigyou/dvd.png");
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: center top;
    padding-top: 40px;
    color: #2B2B2B; }
    @media screen and (min-width: 768px) {
      .dvd-line-conte h2 {
        background-size: auto 35px; } }
  .dvd-line-conte h3 {
    background-size: auto 35px;
    background-position: center top;
    padding-top: 10px;
    color: #2B2B2B;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .dvd-line-conte h3 {
        background-size: auto 35px; } }
  .dvd-line-conte .item-box-s {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #1A98C9;
    margin: 10px auto;
    width: 45%; }
    @media screen and (min-width: 768px) {
      .dvd-line-conte .item-box-s {
        flex-basis: 16%;
        margin: 3% 2%; } }
    .dvd-line-conte .item-box-s h3 {
      margin: 0px auto;
      text-align: center;
      color: #FFFFFF;
      font-weight: bold;
      border-radius: 10px 10px 0px 0px;
      padding: 10px;
      font-size: 120%; }
      @media screen and (min-width: 768px) {
        .dvd-line-conte .item-box-s h3 {
          font-size: 1.3em; } }
    .dvd-line-conte .item-box-s .p-box img {
      margin: auto; }
    .dvd-line-conte .item-box-s .t-box {
      padding: 10px;
      text-align: left; }
      .dvd-line-conte .item-box-s .t-box strong {
        color: #E40B0F; }
      .dvd-line-conte .item-box-s .t-box img {
        padding: 10px;
        margin: auto;
        width: 95%; }
        @media screen and (min-width: 768px) {
          .dvd-line-conte .item-box-s .t-box img {
            width: 80%; } }
    .dvd-line-conte .item-box-s .button {
      margin-top: auto; }

.kaisya {
  background-color: #FBFBFB;
  padding: 10px; }
  .kaisya table {
    margin: 10px auto;
    border: 1px solid #898989; }
    .kaisya table tr {
      border-bottom: 1px solid #4C4C4C; }
    .kaisya table th {
      width: 100%;
      display: block;
      background-color: #337D9A;
      color: #FFFFFF;
      padding-top: 5px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-left: 10px;
      text-align: center;
      border-collapse: separate; }
    .kaisya table td {
      width: 100%;
      display: block;
      background-color: #FFFFFF;
      padding-top: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-left: 5px; }

.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; }

.top-voice {
  padding: 20px 0px; }
  .top-voice h1 {
    text-align: center; }

.voice {
  border: 1px solid #6DB2D5;
  background-color: #FFFFFF;
  width: 95%;
  margin: auto; }
  .voice h2 {
    text-align: center;
    margin: auto; }
  .voice h3 {
    background-color: #1897AA;
    color: #FFFFFF;
    margin: 0px;
    text-align: left;
    padding: 5px; }
  .voice h5 {
    font-size: 160%;
    line-height: 160%;
    color: #0D4F61;
    font-weight: bold;
    text-align: left; }
  .voice p {
    text-align: left;
    padding: 5px; }
    .voice p strong {
      color: #FD1237;
      font-size: 150%;
      border-bottom: #F71D20 1px solid; }
  .voice .voice-box {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .voice .voice-box {
        flex-direction: row; } }
    .voice .voice-box .fp-p {
      flex-basis: 95%;
      padding: 5px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .voice .voice-box .fp-p {
          flex-basis: 25%; } }
      .voice .voice-box .fp-p img {
        margin: auto;
        max-width: 220px; }
        @media screen and (min-width: 768px) {
          .voice .voice-box .fp-p img {
            margin-left: 0px; } }
    .voice .voice-box .fp-t {
      flex-basis: 95%;
      padding: 5px; }
      @media screen and (min-width: 768px) {
        .voice .voice-box .fp-t {
          flex-basis: 75%; } }
      .voice .voice-box .fp-t h4 {
        color: #407A7A; }
      .voice .voice-box .fp-t p {
        text-align: left; }
  .voice .pink-box {
    text-align: left;
    background-color: #FFF6F6;
    padding: 5px; }
    .voice .pink-box strong {
      color: #1C6180; }

.news-conte {
  background: linear-gradient(to bottom, rgba(253, 253, 253, 0.9) 70%, rgba(255, 255, 255, 0.9) 100%), url("../sozai/main/h/h2.jpg");
  /* 背景画像指定 */
  background-size: cover;
  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: #17B0B4; }
    @media screen and (min-width: 768px) {
      .news-conte h2 {
        background-size: auto 30px; } }

.news-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto;
  height: 350px;
  overflow-y: auto; }
  @media screen and (min-width: 768px) {
    .news-box {
      width: 78%; } }
  .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: 20px;
      color: #1794C1;
      background-color: #DBF4FF;
      flex-basis: 15%; }
    .news-box dl dd {
      line-height: 1.8em;
      background-color: #FFFFFF;
      padding: 10px;
      flex-basis: 83%; }
      .news-box dl dd h4 {
        color: #DB1941;
        margin: 5px 0px; }
      .news-box dl dd strong {
        color: #189FDB; }

.topsemi-conte {
  background-color: #FFFFFF;
  text-align: center; }
  .topsemi-conte .free-box1 {
    margin: 0px;
    justify-content: center;
    padding: 10px;
    background-color: #6DAC85; }
    @media screen and (min-width: 768px) {
      .topsemi-conte .free-box1 {
        flex-basis: 50%; } }
    .topsemi-conte .free-box1 h2 {
      background-image: url("../sozai/main/mt-kiki.png");
      background-repeat: no-repeat;
      background-size: auto 30px;
      background-position: center top;
      padding-top: 35px;
      color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        .topsemi-conte .free-box1 h2 {
          background-size: auto 30px; } }
    .topsemi-conte .free-box1 p {
      text-align: left;
      background-color: #F2F2F2;
      font-size: 1.1em;
      padding: 15px;
      margin: 15px auto; }
      @media screen and (min-width: 768px) {
        .topsemi-conte .free-box1 p {
          width: 80%; } }
  .topsemi-conte .free-box2 {
    margin: 0px;
    justify-content: center;
    background-color: #F5BABB;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .topsemi-conte .free-box2 {
        flex-basis: 50%; } }
    .topsemi-conte .free-box2 h2 {
      background-image: url("../sozai/main/mt-zoom.png");
      background-repeat: no-repeat;
      background-size: auto 30px;
      background-position: center top;
      padding-top: 35px;
      color: #FFFFFF; }
      .topsemi-conte .free-box2 h2 strong {
        color: #ED1652;
        font-size: 150%; }
      @media screen and (min-width: 768px) {
        .topsemi-conte .free-box2 h2 {
          background-size: auto 30px; } }
    .topsemi-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      font-size: 1.1em;
      padding: 15px;
      margin: 15px auto; }
      @media screen and (min-width: 768px) {
        .topsemi-conte .free-box2 p {
          width: 80%; } }

.form-horizontal {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
  margin-right: auto;
  margin-left: auto; }

.form-m {
  background-color: #0880AA;
  color: #FFFFFF;
  text-align: center;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 10px; }

.bana-conte {
  padding: 35px 10px 50px 10px;
  text-align: center; }
  .bana-conte h2 {
    margin: 2%;
    color: #1D1B1B;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .bana-conte .free-box1 img {
    margin: 10px auto; }
  @media screen and (min-width: 768px) {
    .bana-conte .free-box1 {
      flex-basis: 40%;
      margin-left: 2%;
      margin-right: 2%; } }
  .bana-conte .free-box2 img {
    margin: 10px auto; }
  @media screen and (min-width: 768px) {
    .bana-conte .free-box2 {
      flex-basis: 25%;
      margin-left: 2%;
      margin-right: 2%; } }

#access-conte {
  padding: 35px 10px 50px 10px;
  text-align: center; }
  #access-conte h2 {
    margin: 2%;
    color: #1D1B1B;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  #access-conte .access {
    padding: 15px 0px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: #797979 dashed 1px; }
    #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;
      border: 1px solid #ccc; }
      @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 {
        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 .bus {
    background-color: #FFF2F2;
    padding: 10px;
    margin: 10px auto; }
    #access-conte #map .bus h3 {
      padding-bottom: 10px; }
    #access-conte #map .bus p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      #access-conte #map .bus {
        width: 70%; } }

footer {
  background-color: #FAF1F1;
  padding-top: 30px;
  padding-bottom: 30px; }
  footer .flex-conte, footer .pc-conte, footer .graf-conte, footer .a-conte, footer .chikage-conte, footer .youbo-box2, footer #dvd-conte .item-box-y, #dvd-conte footer .item-box-y, footer .yakusoku-conte .yakusoku, .yakusoku-conte footer .yakusoku, footer .yakusoku-conte .item-box-y, .yakusoku-conte footer .item-box-y, footer .topsemi-conte, footer .bana-conte, footer #access-conte .access, #access-conte footer .access, footer .kamoku-conte, footer .messe-conte, footer .mono-conte .imo-conte, .mono-conte footer .imo-conte, footer .mono-conte .goods-conte, .mono-conte footer .goods-conte {
    justify-content: space-between; }
  footer .f-box2 {
    flex-basis: 60%;
    margin: 2%; }
    footer .f-box2 ul {
      padding: 5px 10px;
      margin: 0px 5px; }
      footer .f-box2 ul li {
        padding: 3px 10px; }
    @media screen and (min-width: 768px) {
      footer .f-box2 {
        flex-basis: 22%;
        margin: 1%; } }
    footer .f-box2 img {
      max-height: 40px;
      margin: auto;
      display: block;
      max-width: 100%;
      height: auto; }

/*TOPぺーじ　ここまで*/
.mokuji-box {
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;
  background-color: #F9EBF2;
  padding: 3%; }
  @media screen and (min-width: 768px) {
    .mokuji-box {
      width: 100%;
      margin: auto;
      font-size: 1.0em; } }
  .mokuji-box h2 {
    color: #F82660; }
  .mokuji-box h4 {
    font-weight: bold; }
  .mokuji-box ul {
    margin: 10px;
    list-style-position: inside;
    padding: 10px 20px;
    background-color: #FFF2F8; }
    @media screen and (min-width: 768px) {
      .mokuji-box ul {
        width: 50%;
        margin: auto; } }
    .mokuji-box ul li {
      text-align: left;
      margin: 12px 5px;
      padding: 5px;
      border-bottom: #6B6B6B dashed 1px; }
      .mokuji-box ul li a {
        text-decoration: none;
        padding: 5px;
        color: #145369;
        transition: 1.0s; }
        .mokuji-box ul li a:hover {
          color: #05324A; }
  .mokuji-box img {
    width: 95%;
    margin: 10px auto; }
    @media screen and (min-width: 768px) {
      .mokuji-box img {
        width: 85%;
        margin: 20px auto; } }

.method-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; }
  .method-conte .method-box {
    background-color: #FFFFFF;
    text-align: left;
    margin: 30px auto;
    padding: 10px;
    border-radius: 5px;
    width: 95%; }
    @media screen and (min-width: 768px) {
      .method-conte .method-box {
        width: 85%; } }
    .method-conte .method-box h2 {
      text-align: left;
      background-color: #118893;
      color: #FFFFFF;
      font-weight: bold;
      margin: 0px 0px 10px;
      padding: 5px;
      font-size: 1.3em; }
    .method-conte .method-box h3 {
      text-align: left;
      color: #0C5C59;
      font-weight: bold; }
    .method-conte .method-box p {
      text-align: left;
      padding: 5px; }
    .method-conte .method-box ol {
      background-color: #CCF5F9;
      padding: 10px;
      list-style-position: inside; }
      .method-conte .method-box ol li {
        margin: 10px; }
    .method-conte .method-box strong {
      color: #F14949; }

.kamoku-conte {
  background-color: #FFFFFF;
  text-align: center; }
  .kamoku-conte .free-box2 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .kamoku-conte .free-box2 {
        flex-basis: 45%; } }
    .kamoku-conte .free-box2 h2 {
      text-align: center;
      color: #6B7273;
      font-weight: 150;
      padding-bottom: 0px;
      display: inline-block;
      position: relative; }
    .kamoku-conte .free-box2 img {
      border-radius: 0%;
      margin: auto; }
    .kamoku-conte .free-box2 .button {
      padding: 10px;
      font-size: 1.2em; }
  .kamoku-conte .free-box1 {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .kamoku-conte .free-box1 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    .kamoku-conte .free-box1 h3 {
      text-align: center;
      color: #FFB00F;
      font-weight: bold; }
    .kamoku-conte .free-box1 p {
      text-align: left;
      padding: 10px; }
    .kamoku-conte .free-box1 strong {
      color: #047279; }

#goukaku-conte {
  background-color: #FF7A22;
  text-align: center; }
  #goukaku-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) {
      #goukaku-conte .free-box1 {
        flex-basis: 45%; } }
    #goukaku-conte .free-box1 img {
      border-radius: 0%;
      margin: auto; }
  #goukaku-conte .free-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      #goukaku-conte .free-box2 {
        flex-basis: 53%;
        margin-left: 1%;
        margin-right: 1%; } }
    #goukaku-conte .free-box2 h2 {
      background-image: url("../sozai/main/mt-goukaku.png");
      background-repeat: no-repeat;
      background-size: auto 30px;
      background-position: center top;
      padding-top: 35px;
      color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        #goukaku-conte .free-box2 h2 {
          background-size: auto 30px; } }
    #goukaku-conte .free-box2 p {
      text-align: left;
      background-color: #F2F2F2;
      padding: 15px; }

.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; } }

.mono-conte {
  background-color: #FFFFFF;
  padding-top: 15px;
  text-align: center; }
  .mono-conte h2 {
    text-align: center;
    color: #068189;
    font-weight: bold;
    padding-bottom: 10px; }
  .mono-conte .imo-conte {
    background-color: #FFE262;
    background-image: url("../sozai/item/nami-ue1.png"), url(../sozai/item/hd-1.png);
    background-position: center top, right bottom;
    background-repeat: repeat-x,no-repeat;
    background-size: 60% auto;
    padding: 3% 1%; }
    @media screen and (min-width: 768px) {
      .mono-conte .imo-conte {
        background-size: auto; } }
  .mono-conte .touki-conte {
    background-color: #E7FF01;
    background-image: url("../sozai/item/nami-ue2.png"), url(../sozai/item/hd-4.png);
    background-position: center top, left bottom;
    background-repeat: repeat-x,no-repeat;
    background-size: 60% auto;
    padding: 3% 1%; }
    @media screen and (min-width: 768px) {
      .mono-conte .touki-conte {
        background-size: auto; } }
  .mono-conte .goods-conte {
    background-color: #FF93C1;
    background-image: url("../sozai/item/nami-ue3.png"), url(../sozai/item/hd-1.png);
    background-position: center top, right bottom;
    background-repeat: repeat-x,no-repeat;
    background-size: 60% auto;
    padding: 3% 1%; }
    @media screen and (min-width: 768px) {
      .mono-conte .goods-conte {
        background-size: auto; } }
  .mono-conte .how-conte {
    background-color: #71D3D7;
    background-image: url("../sozai/item/nami-ue4.png"), url(../sozai/item/hd-4.png);
    background-position: center top, left bottom;
    background-repeat: repeat-x,no-repeat;
    background-size: 60% auto;
    padding: 3% 1%; }
    @media screen and (min-width: 768px) {
      .mono-conte .how-conte {
        background-size: auto; } }
  .mono-conte .free-box1 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
    border-radius: 10px; }
    .mono-conte .free-box1 .fbox {
      min-height: 0%; }
      .mono-conte .free-box1 .fbox img {
        max-height: 550px; }
    .mono-conte .free-box1 p {
      text-align: center; }
    .mono-conte .free-box1 .right {
      text-align: right; }
    .mono-conte .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
    @media screen and (min-width: 768px) {
      .mono-conte .free-box1 {
        flex-basis: 62%;
        margin-left: 1%;
        margin-right: 1%;
        padding: 20px; } }
  .mono-conte .free-box2 {
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center; }
    .mono-conte .free-box2 .fbox {
      min-height: 0%;
      align-self: flex-end; }
      .mono-conte .free-box2 .fbox img {
        max-height: 200px;
        margin: auto; }
        @media screen and (min-width: 768px) {
          .mono-conte .free-box2 .fbox img {
            max-height: 350px; } }
    @media screen and (min-width: 768px) {
      .mono-conte .free-box2 {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }

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

.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%; } }

.english-conte {
  background-color: #9CDBDB;
  background-image: url("../sozai/english/nami-ue.png"), url(../sozai/item/hd-1.png);
  background-position: center top, left bottom;
  background-repeat: repeat-x,no-repeat;
  background-size: 60% auto;
  padding: 35px 10px 50px 10px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .english-conte {
      background-size: auto; } }
  .english-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .english-conte .english-box {
    background-color: #FFFCFC;
    padding: 10px;
    margin: 30px auto;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    text-align: left;
    color: #1F1F1F; }
    .english-conte .english-box p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      .english-conte .english-box {
        width: 70%; } }
    .english-conte .english-box h5 {
      background-color: #18A1C5;
      color: #FFFFFF;
      padding: 5px;
      font-size: 1.2em; }
    .english-conte .english-box strong {
      color: #DF0673; }

.english2-conte {
  background-color: #FF8585;
  background-image: url("../sozai/english/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: 35px 10px 50px 10px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .english2-conte {
      background-size: auto; } }
  .english2-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .english2-conte .english-box {
    background-color: #FFFCFC;
    padding: 10px;
    margin: 30px auto;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    text-align: left;
    color: #1F1F1F; }
    .english2-conte .english-box p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      .english2-conte .english-box {
        width: 70%; } }
    .english2-conte .english-box h5 {
      background-color: #18A1C5;
      color: #FFFFFF;
      padding: 5px;
      font-size: 1.2em; }
    .english2-conte .english-box strong {
      color: #DF0673; }

.english3-conte {
  background-color: #9CDBDB;
  background-image: url("../sozai/english/nami-ue3.png"), url(../sozai/item/hd-1.png);
  background-position: center top, left bottom;
  background-repeat: repeat-x,no-repeat;
  background-size: 60% auto;
  padding: 35px 10px 50px 10px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .english3-conte {
      background-size: auto; } }
  .english3-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .english3-conte .med-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF; }
    .english3-conte .med-box .mbox {
      min-height: 0%; }
    .english3-conte .med-box h3 {
      margin-top: 10px;
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .english3-conte .med-box p {
      text-align: center; }
    .english3-conte .med-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .english3-conte .med-box {
        flex-basis: 20%;
        margin-left: 2%;
        margin-right: 2%; } }
  .english3-conte .english-box {
    background-color: #FFFCFC;
    padding: 10px;
    margin: 30px auto;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    text-align: left;
    color: #1F1F1F; }
    .english3-conte .english-box p {
      text-align: left; }
    .english3-conte .english-box img {
      max-height: 200px; }
    @media screen and (min-width: 768px) {
      .english3-conte .english-box {
        width: 70%; } }
    .english3-conte .english-box h5 {
      background-color: #18A1C5;
      color: #FFFFFF;
      padding: 5px;
      font-size: 1.2em; }
    .english3-conte .english-box strong {
      color: #DF0673; }

.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%; } }

.it-conte {
  background-image: url("../sozai/main/nami-ue2.png");
  background-repeat: repeat-x;
  background-position: top; }

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

#kihu-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto;
  border: solid 1px #FFFFFF;
  border-radius: 5px;
  text-align: left;
  color: #1F1F1F; }
  #kihu-box p {
    text-align: left; }
  @media screen and (min-width: 768px) {
    #kihu-box {
      width: 70%; } }
  #kihu-box h5 {
    background-color: #18A1C5;
    color: #FFFFFF;
    padding: 5px;
    font-size: 1.2em; }
  #kihu-box strong {
    color: #DF0673;
    font-size: 1.3em; }

.line-conte {
  background-image: url(../sozai/main/h/h1.jpg);
  background-size: cover;
  padding: 15px;
  text-align: center; }
  .line-conte h2 {
    margin: 0%;
    color: #09A2D8;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .line-conte h3 {
    padding: 5px;
    margin-bottom: 0px;
    color: #FFF;
    text-align: center;
    background-color: #F46363;
    /*ボタン色*/
    border-radius: 5px;
    /*角丸*/ }
  .line-conte .flex-conte-m {
    background-color: #FFFFFF;
    padding: 10px;
    margin: 30px auto;
    border-radius: 10px; }
    @media screen and (min-width: 768px) {
      .line-conte .flex-conte-m {
        margin: 3% auto; } }
    .line-conte .flex-conte-m .f-box1 {
      border-radius: 10px; }
      .line-conte .flex-conte-m .f-box1 p {
        text-align: left; }
      .line-conte .flex-conte-m .f-box1 img {
        margin: auto; }
      .line-conte .flex-conte-m .f-box1 .button {
        padding: 10px;
        font-size: 1.2em; }
      @media screen and (min-width: 768px) {
        .line-conte .flex-conte-m .f-box1 {
          flex-basis: 35%; } }
    .line-conte .flex-conte-m .f-box2 {
      align-self: center; }
      .line-conte .flex-conte-m .f-box2 p {
        text-align: left;
        padding-top: 10px;
        max-width: 550px;
        margin: auto; }
      .line-conte .flex-conte-m .f-box2 table {
        margin: auto; }
        .line-conte .flex-conte-m .f-box2 table th {
          padding: 5px;
          background-color: #CFF5F9; }
        .line-conte .flex-conte-m .f-box2 table td {
          padding: 5px; }
      .line-conte .flex-conte-m .f-box2 ol {
        text-align: left;
        font-size: 1em; }
      @media screen and (min-width: 768px) {
        .line-conte .flex-conte-m .f-box2 {
          flex-basis: 65%; } }

.message h1 {
  font-size: 1.2em;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .message h1 {
      font-size: 1.8em; } }
.message p {
  text-align: left;
  line-height: 2em; }
  @media screen and (min-width: 768px) {
    .message p {
      text-align: center;
      margin-top: 30px; } }
.message a {
  color: #E70C49;
  line-height: 2em; }
  .message a:hover {
    color: #A40048;
    text-decoration: none; }

#byouki-conte {
  padding: 3% 0%; }
  #byouki-conte .byouki ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.3em; }
    #byouki-conte .byouki ul li {
      flex-basis: 40%;
      margin: 1% 1%;
      border: #FFFFFF solid 1px;
      border-radius: 10px;
      background-color: #18887B;
      list-style: none; }
      @media screen and (min-width: 768px) {
        #byouki-conte .byouki ul li {
          flex-basis: 20%; } }
      #byouki-conte .byouki ul li a {
        display: block;
        text-decoration: none;
        color: #FFFFFF;
        padding: 10px 10px;
        transition: 1.0s; }
        #byouki-conte .byouki ul li a:hover {
          background-color: #298514;
          border-radius: 10px; }

#contact-conte {
  background-color: #F7F7F7;
  padding: 3% 0%; }
  #contact-conte .contact ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.2em; }
    #contact-conte .contact ul li {
      flex-basis: 40%;
      margin: 1% 1%;
      border: #FFFFFF solid 1px;
      border-radius: 10px;
      background-color: #00B0DD;
      list-style: none; }
      @media screen and (min-width: 768px) {
        #contact-conte .contact ul li {
          flex-basis: 30%; } }
      #contact-conte .contact ul li a {
        display: block;
        text-decoration: none;
        color: #FFFFFF;
        padding: 10px 10px;
        transition: 1.0s; }
        #contact-conte .contact ul li a:hover {
          background-color: #0470D3;
          border-radius: 10px; }

.about2-conte {
  padding-top: 35px;
  padding-bottom: 50px;
  border: dashed 1px #E4E4E4; }
  .about2-conte h2 {
    margin: 2%;
    color: #3B2D2D;
    font-weight: 100; }

.about-waku {
  padding-top: 35px;
  padding-bottom: 50px; }
  .about-waku .about-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .about-waku .about-box img {
      width: 200px;
      margin: auto;
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)"; }
    .about-waku .about-box a:hover {
      text-decoration: none; }
      .about-waku .about-box a:hover img {
        opacity: 1.0;
        /*画像の透明度*/
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        transition: 1s;
        /*表示時間*/
        transform: scale(1.1);
        /*画像の拡大率*/ }
    .about-waku .about-box h3 {
      text-align: center;
      color: #0694D0;
      font-weight: bold; }
    .about-waku .about-box p {
      text-align: left; }
    .about-waku .about-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .about-waku .about-box {
        flex-basis: 16%;
        margin-left: 0;
        margin-right: 0; } }

.intyou-conte {
  padding: 5% 0px;
  text-align: center;
  background-color: #EDF9F8; }
  .intyou-conte h2 {
    margin: 1%;
    color: #5A5656;
    font-weight: 100;
    padding: 5px;
    display: inline-block; }
  .intyou-conte .prof-box {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    align-self: center;
    line-height: 1.5em; }
    .intyou-conte .prof-box img {
      max-height: 400px; }
      @media screen and (min-width: 768px) {
        .intyou-conte .prof-box img {
          max-height: 550px; } }
    .intyou-conte .prof-box h3 {
      text-align: center;
      color: #016477;
      font-weight: bold;
      font-size: 1.3em;
      margin-bottom: 0px;
      padding: 0px; }
    .intyou-conte .prof-box p {
      text-align: left; }
    @media screen and (min-width: 768px) {
      .intyou-conte .prof-box {
        flex-basis: 45%;
        margin-left: 1%;
        margin-right: 1%; } }

#time {
  padding: 15px 0px;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: #797979 dashed 1px; }
  #time .free-box1 {
    display: flex;
    flex-direction: column; }
    #time .free-box1 p {
      text-align: left; }
    #time .free-box1 .button {
      padding: 10px;
      font-size: 1.2em; }
    @media screen and (min-width: 768px) {
      #time .free-box1 {
        flex-basis: 60%;
        margin-left: 1%;
        margin-right: 1%; }
        #time .free-box1 img {
          width: 90%;
          margin: auto; } }
  #time .free-box2 {
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: center; }
    #time .free-box2 h3 {
      text-align: center;
      color: #FFCD21;
      font-weight: bold; }
    #time .free-box2 ul {
      text-align: left; }
      #time .free-box2 ul li {
        padding: 5px; }
    @media screen and (min-width: 768px) {
      #time .free-box2 {
        flex-basis: 35%;
        margin-left: 1%;
        margin-right: 1%; } }

.sisetu-conte {
  background-color: #9CDBDB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .sisetu-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .sisetu-conte .sisetu-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .sisetu-conte .sisetu-box h3 {
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .sisetu-conte .sisetu-box p {
      text-align: center; }
    .sisetu-conte .sisetu-box img {
      border-radius: 0%;
      max-height: 350px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      .sisetu-conte .sisetu-box {
        flex-basis: 40%;
        margin-left: 2%;
        margin-right: 2%; } }

.setubi-conte {
  background-color: #F6F7F5;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .setubi-conte h2 {
    margin: 2%;
    color: #787878;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #808080; }
  .setubi-conte .setubi-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .setubi-conte .setubi-box h3 {
      text-align: center;
      color: #287E1E;
      font-weight: bold;
      margin: 0px 0px 10px; }
    .setubi-conte .setubi-box h4 {
      text-align: center;
      color: #287E1E;
      font-weight: bold;
      font-size: 1em;
      line-height: 1em;
      margin: 10px 0px 0px;
      padding: 0px; }
    .setubi-conte .setubi-box p {
      text-align: center; }
    .setubi-conte .setubi-box img {
      max-height: 350px;
      margin: 15px auto;
      border-radius: 3%; }
    @media screen and (min-width: 768px) {
      .setubi-conte .setubi-box {
        flex-basis: 21%;
        margin-left: 2%;
        margin-right: 2%; } }

.by1 {
  padding: 0px; }

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

.byt-conte, .byt2-conte, .cot-conte, .cot2-conte {
  background-color: #F6F7F5;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .byt-conte, .byt2-conte, .cot-conte, .cot2-conte {
      padding: 55px 0px; } }
  .byt-conte h2, .byt2-conte h2, .cot-conte h2, .cot2-conte h2 {
    margin: 0px 0px 20px;
    color: #787878;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #808080; }
  .byt-conte h3, .byt2-conte h3, .cot-conte h3, .cot2-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, .cot-conte h3, .cot2-conte h3 {
        font-size: 1.5em; } }
  .byt-conte h4, .byt2-conte h4, .cot-conte h4, .cot2-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, .cot-conte h5, .cot2-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, .cot-conte strong, .cot2-conte strong {
    color: #EE4A60; }
  .byt-conte .box-pp, .byt2-conte .box-pp, .cot-conte .box-pp, .cot2-conte .box-pp, .byt-conte .box-tc, .byt2-conte .box-tc, .cot-conte .box-tc, .cot2-conte .box-tc {
    margin: 10px 10px;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 1000px) {
      .byt-conte .box-pp, .byt2-conte .box-pp, .cot-conte .box-pp, .cot2-conte .box-pp, .byt-conte .box-tc, .byt2-conte .box-tc, .cot-conte .box-tc, .cot2-conte .box-tc {
        width: 950px;
        margin: 10px auto; } }
    .byt-conte .box-pp img, .byt2-conte .box-pp img, .cot-conte .box-pp img, .cot2-conte .box-pp img, .byt-conte .box-tc img, .byt2-conte .box-tc img, .cot-conte .box-tc img, .cot2-conte .box-tc img {
      margin: auto; }
    .byt-conte .box-pp p, .byt2-conte .box-pp p, .cot-conte .box-pp p, .cot2-conte .box-pp p, .byt-conte .box-tc p, .byt2-conte .box-tc p, .cot-conte .box-tc p, .cot2-conte .box-tc p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-pp strong, .byt2-conte .box-pp strong, .cot-conte .box-pp strong, .cot2-conte .box-pp strong, .byt-conte .box-tc strong, .byt2-conte .box-tc strong, .cot-conte .box-tc strong, .cot2-conte .box-tc strong {
      color: #CF0A4B; }
    .byt-conte .box-pp ul, .byt2-conte .box-pp ul, .cot-conte .box-pp ul, .cot2-conte .box-pp ul, .byt-conte .box-tc ul, .byt2-conte .box-tc ul, .cot-conte .box-tc ul, .cot2-conte .box-tc ul, .byt-conte .box-pp ol, .byt2-conte .box-pp ol, .cot-conte .box-pp ol, .cot2-conte .box-pp ol, .byt-conte .box-tc ol, .byt2-conte .box-tc ol, .cot-conte .box-tc ol, .cot2-conte .box-tc ol {
      text-align: left;
      padding: 10px 0px 10px 20px; }
      .byt-conte .box-pp ul li, .byt2-conte .box-pp ul li, .cot-conte .box-pp ul li, .cot2-conte .box-pp ul li, .byt-conte .box-tc ul li, .byt2-conte .box-tc ul li, .cot-conte .box-tc ul li, .cot2-conte .box-tc ul li, .byt-conte .box-pp ol li, .byt2-conte .box-pp ol li, .cot-conte .box-pp ol li, .cot2-conte .box-pp ol li, .byt-conte .box-tc ol li, .byt2-conte .box-tc ol li, .cot-conte .box-tc ol li, .cot2-conte .box-tc ol li {
        padding: 5px; }
    .byt-conte .box-pp .kasen, .byt2-conte .box-pp .kasen, .cot-conte .box-pp .kasen, .cot2-conte .box-pp .kasen, .byt-conte .box-tc .kasen, .byt2-conte .box-tc .kasen, .cot-conte .box-tc .kasen, .cot2-conte .box-tc .kasen {
      border-bottom: #EC0859 solid 2px; }
  .byt-conte .box-tc, .byt2-conte .box-tc, .cot-conte .box-tc, .cot2-conte .box-tc {
    background: transparent; }
    .byt-conte .box-tc table, .byt2-conte .box-tc table, .cot-conte .box-tc table, .cot2-conte .box-tc table {
      margin: auto; }
    .byt-conte .box-tc p, .byt2-conte .box-tc p, .cot-conte .box-tc p, .cot2-conte .box-tc p {
      text-align: center; }
  .byt-conte .box-mt, .byt2-conte .box-mt, .cot-conte .box-mt, .cot2-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, .cot-conte .box-mt, .cot2-conte .box-mt {
        width: 950px;
        margin: 30px auto; } }
    .byt-conte .box-mt .mox, .byt2-conte .box-mt .mox, .cot-conte .box-mt .mox, .cot2-conte .box-mt .mox {
      padding: 10px; }
    .byt-conte .box-mt img, .byt2-conte .box-mt img, .cot-conte .box-mt img, .cot2-conte .box-mt img {
      margin: auto; }
    .byt-conte .box-mt p, .byt2-conte .box-mt p, .cot-conte .box-mt p, .cot2-conte .box-mt p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-mt strong, .byt2-conte .box-mt strong, .cot-conte .box-mt strong, .cot2-conte .box-mt strong {
      color: #CF0A4B; }
    .byt-conte .box-mt ul, .byt2-conte .box-mt ul, .cot-conte .box-mt ul, .cot2-conte .box-mt ul, .byt-conte .box-mt ol, .byt2-conte .box-mt ol, .cot-conte .box-mt ol, .cot2-conte .box-mt ol {
      text-align: left;
      padding: 10px 0px 10px 20px; }
      .byt-conte .box-mt ul li, .byt2-conte .box-mt ul li, .cot-conte .box-mt ul li, .cot2-conte .box-mt ul li, .byt-conte .box-mt ol li, .byt2-conte .box-mt ol li, .cot-conte .box-mt ol li, .cot2-conte .box-mt ol li {
        padding: 5px; }
    .byt-conte .box-mt .kasen, .byt2-conte .box-mt .kasen, .cot-conte .box-mt .kasen, .cot2-conte .box-mt .kasen {
      border-bottom: #EC0859 solid 2px; }
    .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4, .cot-conte .box-mt .box4, .cot2-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, .cot-conte .box-mt .box4 h4, .cot2-conte .box-mt .box4 h4 {
        text-align: center; }
      @media screen and (min-width: 768px) {
        .byt-conte .box-mt .box4, .byt2-conte .box-mt .box4, .cot-conte .box-mt .box4, .cot2-conte .box-mt .box4 {
          flex-basis: 20%;
          margin-left: 1%;
          margin-right: 1%; } }
  .byt-conte .box-ao, .byt2-conte .box-ao, .cot-conte .box-ao, .cot2-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, .cot-conte .box-ao, .cot2-conte .box-ao {
        width: 950px; } }
    .byt-conte .box-ao p, .byt2-conte .box-ao p, .cot-conte .box-ao p, .cot2-conte .box-ao p {
      text-align: left;
      margin: 10px 0px; }
    .byt-conte .box-ao strong, .byt2-conte .box-ao strong, .cot-conte .box-ao strong, .cot2-conte .box-ao strong {
      color: #CF0A4B; }
    .byt-conte .box-ao .kasen, .byt2-conte .box-ao .kasen, .cot-conte .box-ao .kasen, .cot2-conte .box-ao .kasen {
      border-bottom: #EC0859 solid 2px; }

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

.co-conte {
  background-color: #9BE0FF; }
  .co-conte .a-box {
    border-color: #6DD5FF; }

.cot-conte {
  background-color: #D5F2FF; }

.cot2-conte {
  background-color: #E8F6FF; }

.con-list {
  margin-bottom: 15px; }
  .con-list .con-box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding: 0px;
    background-color: #FFFFFF; }
    .con-list .con-box h5 {
      text-align: center;
      font-weight: bold;
      background-color: #0075AF;
      padding: 10px;
      margin: 0px 0px 10px;
      color: #FFFFFF; }
    .con-list .con-box .button-s {
      margin: 5px;
      border-radius: 0px;
      background-color: #FFFFFF;
      color: #0D496B; }
      .con-list .con-box .button-s:hover {
        background-color: #F3F3F3;
        color: #074EA6; }
    @media screen and (min-width: 768px) {
      .con-list .con-box {
        flex-basis: 20%;
        margin-left: 1%;
        margin-right: 1%; } }

.aco-box .aco {
  margin: 10px auto 20px; }
  .aco-box .aco .aco-t {
    margin: 15px auto 0px;
    font-size: 1.0em; }
    @media screen and (min-width: 768px) {
      .aco-box .aco .aco-t {
        font-size: 1.2em; } }
    .aco-box .aco .aco-t a {
      display: block;
      padding: 10px;
      color: #FFF;
      text-decoration: none;
      text-align: left;
      background-color: #F46363;
      /*ボタン色*/
      background-size: 20px;
      background-position: 5px;
      border-radius: 5px;
      /*角丸*/
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .aco-box .aco .aco-t a:hover {
        background-color: #F77070;
        /*ボタン色*/
        text-decoration: none;
        color: #FFF; }
  .aco-box .aco .aco-m {
    background-color: #FFFFFF;
    text-align: left;
    padding: 10px 10px 20px;
    line-height: 1.8em; }

.box-glay {
  text-align: left;
  background-color: #EDEDED;
  margin: 20px 5px; }
  .box-glay p {
    padding: 10px; }
  .box-glay h4 {
    padding: 5px;
    background-color: #0590BA;
    color: #FFFFFF; }
  .box-glay img {
    margin: 20px auto; }

.box-pink {
  text-align: left;
  background-color: #FAEDF0;
  margin: 20px 5px; }
  .box-pink p {
    padding: 10px; }
  .box-pink h4 {
    padding: 5px;
    background-color: #F83F57;
    color: #FFFFFF; }
  .box-pink img {
    margin: 20px auto; }

.pic-glay {
  text-align: left;
  padding: 10PX;
  background-color: #E6E6E6; }
  .pic-glay img {
    margin: 20px auto; }

.pic-pink {
  text-align: left;
  line-height: 2em;
  padding: 10PX;
  background-color: #FFECF2;
  margin: 10px auto; }
  .pic-pink strong {
    color: #EA224B; }
  .pic-pink img {
    margin: 20px auto; }

.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%; } }

.camp-conte {
  background-image: url(../sozai/main/h/h3.jpg);
  background-size: cover;
  background-color: #F1F1F1;
  padding: 30px 10px;
  color: #FFFFFF; }
  .camp-conte h2 {
    background-image: url(../sozai/main/ht1.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: center top;
    padding-top: 30px; }

.camp-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto;
  border: solid 1px #FFFFFF;
  border-radius: 5px;
  text-align: left;
  color: #1F1F1F; }
  .camp-box p {
    text-align: left; }
  @media screen and (min-width: 768px) {
    .camp-box {
      width: 70%; } }
  .camp-box ul li {
    list-style-type: none; }
    .camp-box ul li h5 {
      background-color: #18A1C5;
      color: #FFFFFF;
      padding: 5px;
      font-size: 1.2em; }
    .camp-box ul li p {
      text-align: left; }
    .camp-box ul li strong {
      color: #DF0673; }

.bosyuu-conte {
  background-image: url(../sozai/main/h/h5.jpg);
  background-size: cover;
  background-color: #F1F1F1;
  padding: 50px 10px;
  color: #FFFFFF; }
  .bosyuu-conte strong {
    color: #F562AD; }

.bosyuu-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto;
  border: solid 2px #FFFFFF;
  border-radius: 5px;
  text-align: left;
  color: #222222; }
  @media screen and (min-width: 768px) {
    .bosyuu-box {
      width: 70%; } }
  .bosyuu-box ul li {
    list-style-type: none; }
    .bosyuu-box ul li h5 {
      background-color: #1B668F;
      color: #FFFFFF;
      padding: 5px;
      font-size: 1.2em; }
    .bosyuu-box ul li p {
      text-align: left; }
    .bosyuu-box ul li strong {
      color: #DF0673; }

.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; }

.point h3 {
  font-size: 1.2em; }
.point table {
  background-color: #FFFFFF;
  padding: 10px; }
.point tr {
  border-bottom: #737171 1px solid;
  padding: 10px; }
.point th {
  font-size: 2em;
  font-weight: none;
  padding: 20px; }
.point td {
  padding: 10px 20px; }
.point h4 {
  color: #EB0546; }

.nagare {
  background-color: #9CDBDB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .nagare h2 {
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .nagare h2 {
        font-size: 25px; } }
  .nagare .box {
    margin: 20px 10px;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .nagare .box {
        margin: 20px auto; } }
    .nagare .box .mox1 img {
      margin: auto;
      border-radius: 3%; }
    @media screen and (min-width: 768px) {
      .nagare .box .mox1 {
        flex-basis: 30%; } }
    .nagare .box .mox2 {
      flex-basis: 100%; }
      .nagare .box .mox2 h3 {
        text-align: left;
        background: #108187;
        color: #FFFFFF;
        padding: 10px; }
      .nagare .box .mox2 p {
        padding-top: 10px;
        text-align: left; }
      @media screen and (min-width: 768px) {
        .nagare .box .mox2 {
          flex-basis: 70%;
          padding-left: 10px; } }

.ya {
  padding-bottom: 40px;
  background-image: url("../sozai/flow/ya.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 35px; }

.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; } }

.nayami h2 {
  text-align: center;
  margin-bottom: 0px; }
.nayami .nayami-box {
  background-image: url(../sozai/kyousei/kakko.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 30px 5px;
  padding: 30px 10px 30px 10px; }
  @media screen and (min-width: 768px) {
    .nayami .nayami-box {
      background-size: auto;
      padding: 50px; } }
  .nayami .nayami-box p {
    text-align: left;
    line-height: 1.8em;
    padding: 10px; }
  .nayami .nayami-box ul {
    border-radius: 7px;
    padding: 5px;
    margin: 5px;
    list-style-position: inside;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .nayami .nayami-box ul {
        margin: auto;
        background-size: contain;
        font-size: 1.1em; } }
  .nayami .nayami-box li {
    width: 100%;
    border-bottom: 1px dashed #A7A7A7;
    margin: 10px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .nayami .nayami-box li {
        width: 48%; } }

#ippan {
  background-color: #0FADC0; }

#yobou {
  background-color: #9CDBDB; }
  #yobou h3 {
    background-color: #48C99F; }

#self {
  background-color: #F9CF3B; }
  #self h3 {
    background-color: #FF9934; }

#self-pro {
  background-color: #EDDBDE; }
  #self-pro h2 {
    color: #C8839B;
    border: #C8839B 1px solid; }
  #self-pro h3 {
    background-color: #C8839B; }

#kensin {
  background-color: #ABE5C5; }
  #kensin h2 {
    color: #57B544;
    border: #57B544 1px solid; }
  #kensin h3 {
    background-color: #57B544; }

.back-conte {
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .back-conte h2 {
    text-align: left;
    margin: 2%;
    color: #FFFFFF;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .back-conte h3 {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold; }

.price {
  line-height: 2em; }
  .price p {
    text-align: left; }
    @media screen and (min-width: 768px) {
      .price p {
        text-align: center; } }
  .price strong {
    color: #F10E63; }
  .price table {
    margin: auto;
    border: 1px solid #aaa; }
    .price table th, .price table td {
      border: 1px solid #aaa;
      padding: 1em 1em;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .price table th, .price table td {
          padding: 1.5em 3em; } }
    .price table thead th {
      background-color: #D5F5F3; }
    .price table tbody th {
      background-color: #E9FF87; }

.map {
  width: 100%;
  margin: auto;
  padding-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .map {
      width: 75%; } }

.google-map {
  position: relative;
  width: 100%;
  /* 左右に余白が必要なら値を変更してもOK */
  height: 0;
  padding-bottom: 56.25%;
  /* padding-topでもOK */
  overflow: hidden; }

.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* 必要であれば!importantを付けてください */
  height: 100%;
  /* 必要であれば!importantを付けてください */ }

.new-item {
  background-color: #F0F0F0;
  padding-top: 50px;
  padding-bottom: 50px; }

.new-item-box {
  flex-basis: 45%;
  background-color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    .new-item-box {
      flex-basis: 25%; } }

.test {
  background-color: #E36B6D; }
  .test .f-box2 {
    flex-basis: 60%;
    margin: 2%;
    background-color: #E1ADAE; }
    @media screen and (min-width: 768px) {
      .test .f-box2 {
        flex-basis: 25%;
        margin: 1%; } }

.park-h {
  background-image: url(../sozai/techno-park/about-h.JPG);
  background-size: cover; }

.saiyo-h {
  background-image: url(../sozai/main/h-saiyo.jpg);
  background-size: cover; }

.orange-h {
  background-color: #F4C22F; }

.blue2-h {
  background-color: #9CDBDB; }

.blue-h {
  background-color: #ECF8F9; }

.blue3-h {
  background-color: #76CAE4; }

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

.mini-box {
  background-color: #C4ECFC;
  text-align: left;
  padding: 10px;
  border: solid 1px #BEBEBE; }

.list-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .list-2 li {
    flex-basis: 98%; }
    @media screen and (min-width: 768px) {
      .list-2 li {
        flex-basis: 50%; } }

.m-big {
  font-size: 2em;
  font-weight: bold; }