@charset "UTF-8";
/* ---------------------------------------------------------
reset
--------------------------------------------------------- */
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline; }

input[type="text"] {
  padding: 2px 4px 0 4px;
  border: 1px solid #ddd;
  line-height: 1.3; }

textarea {
  padding: 2px 4px 0 4px;
  border: 1px solid #ddd;
  line-height: 1.3; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }

body {
  font-smoothing: antialiased;
  color: #111;
  line-height: 1;
  position: relative;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
  background: #FFF;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (max-width: 1199px) {
    body {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 999px) {
    body {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 767px) {
    body {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 479px) {
    body {
      font-size: 12px;
      font-size: 1.2rem; } }

article, aside, dialog, figure, footer, header, main, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

br,
hr {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input,
select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

a {
  line-height: 0; }

img {
  vertical-align: bottom;
  border: 0;
  width: 100%; }

a:link {
  color: #1E91BC;
  text-decoration: none; }

a:visited {
  color: #1E91BC;
  text-decoration: none; }

a:hover {
  color: #EB6F70;
  text-decoration: underline; }

a:active {
  color: #EB6F70;
  text-decoration: underline; }

.link01 a:link {
  color: #333;
  text-decoration: none; }

.link01 a:visited {
  color: #333;
  text-decoration: none; }

.link01 a:hover {
  color: #EB6F70;
  text-decoration: underline; }

.link01 a:active {
  color: #EB6F70;
  text-decoration: underline; }

/* ---------------------------------------------------------
floatクリア
--------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* ---------------------------------------------------------
img hover
--------------------------------------------------------- */
a.btn:hover img {
  opacity: 0.5; }

input.form_linkimg:hover {
  opacity: 0.5; }

a:hover img.linkimg {
  opacity: 0.5; }

.divClick {
  cursor: pointer; }

.divClick:hover {
  opacity: 0.5; }

/* ---------------------------------------------------------
　font
--------------------------------------------------------- */
@font-face {
  font-family: "menuF";
  src: url("/common/font/mplus1pMedium_1.eot?") format("eot"), url("/common/font/mplus1pMedium_1.woff") format("woff"); }
@font-face {
  font-family: "menuBoldF";
  src: url("/common/font/mplus1pBold.eot?") format("eot"), url("/common/font/mplus1pBold.woff") format("woff"); }
@font-face {
  font-family: "midashiBoldF";
  src: url("/common/font/MidashiMin.eot?") format("eot"), url("/common/font/MidashiMin.woff") format("woff"); }
@font-face {
  font-family: "midashiF";
  src: url("/common/font/futomin.eot?") format("eot"), url("/common/font/futomin.woff") format("woff"); }
.font3XL {
  font-size: 3.2rem; }
  @media screen and (max-width: 1199px) {
    .font3XL {
      font-size: 3.0rem; } }
  @media screen and (max-width: 999px) {
    .font3XL {
      font-size: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .font3XL {
      font-size: 2.2rem; } }
  @media screen and (max-width: 479px) {
    .font3XL {
      font-size: 2.0rem; } }

.font2XL {
  font-size: 2.8rem; }
  @media screen and (max-width: 1199px) {
    .font2XL {
      font-size: 2.6rem; } }
  @media screen and (max-width: 999px) {
    .font2XL {
      font-size: 2.2rem; } }
  @media screen and (max-width: 767px) {
    .font2XL {
      font-size: 1.8rem; } }
  @media screen and (max-width: 479px) {
    .font2XL {
      font-size: 1.6rem; } }

.fontXL {
  font-size: 2.2rem; }
  @media screen and (max-width: 1199px) {
    .fontXL {
      font-size: 2.2rem; } }
  @media screen and (max-width: 999px) {
    .fontXL {
      font-size: 2.0rem; } }
  @media screen and (max-width: 767px) {
    .fontXL {
      font-size: 1.6rem; } }
  @media screen and (max-width: 479px) {
    .fontXL {
      font-size: 1.4rem; } }

.fontL {
  font-size: 1.8rem; }
  @media screen and (max-width: 1199px) {
    .fontL {
      font-size: 1.8rem; } }
  @media screen and (max-width: 999px) {
    .fontL {
      font-size: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .fontL {
      font-size: 1.5rem; } }
  @media screen and (max-width: 479px) {
    .fontL {
      font-size: 1.3rem; } }

.fontM {
  font-size: 1.6rem; }
  @media screen and (max-width: 1199px) {
    .fontM {
      font-size: 1.6rem; } }
  @media screen and (max-width: 999px) {
    .fontM {
      font-size: 1.4rem; } }
  @media screen and (max-width: 767px) {
    .fontM {
      font-size: 1.4rem; } }
  @media screen and (max-width: 479px) {
    .fontM {
      font-size: 1.2rem; } }

.fontS {
  font-size: 1.4rem; }
  @media screen and (max-width: 1199px) {
    .fontS {
      font-size: 1.4rem; } }
  @media screen and (max-width: 999px) {
    .fontS {
      font-size: 1.3rem; } }
  @media screen and (max-width: 767px) {
    .fontS {
      font-size: 1.1rem; } }
  @media screen and (max-width: 479px) {
    .fontS {
      font-size: 1.1rem; } }

.fontXS {
  font-size: 1.2rem; }
  @media screen and (max-width: 1199px) {
    .fontXS {
      font-size: 1.2rem; } }
  @media screen and (max-width: 999px) {
    .fontXS {
      font-size: 1.2rem; } }
  @media screen and (max-width: 767px) {
    .fontXS {
      font-size: 1.0rem; } }
  @media screen and (max-width: 479px) {
    .fontXS {
      font-size: 1.0rem; } }

.bold {
  font-weight: bold; }

/* ---------------------------------------------------------
flex
--------------------------------------------------------- */
/* ---------------------------------------------------------
　margin padding
--------------------------------------------------------- */
.mt00 {
  margin: 0 auto !important; }

.mt10 {
  margin: 10px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt10 {
      margin: 10px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt10 {
      margin: 10px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt10 {
      margin: 10px auto 0 auto !important; } }

.mt20 {
  margin: 20px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt20 {
      margin: 20px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt20 {
      margin: 10px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt20 {
      margin: 10px auto 0 auto !important; } }

.mt30 {
  margin: 30px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt30 {
      margin: 25px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt30 {
      margin: 20px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt30 {
      margin: 10px auto 0 auto !important; } }

.mt40 {
  margin: 40px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt40 {
      margin: 30px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt40 {
      margin: 20px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt40 {
      margin: 10px auto 0 auto !important; } }

.mt50 {
  margin: 50px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt50 {
      margin: 40px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt50 {
      margin: 30px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt50 {
      margin: 20px auto 0 auto !important; } }

.mt60 {
  margin: 60px auto 0 auto !important; }
  @media screen and (max-width: 999px) {
    .mt60 {
      margin: 50px auto 0 auto !important; } }
  @media screen and (max-width: 767px) {
    .mt60 {
      margin: 40px auto 0 auto !important; } }
  @media screen and (max-width: 479px) {
    .mt60 {
      margin: 30px auto 0 auto !important; } }

/* ---------------------------------------------------------
　base value
--------------------------------------------------------- */
/* 文字ピンク */
/* 背景ピンク */
.pink {
  color: #E691A3; }

/* ---------------------------------------------------------
layout
--------------------------------------------------------- */
body {
  background: #FDFDFD; }

#wrapper01 {
  width: 100%;
  position: relative;
  min-height: 100%;
  overflow: hidden; }

#wrapper03 {
  width: 100%;
  /*	max-width:$width1; */
  margin: 0 auto; }

/* ---------------------------------------------------------
header
--------------------------------------------------------- */
header {
  background: #81D4CB;
  width: 100%; }
  header .headerW {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    header .headerW .area01 {
      -webkit-flex: 1 1 350px;
      flex: 1 1 350px; }
    header .headerW .area02 {
      -webkit-flex: 1 1 650px;
      flex: 1 1 650px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
      header .headerW .area02 .div01 {
        -webkit-flex: 0 1 100px;
        flex: 0 1 100px; }
      header .headerW .area02 .div01 {
        -webkit-flex: 0 1 250px;
        flex: 0 1 250px; }
      header .headerW .area02 .div01 {
        -webkit-flex: 0 1 100px;
        flex: 0 1 100px; }

#firstView > div {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

#bar01 {
  background: #81D4CB;
  width: 100%; }
  #bar01 > div {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }

#areaSession {
  width: 100%;
  max-width: 1000px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-around;
  justify-content: space-around; }
  #areaSession .area01 {
    -webkit-flex: 0 1 420px;
    flex: 0 1 420px; }
    #areaSession .area01 p {
      padding-bottom: 3px; }
  #areaSession .area02 {
    -webkit-flex: 0 1 450px;
    flex: 0 1 450px; }
    #areaSession .area02 p {
      text-align: center; }

/* ---------------------------------------------------------
gnavi
--------------------------------------------------------- */
.gnaviW {
  width: 100%;
  background: #81D4CB; }
  .gnaviW #gnavi {
    width: 100%;
    max-width: 1000px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .gnaviW #gnavi div {
      -webkit-flex: 1 1 200;
      flex: 1 1 200; }
      .gnaviW #gnavi div img {
        width: 100%; }

/* ---------------------------------------------------------
pankuzu
--------------------------------------------------------- */
/* ---------------------------------------------------------
layerMenu
--------------------------------------------------------- */
#layerMenuW {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; }
  #layerMenuW #layerMenu {
    width: 100%;
    height: 100%;
    font-size: 14px;
    background: rgba(51, 51, 51, 0.8); }
    #layerMenuW #layerMenu #closeMenuArea {
      padding: 5% 0;
      background: #333; }
      #layerMenuW #layerMenu #closeMenuArea img {
        width: 100%; }
    #layerMenuW #layerMenu #mainMenu {
      height: 100%; }
      #layerMenuW #layerMenu #mainMenu .areaMenu {
        padding: 0;
        height: 100%; }
        #layerMenuW #layerMenu #mainMenu .areaMenu ul {
          border-top: solid 1px #ccc; }
          #layerMenuW #layerMenu #mainMenu .areaMenu ul li {
            background: #000;
            list-style: none;
            border-bottom: solid 1px #ccc;
            color: #FFF;
            line-height: 1.5;
            height: auto;
            font-size: 2.0rem; }
            #layerMenuW #layerMenu #mainMenu .areaMenu ul li a {
              padding: 4% 3%;
              text-decoration: none;
              color: #FFF;
              display: inline-block;
              line-height: 1.5;
              height: auto;
              font-size: 2.0rem; }
            #layerMenuW #layerMenu #mainMenu .areaMenu ul li a:hover {
              color: #EA0001; }
  @media screen and (min-width: 1000px) {
    #layerMenuW #layerMenu {
      max-width: 1000px;
      margin: 0 auto; }
      #layerMenuW #layerMenu #closeMenuArea {
        padding: 1% 20%;
        background: #333; }
        #layerMenuW #layerMenu #closeMenuArea img {
          width: 100%; }
      #layerMenuW #layerMenu #mainMenu {
        height: 100%; }
        #layerMenuW #layerMenu #mainMenu .areaMenu ul {
          border-top: solid 1px #ccc;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-justify-content: flex_start;
          justify-content: flex_start; }
          #layerMenuW #layerMenu #mainMenu .areaMenu ul li {
            -webkit-flex: 25% 0 0;
            border-right: solid 1px #ccc;
            flex: 25% 0 0;
            background: #000;
            list-style: none;
            border-bottom: solid 1px #ccc;
            color: #FFF;
            line-height: 1.5;
            height: auto;
            font-size: 2.0rem; }
            #layerMenuW #layerMenu #mainMenu .areaMenu ul li a {
              padding: 4%;
              text-decoration: none;
              color: #FFF;
              display: block;
              width: 100%;
              line-height: 1.5;
              height: auto;
              font-size: 2.0rem; }
            #layerMenuW #layerMenu #mainMenu .areaMenu ul li a:hover {
              color: #EA0001; } }

