@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */
/* gradation */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  counter-reset: number 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.6;
  color: #000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  word-wrap: break-word;
  overflow: hidden; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-weight: 500; }

.inner {
  margin: 0 auto;
  max-width: 960px; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    .inner {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media only screen and (max-width: 468px) {
    .inner {
      padding-left: 10px !important;
      padding-right: 10px !important; } }

#contents_wrap {
  width: 100%;
  min-width: 100%;
  margin-bottom: 70px; }

#contents {
  width: 100%;
  max-width: 960px;
  background-color: transparent; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media only screen and (max-width: 468px) {
    #contents {
      padding-left: 10px !important;
      padding-right: 10px !important; } }

#main {
  width: 100%; }

#main #col_main {
  width: 100%; }

.pankuzu {
  margin: 5px 0 50px 0; }
  .pankuzu a {
    color: #ffad94;
    font-weight: bold; }
    .pankuzu a:hover {
      text-decoration: underline; }

.error_link a {
  color: #ffad94;
  font-weight: bold; }
  .error_link a:hover {
    text-decoration: underline; }

.map {
  margin: 56px 20px 0; }

.map li {
  border-left: 5px solid #fcdfd9;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left; }
  .map li:last-of-type {
    display: none; }

table {
  table-layout: fixed; }

table td {
  padding: 0 !important; }

.tlauto table {
  table-layout: auto; }

table td img {
  height: auto !important; }

.pdtd10 td {
  padding: 10px !important; }

pre {
  margin: 0;
  padding: 0;
  white-space: pre-line; }

b, strong {
  font-weight: bold; }

u {
  text-decoration: line-through; }

img {
  max-width: 100%;
  height: auto !important; }

small {
  display: block;
  font-size: 13px; }

hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #B3B3B3; }

span {
  font-weight: inherit; }

u {
  text-decoration: underline; }

b {
  font-weight: bold; }

input[type="button"] {
  cursor: pointer;
  padding: 5px 10px; }

a {
  text-decoration: none;
  -webkit-transition: all .8s;
  transition: all .3s; }

a:hover {
  opacity: 1; }

@media screen and (min-width: 469px) and (max-width: 768px) {
  .imgR, .imgL {
    max-width: 30% !important; } }
@media only screen and (max-width: 468px) {
  .imgR, .imgL {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 100% !important;
    text-align: center; } }

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media only screen and (max-width: 468px) {
  .fltL {
    float: none;
    width: 100% !important; }

  .fltR {
    float: none;
    width: 100% !important; }

  .sptal {
    text-align: left !important; }

  .sptar {
    text-align: right !important; }

  .sptac {
    text-align: center !important; }

  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px; } }
header#global_header {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  height: auto; }
  @media only screen and (max-width: 468px) {
    header#global_header {
      padding-top: 48px; } }

#header {
  width: 100%;
  background: url(../images/common/line_hed.gif);
  background-color: #fff5e2;
  background-repeat: repeat-x;
  background-position: top left;
  padding: 25px 10px 13px 10px; }
  @media only screen and (max-width: 468px) {
    #header {
      padding: 10px; } }
  #header .hed_inner {
    max-width: 1820px;
    margin: 0 auto; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    #header .fltL {
      width: 30%; } }
  #header #siteID {
    margin-top: 10px; }
    @media only screen and (max-width: 468px) {
      #header #siteID {
        width: 50%;
        margin: 10px auto; } }
    #header #siteID a {
      opacity: 1; }
  #header .wrap_info {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 408px; }
  #header #hed_info {
    font-size: 18px;
    line-height: 1.5;
    text-align: left; }
    @media screen and (min-width: 469px) and (max-width: 768px) {
      #header #hed_info {
        font-size: 16px; } }
    @media only screen and (max-width: 468px) {
      #header #hed_info {
        width: 50%;
        font-size: 13px;
        text-align: center; } }
    #header #hed_info .tel {
      font-size: 24px;
      font-weight: bold;
      color: #57bd47;
      letter-spacing: 1px;
      text-align: left; }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #header #hed_info .tel {
          font-size: 20px; } }
      #header #hed_info .tel:before {
        content: url(../images/common/icon_tel.png);
        display: inline-block;
        margin-right: 10px;
        vertical-align: text-top; }
        @media only screen and (max-width: 468px) {
          #header #hed_info .tel:before {
            content: ""; } }
      #header #hed_info .tel a {
        font-size: 4vw;
        font-weight: bold;
        color: #57bd47;
        letter-spacing: 1px;
        line-height: 1; }
        #header #hed_info .tel a:before {
          content: url(../images/common/icon_tel.png);
          display: inline-block;
          margin-right: 5px;
          vertical-align: text-top; }
  #header .btn_syushi {
    width: 180px;
    height: 90px;
    display: table;
    margin-left: 10px; }
    @media only screen and (max-width: 468px) {
      #header .btn_syushi {
        width: 50%;
        height: 70px; } }
    #header .btn_syushi a {
      width: 100%;
      display: table-cell;
      border-radius: 20px;
      vertical-align: middle;
      background: #ffbd8a;
      background: -moz-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffbd8a), color-stop(100%, #ea5150));
      background: -webkit-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
      background: -o-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
      background: -ms-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
      background: linear-gradient(to right, #ffbd8a 0%, #ea5150 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #header .btn_syushi a {
          width: 100px;
          padding: 21px 0;
          font-size: 16px; } }
      @media only screen and (max-width: 468px) {
        #header .btn_syushi a {
          width: 100%;
          max-width: 210px;
          margin: 0 10px;
          font-size: 16px; } }
      #header .btn_syushi a:hover {
        color: #fbd444; }

