@charset "UTF-8";
/*------------------------------
RESET
--------------------------------*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background-repeat: no-repeat; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

html {
  font-size: 62.5%; }

body {
  line-height: 1;
  height: 100%; }

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

/*------------------------------
common
--------------------------------*/
body {
  color: #000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word; }

@media all and (-ms-high-contrast: none) {
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
img {
  max-width: 100%; }

.hidden_pc {
  display: none !important; }
@media screen and (max-width: 750px) {
  .hidden_pc {
    display: block !important; }

  .hidden_sp {
    display: none !important; } }
.fixed {
  position: fixed;
  width: 100vw;
  height: 100%; }

.slick-slide img {
  width: 100vw; }

/*------------------------------
hader
--------------------------------*/
header {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }

.navWrap {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto; }
  .navWrap ul {
    display: flex; }
  .navWrap h1 {
    padding: 1.042% 0;
    width: 16.563%; }

.navContents {
  width: 69.792%;
  display: flex;
  flex-wrap: wrap; }

.mainNav {
  justify-content: space-between;
  width: 100%; }
  .mainNav li {
    width: calc((100% - 4px) / 3); }
  .mainNav li:first-of-type a {
    border-bottom-left-radius: 5px; }
  .mainNav li:last-of-type a {
    border-bottom-right-radius: 5px; }
  .mainNav a {
    color: #fff;
    font-size: 15px;
    display: block;
    background: #009E00;
    text-align: center;
    padding: 3.154% 0 2.703%; }
  .mainNav a:hover {
    background: #046535; }

@media screen and (max-width: 959px) {
  .mainNav a {
    font-size: 1.563vw; } }
.subNav {
  justify-content: space-between;
  width: 100%; }
  .subNav li {
    display: flex;
    align-items: center; }
  .subNav a {
    color: #231815;
    font-size: 14px;
    font-weight: 600; }
  .subNav a:hover {
    color: #009E00; }

@media screen and (max-width: 959px) {
  .subNav a {
    font-size: 1.459vw; } }
.snsNav {
  width: 10.157%; }
  .snsNav ul {
    justify-content: space-between;
    width: 100%; }
  .snsNav li {
    width: calc((100% - 10px)/2); }
    .snsNav li img {
      width: 100%; }

@media screen and (max-width: 750px) {
  .navWrap {
    width: 100vw;
    display: block;
    background: #fff;
    position: fixed;
    overflow-y: scroll; }
    .navWrap .navArea {
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
    .navWrap .navHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 16vw;
      padding: 3.3333333333vw; }
    .navWrap h1 {
      width: 50.8vw; }
    .navWrap .navHeader_btn {
      width: 8vw;
      height: 5.3333333333vw;
      position: relative; }
      .navWrap .navHeader_btn span {
        display: block;
        background: #046535;
        width: 100%;
        height: 0.8vw;
        border-radius: 2vw;
        position: absolute;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease; }
        .navWrap .navHeader_btn span:nth-of-type(1) {
          top: 0; }
        .navWrap .navHeader_btn span:nth-of-type(2) {
          top: 50%;
          transform: translateY(-50%); }
        .navWrap .navHeader_btn span:nth-of-type(3) {
          bottom: 0; }
    .navWrap .navHeader_btn.open {
      width: 6.1333333333vw;
      height: 6.1333333333vw; }
      .navWrap .navHeader_btn.open span:nth-of-type(1) {
        top: 2.5vw;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg); }
      .navWrap .navHeader_btn.open span:nth-of-type(2) {
        width: 0;
        left: 50%; }
      .navWrap .navHeader_btn.open span:nth-of-type(3) {
        top: 2.5vw;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg); }
    .navWrap .navContents {
      display: block;
      font-size: 6vw;
      text-align: center;
      height: calc(100vh - 16vw);
      overflow-y: scroll;
      width: 100vw;
      display: none; }
    .navWrap .navContents_list {
      display: block;
      padding-top: 4vw; }
      .navWrap .navContents_list li {
        width: 100vw;
        padding: 0 0 2.6666666667vw; }
      .navWrap .navContents_list a {
        line-height: 1.8;
        color: #046535;
        width: 86.6666666667vw;
        display: block;
        margin: 0 auto;
        border: 1px solid #046535;
        font-size: 5.3333333333vw; }
      .navWrap .navContents_list a:hover {
        background: #046535;
        color: #fff; }
    .navWrap .snsNav {
      width: 86.6666666667vw;
      margin: 0 auto;
      padding: 1.3333333333vw 0 0;
      position: relative; }
      .navWrap .snsNav a {
        display: inline-block; }
      .navWrap .snsNav li {
        width: 10.2666666667vw; }
      .navWrap .snsNav .panda {
        position: absolute;
        bottom: -23vw;
        left: 50%;
        transform: translate(-50%);
        width: 29.6vw; } }
/*------------------------------
main
--------------------------------*/
main {
  position: relative;
  z-index: 0;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  color: #046535;
  line-height: 2;
  display: block; }

/*------------------------------
kv
--------------------------------*/
.kvWrap .sliderWrap {
  padding-bottom: 2.143%;
  position: relative;
  overflow: hidden; }
  .kvWrap .sliderWrap .cover {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: 0.7s cubic-bezier(0.72, 0.67, 0.65, 1.08);
    transform: rotate(0.0001deg);
    width: 0;
    height: 31.572vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .kvWrap .sliderWrap .cover img {
      position: absolute;
      width: 100vw;
      height: 31.572vw;
      display: block; }
  .kvWrap .sliderWrap .cover.go {
    width: 100%;
    transform: rotate(0.0001deg); }
  .kvWrap .sliderWrap h1 {
    position: absolute;
    bottom: 22.5%;
    left: 36.358%;
    width: 30%; }
  .kvWrap .sliderWrap .pandaWrap {
    position: absolute;
    bottom: 2.858%;
    width: 24.429%;
    left: 44.072%;
    display: flex; }
    .kvWrap .sliderWrap .pandaWrap .panda {
      padding-top: 21.638%;
      width: 42.691%; }
      .kvWrap .sliderWrap .pandaWrap .panda img {
        width: 100%; }
    .kvWrap .sliderWrap .pandaWrap .comment {
      width: 59.065%; }
      .kvWrap .sliderWrap .pandaWrap .comment img {
        width: 100%; }
.kvWrap p {
  font-size: 2.072vw;
  text-align: center;
  font-weight: 600; }

.sliderArrows {
  width: 67.5%;
  position: absolute;
  top: 35%;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%); }

.slick-prev::before,
.slick-next::before {
  display: none; }

button.slick-prev {
  width: 2.143vw;
  height: 2.858vw;
  background: url("/img/slider_prev.png") no-repeat;
  display: block;
  background-size: contain;
  background-position: center; }

button.slick-next {
  width: 2.143vw;
  height: 2.858vw;
  background: url("/img/slider_next.png") no-repeat;
  display: block;
  background-size: contain;
  background-position: center; }

@media screen and (min-width: 1400px) {
  .kvWrap p {
    font-size: 29px; }
  .kvWrap .sliderWrap .cover {
    height: 442px; }
    .kvWrap .sliderWrap .cover img {
      height: 442px;
      width: 1400px; }
  .kvWrap .sliderWrap .pandaWrap .comment {
    width: 202px;
    height: 149px; }

  button.slick-next,
  button.slick-prev {
    width: 30px;
    height: 40px; } }
@media screen and (max-width: 750px) {
  .kvWrap .sliderWrap {
    padding-bottom: 19.2vw;
    position: relative;
    overflow: hidden; }
    .kvWrap .sliderWrap .cover {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 51.7333333333vw;
      transition: 0.7s cubic-bezier(0.72, 0.67, 0.65, 1.08); }
      .kvWrap .sliderWrap .cover img {
        position: absolute;
        width: 100vw;
        height: 51.7333333333vw;
        display: block; }
    .kvWrap .sliderWrap h1 {
      position: absolute;
      bottom: 22.5%;
      left: 20vw;
      width: 65.3333333333vw; }
    .kvWrap .sliderWrap .pandaWrap {
      position: absolute;
      bottom: 2.858%;
      width: 58.6666666667vw;
      left: 33.3333333333vw;
      display: flex; }
      .kvWrap .sliderWrap .pandaWrap .panda {
        padding-top: 10.6666666667vw;
        width: 29.4666666667vw; }
        .kvWrap .sliderWrap .pandaWrap .panda img {
          width: 100%; }
      .kvWrap .sliderWrap .pandaWrap .comment {
        width: 30.2666666667vw;
        height: 23.3333333333vw; }
        .kvWrap .sliderWrap .pandaWrap .comment img {
          width: 100%; }
  .kvWrap p {
    font-size: 4.8vw;
    text-align: center;
    font-weight: 600; }
  .kvWrap .kvNav {
    width: 94.6666666667vw;
    margin: 0 auto 15.3333333333vw;
    display: flex;
    justify-content: space-between; }
    .kvWrap .kvNav li {
      width: 31.3333333333vw;
      height: 15.6vw; }
    .kvWrap .kvNav li:first-of-type a {
      background: url("/img/kvNav_btn01_off.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav li:first-of-type a.hover {
      background: url("/img/kvNav_btn01_on.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav li:nth-of-type(2) a {
      background: url("/img/kvNav_btn02_off.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav li:nth-of-type(2) a.hover {
      background: url("/img/kvNav_btn02_on.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav li:last-of-type a {
      background: url("/img/kvNav_btn03_off.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav li:last-of-type a.hover {
      background: url("/img/kvNav_btn03_on.png") no-repeat;
      background-size: contain; }
    .kvWrap .kvNav a {
      width: 100%;
      height: 100%;
      display: block; } }
/*------------------------------
contents
--------------------------------*/
.contentsWrap .contentsArea {
  padding-top: 21.429%;
  position: relative; }
.contentsWrap .panda {
  position: absolute;
  top: 14.286%;
  left: 18.429%; }
.contentsWrap h2 {
  margin: 0 auto;
  padding: 1.643% 0 4.072%; }
.contentsWrap .contents01 .panda {
  width: 17.215%; }
.contentsWrap .contents01 h2 {
  width: 48.358%; }
.contentsWrap .contents02 .panda {
  width: 20.286%; }
.contentsWrap .contents02 h2 {
  width: 64.5%; }
.contentsWrap .contents02 .photo {
  width: 25.429%;
  position: absolute;
  top: 72%;
  right: -3%;
  z-index: 0; }
.contentsWrap .contents03 .panda {
  width: 25.929%; }
.contentsWrap .contents03 h2 {
  width: 55.715%; }
.contentsWrap .contentsArea_txt {
  display: flex;
  justify-content: center; }
.contentsWrap p {
  font-size: 1.643vw;
  font-weight: bold; }
.contentsWrap span {
  border-bottom: 2px solid #009E00;
  padding: 0.858% 0; }

@media screen and (min-width: 1400px) {
  .contentsWrap p {
    font-size: 23px; } }
@media all and (-ms-high-contrast: none) {
  .contentsWrap .contentsArea_txt span {
    padding: 0; } }
@media screen and (max-width: 750px) {
  .contentsWrap .contentsArea {
    padding-top: 43.0666666667vw;
    position: relative; }
  .contentsWrap .panda {
    position: absolute;
    top: 24vw;
    left: 1.7333333333vw; }
  .contentsWrap h2 {
    margin: 0 auto;
    padding: 6vw 0 8vw; }
  .contentsWrap .contents01 .panda {
    width: 40.2666666667vw; }
  .contentsWrap .contents01 h2 {
    width: 85.6vw; }
  .contentsWrap .contents02 .panda {
    width: 47.2vw; }
  .contentsWrap .contents02 h2 {
    width: 76.2666666667vw; }
  .contentsWrap .contents02 .photo {
    width: 75.7333333333vw;
    position: static;
    margin: 0 auto; }
  .contentsWrap .contents03 .panda {
    width: 60.5333333333vw; }
  .contentsWrap .contents03 h2 {
    width: 69.3333333333vw; }
  .contentsWrap .contentsArea_txt {
    display: flex;
    justify-content: center; }
  .contentsWrap p {
    font-size: 4.8vw;
    font-weight: bold; }
  .contentsWrap span {
    border-bottom: 2px solid #009E00;
    padding: 0.858% 0; } }
/*------------------------------
movie
--------------------------------*/
.movieWrap {
  color: #fff;
  margin-top: 12.5%;
  background: url("/img/bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  .movieWrap .panda {
    width: 13.286%;
    margin: 0 auto;
    position: absolute;
    top: -8.571%;
    left: 43.715%; }
  .movieWrap h2 {
    width: 40.715%;
    margin: 0 auto 6.786%;
    padding-top: 4.858%; }
  .movieWrap .movieList {
    display: flex;
    justify-content: space-between;
    width: 68.572%;
    padding: 0 0 8.429%;
    margin: 0 auto; }
    .movieWrap .movieList li {
      width: 29.688%; }
    .movieWrap .movieList img {
      width: 94.036%;
      display: block;
      margin: 0 auto 2.457%; }
    .movieWrap .movieList p {
      color: #fff;
      font-size: 2.143vw;
      white-space: nowrap;
      text-align: center; }

@media screen and (min-width: 1400px) {
  .movieWrap .movieList p {
    font-size: 30px; } }
@media screen and (max-width: 750px) {
  .movieWrap {
    color: #fff;
    margin-top: 29.3333333333vw;
    background: url("/img/bg-sp.png") no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative; }
    .movieWrap .panda {
      position: absolute;
      width: 34.8vw;
      margin: 0 auto;
      left: 30.6666666667vw;
      top: -13.3333333333vw; }
    .movieWrap h2 {
      width: 65.7333333333vw;
      margin: 0 auto 8vw;
      padding-top: 8.4vw; }
    .movieWrap .movieList {
      display: flex;
      justify-content: center;
      padding: 0 0 2.6666666667vw 0;
      flex-wrap: wrap; }
      .movieWrap .movieList li {
        width: 58vw;
        padding-bottom: 6vw; }
        .movieWrap .movieList li img {
          width: 100%; }
      .movieWrap .movieList p {
        color: #fff;
        font-size: 4.6666666667vw;
        padding: 0;
        text-align: center;
        font-weight: 600;
        line-height: 1.5; } }
/*------------------------------
subcontents
--------------------------------*/
.subContentsWrap .subContentsWrap_bg {
  background: #FFFFCE; }
.subContentsWrap .subContentsArea {
  width: 68.572%;
  position: relative;
  margin: 0 auto; }
.subContentsWrap .subContents_ttl {
  color: #009E00;
  font-size: 3.536vw;
  font-weight: 600;
  text-align: center;
  margin-bottom: 9.375%; }
  .subContentsWrap .subContents_ttl span {
    padding-bottom: 2.292%;
    border-bottom: 3px solid #009E00; }
.subContentsWrap .subContents_txt {
  font-size: 1.643vw;
  font-weight: 600;
  text-align: center; }
.subContentsWrap .pandaWrap {
  position: absolute;
  display: flex;
  width: 50.73%;
  right: -31.9%; }
  .subContentsWrap .pandaWrap .panda {
    padding-top: 18.07%;
    width: 39.631%; }
    .subContentsWrap .pandaWrap .panda img {
      width: 100%; }
  .subContentsWrap .pandaWrap .comment {
    width: 61.191%; }
    .subContentsWrap .pandaWrap .comment img {
      width: 100%; }
.subContentsWrap .subContents_btn {
  width: 83.334%;
  margin: 17.709% auto 0;
  padding-bottom: 16.667%; }

@media screen and (min-width: 1400px) {
  .subContentsWrap .subContents_ttl {
    font-size: 49.5px; }
  .subContentsWrap .subContents_txt {
    font-size: 23px; } }
@media screen and (max-width: 750px) {
  .subContentsWrap .subContentsArea {
    width: 100%;
    position: relative;
    margin: 0 auto; }
  .subContentsWrap .subContents_ttl {
    color: #009E00;
    font-size: 8vw;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12vw; }
    .subContentsWrap .subContents_ttl span {
      padding-bottom: 4vw;
      border-bottom: 3px solid #009E00;
      width: 66.6666666667vw;
      display: inline-block;
      line-height: 1; }
  .subContentsWrap .subContents_txt {
    font-size: 4.8vw;
    font-weight: 600;
    text-align: center; }
  .subContentsWrap .pandaWrap {
    position: absolute;
    display: flex;
    width: 60.4vw;
    right: -9.5%; }
    .subContentsWrap .pandaWrap .panda {
      padding-top: 3.6vw;
      width: 100%; }
      .subContentsWrap .pandaWrap .panda img {
        width: 100%; }
  .subContentsWrap .subContents_btn {
    width: 85.3333333333vw;
    margin: 15.3333333333vw auto 0;
    padding-bottom: 17.6vw; } }
/*------------------------------
greeting
--------------------------------*/
.greetWrap {
  font-size: 1.215vw;
  line-height: 1.5; }
  .greetWrap .subContents_ttl {
    padding-top: 5.521%; }
  .greetWrap .greetArea {
    width: 89.792%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
  .greetWrap .greetMonth {
    width: 48.724%; }
  .greetWrap .greetMonth_txt {
    color: #231815;
    font-weight: 600;
    margin-top: 5.883%; }
  .greetWrap p {
    color: #231815;
    font-weight: 600;
    margin-top: 5.883%; }
  .greetWrap .greetMonth_goMonth {
    color: #231815;
    font-weight: 600;
    margin-top: 20.883px; }
  .greetWrap .greetFacebook {
      padding-top: 5.521%;
    /* padding-top: 20.521%; */
    width: 45.708%; }
  .greetWrap .greetFacebook_txt {
    font-weight: 600;
    margin-top: 5.883%; }
  .greetWrap .pandaWrap {
    top: 10%; }
  .greetWrap {
    font-size: 17px; }

@media screen and (max-width: 750px) {
  .greetArea {
  display: block;
/*    flex-direction: column; */
  }
  greetArea .greetMonth {
    width: 100%;
    margin: 0 auto;
  }
  .greetArea .greetFacebook {
    width: 100%;
    margin: 0 auto;
  }
  .greetWrap .subContents_ttl {
    padding-top: 31.4666666667vw; }
  .greetWrap .greetArea {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .greetWrap .greetMonth {
    width: 66.6666666667vw; }
  .greetWrap .greetMonth_txt {
    font-weight: 600;
    font-size: 4.5333333333vw;
    margin-top: 6vw; }
  .greetWrap .greetFacebook {
    width: 84.5333333333vw; }
  .greetWrap .greetFacebook_txt {
    font-weight: 600;
    margin-top: 6vw; }
  .greetWrap .pandaWrap {
    top: 4vw; } }
/*------------------------------
mlit
--------------------------------*/
.mlitArea {
  font-size: 17px;
}
.mlitArea {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
.mlitArea h2 {
  font-size: 150%;
  font-weight: 600;
  color: #009E00;
  text-align: center;
}
.mlitArea p {
  font-size: 100%;
  text-align: left;
  color: #000000;
  margin-top: 10px;
}

.mlitArea .mlitImg_sp{
  display: none !important; }
@media screen and (max-width: 750px) {
  .mlitArea .mlitImg_sp {
    display: block !important; } }
  .mlitArea .mlitImg_sp figure {
    text-align: center; }

.mlitArea .mlitImg_pc{
  float: right;
  width: 50%;
  max-width: 300px;
  margin: 15px;
  text-align: right;
  display: block !important; }
@media screen and (max-width: 750px) {
  .mlitArea .mlitImg_pc{
    display: none !important; } }

.mlitArea .toProfile {
 margin: 2em auto;
 padding: 0.1em;
 width: 90%;
 border: 2px solid #009E00;
 background-color: #eee; /*背景色*/
 box-shadow: -2px 5px 5px #e8d3c7; /*影*/
 border-radius: 5px; /*角の丸み*/
}

/*------------------------------
profile
--------------------------------*/
.profWrap {
  font-size: 1.215vw;
  line-height: 1.5; }
  .profWrap .subContents_ttl {
    padding-top: 20.521%; }
  .profWrap .profArea {
    width: 89.792%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
  .profWrap .profImg {
    width: 48.724%; }
  .profWrap .profDetail {
    width: 45.708%; }
  .profWrap .profHistory {
    display: flex;
    flex-wrap: wrap; }
    .profWrap .profHistory dt {
      width: 20.305%; }
    .profWrap .profHistory dd {
      width: 79%; }
  .profWrap .profDetail_txt {
    font-weight: 600;
    margin-top: 5.883%; }
  .profWrap .profWorks {
    letter-spacing: -0.03em; }
    .profWrap .profWorks p {
      border: 1px solid #046535;
      width: 26.471%;
      text-align: center;
      margin: 4.412% 0 2.648%; }
    .profWrap .profWorks ul {
      white-space: nowrap; }
  .profWrap .pandaWrap {
    top: 10%; }

@media screen and (min-width: 1400px) {
  .profWrap {
    font-size: 17px; } }
@media all and (-ms-high-contrast: none) {
  .profWrap .profWorks p {
    padding-top: 0.2em; } }
@media screen and (max-width: 750px) {
  .profWrap {
    font-size: 4.4vw;
    line-height: 1.5; }
    .profWrap .subContents_ttl {
      padding-top: 31.4666666667vw; }
    .profWrap .profArea {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
    .profWrap .profImg {
      width: 66.6666666667vw; }
    .profWrap .profDetail {
      width: 84.5333333333vw; }
    .profWrap .profHistory {
      display: flex;
      flex-wrap: wrap;
      margin-top: 8.5333333333vw; }
      .profWrap .profHistory dt {
        width: 20.5333333333vw; }
      .profWrap .profHistory dd {
        width: 64vw; }
    .profWrap .profDetail_txt {
      font-weight: 600;
      margin-top: 6vw; }
    .profWrap .profWorks {
      letter-spacing: -0.03em; }
      .profWrap .profWorks p {
        border: 1px solid #046535;
        width: 24vw;
        text-align: center;
        margin: 4.6666666667vw 0 2.6666666667vw; }
      .profWrap .profWorks ul {
        white-space: nowrap; }
    .profWrap .pandaWrap {
      top: 4vw; } }
/*------------------------------
policy
--------------------------------*/
.policyWrap .subContents_ttl {
  padding-top: 29.48%; }
.policyWrap .policyList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 2.143vw;
  line-height: 1.5;
  font-weight: 600;
  padding: 7.292% 0 16.98%; }
  .policyWrap .policyList li {
    width: 48.959%;
    background: #E6F0EB;
    display: flex;
    justify-content: center;
    height: 12vw;
    margin-bottom: 2.084%;
    align-items: center; }
.policyWrap .pandaWrap {
  top: 12%; }

@media screen and (min-width: 1400px) {
  .policyWrap .policyList {
    font-size: 30px; }
    .policyWrap .policyList li {
      height: 168px; } }
@media screen and (max-width: 750px) {
  .policyWrap .subContents_ttl {
    padding-top: 46vw; }
  .policyWrap .policyList {
    display: flex;
    flex-wrap: wrap;
    font-size: 5.4666666667vw;
    line-height: 1.5;
    font-weight: 600;
    padding: 6.6666666667vw 0 23.7333333333vw; }
    .policyWrap .policyList li {
      width: 100%;
      background: #E6F0EB;
      display: flex;
      justify-content: flex-start;
      height: 22.6666666667vw;
      margin-bottom: 1.7333333333vw;
      align-items: center;
      padding-left: 6.6666666667vw; }
  .policyWrap .pandaWrap {
    top: 17.2vw; } }
/*------------------------------
today
--------------------------------*/
.todayWrap .subContents_ttl {
  padding-top: 15.105%; }
.todayWrap .subContents_txt {
  padding-bottom: 7.813%; }
.todayWrap .todayArea {
  width: 500px;
  height: 840px;
  margin: 0 auto; }
.todayWrap .pandaWrap {
  top: 4%; }

@media screen and (max-width: 750px) {
  .todayWrap .subContents_ttl {
    padding-top: 14.4vw; }
  .todayWrap .subContents_txt {
    padding-bottom: 7.813%; }
  .todayWrap .todayArea {
    width: 66.6666666667vw;
    height: 840px;
    margin: 0 auto; }
  .todayWrap .pandaWrap {
    top: -5.5%; } }
/*------------------------------
mounthly
--------------------------------*/
/*------------------------------
join
--------------------------------*/
.joinWrap {
  color: #231815; }
  .joinWrap #article {
    width: 72.917%;
    margin: 0 auto; }
    .joinWrap #article .contents {
      box-shadow: none; }
  .joinWrap .subContents_ttl {
    padding-top: 13.334%; }
  .joinWrap .subContents_txt {
    color: #231815; }
  .joinWrap .joinList li {
    padding-top: 7.813%; }
  .joinWrap .joinList_ttl {
    font-size: 2.25vw;
    text-align: center;
    color: #046535;
    font-weight: 600; }
    .joinWrap .joinList_ttl span {
      padding: 0 5.209%;
      border-right: 1px solid #046535;
      border-left: 1px solid #046535; }
  .joinWrap .joinList_txt {
    text-align: center;
    font-size: 1.572vw; }
    .joinWrap .joinList_txt a {
      color: #231815; }

@media screen and (min-width: 1400px) {
  .joinWrap .joinList_ttl {
    font-size: 31.5px; }
  .joinWrap .joinList_txt {
    font-size: 22px; }
  .joinWrap .joinForm_ttl {
    font-size: 29px; }
  .joinWrap .joinForm_txt {
    font-size: 20px; } }
@media screen and (max-width: 750px) {
  .joinWrap {
    color: #231815; }
    .joinWrap .subContents_ttl {
      line-height: 1.3;
      padding-top: 18vw; }
    .joinWrap .subContents_txt {
      color: #231815;
      width: 84.9333333333vw;
      text-align: left;
      margin: 0 auto;
      font-size: 4.5333333333vw; }
    .joinWrap .joinList li {
      padding-top: 18vw; }
    .joinWrap .joinList_ttl {
      font-size: 5.6vw;
      text-align: center;
      color: #046535;
      font-weight: 600; }
      .joinWrap .joinList_ttl span {
        padding: 0 8.8vw;
        border-right: 2px solid #046535;
        border-left: 2px solid #046535; }
    .joinWrap .joinList_txt {
      text-align: center;
      font-size: 3.9333333333vw;
      padding-top: 3.3333333333vw; } }
/*------------------------------
footer
--------------------------------*/
footer {
  max-width: 1400px;
  border-top: 1px solid #046535;
  margin: 0 auto;
  padding: 1.786% 0 2.643%;
  position: relative; }
  footer .panda {
    width: 8.072%;
    position: absolute;
    bottom: 65%;
    right: 2%; }

.bnrWrap {
  width: 68.572%;
  margin: 0 auto; }
  .bnrWrap .bnrList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.358%; }

.copyright {
  font-size: 1.072vw;
  color: #046535;
  width: 68.572%;
  margin: 0 auto; }

@media screen and (max-width: 800px) {
  .bnrWrap .bnrList {
     flex-flow: column;
  }
  .copyright {
    font-size: 2.4vw;
    color: #046535;
    width: 100%;
    text-align: center; } }
/*------------------------------
animation
--------------------------------*/
.fadeIn {
  opacity: 0;
  transform: translateY(50%);
  transition: all 0.7s cubic-bezier(0.27, 0.4, 0.29, 0.86); }

.fadeIn.go {
  opacity: 1;
  transform: translateY(0); }

.cutIn {
  transform: translateX(85%);
  transition: all 0.7s cubic-bezier(0.27, 0.4, 0.29, 0.86); }

.cutIn.go {
  transform: translateX(0); }

.bounceIn {
  transform: scale(0) rotate(0.0001deg);
  opacity: 0; }

.bounceIn.go {
  animation-name: bounceIn;
  animation-duration: 1.5s;
  animation-delay: .7s;
  animation-timing-function: cubic-bezier(0.27, 0.4, 0.29, 0.86);
  transform: scale(1) rotate(0.0001deg);
  transition: all 1s ease-out; }

.opacty1 {
  opacity: 1; }

@keyframes bounceIn {
  0% {
    transform: scale(5); }
  15% {
    transform: scale(0.9); }
  30% {
    transform: scale(1); }
  45% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
/*------------------------------
アンカーリンク
--------------------------------*/
.block04 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -8.02%; }

.block05 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0.938%; }

.block06 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -26.041%; }

.block07 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -8.437%; }

.block08 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -3.125%; }

@media screen and (max-width: 750px) {
  .block04 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -16vw; }

  .block05 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -0.1333333333vw; }

  .block06 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -32vw; }

  .block07 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -31.7333333333vw; }

  .block08 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -14.6666666667vw; } }
/*------------------------------
modal
--------------------------------*/
.modalWrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none; }

.modalOverlay {
  position: absolute;
  background: #fff;
  opacity: 0.7;
  height: 100%;
  width: 100vw; }

.modalOuter {
  width: 54.8571428571vw;
  height: 30.8571428571vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); }

.modalInner {
  width: 100%;
  height: 100%;
  position: relative; }

.modalInner_close {
  width: 3.5714285714vw;
  position: absolute;
  top: -13%;
  right: -6%; }

.fix {
  overflow: hidden; }

@media screen and (min-width: 1400px) {
  .modalOuter {
    width: 768px;
    height: 432px; }

  .modalInner_close {
    width: 50px; } }
@media screen and (max-width: 767px) {
  .modalWrap {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0; }

  .modalOverlay {
    position: absolute;
    background: #fff;
    opacity: 0.7;
    height: 100%;
    width: 100vw; }

  .modalOuter {
    width: 86.6666666667vw;
    height: 48.75vw;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); }

  .modalInner_close {
    width: 9.3333333333vw;
    position: absolute;
    top: -22%;
    right: -6%; } }

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