@charset "utf-8";

.link-red {
  color: #ff0000;
}
.link-red:link {
  color: #ff0000;
}
.link-red:visited {
  color: #ff0000;
}

/* ------------------------------------------------------------ flexcont */

.flexcont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  max-width: 1100px;
  width: 100vw;
  background: #fff9f0;
  padding-bottom: 20px;
  margin-top : 40px;
}
.flexcont > .flex {
  display: flex;
  flex-wrap: wrap;
  width: 94vw;
  max-width: 550px;
  margin: 0;
}
.flexcont > .flex > h3 {
  color: #69c4bb;
  text-align :center;
  padding: 1px 0 10px;
  font-size: 50px;
  width: 100%;
}
.flexcont > .flex > img {
  width: 94vw;
  height: 66.4vw;
  max-width: 550px;
  max-height: 353.3px;
  text-align :center !important;
}

.flexcont > .flex > a {
color: red;
}

/* ------------------------------------------------------------ firstview */
#firstview { background: url(../images/common/bg_01.png) center top no-repeat; background-size: cover;}
#firstview h2 { padding: 108px 0 90px; padding: 108px 0 40px\9; text-align :center; font-size:62px; color:#fff; }
#firstview h2 span{ display: block; font-size: 24px;}


/* ------------------------------------------------------------ intro */
#intro { background: url(../images/index/bg_002.gif) center top; background-repeat: repeat; padding: 0 0 60px;  }
#intro #wrapper { background-color: #fff; margin: 0 0 50px; padding:0 0 80px; position: relative; }
#intro .intro-img{ padding: 0 0 60px;}
#intro .intro-img img { float: left;　margin: 0 0 50px 0; }
#intro img.panda-img { position: absolute; top: 160px; right: -5%; z-index: 1; }
#intro h3 { text-align :center; padding: 0 0 30px;font-size: 27px;}
#intro p { margin: 5px 5px;text-align: center; font-size: 16px;}

/* ------------------------------------------------------------ profile */
#profile { background: url(../images/information/bg_01.gif) center top; background-repeat: repeat; padding: 0 0 80px; }
#profile h3 { font-size: 40px;color: #fff; text-align: center; padding: 120px 0 70px 0; font-family: 'quicksandbold';}
#profile h3 span { display: block; font-size: 14px;}
#profile dl { background-color: #fff; font-size :16px;}
#profile dl dt { float: left; font-weight: bold; color: #64c0b8; padding: 21px 25px; }
#profile dl dd { padding: 21px 130px; border-bottom: 1px solid #64c0b8;}
#profile dl dd:last-child { border: none;}


/* ------------------------------------------------------------ access*/
#access { text-align: center;}
#access h3 { font-size: 40px;color:  #64c0b8; text-align: center; padding: 120px 0 70px 0; font-family: 'quicksandbold';}
#access h3 span { display: block; font-size: 14px; color: #000;}
#access iframe { width: 100%; height: 500px; }
#access p.address { padding: 25px 0; }
#access p.gmap { padding: 30px 0 0; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
#access p.gmap a { text-decoration: underline; }
#access p.gmap img { margin-right: 8px; }

.topPage    { padding: 50px 0 100px 0;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ firstview */
#firstview { background: url(../images/common/bg_02.png) center top no-repeat; background-size: 150% auto;}
#firstview h2 { padding: 50px 0 40px; text-align :center; font-size:30px; color:#fff; }
#firstview h2 span{ display: block; font-size: 18px;}


/* ------------------------------------------------------------ intro */
#intro { background: url(../images/index/bg_002.gif) center top; background-repeat: repeat; padding: 0 0 30px;  }
#intro #wrapper { background-color: #fff; margin: 0 0 25px; padding:0 0 40px; }
#intro .intro-img{ padding: 0 0 30px; position: relative;}
#intro .intro-img img { float: none;　margin: 0; width: 100%; height: auto; }
#intro img.panda-img { position: absolute; top: auto; right: 1%; bottom: -25px; z-index: 1; width: 112px; height: auto;}
#intro h3 { text-align :center; padding: 30px 5% 15px; font-size: 18px; text-align: left;}
#intro p { margin: 0 5%; font-size: 14px; text-align: left;}

/* ------------------------------------------------------------ profile */
#profile { background: url(../images/information/bg_01.gif) center top; background-repeat: repeat; padding: 0 0 80px; }
#profile h3 { font-size: 26px;color: #fff; text-align: center; padding: 50px 0 30px;}
#profile h3 span { display: block; font-size: 14px;}
#profile dl { background-color: #fff; font-size :14px;}
#profile dl dt { float: none; font-weight: bold; color: #64c0b8; padding: 15px 6% 4px; }
#profile dl dd { padding: 4px 6% 15px; border-bottom: 1px solid #64c0b8;}
#profile dl dd:last-child { border: none;}


/* ------------------------------------------------------------ access*/
#access { text-align: center;}
#access h3 { font-size: 26px;color:  #64c0b8; text-align: center; padding: 50px 0 20px 0;}
#access h3 span { display: block; font-size: 14px; color: #000;}
#access iframe { width: 100%; height: 500px; }
#access p.address { padding: 0 0 20px; }
#access p.gmap { padding: 30px 0 0; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
#access p.gmap a { text-decoration: underline; }
#access p.gmap img { margin-right: 8px; }

.topPage    { padding: 50px 0 100px 0;}
/* ------------------------------------------------------------ flexcont */

.flexcont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  max-width: 1000px;
  width: 94vw;
  background: #fff9f0;
  padding-bottom: 20px;
}
.flexcont > .flex {
  display: flex;
  flex-wrap: wrap;
  width: 94vw;
  max-width: 550px;
  margin: 0;
}
.flexcont > .flex > h3 {
  color: #69c4bb;
  text-align :center;
  padding: 1px 3px 10px 3px;
  font-size: 50px;
  width: 100%;
}
.flexcont > .flex > img {
  width: 94vw;
  height: 66.4vw;
  max-width: 550px;
  max-height: 353.3px;
  text-align :center !important;
}

}