#nav_global {
  background-color: #fcdfd9; }
  @media only screen and (max-width: 468px) {
    #nav_global {
      display: none; } }
  #nav_global #gnavi {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border-top: 3px solid #fac0b7;
    border-bottom: 3px solid #fac0b7; }
    #nav_global #gnavi li {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      position: relative; }
      #nav_global #gnavi li a {
        display: block;
        border-right: 3px solid #fac0b7;
        padding: 59px 0 10px 0;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        text-decoration: none; }
        @media screen and (min-width: 469px) and (max-width: 768px) {
          #nav_global #gnavi li a {
            font-size: 13px; } }
        #nav_global #gnavi li a:hover {
          color: #ea5150; }
      #nav_global #gnavi li:first-of-type a {
        border-left: 3px solid #fac0b7; }
      #nav_global #gnavi li .sub {
        position: absolute;
        top: 105px;
        left: 0px;
        width: 100%;
        background-color: #fcdfd9;
        z-index: 100; }
        #nav_global #gnavi li .sub li {
          float: none;
          border-bottom: 2px solid #ffad94; }
          #nav_global #gnavi li .sub li a {
            display: block;
            padding: 15px;
            background-image: none !important;
            border: none;
            text-align: left; }
    #nav_global #gnavi .navIcon a {
      background-position: top 13px center;
      background-repeat: no-repeat; }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #nav_global #gnavi .navIcon a {
          background-size: 24%; } }
    #nav_global #gnavi .nav01 a {
      background-image: url(../images/common/icon_nav01.png); }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #nav_global #gnavi .nav01 a {
          background-size: 33%; } }
    #nav_global #gnavi .nav02 a {
      background-image: url(../images/common/icon_nav02.png); }
    #nav_global #gnavi .nav03 a {
      background-image: url(../images/common/icon_nav03.png); }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #nav_global #gnavi .nav03 a {
          background-size: 33%; } }
    #nav_global #gnavi .nav04 a {
      background-image: url(../images/common/icon_nav04.png); }
    #nav_global #gnavi .nav05 a {
      background-image: url(../images/common/icon_nav05.png); }
    #nav_global #gnavi .nav06 a {
      background-image: url(../images/common/icon_nav06.png); }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        #nav_global #gnavi .nav06 a {
          background-size: 33%; } }

#mainArea {
  width: 100%;
  overflow: hidden; }
  #mainArea #slider {
    width: 100%;
    max-width: 1700px;
    margin: 30px auto;
    position: relative; }
    @media screen and (min-width: 469px) and (max-width: 768px) {
      #mainArea #slider {
        margin-top: 10px; } }
    @media only screen and (max-width: 468px) {
      #mainArea #slider {
        margin: 0 auto 10px auto; } }
    #mainArea #slider li {
      margin: 10px;
      border-radius: 15px !important;
      border: 10px solid #ffad94;
      border-radius: 20px; }
      @media only screen and (max-width: 768px) {
        #mainArea #slider li {
          border: 5px solid #ffad94; } }
      #mainArea #slider li img {
        width: 100%;
        height: auto;
        border-radius: 3px; }

.mean-container .mean-bar {
  background: #ffad94 !important;
  position: fixed !important; }

