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

.img-resp, #toutyou-conte .box .mox1 img, .tokutyou-conte3 .box .mox1 img, .riyuu-conte .box .mox1 img, #gyoumu-conte .box img, #syoukai .box .mox1 img, #syoukai .box .mox2 img, #syoukai .box .mox3 img, #sosikizu-conte .box img, .sisetu-conte .sisetu-box img, .setubi-conte .setubi-box img, .nagare .box .mox1 img, .top-mbox .mox1 img, .top-box .mox1 img, .top-mbox2 .mox1 img, .top-staff .mox1 img, .s1 .box img, .s1-1 .box img, .s1-3 .box img, .s1-4 .box img, .s2 .box img, .s3 .pic1 img, .s3 .box img, .s4 .box img, .s5 .box .mox1 img, .s5 .box2 .mox1 img, .s55 .box .mox1 img, .s55 .box2 .mox img, .s6 .box .mox1 img, .s6 .box .mox95 img, .s7 .box img {
  display: block;
  max-width: 100%;
  height: 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, h2, h3, h4 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400; }

.font-ryumin, h1 {
  font-family: a-otf-ryumin-pr6n, serif;
  font-style: normal;
  font-weight: 300; }

#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: #F1D40F;
  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; }

.dropdown-menu {
  background-color: #FFFFFF; }

.navbar-default .navbar-nav > li > a {
  color: #3E3837;
  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: #6E6362;
  background-color: transparent; }

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

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

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

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

body {
  margin: 0px; }

h1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.8em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 20px; } }
  @media screen and (min-width: 1000px) {
    h1 {
      font-size: 35px; } }

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

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

h4 {
  font-size: 15px;
  line-height: 1.5em;
  text-align: center; }
  @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.6em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 13px; } }
  @media screen and (min-width: 1000px) {
    p {
      font-size: 17px; } }

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

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

.waku-moji, .list-conte h2 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 100;
  padding: 10px;
  display: inline-block;
  border: 1px solid #FFFFFF; }
  @media screen and (min-width: 768px) {
    .waku-moji, .list-conte h2 {
      font-size: 25px; } }

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

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

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

.conte-l {
  margin-right: auto;
  margin-left: auto;
  padding: 10px 10px; }
  @media screen and (min-width: 768px) {
    .conte-l {
      margin: auto;
      max-width: 1250px;
      padding: 10px 20px; } }

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

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

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

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

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

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

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

.f-box {
  flex: 1; }

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

@media screen and (min-width: 768px) {
  .w-10box {
    width: 10%; } }

@media screen and (min-width: 768px) {
  .w-20box {
    width: 20%; } }

@media screen and (min-width: 768px) {
  .w-30box {
    width: 30%; } }

@media screen and (min-width: 768px) {
  .w-40box {
    width: 40%; } }

@media screen and (min-width: 768px) {
  .w-50box {
    width: 50%; } }

@media screen and (min-width: 768px) {
  .w-60box {
    width: 60%; } }

@media screen and (min-width: 768px) {
  .w-70box {
    width: 70%; } }

@media screen and (min-width: 768px) {
  .w-80box {
    width: 80%; } }

@media screen and (min-width: 768px) {
  .w-90box {
    width: 90%; } }

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

.logo-waku {
  background-color: #FFFFFF; }
  .logo-waku .f-box {
    flex-basis: 45%;
    margin: 2%;
    background-color: #FFFFFF; }
    .logo-waku .f-box img {
      max-height: 50px;
      margin: auto;
      display: block;
      max-width: 100%;
      height: auto; }
    @media screen and (min-width: 768px) {
      .logo-waku .f-box {
        flex-basis: 30%;
        margin: 1%; } }
  .logo-waku .space {
    display: none; }
    @media screen and (min-width: 768px) {
      .logo-waku .space {
        display: block; } }
  .logo-waku .logo img {
    margin-left: auto;
    margin-right: auto;
    max-height: 45px; }
  .logo-waku .tel img {
    margin-left: auto;
    margin-right: 0px;
    max-height: 35px;
    align-self: flex-end;
    max-width: 60%; }

.top-conte {
  background-color: #F3DD41; }

.top-photo img {
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto; }

.top-side {
  padding: 10px 5px;
  text-align: center;
  align-self: center; }

.top-side-conte img {
  max-height: 35px;
  max-width: 100%;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px; }
  @media screen and (min-width: 768px) {
    .top-side-conte img {
      max-height: 60px;
      max-width: 100%;
      padding-bottom: 10px;
      margin-bottom: 15px;
      margin-left: auto;
      margin-right: auto; } }

.m-hide {
  display: none; }
  @media screen and (min-width: 768px) {
    .m-hide {
      display: block; }
      .m-hide img {
        height: 100px;
        width: auto;
        padding: 0px 0px 20px;
        margin: auto; } }

.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; }
  #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: #39B54A;
  text-align: center;
  padding: 15px auto; }
  #botom-tel-botan a {
    color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    #botom-tel-botan {
      display: none; } }

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

.f-box-item, .tuyomi-conte .tokutyou-box, #staff-conte .box, #test-conte .box, #gyoumu-conte .box, #kensyuu-conte .box, .about-waku .about-box, .prof-conte .prof-box, .service-conte .service-box, .nice-conte .nice-box, .sisetu-conte .sisetu-box, .setubi-conte .setubi-box, .s1 .box, .s1-1 .box, .s1-3 .box, .s1-4 .box, .s2 .box, .s3 .box, .s4 .box {
  flex-basis: 45%;
  padding: 5px;
  margin: 2%; }

#toutyou-conte {
  background-color: #F3F3F3;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #toutyou-conte h2 {
    margin: 2%;
    color: #686868;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #686868; }
    @media screen and (min-width: 768px) {
      #toutyou-conte h2 {
        font-size: 25px; } }
  #toutyou-conte .box {
    margin: 10px;
    background-color: #FFFFFF;
    padding: 0px 0px 10px;
    border: #FFD292 1px solid;
    border-radius: 5px; }
    @media screen and (min-width: 768px) {
      #toutyou-conte .box {
        margin: 20px auto;
        padding: 20px; } }
    #toutyou-conte .box .mox1 {
      align-self: center; }
      #toutyou-conte .box .mox1 img {
        margin: auto;
        margin: 10px auto;
        width: 48%; }
      @media screen and (min-width: 768px) {
        #toutyou-conte .box .mox1 {
          flex-basis: 20%; }
          #toutyou-conte .box .mox1 img {
            width: 90%;
            padding: 10px 20px 10px 0px; } }
    #toutyou-conte .box .mox2 {
      flex-basis: 100%;
      align-self: center; }
      #toutyou-conte .box .mox2 h3 {
        text-align: left;
        padding: 5px;
        color: #FFFFFF;
        background-color: #FDAD00;
        margin: 0px 0px 10px;
        font-size: 1.5em; }
      #toutyou-conte .box .mox2 p {
        padding: 0px 10px;
        text-align: left; }
      @media screen and (min-width: 768px) {
        #toutyou-conte .box .mox2 {
          flex-basis: 78%;
          padding-left: 10px; }
          #toutyou-conte .box .mox2 p {
            font-size: 1.1em; } }