/* ---------------------------------------------------------
    topContents
--------------------------------------------------------- */
#topContents h2 {
  margin: 0 0 3% 0;
  border-bottom: 1px solid #CCC;
  padding: 3px 0;
  position: relative; }
  #topContents h2 span:nth-child(1) {
    display: block; }
  #topContents h2 span:nth-child(2) {
    display: block;
    position: absolute;
    right: 1%;
    bottom: 0; }
#topContents .h2Area {
  background: #81D4CB; }
  #topContents .h2Area h2 {
    width: 100%;
    max-width: 1000px;
    line-height: 1.4; }
    @media screen and (max-width: 999px) {
      #topContents .h2Area h2 {
        padding: 0 2%; } }
    #topContents .h2Area h2 span {
      color: #FFF; }
#topContents .contentsFlame {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 999px) {
    #topContents .contentsFlame {
      padding: 0 2%; } }
#topContents .areaVoice {
  padding: 0 1%; }
  #topContents .areaVoice .listArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between; }
    #topContents .areaVoice .listArea h3 {
      font-family: "midashiF";
      color: #8C8C7E; }
    #topContents .areaVoice .listArea .area01 {
      flex: 0 0 48%;
      border: 1px solid #EEE;
      padding: 2%;
      margin: 2% 0 5% 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        #topContents .areaVoice .listArea .area01 {
          flex: 0 0 100%; } }
      #topContents .areaVoice .listArea .area01 h3 {
        flex: 0 0 100%; }
      #topContents .areaVoice .listArea .area01 .div01 {
        flex: 0 0 30%; }
      #topContents .areaVoice .listArea .area01 .div02 {
        flex: 0 0 66%; }
        #topContents .areaVoice .listArea .area01 .div02 h4 {
          font-weight: bold; }
        #topContents .areaVoice .listArea .area01 .div02 .p01 {
          color: #E691A3; }
        #topContents .areaVoice .listArea .area01 .div02 .p02 {
          line-height: 1.4; }
        #topContents .areaVoice .listArea .area01 .div02 .p03 {
          text-align: right; }