.mean-container .mean-nav {
  background: #fcdfd9 !important; }

.mean-container .mean-nav ul li a {
  border-top: 1px solid #fff !important;
  padding: 1.5% 5% !important;
  color: #000 !important; }

footer#global_footer {
  width: 100%;
  min-width: 100% !important;
  height: auto;
  padding-top: 25px;
  margin-top: auto;
  border-top: 3px solid #ffad94;
  font-size: 13px; }
  footer#global_footer a {
    font-size: 13px;
    color: #000;
    text-decoration: none; }
    footer#global_footer a:hover {
      text-decoration: underline; }
  footer#global_footer #pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      footer#global_footer #pagetop {
        bottom: 10px;
        right: 5px; } }
  footer#global_footer #nav_footer {
    margin-bottom: 30px;
    display: inline-block;
    padding: 0 6%; }
    @media only screen and (max-width: 468px) {
      footer#global_footer #nav_footer {
        display: none; } }
    footer#global_footer #nav_footer li {
      display: inline-block; }
      footer#global_footer #nav_footer li:before {
        content: "|";
        padding: 0 8px; }
      footer#global_footer #nav_footer li:first-child:before {
        content: ""; }
      footer#global_footer #nav_footer li a {
        text-decoration: none; }
        footer#global_footer #nav_footer li a:hover {
          opacity: 1;
          text-decoration: underline; }
  footer#global_footer address {
    margin-bottom: 50px;
    text-align: center; }
    @media only screen and (max-width: 468px) {
      footer#global_footer address {
        margin-bottom: 20px; } }
    footer#global_footer address .fotID {
      margin-bottom: 10px; }
      footer#global_footer address .fotID a {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none; }
  footer#global_footer #copy {
    background: url(../images/common/line_hed.gif) repeat-x;
    background-position: bottom left;
    padding-bottom: 10px; }
    footer#global_footer #copy a {
      text-decoration: none; }

/* index.html */
.index_contents #contents {
  max-width: 100%; }