.tuyomi-conte {
  background-color: #9CDBDB;
  background-image: url(../sozai/main/h3.jpg);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .tuyomi-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .tuyomi-conte h2 {
        font-size: 25px; } }
  .tuyomi-conte .tokutyou-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF; }
    .tuyomi-conte .tokutyou-box .mbox {
      min-height: 0%; }
    .tuyomi-conte .tokutyou-box h3 {
      text-align: center;
      color: #FF8821;
      font-weight: bold;
      font-size: 1.4em; }
    .tuyomi-conte .tokutyou-box p {
      text-align: left;
      font-size: 0.9em; }
    .tuyomi-conte .tokutyou-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .tuyomi-conte .tokutyou-box {
        flex-basis: 22%;
        margin-left: 1%;
        margin-right: 1%; } }

.tokutyou-conte3 {
  background-color: #9CDBDB;
  background-image: url(../sozai/main/h3.jpg);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .tokutyou-conte3 h2 {
    margin: 2%;
    color: #686868;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .tokutyou-conte3 h2 {
        font-size: 25px; } }
  .tokutyou-conte3 .box {
    margin: 10px;
    background-color: #FFFFFF;
    padding: 10px 0px 10px; }
    @media screen and (min-width: 768px) {
      .tokutyou-conte3 .box {
        margin: auto;
        padding: 50px 0px 40px; } }
    .tokutyou-conte3 .box .mox1 img {
      margin: auto;
      margin: 10px auto; }
    @media screen and (min-width: 768px) {
      .tokutyou-conte3 .box .mox1 {
        flex-basis: 50%; }
        .tokutyou-conte3 .box .mox1 img {
          width: 90%;
          padding: 10px 20px 10px 0px; } }
    .tokutyou-conte3 .box .mox2 {
      flex-basis: 100%;
      align-self: center; }
      .tokutyou-conte3 .box .mox2 h3 {
        text-align: left;
        padding: 10px; }
      .tokutyou-conte3 .box .mox2 p {
        padding-top: 10px;
        text-align: left; }
      @media screen and (min-width: 768px) {
        .tokutyou-conte3 .box .mox2 {
          flex-basis: 50%;
          padding-left: 10px; } }

.riyuu-conte {
  background-color: #F3F3F3;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .riyuu-conte h2 {
    margin: 2%;
    color: #686868;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #686868; }
    @media screen and (min-width: 768px) {
      .riyuu-conte h2 {
        font-size: 25px; } }
  .riyuu-conte .box {
    margin: 10px;
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    border: #F4C95E 1px solid; }
    @media screen and (min-width: 768px) {
      .riyuu-conte .box {
        margin: 20px auto;
        padding: 20px; } }
    .riyuu-conte .box .mox1 {
      align-self: center; }
      .riyuu-conte .box .mox1 img {
        margin: auto;
        margin: 10px auto;
        width: 48%; }
      @media screen and (min-width: 768px) {
        .riyuu-conte .box .mox1 {
          flex-basis: 20%; }
          .riyuu-conte .box .mox1 img {
            width: 90%;
            padding: 10px 20px 10px 0px; } }
    .riyuu-conte .box .mox2 {
      flex-basis: 100%;
      align-self: center; }
      .riyuu-conte .box .mox2 h3 {
        text-align: left;
        padding: 5px;
        color: #FFFFFF;
        background-color: #FDAD00;
        margin: 0px 0px 10px;
        font-size: 1.5em; }
      .riyuu-conte .box .mox2 p {
        padding-top: 0px;
        text-align: left; }
      @media screen and (min-width: 768px) {
        .riyuu-conte .box .mox2 {
          flex-basis: 78%;
          padding-left: 10px; }
          .riyuu-conte .box .mox2 p {
            font-size: 1.1em; } }

#staff-conte {
  background-color: #9CDBDB;
  background-image: url(../sozai/main/h3.jpg);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #staff-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #staff-conte h2 {
        font-size: 25px; } }
  #staff-conte .box {
    display: flex;
    flex-basis: 80%;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF; }
    #staff-conte .box .mbox {
      min-height: 0%; }
    #staff-conte .box h3 {
      text-align: center;
      color: #FF8821;
      font-weight: bold;
      font-size: 1.4em;
      margin: 5px; }
    #staff-conte .box h4 {
      text-align: center;
      color: #232323;
      font-weight: bold;
      font-size: 1.6em; }
    #staff-conte .box p {
      text-align: left;
      font-size: 0.9em; }
    #staff-conte .box .button {
      margin-top: auto; }
    #staff-conte .box img {
      height: 250px;
      width: auto;
      padding: 10px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      #staff-conte .box {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }

#test-conte {
  background-color: #9CDBDB;
  background-image: url(../sozai/main/h3.jpg);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #test-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #test-conte h2 {
        font-size: 25px; } }
  #test-conte .box {
    display: flex;
    flex-basis: 80%;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF; }
    #test-conte .box .mbox {
      min-height: 0%; }
    #test-conte .box h3 {
      text-align: center;
      color: #FF8821;
      font-weight: bold;
      font-size: 1.4em;
      margin: 5px; }
    #test-conte .box h4 {
      text-align: center;
      color: #232323;
      font-weight: bold;
      font-size: 1.6em; }
    #test-conte .box p {
      text-align: left;
      font-size: 0.9em; }
    #test-conte .box .button {
      margin-top: auto; }
    #test-conte .box img {
      height: 250px;
      width: auto;
      padding: 10px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      #test-conte .box {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }

#gyoumu-conte {
  background-color: #9CDBDB;
  background-image: url(../sozai/main/h3.jpg);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #gyoumu-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #gyoumu-conte h2 {
        font-size: 25px; } }
  #gyoumu-conte .box {
    display: flex;
    flex-basis: 45%;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF; }
    #gyoumu-conte .box .mbox {
      min-height: 0%; }
    #gyoumu-conte .box h3 {
      text-align: center;
      color: #FF8821;
      font-weight: bold;
      font-size: 1.4em;
      margin: 5px; }
    #gyoumu-conte .box h4 {
      text-align: center;
      color: #232323;
      font-weight: bold;
      font-size: 1.6em; }
    #gyoumu-conte .box p {
      text-align: left;
      font-size: 0.9em; }
    #gyoumu-conte .box .button {
      margin-top: auto; }
    #gyoumu-conte .box img {
      padding: 10px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      #gyoumu-conte .box {
        flex-basis: 16%;
        margin-left: 1%;
        margin-right: 1%; } }
  #gyoumu-conte .text-box {
    background-color: #FFFFFF;
    border-radius: 7px;
    padding: 20px 20px;
    margin: 10px; }
    #gyoumu-conte .text-box p {
      text-align: left;
      padding: 10px 3px;
      font-size: 1em; }
    @media screen and (min-width: 768px) {
      #gyoumu-conte .text-box {
        margin: auto;
        font-size: 1em; } }

#kensyuu-conte {
  background-color: #9CDBDB;
  background-image: url(../sozai/about/h1.png);
  background-size: auto;
  background-repeat: repeat;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  #kensyuu-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #kensyuu-conte h2 {
        font-size: 25px; } }
  #kensyuu-conte .box {
    display: flex;
    flex-basis: 95%;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF; }
    #kensyuu-conte .box .mbox {
      min-height: 0%; }
    #kensyuu-conte .box h3 {
      text-align: center;
      color: #FF8821;
      font-weight: bold;
      font-size: 1.4em;
      margin: 5px; }
    #kensyuu-conte .box h4 {
      text-align: center;
      color: #232323;
      font-weight: bold;
      font-size: 1.6em; }
    #kensyuu-conte .box p {
      text-align: left;
      font-size: 0.9em; }
    #kensyuu-conte .box .button {
      margin-top: auto; }
    #kensyuu-conte .box img {
      height: 250px;
      width: auto;
      padding: 10px;
      margin: auto; }
    @media screen and (min-width: 768px) {
      #kensyuu-conte .box {
        flex-basis: 28%;
        margin-left: 1%;
        margin-right: 1%; } }
  #kensyuu-conte .text-box {
    background-color: #FFFFFF;
    border-radius: 7px;
    padding: 20px 20px;
    margin: 10px; }
    #kensyuu-conte .text-box p {
      text-align: left;
      padding: 10px 3px;
      font-size: 1em; }
    @media screen and (min-width: 768px) {
      #kensyuu-conte .text-box {
        margin: auto;
        font-size: 1em; } }

.about-conte {
  padding-top: 35px;
  padding-bottom: 50px;
  border: dashed 1px #E4E4E4; }
  .about-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;
      font-size: 1.1em; }
    .about-waku .about-box .button {
      margin-top: auto; }
    @media screen and (min-width: 768px) {
      .about-waku .about-box {
        flex-basis: 18%;
        margin-left: 0;
        margin-right: 0; } }

.prof-conte {
  background-color: #cdc8c4;
  padding-top: 15px;
  padding-bottom: 0px;
  text-align: center; }
  .prof-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .prof-conte h2 {
        font-size: 25px; } }
  .prof-conte .prof-box {
    display: flex;
    flex-direction: column;
    margin-top: 0px; }
    .prof-conte .prof-box h3 {
      text-align: center;
      color: #0694D0;
      font-weight: bold; }
    .prof-conte .prof-box p {
      text-align: left;
      font-size: 1.1em; }
    @media screen and (min-width: 768px) {
      .prof-conte .prof-box {
        flex-basis: 35%;
        margin-left: 1%;
        margin-right: 1%; } }

.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-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .service-conte h2 {
        font-size: 25px; } }
  .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;
      font-size: 1.1em; }
    .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;
      font-size: 1.1em; }
    .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%; } }