#topContents .areaGreeting {
  padding: 0 1%; }
  #topContents .areaGreeting .area01 {
    padding: 0; }
    #topContents .areaGreeting .area01 .div01 {
      float: left;
      width: 65%;
      text-align: left; }
      #topContents .areaGreeting .area01 .div01 div {
        line-height: 1.6; }
      #topContents .areaGreeting .area01 .div01 .p01 {
        width: 100%;
        text-align: right;
        padding: 5% 0 2% 0; }
      #topContents .areaGreeting .area01 .div01 .p02 {
        width: 100%;
        text-align: right; }
    #topContents .areaGreeting .area01 .div02 {
      float: right;
      width: 32%; }
      #topContents .areaGreeting .area01 .div02 img {
        width: 100%; }
      #topContents .areaGreeting .area01 .div02 .p01 {
        width: 100%;
        max-width: 170px;
        margin: 20px auto 0 auto; }
        @media screen and (max-width: 767px) {
          #topContents .areaGreeting .area01 .div02 .p01 {
            max-width: 100px; } }
      #topContents .areaGreeting .area01 .div02 .p02 {
        width: 100%;
        max-width: 150px;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          #topContents .areaGreeting .area01 .div02 .p02 {
            max-width: 100px; } }
#topContents .areaServiceW .areaService .area01 {
  margin: 2% 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  #topContents .areaServiceW .areaService .area01 .div01 {
    -webkit-flex: 0 0 32%;
    flex: 0 0 32%;
    margin-bottom: 4%;
    background: url(/common/img/service/bg1.png) repeat-x #FFF; }
    @media screen and (max-width: 999px) {
      #topContents .areaServiceW .areaService .area01 .div01 {
        -webkit-flex: 0 0 48%;
        flex: 0 0 48%; } }
    @media screen and (max-width: 479px) {
      #topContents .areaServiceW .areaService .area01 .div01 {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%; } }
    #topContents .areaServiceW .areaService .area01 .div01 h3 {
      line-height: 1.4;
      padding: 3% 3% 0 3%;
      font-family: "midashiF"; }
    #topContents .areaServiceW .areaService .area01 .div01 .div01_01 {
      padding: 3%;
      line-height: 1.4; }