.wrap_topInfo {
  background: url(../images/contents/bg_greenL.png), url(../images/contents/bg_greenR.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top 2% left 5%, bottom 2% right 5%; }
  @media only screen and (max-width: 768px) {
    .wrap_topInfo {
      background: none; } }

.bgAbout {
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  padding: 70px 0 240px 0;
  background: url(../images/contents/bg_aboutC.png);
  background-color: #fff;
  background-position: bottom 30px center;
  border: 2px solid #eac2ff;
  background-repeat: no-repeat;
  border-radius: 20px; }
  @media only screen and (max-width: 768px) {
    .bgAbout {
      padding-top: 40px;
      background-size: 70%; } }
  @media only screen and (max-width: 468px) {
    .bgAbout {
      padding: 20px 0 130px 0; } }
  .bgAbout:before {
    content: "";
    width: 25%;
    height: 180px;
    display: block;
    position: absolute;
    bottom: 8%;
    left: 0;
    background-image: url(../images/contents/bg_aboutL.png);
    background-repeat: no-repeat; }
    @media only screen and (max-width: 768px) {
      .bgAbout:before {
        background-size: 95%; } }
    @media only screen and (max-width: 468px) {
      .bgAbout:before {
        bottom: -9%; } }
  .bgAbout:after {
    content: "";
    width: 25%;
    height: 180px;
    display: block;
    position: absolute;
    bottom: 8%;
    right: 0;
    background-image: url(../images/contents/bg_aboutR.png);
    background-repeat: no-repeat; }
    @media only screen and (max-width: 768px) {
      .bgAbout:after {
        background-size: 95%; } }
    @media only screen and (max-width: 468px) {
      .bgAbout:after {
        bottom: -9%; } }

.inner860 {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 10px; }

.wrap_green {
  margin-top: 70px;
  background: url(../images/contents/bg_leafL.png), url(../images/contents/bg_leafR.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top 30% left 3%, top 30% right 3%;
  background-size: 20%, 20%; }
  @media only screen and (max-width: 768px) {
    .wrap_green {
      background: none; } }

.top_ttlAbout {
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  @media only screen and (max-width: 468px) {
    .top_ttlAbout {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 768px) {
    .top_ttlAbout img {
      width: 90% !important; } }

.img_pnk {
  margin-top: -80px; }
  @media only screen and (max-width: 468px) {
    .img_pnk {
      margin-top: 0; } }
  .img_pnk img {
    border: 10px solid #ffad94;
    border-radius: 180px; }
    @media only screen and (max-width: 768px) {
      .img_pnk img {
        border: 5px solid #ffad94; } }

.img_grn {
  margin-top: -80px; }
  @media only screen and (max-width: 468px) {
    .img_grn {
      margin-top: 0; } }
  .img_grn img {
    border: 10px solid #7ad562;
    border-radius: 180px; }
    @media only screen and (max-width: 768px) {
      .img_grn img {
        border: 5px solid #7ad562; } }

.wrap_topNews {
  margin-top: 60px;
  padding: 40px 100px 70px 100px;
  background: url(../images/contents/bg_newsL.png), url(../images/contents/bg_newsR.png);
  background-color: #fff;
  background-repeat: no-repeat, no-repeat;
  background-position: top 3% left 2%, top 3% right 2%;
  border: 2px solid #ffad94;
  border-radius: 20px; }
  @media only screen and (max-width: 768px) {
    .wrap_topNews {
      background-size: 15%, 15%; } }

.top_ttlNews {
  padding-bottom: 30px; }
  @media only screen and (max-width: 468px) {
    .top_ttlNews {
      padding-bottom: 0; } }

.wrap_news {
  height: 240px;
  overflow-x: auto;
  padding-right: 10px; }
  .wrap_news .news_txt {
    border-bottom: 1px dotted #ccc;
    margin-top: 15px;
    padding: 15px 0; }
    .wrap_news .news_txt td {
      padding: 0 3px !important;
      vertical-align: top; }
      .wrap_news .news_txt td:first-of-type {
        width: 130px; }

@media screen and (min-width: 469px) and (max-width: 768px) {
  .tabsp_ttlSize img {
    width: 40% !important; } }
@media only screen and (max-width: 468px) {
  .tabsp_ttlSize img {
    width: 70% !important; } }

@media only screen and (max-width: 768px) {
  .tabsp_ttlSize02 img {
    width: 50% !important; } }
@media only screen and (max-width: 468px) {
  .tabsp_ttlSize02 img {
    width: 70% !important; } }

@media screen and (min-width: 469px) and (max-width: 768px) {
  .tabsp_ttlSize03 img {
    width: 30% !important; } }
@media only screen and (max-width: 468px) {
  .tabsp_ttlSize03 img {
    width: 65% !important; } }

/* policy.html */
.tbl_poli td {
  padding: 20px !important;
  background-color: #fff; }
  .tbl_poli td:first-of-type {
    width: 200px;
    background-color: #fcdfd9;
    text-align: center; }
    @media screen and (min-width: 469px) and (max-width: 768px) {
      .tbl_poli td:first-of-type {
        width: 30%; } }
    @media only screen and (max-width: 468px) {
      .tbl_poli td:first-of-type {
        text-align: left; } }

@media only screen and (max-width: 468px) {
  .tbl_poli02 table {
    table-layout: auto !important; } }
.tbl_poli02 td {
  padding: 10px !important;
  background-color: #fff;
  text-align: center;
  line-height: 1; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    .tbl_poli02 td {
      padding: 10px 3px !important; } }
  @media only screen and (max-width: 468px) {
    .tbl_poli02 td {
      min-width: 80px; } }
  .tbl_poli02 td:first-of-type {
    background-color: #fcdfd9;
    font-weight: bold; }
.tbl_poli02 tr:nth-of-type(odd) td {
  background-color: #fcdfd9;
  font-weight: bold; }

@media only screen and (max-width: 468px) {
  .tbl_poli03 table {
    table-layout: auto !important; } }
.tbl_poli03 td {
  padding: 10px !important;
  background-color: #fff;
  text-align: center; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    .tbl_poli03 td {
      padding: 10px 3px !important; } }
  .tbl_poli03 td:first-of-type {
    background-color: #fcdfd9;
    font-weight: bold; }

.wrap_ppl {
  padding: 4%;
  background-color: #fff;
  border: 2px solid #eac2ff;
  border-radius: 20px; }
  .wrap_ppl h4 {
    margin-top: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #ffad94;
    line-height: 1.3; }
    @media screen and (min-width: 469px) and (max-width: 768px) {
      .wrap_ppl h4 {
        font-size: 20px; } }
    @media only screen and (max-width: 468px) {
      .wrap_ppl h4 {
        font-size: 18px; } }
  .wrap_ppl h4 + br {
    display: none; }

.tbl_poli04 td {
  vertical-align: top; }
  .tbl_poli04 td:first-of-type {
    width: 40px; }
    @media only screen and (max-width: 468px) {
      .tbl_poli04 td:first-of-type {
        width: 40px !important; } }

.tbl_poli05 {
  padding: 4%;
  background-color: #fff;
  border: 2px solid #eac2ff;
  border-radius: 20px; }
  .tbl_poli05 td {
    padding: 10px !important;
    border-bottom: 2px dotted #fcdfd9 !important;
    vertical-align: top; }
    .tbl_poli05 td:first-of-type {
      width: 200px; }
      @media screen and (min-width: 469px) and (max-width: 768px) {
        .tbl_poli05 td:first-of-type {
          width: 150px; } }
      @media only screen and (max-width: 468px) {
        .tbl_poli05 td:first-of-type {
          padding-bottom: 0 !important;
          border-bottom: 0 !important;
          font-weight: bold; } }

/* entrance.html */
.tbl_entra {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: bottom 1% right 1%;
  background-size: 33%;
  border-radius: 20px; }
  @media only screen and (max-width: 468px) {
    .tbl_entra {
      height: auto !important; } }
  .tbl_entra tr:nth-of-type(2) td {
    padding: 4% !important; }
    @media only screen and (max-width: 468px) {
      .tbl_entra tr:nth-of-type(2) td {
        padding-bottom: 25% !important; } }

.tbl_entra02 {
  background-color: #fff; }
  .tbl_entra02 td {
    padding: 20px !important;
    border-bottom: 1px dotted #eac2ff !important;
    vertical-align: top; }
    .tbl_entra02 td:first-of-type {
      width: 150px; }
      @media only screen and (max-width: 468px) {
        .tbl_entra02 td:first-of-type {
          width: 130px !important; } }

@media screen and (min-width: 469px) and (max-width: 768px) {
  .tab_100per {
    margin: 0 auto !important; } }
@media screen and (min-width: 469px) and (max-width: 768px) {
  .tab_100per .wrap_nyuji {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important; } }
@media screen and (min-width: 469px) and (max-width: 768px) {
  .tab_100per .wrap_yopuji {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important; } }

/* .time {
  width: 100px;
  display: inline-block;
  background-color: #ffad94;
  border-radius: 10px;
  color: #fff;
  text-align: center; } */

/* facility.html */
.tbl_faci {
  position: relative; }
  .tbl_faci p {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 1% 2%;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: bold; }

/* syushi.html */
.tbl_syush {
  background-color: #fff;
  line-height: 1.3; }
  .tbl_syush td {
    padding: 10px !important;
    text-align: center; }
  .tbl_syush tr:first-of-type td {
    background-color: #fcdfd9; }

/* box */
.home_td02 {
  margin-left: -3%; }
  @media only screen and (max-width: 468px) {
    .home_td02 {
      margin-left: 0 !important; } }
  .home_td02 .box02 {
    float: left;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 30px; }
    @media only screen and (max-width: 468px) {
      .home_td02 .box02 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px; } }
    .home_td02 .box02 img {
      width: 100% !important; }

.home_td03 {
  margin: 40px 0 0 -2.5%; }
  @media only screen and (max-width: 468px) {
    .home_td03 {
      margin: 10px 0 0 0; } }
  .home_td03 .box03 {
    float: left;
    width: 30.8%;
    margin-left: 2.5%;
    margin-bottom: 10px; }
    @media only screen and (max-width: 468px) {
      .home_td03 .box03 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px; } }
    .home_td03 .box03 img {
      width: 100% !important; }

body header #local-keyvisual {
  position: relative;
  border-bottom: 3px solid #ffad94;
  background-color: #f5eedf;
  z-index: 1; }
  @media only screen and (max-width: 468px) {
    body header #local-keyvisual {
      border-top: 3px solid #ffad94; } }

body header #local-keyvisual #local-keyvisual-title {
  position: relative;
  margin: 0 auto;
  padding: 5% 0;
  z-index: 100; }
  body header #local-keyvisual #local-keyvisual-title h1 {
    color: #ffad94;
    font-size: 37px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4); }
    @media only screen and (max-width: 468px) {
      body header #local-keyvisual #local-keyvisual-title h1 {
        font-size: 30px; } }
  body header #local-keyvisual #local-keyvisual-title:empty {
    background-image: url(../images/common/bg_ttl.gif);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 7% 0; }

body header #local-keyvisual #local-keyvisual-bg, body header #local-keyvisual .local-keyvisual-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

.midashi01 h2 {
  margin: 70px auto 10px auto;
  padding-left: 10px;
  background-color: #ffad94;
  border-left: 10px solid #ea5150;
  font-size: 30px;
  font-weight: bold;
  color: #fff; }
  @media only screen and (max-width: 468px) {
    .midashi01 h2 {
      font-size: 24px; } }
.midashi01 h3 {
  margin: 50px auto 10px auto;
  border-bottom: 5px dotted #ffad94;
  font-size: 25px;
  font-weight: bold; }
  @media only screen and (max-width: 468px) {
    .midashi01 h3 {
      font-size: 20px; } }
.midashi01 h5 {
  margin: 30px auto 10px auto;
  font-size: 18px;
  font-weight: bold; }
  @media only screen and (max-width: 468px) {
    .midashi01 h5 {
      font-size: 16px; } }
.midashi01 h5 + br {
  display: none; }

.midashi02 h3 {
  padding: 25px 0;
  background: url(../images/common/ttl_event.png);
  background-color: #ff8346;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px 20px 0 0;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 768px) {
    .midashi02 h3 {
      background-size: 60%; } }

.ttl_clr01 h5 {
  color: #ffa8cb; }
  .ttl_clr01 h5 i {
    margin-right: 10px;
    color: #ffa8cb; }

.ttl_clr02 h5 {
  color: #ff8346; }
  .ttl_clr02 h5 i {
    margin-right: 10px;
    color: #ff8346; }

.ttl_clr03 h5 {
  color: #3dcb78; }
  .ttl_clr03 h5 i {
    margin-right: 10px;
    color: #3dcb78; }

.ttl_clr04 h5 {
  color: #5a63ff; }
  .ttl_clr04 h5 i {
    margin-right: 10px;
    color: #5a63ff; }

.ttl_clr05 h5 {
  color: #fbd444; }
  .ttl_clr05 h5 i {
    margin-right: 10px;
    color: #fbd444; }

/* btn */
.btn_pnk a {
  max-width: 500px;
  display: block;
  margin: 70px auto 0 auto;
  padding: 30px 0;
  border-radius: 50px;
  background: #ffbd8a;
  background: -moz-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffbd8a), color-stop(100%, #ea5150));
  background: -webkit-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
  background: -o-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
  background: -ms-linear-gradient(left, #ffbd8a 0%, #ea5150 100%);
  background: linear-gradient(to right, #ffbd8a 0%, #ea5150 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
  box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  .btn_pnk a:hover {
    color: #fbd444; }

.btn_pdf a {
  display: block;
  background-color: #fff;
  padding: 4% 1% 4% 8%;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  color: #000;
  font-size: 18px;
  font-weight: bold; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    .btn_pdf a {
      font-size: 14px; } }
  .btn_pdf a:hover {
    background-color: #ffde65; }
  .btn_pdf a:before {
    content: "";
    width: 60px;
    height: 50px;
    display: inline-block;
    background: url(../images/contents/icon_pdf.png) no-repeat;
    vertical-align: bottom; }

.btn_pdf02 a {
  max-width: 465px;
  display: block;
  background-color: #fff;
  padding: 2% 1% 2% 5%;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  color: #000;
  font-size: 18px;
  font-weight: bold; }
  @media screen and (min-width: 469px) and (max-width: 768px) {
    .btn_pdf02 a {
      font-size: 14px; } }
  .btn_pdf02 a:hover {
    background-color: #ffde65; }
  .btn_pdf02 a:before {
    content: "";
    width: 60px;
    height: 50px;
    display: inline-block;
    background: url(../images/contents/icon_pdf.png) no-repeat;
    vertical-align: bottom; }

.btn_wh a {
  max-width: 465px;
  display: block;
  background-color: #fff;
  margin: 20px auto 0 auto;
  padding: 2% 1%;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1; }
  @media only screen and (max-width: 768px) {
    .btn_wh a {
      margin-top: 10px;
      padding: 4% 1%;
      font-size: 14px; } }
  .btn_wh a:hover {
    background-color: #ffde65; }

/* common */
@media only screen and (max-width: 468px) {
  .max_w300 img {
    max-width: 300px; } }

.mg_t0 h2 {
  margin-top: 0; }
.mg_t0 h3 {
  margin-top: 0; }
.mg_t0 h4 {
  margin-top: 0; }

/*# sourceMappingURL=common.css.map */