.saiyo-conte {
  padding: 35px 10px 50px;
  text-align: center; }
  .saiyo-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .saiyo-conte h3 {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold; }
  .saiyo-conte .saiyo-box {
    margin: auto;
    background-color: #FFFFFF;
    padding: 10px; }
    .saiyo-conte .saiyo-box .f-box1 {
      align-self: center; }
      .saiyo-conte .saiyo-box .f-box1 h4 {
        font-size: 1.6em;
        color: #ED760E; }
      .saiyo-conte .saiyo-box .f-box1 ul {
        margin: auto;
        width: 95%;
        text-align: left; }
        .saiyo-conte .saiyo-box .f-box1 ul li {
          padding: 10px 0px; }
      .saiyo-conte .saiyo-box .f-box1 p {
        padding-top: 10px; }
      @media screen and (min-width: 768px) {
        .saiyo-conte .saiyo-box .f-box1 ul {
          width: 90%; } }

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

.news-conte {
  background-color: #E2FF7A;
  padding: 50px 10px; }

.news-box {
  background-color: #FFFCFC;
  padding: 10px;
  margin: 30px auto; }
  @media screen and (min-width: 768px) {
    .news-box {
      width: 80%; } }
  .news-box dl {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .news-box dl {
        flex-direction: row; } }
    .news-box dl dt {
      padding-right: 20px;
      padding-bottom: 10px;
      color: #1794C1; }

.sns-conte {
  padding: 35px 10px 50px 10px;
  text-align: center;
  background-color: #DBE7EB; }
  .sns-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
  .sns-conte h3 {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold; }
  .sns-conte .sns-box {
    margin: 10px;
    padding: 10px;
    margin: auto; }
    .sns-conte .sns-box .fb {
      margin: 10px; }
    .sns-conte .sns-box .bana {
      margin: 10px; }
      .sns-conte .sns-box .bana img {
        width: 380px;
        height: auto;
        margin: 10px auto; }

#syoukai {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #F9F9F9; }
  #syoukai h2 {
    font-size: 1.2em; }
  #syoukai h3 {
    text-align: center;
    color: #0E75A0;
    font-weight: bold;
    font-size: 1.5em; }
  #syoukai .box {
    margin: 10px auto;
    background-color: #FFFFFF;
    padding: 10px; }
    #syoukai .box .mox1 {
      align-self: left; }
      #syoukai .box .mox1 p {
        padding: 10px;
        text-align: left; }
      #syoukai .box .mox1 strong {
        color: #EC0E4C; }
      #syoukai .box .mox1 img {
        border-radius: 10px;
        margin: auto;
        padding: 10px 30px;
        width: 300px; }
      #syoukai .box .mox1 ul {
        text-align: left;
        padding: 10px; }
        #syoukai .box .mox1 ul li {
          padding: 10px; }
      @media screen and (min-width: 768px) {
        #syoukai .box .mox1 {
          flex-basis: 28%;
          margin: auto; }
          #syoukai .box .mox1 h2 {
            font-size: 1.5em; }
          #syoukai .box .mox1 p {
            font-size: 1.0em; }
          #syoukai .box .mox1 img {
            padding: 10px;
            max-width: 350px; }
          #syoukai .box .mox1 ul {
            padding: 10px 30px; } }
    #syoukai .box .mox2 {
      align-self: left; }
      #syoukai .box .mox2 p {
        padding: 10px;
        text-align: left; }
      #syoukai .box .mox2 strong {
        color: #EC0E4C; }
      #syoukai .box .mox2 img {
        border-radius: 10px;
        margin: auto;
        padding: 10px 30px; }
      #syoukai .box .mox2 ul {
        text-align: left;
        padding: 10px; }
        #syoukai .box .mox2 ul li {
          padding: 10px; }
      #syoukai .box .mox2 table {
        margin-top: 10px;
        margin-left: 10px;
        width: 95%;
        background-color: #FFFFFF;
        border: #BABABA 1px solid; }
        @media screen and (min-width: 768px) {
          #syoukai .box .mox2 table {
            margin: 0px 0px 0px 10px;
            width: 95%; } }
        #syoukai .box .mox2 table tr {
          border-bottom: 1px #E6E5E5 dashed;
          display: flex;
          flex-direction: column; }
          @media screen and (min-width: 768px) {
            #syoukai .box .mox2 table tr {
              flex-direction: row;
              width: 100%; } }
        #syoukai .box .mox2 table th {
          width: 100%;
          text-align: center;
          background-color: #D5EFF8;
          padding: 15px 10px; }
          @media screen and (min-width: 768px) {
            #syoukai .box .mox2 table th {
              width: 30%; } }
        #syoukai .box .mox2 table td {
          width: 100%;
          text-align: left;
          padding: 15px 10px;
          background-color: #FFFFFF; }
          #syoukai .box .mox2 table td ul {
            padding: 0px 10px; }
          @media screen and (min-width: 768px) {
            #syoukai .box .mox2 table td {
              width: 70%; } }
      @media screen and (min-width: 768px) {
        #syoukai .box .mox2 {
          flex-basis: 68%;
          margin: auto; }
          #syoukai .box .mox2 h2 {
            font-size: 1.5em; }
          #syoukai .box .mox2 p {
            font-size: 1.0em; }
          #syoukai .box .mox2 img {
            padding: 10px; }
          #syoukai .box .mox2 ul {
            padding: 10px 30px; } }
    #syoukai .box .mox3 {
      align-self: left; }
      #syoukai .box .mox3 p {
        padding: 10px;
        text-align: left; }
      #syoukai .box .mox3 strong {
        color: #EC0E4C; }
      #syoukai .box .mox3 img {
        border-radius: 10px;
        margin: auto; }
      #syoukai .box .mox3 ul {
        text-align: left;
        padding: 10px; }
        #syoukai .box .mox3 ul li {
          padding: 10px; }
      @media screen and (min-width: 768px) {
        #syoukai .box .mox3 {
          flex-basis: 95%;
          margin: auto; }
          #syoukai .box .mox3 h2 {
            font-size: 1.5em; }
          #syoukai .box .mox3 p {
            font-size: 1.0em; }
          #syoukai .box .mox3 ul {
            padding: 10px 30px; } }

.access-conte {
  padding: 30px 5px;
  background-color: #FBFBFB;
  border-bottom: #A6A6A6 dashed 1px; }
  .access-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      .access-conte p {
        text-align: center; } }
  .access-conte .conte {
    padding-bottom: 10px; }
  .access-conte table {
    margin-top: 10px;
    margin-left: 10px;
    width: 95%;
    background-color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .access-conte table {
        margin: 0px 0px 0px 10px;
        width: 95%; } }
    .access-conte table tr {
      border-bottom: 1px #E6E5E5 dashed;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .access-conte table tr {
          flex-direction: row;
          width: 100%; } }
    .access-conte table th {
      width: 100%;
      text-align: center;
      background-color: #D5EFF8;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .access-conte table th {
          width: 30%; } }
    .access-conte table td {
      width: 100%;
      text-align: left;
      padding: 10px 10px 0px 10px;
      background-color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        .access-conte table td {
          width: 65%; } }

#gaiyou-conte {
  padding: 30px 5px;
  background-color: #FBFBFB;
  text-align: center; }
  #gaiyou-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      #gaiyou-conte p {
        text-align: center; } }
  #gaiyou-conte h2 {
    margin: 2%;
    color: #969292;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #969292; }
    @media screen and (min-width: 768px) {
      #gaiyou-conte h2 {
        font-size: 25px; } }
  #gaiyou-conte table {
    margin-top: 10px;
    margin-left: 10px;
    width: 95%;
    background-color: #FFFFFF;
    border: #BABABA 1px solid; }
    @media screen and (min-width: 768px) {
      #gaiyou-conte table {
        margin: 0px 0px 0px 10px;
        width: 95%; } }
    #gaiyou-conte table tr {
      border-bottom: 1px #E6E5E5 dashed;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        #gaiyou-conte table tr {
          flex-direction: row;
          width: 100%; } }
    #gaiyou-conte table th {
      width: 100%;
      text-align: center;
      background-color: #D5EFF8;
      padding: 15px 10px; }
      @media screen and (min-width: 768px) {
        #gaiyou-conte table th {
          width: 30%; } }
    #gaiyou-conte table td {
      width: 100%;
      text-align: left;
      padding: 15px 10px;
      background-color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        #gaiyou-conte table td {
          width: 70%; } }