#topContents .areaPriceW .areaPrice .area01 {
  margin: 2% 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  #topContents .areaPriceW .areaPrice .area01 div {
    -webkit-flex: 0 0 48%;
    flex: 0 0 48%;
    margin-bottom: 2%; }
    @media screen and (max-width: 479px) {
      #topContents .areaPriceW .areaPrice .area01 div {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%; } }
    #topContents .areaPriceW .areaPrice .area01 div img {
      width: 100%; }
#topContents .areaMemberW .areaMember .area01 {
  margin: 2% 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  #topContents .areaMemberW .areaMember .area01 div {
    -webkit-flex: 0 0 48%;
    flex: 0 0 48%;
    margin-bottom: 2%;
    border: 1px solid #CCC;
    padding: 2%; }
    @media screen and (max-width: 767px) {
      #topContents .areaMemberW .areaMember .area01 div {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%; } }
    #topContents .areaMemberW .areaMember .area01 div h4 {
      font-weight: bold; }
    #topContents .areaMemberW .areaMember .area01 div ul {
      padding: 1em 0 1em 2em;
      list-style: outside disc; }
      #topContents .areaMemberW .areaMember .area01 div ul li {
        line-height: 1.5; }
#topContents .areaMemberW .areaMember .area02 {
  margin: 1% 0; }
  #topContents .areaMemberW .areaMember .area02 ul {
    padding: 0 0 0 2em;
    list-style: outside disc; }
    #topContents .areaMemberW .areaMember .area02 ul li {
      line-height: 1.8; }
