/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
/* line 3, main.scss */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/* line 9, main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 14, main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 19, main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 28, main.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* line 37, main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 43, main.scss */
textarea {
  resize: vertical;
}

/* line 47, main.scss */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* line 59, main.scss */
img {
  width: 100%;
}

/* line 63, main.scss */
.wrapper {
  width: 100%;
  background: url(../images/bg.jpg) bottom center;
  background-size: 100% auto;
  overflow: hidden;
    /*.textarea1{
        width: 100%;
        height: auto;
        margin: 3% auto 0;

        .title{
            width: 100%;
            text-align: center;

            img{
                width: 40%;
            }

        }

        .waku{
            height: 100%;
            position: relative;
            margin: 6% 0 14%;


            .wakut{
                width: 100%;
                position: absolute;
                top: -4%;
                left: 0;
                z-index: 1;
            }

            @media (max-width: 767px) {

                .wakut{
                    width: 100%;
                    position: absolute;
                    top: -2%;
                    left: 0;
                    z-index: 1;
                }

            }

            .wakum{
                background: url(../images/wakum.png) center center repeat-y;
                position: absolute;
                width: 100%;
                height: 99%;
                top: 0;
                background-size: 100%;

            }

            .wakub{
                width: 100%;
                position: absolute;
                bottom: -4%;
                left: 0;
                z-index: 1;
            }

            .wakuinner{
                padding: 0 14%;
                position: relative;
                z-index: 11111;
                color: #505050;
                font-size: 16px;
                font-weight: bold;
                line-height: 1.4em;

                .btnsns{
                    width: 100%;
                    margin-top: 1%;
                    text-align: center;
                    padding: 2% 0 8%;

                    img{
                        width: 60%;
                    }

                }

                .mt{
                    padding-top: 8%;
                }

                .mr{
                    margin-left: 6%;
                }

                .mb{
                    padding-bottom: 8%;
                }

                .sns {
                    width: 100%;
                    height: auto;
                    margin: 0 auto 6%;

                    .sns_inner {
                        max-width: 500px;
                        height: auto;
                        margin: 0 auto;
                    }

                }

            }

        }

    }*/
}
/* line 69, main.scss */
.wrapper .logoarea {
  overflow: hidden;
}
/* line 73, main.scss */
.wrapper .logosammy {
  width: 18%;
  padding: 6% 0 0 4%;
  position: absolute;
}
/* line 190, main.scss */
.wrapper .textarea {
  width: 100%;
  height: auto;
  margin: 5% auto;
}
/* line 195, main.scss */
.wrapper .textarea .title {
  width: 100%;
  text-align: center;
  margin-bottom: 1%;
}
/* line 200, main.scss */
.wrapper .textarea .title img {
  width: 40%;
}
/* line 206, main.scss */
.wrapper .textarea .waku {
  height: 100%;
  position: relative;
  margin: 0 auto;
}
/* line 211, main.scss */
.wrapper .textarea .waku .wakut {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* line 218, main.scss */
.wrapper .textarea .waku .wakub {
  width: 100%;
  margin: -17% auto;
  position: relative;
  z-index: 1;
}
/* line 225, main.scss */
.wrapper .textarea .waku .wakuwaku {
  width: 100%;
  height: auto;
  margin: 10px auto;
  background-image: url(../images/wakum.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center center;
  position: relative;
  margin-top: -17%;
}
/* line 239, main.scss */
.wrapper .textarea .waku .wakuinner {
  padding: 0 4% 0 4%;
  position: relative;
  z-index: 11111;
  color: #505050;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  overflow-y: scroll;
  width: 74%;
  margin: 0 auto;
  height: 500px;
}
/* line 252, main.scss */
.wrapper .textarea .waku .wakuinner .mt {
  padding-top: 8%;
}
/* line 256, main.scss */
.wrapper .textarea .waku .wakuinner .mr {
  margin-left: 6%;
}
/* line 262, main.scss */
.wrapper .textarea .waku .wakuinner ul li {
  list-style: disc;
  margin-left: 7%;
  word-wrap: break-word;
}
/* line 270, main.scss */
.wrapper .textarea .waku .wakuinner .mr2 {
  padding-left: 1em;
  text-indent: -1em;
}
/* line 275, main.scss */
.wrapper .textarea .waku .wakuinner .btnsns {
  width: 100%;
  margin: 2% auto 6%;
  text-align: center;
}
/* line 280, main.scss */
.wrapper .textarea .waku .wakuinner .btnsns img {
  width: 90%;
}
/* line 286, main.scss */
.wrapper .textarea .waku .wakuinner .sns {
  width: 100%;
  height: auto;
  margin: 0 auto 6%;
}
/* line 291, main.scss */
.wrapper .textarea .waku .wakuinner .sns .sns_inner {
  max-width: 500px;
  height: auto;
  margin: 0 auto;
}
/* line 301, main.scss */
.wrapper .textarea .waku .wakuinnerh {
  height: 100%;
  overflow-y: initial;
}
/* line 310, main.scss */
.wrapper .textareantop {
  margin-top: 22%;
}
/* line 314, main.scss */
.wrapper .btnarea {
  text-align: center;
}
/* line 317, main.scss */
.wrapper .btnarea .btn2 {
  width: 80%;
  margin: 5% auto 2%;
}
/* line 322, main.scss */
.wrapper .btnarea .btn3 {
  width: 80%;
  margin: 0 auto 6%;
}
/* line 329, main.scss */
.wrapper .ntop {
  margin-top: 22%;
}
/* line 333, main.scss */
.wrapper .btnmenu {
  width: 28%;
  float: right;
  padding: 5% 3% 0 0;
  z-index: 1;
}

/* line 342, main.scss */
footer {
  margin-top: 3%;
}
/* line 345, main.scss */
footer .socialArea {
  position: relative;
  overflow: hidden;
}
/* line 349, main.scss */
footer .socialArea ul {
  position: relative;
  left: 52%;
  float: left;
  width: 185px;
  height: 22px;
}
/* line 356, main.scss */
footer .socialArea ul li {
  position: relative;
  left: -50%;
  float: left;
}
/* line 361, main.scss */
footer .socialArea ul li:nth-child(1) {
  width: 67px;
  height: 20px;
  margin-right: 10px;
}
/* line 367, main.scss */
footer .socialArea ul li:nth-child(2) {
  width: 78px;
  height: 17px;
  margin: -1px 0 0 22px;
}
/* line 379, main.scss */
footer .copyright {
  width: 32%;
  margin: 4% auto 12%;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* line 405, main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 410, main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 421, main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 431, main.scss */
.invisible {
  visibility: hidden;
}

/* line 435, main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 441, main.scss */
.clearfix:after {
  clear: both;
}

/* line 445, main.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  /* line 454, main.scss */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 463, main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 468, main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 472, main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 476, main.scss */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  /* line 481, main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 487, main.scss */
  thead {
    display: table-header-group;
  }

  /* line 491, main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 496, main.scss */
  img {
    max-width: 100% !important;
  }

  /* line 500, main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 507, main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}