#saiyou-conte {
  padding: 30px 5px;
  background-color: #FBFBFB;
  text-align: center; }
  #saiyou-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      #saiyou-conte p {
        text-align: left; } }
  #saiyou-conte h2 {
    margin: 2%;
    color: #969292;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #969292; }
    @media screen and (min-width: 768px) {
      #saiyou-conte h2 {
        font-size: 25px; } }
  #saiyou-conte table {
    margin-top: 10px;
    margin-left: 10px;
    width: 95%;
    background-color: #FFFFFF;
    border: #BABABA 1px solid; }
    @media screen and (min-width: 768px) {
      #saiyou-conte table {
        margin: 0px 0px 0px 10px;
        width: 95%; } }
    #saiyou-conte table tr {
      border-bottom: 1px #E6E5E5 dashed;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        #saiyou-conte table tr {
          flex-direction: row;
          width: 100%; } }
    #saiyou-conte table th {
      width: 100%;
      text-align: center;
      background-color: #D5EFF8;
      padding: 15px 10px; }
      @media screen and (min-width: 768px) {
        #saiyou-conte table th {
          width: 30%; } }
    #saiyou-conte table td {
      width: 100%;
      text-align: left;
      padding: 15px 10px;
      background-color: #FFFFFF; }
      #saiyou-conte table td ul {
        padding: 0px 10px; }
      @media screen and (min-width: 768px) {
        #saiyou-conte table td {
          width: 70%; } }

#enkaku-conte {
  padding: 30px 5px;
  background-color: #F9FFEC;
  text-align: center; }
  #enkaku-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      #enkaku-conte p {
        text-align: center; } }
  #enkaku-conte h2 {
    margin: 2%;
    color: #969292;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #969292; }
    @media screen and (min-width: 768px) {
      #enkaku-conte h2 {
        font-size: 25px; } }
  #enkaku-conte table {
    margin-top: 10px;
    margin-left: 10px;
    width: 95%;
    background-color: #FFFFFF;
    border: #BABABA 1px solid; }
    @media screen and (min-width: 768px) {
      #enkaku-conte table {
        margin: 0px 0px 0px 10px;
        width: 95%; } }
    #enkaku-conte table tr {
      border-bottom: 1px #E6E5E5 dashed;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        #enkaku-conte table tr {
          flex-direction: row;
          width: 100%; } }
    #enkaku-conte table th {
      width: 100%;
      text-align: center;
      background-color: #D5EFF8;
      padding: 15px 10px; }
      @media screen and (min-width: 768px) {
        #enkaku-conte table th {
          width: 30%; } }
    #enkaku-conte table td {
      width: 100%;
      text-align: left;
      padding: 15px 10px;
      background-color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        #enkaku-conte table td {
          width: 70%; } }

.syouhyou-conte {
  padding: 30px 5px;
  background-color: #ECFFFE;
  text-align: center; }
  .syouhyou-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      .syouhyou-conte p {
        text-align: left;
        width: 80%;
        margin: auto; } }
  .syouhyou-conte h2 {
    margin: 2%;
    color: #969292;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #969292; }
    @media screen and (min-width: 768px) {
      .syouhyou-conte h2 {
        font-size: 25px; } }
  .syouhyou-conte h3 {
    font-size: 180%; }
  .syouhyou-conte table {
    margin-top: 10px;
    margin-left: 10px;
    width: 95%;
    background-color: #FFFFFF;
    border: #BABABA 1px solid; }
    @media screen and (min-width: 768px) {
      .syouhyou-conte table {
        margin: 0px 0px 0px 10px;
        width: 95%; } }
    .syouhyou-conte table tr {
      border-bottom: 1px #E6E5E5 dashed;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .syouhyou-conte table tr {
          flex-direction: row;
          width: 100%; } }
    .syouhyou-conte table th {
      width: 100%;
      text-align: center;
      background-color: #FFFFFF;
      padding: 15px 10px;
      border-right: #E3E3E3 solid 1px; }
      @media screen and (min-width: 768px) {
        .syouhyou-conte table th {
          width: 25%; } }
    .syouhyou-conte table td {
      width: 100%;
      text-align: left;
      padding: 15px 15px;
      background-color: #FFFFFF; }
      @media screen and (min-width: 768px) {
        .syouhyou-conte table td {
          width: 70%; } }

#sosikizu-conte {
  padding: 30px 5px;
  background-color: #F9FFEC;
  text-align: center; }
  #sosikizu-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      #sosikizu-conte p {
        text-align: center; } }
  #sosikizu-conte h2 {
    margin: 2%;
    background-color: #FFFFFF;
    color: #969292;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #969292; }
    @media screen and (min-width: 768px) {
      #sosikizu-conte h2 {
        font-size: 25px; } }
  #sosikizu-conte .box img {
    border-radius: 10px;
    margin: auto;
    padding: 10px 30px; }
    @media screen and (min-width: 768px) {
      #sosikizu-conte .box img {
        width: 800px; } }
  #sosikizu-conte .box2 {
    margin: auto; }
    @media screen and (min-width: 768px) {
      #sosikizu-conte .box2 {
        width: 500px; } }
    #sosikizu-conte .box2 table {
      margin: 10px auto;
      width: 95%;
      background-color: #FFFFFF;
      border: #BABABA 1px solid; }
      @media screen and (min-width: 768px) {
        #sosikizu-conte .box2 table {
          width: 95%;
          margin: auto; } }
      #sosikizu-conte .box2 table tr {
        border-bottom: 1px #E6E5E5 dashed;
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 768px) {
          #sosikizu-conte .box2 table tr {
            flex-direction: row;
            width: 100%; } }
      #sosikizu-conte .box2 table th {
        width: 100%;
        text-align: center;
        background-color: #D5EFF8;
        padding: 15px 10px; }
        @media screen and (min-width: 768px) {
          #sosikizu-conte .box2 table th {
            width: 70%; } }
      #sosikizu-conte .box2 table td {
        width: 100%;
        text-align: center;
        padding: 15px 10px;
        background-color: #FFFFFF; }
        @media screen and (min-width: 768px) {
          #sosikizu-conte .box2 table td {
            width: 25%; } }

.text-conte {
  padding: 30px 5px;
  background-color: #FBFBFB;
  text-align: center; }
  .text-conte p {
    text-align: left;
    line-height: 2em; }
    @media screen and (min-width: 768px) {
      .text-conte p {
        text-align: left; } }
  .text-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .text-conte h2 {
        font-size: 25px; } }
  .text-conte .f-box1 {
    align-self: center;
    background-color: #FFFFFF;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .text-conte .f-box1 p {
        font-size: 1.1em; } }

#time {
  text-align: center;
  border-bottom: 1px dashed #746F6F;
  margin-bottom: 10px;
  padding-top: 30px; }
  #time img {
    margin: 10px auto 30px auto; }
  @media screen and (min-width: 768px) {
    #time {
      margin-bottom: 30px; } }