#topContents .areaFaqW .areaFaq dl dt {
  background: rgba(255, 191, 19, 0.1);
  padding: 1%;
  line-height: 1.4; }
#topContents .areaFaqW .areaFaq dl dd {
  padding: 1% 1% 3% 2%;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    #topContents .areaFaqW .areaFaq dl dd {
      padding: 3% 1% 6% 2%; } }
#topContents .areaContactW .areaContact .div01 > div {
  margin: 40px 0; }
  #topContents .areaContactW .areaContact .div01 > div .div01l {
    float: left;
    width: 32%; }
  #topContents .areaContactW .areaContact .div01 > div .div01r {
    float: right;
    width: 65%; }
    #topContents .areaContactW .areaContact .div01 > div .div01r input {
      width: 90%; }
    #topContents .areaContactW .areaContact .div01 > div .div01r textarea {
      width: 90%;
      height: 8em; }
#topContents .areaContactW .div02 {
  margin: 60px 0 50px 0;
  font-family: mb101B !important;
  text-align: center;
  font-size: 18px;
  line-height: 32px; }
#topContents .areaContactW .div04 {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 5%; }
  @media screen and (max-width: 999px) {
    #topContents .areaContactW .div04 {
      width: 50%; } }
  #topContents .areaContactW .div04 input {
    width: 100%; }
#topContents .areaContactW .div04:hover {
  opacity: 0.5;
  background: none !important; }

/* ---------------------------------------------------------
    contents
--------------------------------------------------------- */
#contents {
  /* ---------------------------------------------------------
      contents-end
  --------------------------------------------------------- */ }
  #contents img {
    width: 100%; }

/* ---------------------------------------------------------
　footer
--------------------------------------------------------- */
footer .footerContactW {
  border-top: 10px solid #81D4CB;
  padding-bottom: 2%; }
  footer .footerContactW .footerContact {
    width: 100%;
    max-width: 1000px; }
    footer .footerContactW .footerContact .div01 {
      width: 96%;
      color: #4C6472; }
    footer .footerContactW .footerContact .div02 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-justify-content: space-around;
      justify-content: space-around; }
      footer .footerContactW .footerContact .div02 div {
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%; }
footer .footerMenuW {
  border-top: 4px solid #000; }
  footer .footerMenuW .footerMenu {
    width: 100%;
    max-width: 1000px;
    padding: 20px 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
    footer .footerMenuW .footerMenu > div {
      -webkit-flex: 0 0 32%;
      flex: 0 0 32%; }
      footer .footerMenuW .footerMenu > div ul li a {
        color: #333;
        line-height: 1.5; }
      footer .footerMenuW .footerMenu > div ul .li01 {
        padding-left: 1em; }
      footer .footerMenuW .footerMenu > div ul .li01:before {
        content: ' - '; }
    footer .footerMenuW .footerMenu .div03 .p01 {
      max-width: 170px; }