.gaikan-box {
  margin: 10px;
  background-color: #FFFFFF;
  padding: 10px; }
  .gaikan-box .f-box1 {
    align-self: center; }
    .gaikan-box .f-box1 p {
      padding: 10px;
      background-color: #FFDE57; }
  @media screen and (min-width: 768px) {
    .gaikan-box {
      margin: auto; } }

.sisetu-conte {
  background-color: #9CDBDB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .sisetu-conte h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .sisetu-conte h2 {
        font-size: 25px; } }
  .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;
      font-size: 0.9em; }
    .sisetu-conte .sisetu-box img {
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .sisetu-conte .sisetu-box {
        flex-basis: 40%;
        margin-left: 2%;
        margin-right: 2%; } }

.setubi-conte {
  background-color: #FBFBFB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .setubi-conte h2 {
    margin: 2%;
    color: #787878;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #808080; }
    @media screen and (min-width: 768px) {
      .setubi-conte h2 {
        font-size: 25px; } }
  .setubi-conte .setubi-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .setubi-conte .setubi-box h3 {
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .setubi-conte .setubi-box p {
      text-align: center;
      font-size: 0.9em; }
    .setubi-conte .setubi-box img {
      border-radius: 3%; }
    @media screen and (min-width: 768px) {
      .setubi-conte .setubi-box {
        flex-basis: 26%;
        margin-left: 2%;
        margin-right: 2%; } }

.nagare {
  background-color: #9CDBDB;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .nagare h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    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: 25px;
  background-image: url(../sozai/cure/ya.png);
  background-repeat: no-repeat;
  background-position: center bottom; }

.top-mbox {
  margin: 10px;
  background-color: #FFFFFF;
  padding: 10px 0px 10px; }
  @media screen and (min-width: 768px) {
    .top-mbox {
      margin: auto;
      padding: 50px 0px 40px; } }
  .top-mbox .mox1 img {
    margin: auto;
    width: 30%;
    margin: 10px auto; }
  @media screen and (min-width: 768px) {
    .top-mbox .mox1 {
      flex-basis: 20%; }
      .top-mbox .mox1 img {
        width: 90%;
        padding: 10px 20px 10px 0px; } }
  .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: 75%;
        padding-left: 10px; } }

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

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

.top-staff {
  margin: 10px;
  background-color: #FFFFFF;
  padding: 10px 0px 10px; }
  @media screen and (min-width: 768px) {
    .top-staff {
      margin: auto;
      padding: 50px 0px 40px; } }
  .top-staff .mox1 img {
    margin: auto;
    margin: 10px auto; }
  @media screen and (min-width: 768px) {
    .top-staff .mox1 {
      flex-basis: 48%; }
      .top-staff .mox1 img {
        width: 90%;
        padding: 10px 20px 10px 0px; } }
  .top-staff .mox2 {
    flex-basis: 100%;
    align-self: center; }
    .top-staff .mox2 h1 {
      text-align: left;
      padding: 10px; }
    .top-staff .mox2 p {
      padding-top: 10px;
      text-align: left; }
    @media screen and (min-width: 768px) {
      .top-staff .mox2 {
        flex-basis: 50%;
        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 10px; } }
  .nayami .nayami-box p {
    text-align: left;
    font-size: 1.2em;
    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 0px;
    padding: 10px 0px; }
    @media screen and (min-width: 768px) {
      .nayami .nayami-box li {
        width: 48%;
        margin: 10px 1%; } }

.list-conte {
  background-color: #E9F87D;
  text-align: center;
  padding: 35px 10px; }
  .list-conte h2 {
    margin: 10px auto 10px;
    border-color: #494949;
    color: #494949; }
  .list-conte .box {
    padding: 30px 10px 30px 10px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    border-radius: 7px; }
    @media screen and (min-width: 768px) {
      .list-conte .box {
        background-size: auto;
        padding: 50px 10px;
        margin: 10px auto; } }
    .list-conte .box p {
      text-align: left;
      font-size: 1.2em;
      line-height: 1.8em;
      padding: 10px; }
    .list-conte .box ul {
      border-radius: 7px;
      padding: 5px;
      margin: 5px;
      list-style-position: inside;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .list-conte .box ul {
          margin: auto;
          background-size: contain;
          font-size: 1.1em; } }
    .list-conte .box li {
      width: 100%;
      border-bottom: 1px dashed #A7A7A7;
      margin: 10px 0px;
      padding: 10px 0px; }
      @media screen and (min-width: 768px) {
        .list-conte .box li {
          width: 48%;
          margin: 10px 1%; } }

#sai-toku {
  padding: 30px 0px 10px;
  text-align: center; }
  #sai-toku h2 {
    margin: 20px auto;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #sai-toku h2 {
        font-size: 25px; } }
  #sai-toku .sai-toku-box {
    background-color: #FFFFFF;
    margin: 10px 2%;
    padding: 20px 0px 20px;
    border-radius: 5px; }
    @media screen and (min-width: 768px) {
      #sai-toku .sai-toku-box {
        background-size: auto;
        padding: 10px;
        margin: 50px 15px; } }
    #sai-toku .sai-toku-box p {
      text-align: left;
      font-size: 1.2em;
      line-height: 1.8em;
      padding: 10px; }
    #sai-toku .sai-toku-box ul {
      border-radius: 7px;
      padding: 5px;
      margin: 5px;
      list-style-position: inside;
      text-align: left; }
      @media screen and (min-width: 768px) {
        #sai-toku .sai-toku-box ul {
          margin: auto;
          background-size: contain;
          font-size: 1.1em; } }
    #sai-toku .sai-toku-box li {
      width: 100%;
      border-bottom: 1px dashed #A7A7A7;
      margin: 10px 0px;
      padding: 10px 0px; }
      @media screen and (min-width: 768px) {
        #sai-toku .sai-toku-box li {
          width: 48%;
          margin: 10px 1%; } }

.s1 {
  background-color: #9CDBDB;
  padding: 35px 10px 50px;
  text-align: center; }
  .s1 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s1 h2 {
        font-size: 25px; } }
  .s1 .messe {
    margin: 10px auto 20px;
    background-color: #FFFFFF;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left;
    border-radius: 15px; }
    @media screen and (min-width: 768px) {
      .s1 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 30px;
        padding-top: 30px;
        font-size: 1.2em; } }
    .s1 .messe strong {
      color: #E9097F; }
  .s1 .box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .s1 .box h3 {
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .s1 .box p {
      text-align: left;
      font-size: 0.9em; }
    .s1 .box img {
      margin-bottom: 10px;
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .s1 .box {
        flex-basis: 22%;
        margin-left: 1%;
        margin-right: 1%; } }

.s1-1 {
  background-color: #9CDBDB;
  padding: 35px 10px 50px;
  text-align: center; }
  .s1-1 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s1-1 h2 {
        font-size: 25px; } }
  .s1-1 .messe {
    margin: 10px auto 20px;
    background-color: #FFFFFF;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left;
    border-radius: 15px; }
    @media screen and (min-width: 768px) {
      .s1-1 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 30px;
        padding-top: 30px;
        font-size: 1.2em; } }
    .s1-1 .messe strong {
      color: #E9097F; }
  .s1-1 .box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF;
    flex-basis: 90%; }
    @media screen and (min-width: 768px) {
      .s1-1 .box {
        flex-basis: 85%;
        margin-left: 1%;
        margin-right: 1%; } }
    .s1-1 .box h3 {
      text-align: center;
      background-color: #F9890C;
      color: #FFFFFF;
      padding: 5px;
      font-weight: bold;
      margin: 0px; }
    .s1-1 .box h4 {
      text-align: center;
      color: #1BABAD;
      font-weight: bold; }
    .s1-1 .box p {
      text-align: left;
      font-size: 0.9em;
      padding: 5px 0px; }
    .s1-1 .box img {
      margin: 0px auto 10px;
      border-radius: 0%; }
    .s1-1 .box table {
      margin: 10px auto;
      text-align: center; }
      .s1-1 .box table th {
        background-color: #FFDA6E;
        font-weight: normal;
        padding: 5px; }
    .s1-1 .box .ya {
      background-image: url(../sozai/inpuranto/y1.jpg);
      background-repeat: no-repeat;
      background-position: center;
      height: 40px; }

.s1-3 {
  background-color: #9CDBDB;
  padding: 35px 10px 50px;
  text-align: center; }
  .s1-3 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s1-3 h2 {
        font-size: 25px; } }
  .s1-3 .messe {
    margin: 10px auto 20px;
    background-color: #FFFFFF;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left;
    border-radius: 15px; }
    @media screen and (min-width: 768px) {
      .s1-3 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 30px;
        padding-top: 30px;
        font-size: 1.2em; } }
    .s1-3 .messe strong {
      color: #E9097F; }
  .s1-3 .box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF;
    flex-basis: 90%; }
    @media screen and (min-width: 768px) {
      .s1-3 .box {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }
    .s1-3 .box h3 {
      text-align: center;
      background-color: #F9890C;
      color: #FFFFFF;
      padding: 5px;
      font-weight: bold;
      margin: 0px; }
    .s1-3 .box h4 {
      text-align: center;
      color: #1BABAD;
      font-weight: bold; }
    .s1-3 .box p {
      text-align: left;
      font-size: 0.9em;
      padding: 5px 0px; }
    .s1-3 .box img {
      margin: 0px auto 10px;
      border-radius: 0%; }
    .s1-3 .box table {
      margin: 10px auto;
      text-align: center; }
      .s1-3 .box table th {
        background-color: #FFDA6E;
        font-weight: normal;
        padding: 5px; }
    .s1-3 .box .ya {
      background-image: url(../sozai/inpuranto/y1.jpg);
      background-repeat: no-repeat;
      background-position: center;
      height: 40px; }

.s1-4 {
  background-color: #9CDBDB;
  padding: 35px 10px 50px;
  text-align: center; }
  .s1-4 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s1-4 h2 {
        font-size: 25px; } }
  .s1-4 .messe {
    margin: 10px auto 20px;
    background-color: #FFFFFF;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left;
    border-radius: 15px; }
    .s1-4 .messe ul {
      padding: 15px;
      list-style-type: none; }
    .s1-4 .messe h3 {
      margin-top: 5px;
      font-size: 1.2em;
      color: #0A9485; }
    @media screen and (min-width: 768px) {
      .s1-4 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 1.2em; } }
    .s1-4 .messe strong {
      color: #E9097F; }
  .s1-4 .box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF;
    flex-basis: 90%; }
    @media screen and (min-width: 768px) {
      .s1-4 .box {
        flex-basis: 22%;
        margin-left: 1%;
        margin-right: 1%; } }
    .s1-4 .box h3 {
      text-align: center;
      background-color: #F9890C;
      color: #FFFFFF;
      padding: 5px;
      font-weight: bold;
      margin: 0px; }
    .s1-4 .box h4 {
      text-align: center;
      color: #1BABAD;
      font-weight: bold; }
    .s1-4 .box p {
      text-align: left;
      font-size: 0.9em; }
    .s1-4 .box img {
      margin: 0px auto 10px;
      border-radius: 0%; }
    .s1-4 .box .ya {
      background-image: url(../sozai/inpuranto/y1.jpg);
      background-repeat: no-repeat;
      background-position: center;
      height: 40px; }

.s2 {
  background-color: #FDCB50;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .s2 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s2 h2 {
        font-size: 25px; } }
  .s2 .box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    border-radius: 5%;
    background-color: #FFFFFF;
    padding: 15px 10px 0px 10px; }
    .s2 .box h3 {
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .s2 .box p {
      text-align: left;
      font-size: 1.1em; }
    .s2 .box strong {
      color: #EF550F; }
    .s2 .box img {
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .s2 .box {
        flex-basis: 18%;
        margin-left: 1%;
        margin-right: 1%; } }

.s3 {
  background-color: #FFFFFF;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .s3 h2 {
    margin: 2%;
    color: #7E7E7E;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #9B9B9B; }
    @media screen and (min-width: 768px) {
      .s3 h2 {
        font-size: 25px; } }
  .s3 .messe {
    margin-right: auto;
    margin-left: auto;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .s3 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 50px;
        padding-top: 30px;
        font-size: 1.2em; } }
    .s3 .messe strong {
      color: #E9097F; }
  .s3 .pic1 {
    margin-right: auto;
    margin-left: auto;
    padding: 10px 10px; }
    .s3 .pic1 img {
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .s3 .pic1 {
        margin-right: auto;
        margin-left: auto;
        max-width: 850px;
        padding-bottom: 50px;
        padding-top: 30px; } }
  .s3 .box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding: 10px;
    background-color: #FFFBFD;
    flex-basis: 80%; }
    .s3 .box h3 {
      text-align: center;
      color: #EC3F65;
      font-weight: bold; }
    .s3 .box p {
      text-align: left;
      font-size: 0.9em; }
    .s3 .box img {
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .s3 .box {
        flex-basis: 30%;
        margin-left: 1%;
        margin-right: 1%; } }

.s4 {
  background-color: #F5F5F5;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .s4 h2 {
    margin: 2%;
    color: #7E7E7E;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #9B9B9B; }
    @media screen and (min-width: 768px) {
      .s4 h2 {
        font-size: 25px; } }
  .s4 .box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    background-color: #FFFFFF; }
    .s4 .box h3 {
      text-align: center;
      color: #DDAF26;
      font-weight: bold; }
    .s4 .box p {
      text-align: left;
      font-size: 0.9em; }
    .s4 .box img {
      border-radius: 0%; }
    @media screen and (min-width: 768px) {
      .s4 .box {
        flex-basis: 22%;
        margin-left: 1%;
        margin-right: 1%; } }

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

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

.s6 {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #F9F9F9; }
  .s6 h2 {
    font-size: 1.2em; }
  .s6 h3 {
    text-align: center;
    color: #0E75A0;
    font-weight: bold;
    font-size: 1.5em; }
  .s6 .box {
    margin: 10px auto;
    background-color: #FFFFFF;
    padding: 10px; }
    .s6 .box .mox1 {
      align-self: left; }
      .s6 .box .mox1 p {
        padding: 10px;
        text-align: left; }
      .s6 .box .mox1 strong {
        color: #EC0E4C; }
      .s6 .box .mox1 img {
        border-radius: 10px;
        margin: auto; }
      .s6 .box .mox1 ul {
        text-align: left;
        padding: 10px; }
        .s6 .box .mox1 ul li {
          padding: 10px; }
      @media screen and (min-width: 768px) {
        .s6 .box .mox1 {
          flex-basis: 50%;
          margin: auto; }
          .s6 .box .mox1 h2 {
            font-size: 1.5em; }
          .s6 .box .mox1 p {
            font-size: 1.0em; }
          .s6 .box .mox1 ul {
            padding: 10px 30px; } }
    .s6 .box .mox95 {
      align-self: left; }
      .s6 .box .mox95 p {
        padding: 10px;
        text-align: left; }
      .s6 .box .mox95 strong {
        color: #EC0E4C; }
      .s6 .box .mox95 img {
        border-radius: 10px;
        margin: auto; }
      .s6 .box .mox95 ul {
        text-align: left;
        padding: 10px; }
        .s6 .box .mox95 ul li {
          padding: 10px; }
      @media screen and (min-width: 768px) {
        .s6 .box .mox95 {
          flex-basis: 95%;
          margin: auto; }
          .s6 .box .mox95 h2 {
            font-size: 1.5em; }
          .s6 .box .mox95 p {
            font-size: 1.0em; }
          .s6 .box .mox95 ul {
            padding: 10px 30px; } }

.s7 {
  background-color: #0FADC0;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .s7 strong {
    color: #C30D10; }
  .s7 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s7 h2 {
        font-size: 25px; } }
  .s7 .messe {
    margin-right: auto;
    margin-left: auto;
    padding: 10px 10px;
    line-height: 1.8em;
    text-align: left;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s7 .messe {
        margin-right: auto;
        margin-left: auto;
        max-width: 950px;
        padding-bottom: 30px;
        padding-top: 30px;
        font-size: 1.2em; } }
    .s7 .messe strong {
      color: #DCFB00;
      font-weight: normal; }
  .s7 .box {
    margin: 20px 10px;
    background-color: #FFFFFF;
    padding: 0px 10px 10px; }
    .s7 .box h3 {
      text-align: left;
      background: #108187;
      color: #FFFFFF;
      padding: 10px; }
    .s7 .box p {
      padding-top: 10px;
      text-align: left;
      font-size: 1.0em; }
    .s7 .box img {
      border-radius: 10px;
      margin: auto; }
    .s7 .box ol {
      text-align: left;
      padding: 5px 10px;
      margin: 0px 10px;
      font-size: 1.0em; }
      .s7 .box ol li {
        padding: 10px; }
    @media screen and (min-width: 768px) {
      .s7 .box {
        margin: 20px auto 50px; }
        .s7 .box p {
          font-size: 1.1em;
          line-height: 1.8em; }
        .s7 .box ol {
          font-size: 1.2em; } }

.s8 {
  background-color: #F7F7F7;
  padding-top: 35px;
  padding-bottom: 50px;
  text-align: center; }
  .s8 strong {
    color: #C30D10; }
  .s8 h2 {
    margin: 2%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    display: inline-block;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      .s8 h2 {
        font-size: 25px; } }
  .s8 .box {
    margin: 20px 10px;
    background-color: #F9F9F9;
    padding: 0px; }
    .s8 .box h3 {
      text-align: left;
      background: #FFFFFF;
      color: #F1940E;
      padding: 10px; }
    .s8 .box p {
      padding-top: 10px;
      text-align: left; }
    @media screen and (min-width: 768px) {
      .s8 .box {
        margin: 20px auto; } }
  .s8 .button {
    font-size: 1.3em; }

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

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

.gaiyo {
  line-height: 2em;
  padding: 10px; }
  .gaiyo h2 {
    color: #08525E;
    font-size: 1.7em;
    border: none;
    border-bottom: solid 2px;
    padding-bottom: 5px; }
  .gaiyo strong {
    color: #F10E63; }
  .gaiyo table {
    margin: auto;
    border: 1px solid #aaa; }
    @media screen and (min-width: 768px) {
      .gaiyo table {
        width: 800px; } }
    .gaiyo table th, .gaiyo table td {
      border: 1px solid #aaa;
      padding: 1em 1em;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .gaiyo table th, .gaiyo table td {
          padding: 1.5em 3em; } }
    .gaiyo table tbody th {
      background-color: #E9FF87;
      text-align: center; }
    .gaiyo table tbody td {
      background-color: #FFFFFF; }

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

footer {
  background-color: #ECEDED;
  padding-top: 30px;
  padding-bottom: 30px; }
  footer .flex-conte {
    justify-content: space-between; }
  footer .f-box2 {
    flex-basis: 60%;
    margin: 2%; }
    @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; }

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

.gaiyou-h {
  background-color: #CCEEF1; }

.siki-h {
  background-image: url(../sozai/siki-tetu/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; }

.price-mini-box {
  background-color: #FEEAED;
  text-align: center;
  border: solid 1px #BEBEBE;
  margin-top: 20px; }
  .price-mini-box p {
    padding: 10px; }