@charset "UTF-8";
/* CSS Document */
/*def end*/
/*share*/
::selection {
  background: rgba(3, 22, 40, 0.6);
  /* Safari */
  color: white; }

::-moz-selection {
  background: rgba(3, 22, 40, 0.6);
  /* Firefox */
  color: white; }

html, body {
  height: 100%; }

*, *::before, *::after {
  box-sizing: border-box; }

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

li {
  list-style-type: none; }

dl, dt, dd, ul, li {
  margin: 0;
  padding: 0; }

body {
  font-family: "Century Gothic", "Questrial", "Roboto Condensed", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Meiryo UI", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 12px; }
  @media all and (max-width: 768px) {
    body {
      font-size: 2.5vw; } }
  body p.en {
    font-size: 10px; }
    @media all and (max-width: 768px) {
      body p.en {
        font-size: 2.5vw; } }
  body p.ja {
    font-size: .9em;
    font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'Meiryo UI', 'Meiryo', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif; }
    @media all and (max-width: 768px) {
      body p.ja {
        font-size: 2.2vw; } }

#content {
  position: relative;
  min-height: 100%; }
  #content section {
    position: relative;
    width: 100%;
    min-height: 100vh; }
    @media all and (max-width: 768px) {
      #content section {
        margin-bottom: 20vh; }
        #content section:last-child {
          margin-bottom: 0; } }

#logo {
  width: 20%;
  min-width: 100px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  #logo img {
    width: 100%; }
  @media all and (max-width: 768px) {
    #logo {
      width: 30%;
      top: 35%;
      top: auto;
      position: relative;
      transform: none;
      text-align: center;
      margin: 0 auto;
      left: 0;
      height: 40vh;
      line-height: 45vh; } }

#catch {
  position: absolute;
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  #catch p {
    line-height: 1.8em; }
  @media all and (max-width: 768px) {
    #catch {
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 90%;
      position: relative;
      top: auto;
      transform: none;
      left: 0;
      margin: 0 auto; } }

#tpm {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  #tpm p {
    line-height: 1.8em; }
  @media all and (max-width: 768px) {
    #tpm {
      position: relative;
      left: auto;
      bottom: auto;
      margin-bottom: 10vh;
      padding-top: 5vh;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.header {
  letter-spacing: .1em;
  padding: 0;
  margin: 0; }

.p_header {
  margin-bottom: .5em;
  line-height: 0;
  padding-top: 1em; }

.center_head {
  width: 100%;
  text-align: center;
  padding: 1.5em 0 .5em; }

.text_en {
  margin-bottom: 5vh; }
  @media all and (max-width: 768px) {
    .text_en {
      margin-bottom: 3vh; } }

.tpm {
  width: 16%;
  padding-top: 2vh; }
  @media all and (max-width: 768px) {
    .tpm {
      width: 35%; } }

.mode_ja, .mode_en {
  visibility: hidden;
  display: none; }
  .mode_ja.active, .mode_en.active {
    visibility: visible;
    display: block; }

.lang_btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
  .lang_btn span.active, .lang_btn span:hover {
    text-decoration: underline; }
  @media all and (max-width: 768px) {
    .lang_btn {
      position: relative;
      top: auto;
      right: auto;
      text-align: right; } }

.static_link {
  cursor: pointer;
  text-decoration: underline; }
  .static_link:hover {
    text-decoration: none; }

#slider_body {
  height: 80vh; }
  #slider_body .slider_content {
    position: relative;
    outline: none; }
  @media all and (max-width: 768px) {
    #slider_body {
      height: 90vh; } }

#slider_index {
  height: 20vh;
  width: 100%;
  margin: 0 auto; }
  #slider_index div.index_block {
    width: 150px;
    height: 10vh;
    margin: 1em;
    outline: none; }
  @media all and (max-width: 768px) {
    #slider_index div.index_block {
      width: 30vw;
      height: 10vh;
      margin: .5em; } }

.event_basic {
  height: 80vh; }
  .event_basic a {
    text-decoration: underline; }
    .event_basic a:hover {
      text-decoration: none; }
  .event_basic .text {
    float: right;
    width: 46%;
    margin-top: 10vh;
    height: 67.5vh;
    position: relative;
    line-height: 1.5em; }
    .event_basic .text .text_body {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .event_basic .text .list {
      padding: .2em 0;
      font-size: .9em; }
      .event_basic .text .list li {
        margin-bottom: .2em; }
  .event_basic .slider_img {
    float: left;
    width: 47.5%;
    margin-left: 2.5%;
    margin-top: 10vh;
    height: 67.5vh; }
  @media all and (max-width: 768px) {
    .event_basic {
      padding-right: 2em;
      padding-left: 2em;
      /*スクロールバー全体*/
      /*スクロールバーの軌道*/
      /*スクロールバーの動く部分*/ }
      .event_basic ::-webkit-scrollbar {
        width: 4px; }
      .event_basic ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.9); }
      .event_basic .text {
        float: none;
        height: auto;
        width: 100%;
        height: 20vh;
        margin-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
        .event_basic .text .text_body {
          width: 100%;
          position: relative;
          top: auto;
          left: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
          .event_basic .text .text_body p br {
            display: none; }
      .event_basic .slider_img {
        width: 100%;
        height: 50vh;
        margin-bottom: 4vh;
        float: none;
        margin-left: 0; } }

#shop20170606 .slider_img {
  background: url(../img/back1.jpg) center center no-repeat;
  background-size: contain; }

#event201803 .slider_img {
  background: url(../img/event201803.jpg) center center no-repeat;
  background-size: contain; }

#shop201801 .slider_img {
  background: url(../img/shop201801.jpg) center center no-repeat;
  background-size: contain; }

#workshop20170923 .slider_img {
  background: url(../img/ws201909_3.jpg) center center no-repeat;
  background-size: contain; }

#workshop20180825 .slider_img {
  background: url(../img/event20180825.jpg) center center no-repeat;
  background-size: contain; }

#workshop20180903 .slider_img {
  background: url(../img/event20180903.jpg) center center no-repeat;
  background-size: contain; }

#workshop20180820 .slider_img {
  background: url(../img/event20180820.jpg) center center no-repeat;
  background-size: contain; }

#workshop20180904 .slider_img {
  background: url(../img/event20180904.jpg) center center no-repeat;
  background-size: contain; }

#workshop20181021 .slider_img {
  background: url(../img/event20181021.jpg) center center no-repeat;
  background-size: contain; }

#workshop20181020 .slider_img {
  background: url(../img/event20181020.jpg) center center no-repeat;
  background-size: contain; }

#workshop20181201 .slider_img {
  background: url(../img/event20181201.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190301 .slider_img {
  background: url(../img/event20190301.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190330 .slider_img {
  background: url(../img/event20190330.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190419 .slider_img {
  background: url(../img/event20190419.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190502 .slider_img {
  background: url(../img/event20190502.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190503 .slider_img {
  background: url(../img/event20190503.jpg) center center no-repeat;
  background-size: contain; }

#workshop20181123 .slider_img {
  background: url(../img/event20181123.jpg) center center no-repeat;
  background-size: contain; }

#workshop20181117 .slider_img {
  background: url(../img/event20181117.jpg) center center no-repeat;
  background-size: contain; }

#workshop20180521 .slider_img {
  background: url(../img/parker20180521_1.jpg) center center no-repeat;
  background-size: contain; }
@media all and (max-width: 768px) {
  #workshop20180521 .slider_img {
    background: url(../img/parker20180521_1.jpg) center top no-repeat;
    background-size: contain; } }

#workshop20180727 .slider_img {
  background: url(../img/parker20180727.jpg) center center no-repeat;
  background-size: contain; }
@media all and (max-width: 768px) {
  #workshop20180727 .slider_img {
    background: url(../img/parker20180727.jpg) center center no-repeat;
    background-size: contain; } }

#workshop20190722 .slider_img {
  background: url(../img/event20190722.jpg) center center no-repeat;
  background-size: contain; }

#workshop20190921 .slider_img {
  background: url(../img/event20190921.jpg) center center no-repeat;
  background-size: contain; }

#workshop20191102 .slider_img {
  background: url(../img/event20191102.jpg) center center no-repeat;
  background-size: contain; }

#workshop20191103 .slider_img {
  background: url(../img/event20191103.jpg) center center no-repeat;
  background-size: contain; }

#workshop20191109 .slider_img {
  background: url(../img/event20191109.jpg) center center no-repeat;
  background-size: contain; }

#workshop20191123 .slider_img {
  background: url(../img/event20191123.jpg) center center no-repeat;
  background-size: contain; }

#information20201010 .slider_img {
  background: url(../img/cyodo_main.jpg) center center no-repeat;
  background-size: contain; }

#information20201210 .slider_img {
  background: url(../img/information20201210.jpg) center center no-repeat;
  background-size: contain; }

#information20201106 .slider_img {
  background: url(../img/information20201106.jpg) center center no-repeat;
  background-size: contain; }

#information20210816 .slider_img {
  background: url(../img/information20210816.jpg) center center no-repeat;
  background-size: contain; }

#slider_index div.index_block.shop20170606 {
  background: url(../img/back1.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.event201803 {
  background: url(../img/event201803.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.shop201801 {
  background: url(../img/shop201801.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20170923 {
  background: url(../img/ws201909_3.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20180825 {
  background: url(../img/event20180825.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20180903 {
  background: url(../img/event20180903.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20180820 {
  background: url(../img/event20180820.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20180904 {
  background: url(../img/event20180904.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20181021 {
  background: url(../img/event20181021.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20181020 {
  background: url(../img/event20181020.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20181201 {
  background: url(../img/event20181201.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190301 {
  background: url(../img/event20190301.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190330 {
  background: url(../img/event20190330.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190419 {
  background: url(../img/event20190419.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190502 {
  background: url(../img/event20190502.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190503 {
  background: url(../img/event20190503.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190722 {
  background: url(../img/event20190722.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20190921 {
  background: url(../img/event20190921.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20191102 {
  background: url(../img/event20191102.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20191103 {
  background: url(../img/event20191103.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20181123 {
  background: url(../img/event20181123.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20181117 {
  background: url(../img/event20181117.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20180521 {
  background: url(../img/parker20180521_1.jpg) center center no-repeat;
  background-size: cover; }
  @media all and (max-width: 768px) {
    #slider_index div.index_block.workshop20180521 {
      background: url(../img/parker20180521_1.jpg) center top no-repeat;
      background-size: cover; } }
#slider_index div.index_block.workshop20180727 {
  background: url(../img/parker20180727.jpg) center center no-repeat;
  background-size: cover; }
  @media all and (max-width: 768px) {
    #slider_index div.index_block.workshop20180727 {
      background: url(../img/parker20180727.jpg) center center no-repeat;
      background-size: cover; } }
#slider_index div.index_block.workshop20190722 {
  background: url(../img/event20190722.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20191123 {
  background: url(../img/event20191123.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.workshop20191109 {
  background: url(../img/event20191109.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.information20201010 {
  background: url(../img/cyodo_main.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.information20201210 {
  background: url(../img/information20201210.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.information20201106 {
  background: url(../img/information20201106.jpg) center center no-repeat;
  background-size: cover; }
#slider_index div.index_block.information20210816 {
  background: url(../img/information20210816.jpg) center center no-repeat;
  background-size: cover; }

.notice {
  font-weight: bold; }

.text_body h3 {
  font-size: 1.0em;
  font-weight: normal; }

#about {
  padding-right: 5vh;
  padding-left: 5vh; }
  #about .text {
    float: right;
    width: 50%;
    height: 90vh;
    position: relative;
    line-height: 1.5em; }
    #about .text .text_body {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
      transform: translate(-30%, -50%); }
      #about .text .text_body h3 {
        padding-top: 3em; }
  #about .slick_image {
    float: left;
    width: 50%;
    height: 90vh;
    background-size: contain; }
    #about .slick_image div {
      height: 100%; }
    #about .slick_image #about_image1 {
      background: url(../img/parker_img1.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image2 {
      background: url(../img/parker_img2.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image3 {
      background: url(../img/parker_img3.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image4 {
      background: url(../img/parker_img4.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image5 {
      background: url(../img/parker_img5.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image6 {
      background: url(../img/parker_img6.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image7 {
      background: url(../img/parker_img7.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image8 {
      background: url(../img/parker_img8.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image9 {
      background: url(../img/parker_img9.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image10 {
      background: url(../img/parker_img10.jpg) center center no-repeat;
      background-size: contain; }
    #about .slick_image #about_image11 {
      background: url(../img/parker_img11.jpg) center center no-repeat;
      background-size: contain; }
  @media all and (max-width: 768px) {
    #about {
      padding-right: 4vh;
      padding-left: 4vh; }
      #about .text {
        float: none;
        height: auto;
        width: 100%; }
        #about .text .text_body {
          width: 100%;
          position: relative;
          top: auto;
          left: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
          #about .text .text_body h3 {
            padding-top: 1em; }
      #about .slick_image {
        width: 100%;
        margin-bottom: 4vh;
        float: none;
        height: 50vh; } }

#news {
  padding-right: 5vh;
  padding-left: 5vh; }
  #news .img {
    height: 50vh;
    background: url(../img/hiring.jpg) center center no-repeat;
    background-size: contain;
    margin-bottom: 1em; }
  #news .text {
    float: left;
    width: 50%;
    height: 90vh;
    position: relative;
    line-height: 1.5em; }
    #news .text .text_body {
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #news .text .text_body p {
        text-align: left; }
  #news #hire .header {
    text-align: center; }
  @media all and (max-width: 768px) {
    #news {
      padding-right: 4vh;
      padding-left: 4vh; }
      #news .text {
        float: none;
        height: auto;
        width: 100%;
        margin-bottom: 7vh; }
        #news .text .text_body {
          width: 100%;
          position: relative;
          top: auto;
          left: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }

#access {
  padding-right: 5vh;
  padding-left: 5vh; }
  #access .text {
    float: left;
    width: 50%;
    height: 630px;
    position: relative;
    line-height: 1.5em; }
    #access .text .text_body {
      width: 80%;
      position: absolute;
      height: 630px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
      transform: translate(-50%, -60%); }
      #access .text .text_body h3 {
        padding-top: 2em; }
      #access .text .text_body p {
        text-align: left;
        padding-top: 0; }
      #access .text .text_body p.list {
        padding-left: 10em;
        padding-bottom: 1em; }
    #access .text ul.sub_nav {
      right: auto;
      bottom: auto;
      position: relative;
      bottom: auto;
      padding-top: 2vh;
      padding-bottom: 3vh; }
    #access .text #map {
      width: 100%;
      height: 290px;
      float: none; }
  #access #map {
    width: 50%;
    height: 90vh;
    float: right; }
  @media all and (max-width: 768px) {
    #access {
      padding-right: 4vh;
      padding-left: 4vh; }
      #access .text {
        float: none;
        height: auto;
        width: 100%;
        margin-bottom: 4vh; }
        #access .text .text_body {
          width: 100%;
          position: relative;
          top: auto;
          left: auto;
          height: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
          #access .text .text_body p.list {
            padding-left: 1em; }
      #access #map {
        height: 200px;
        width: 200px;
        float: none;
        margin: 0 auto; }
      #access ul.sub_nav {
        display: none; } }

a#access_btn, a#wslink_btn, a#wslink_btn_en {
  border-bottom: solid thin black;
  padding-bottom: 3px;
  cursor: pointer; }
  a#access_btn:hover, a#wslink_btn:hover, a#wslink_btn_en:hover {
    text-decoration: none;
    border-bottom: solid thin white; }

ul.sub_nav {
  position: absolute;
  bottom: 2vh;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center; }
  ul.sub_nav li {
    display: inline-block;
    margin: 0 .5%;
    font-size: 1.5em; }
  @media all and (max-width: 768px) {
    ul.sub_nav {
      bottom: 30px; }
      ul.sub_nav li {
        font-size: 1.75em;
        margin: 0 2%; } }

#top ul.sub_nav {
  bottom: 6vh; }
@media all and (max-width: 768px) {
  #top ul.sub_nav {
    bottom: auto;
    position: relative;
    padding-bottom: 10vh; } }

.page_header, .sub_header {
  z-index: 100;
  position: absolute;
  top: 3vh;
  left: 0;
  text-indent: .3em;
  letter-spacing: .3em;
  font-size: 14px;
  margin: 0;
  padding: 0 10vh;
  width: 100%;
  text-align: center; }
  @media all and (max-width: 768px) {
    .page_header, .sub_header {
      font-size: 2.5vw; } }

.sub_header {
  z-index: 100;
  top: 5.5vh;
  letter-spacing: .2em; }
  @media all and (max-width: 768px) {
    .sub_header {
      top: 6vh;
      font-size: 2.2vw; } }

#scroll_btn {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #scroll_btn.is-visible {
    opacity: 0; }
  @media all and (max-width: 768px) {
    #scroll_btn.resp-visible {
      opacity: 0; } }

.scroll_btn {
  position: fixed;
  z-index: 100;
  bottom: 4vh;
  width: 100%;
  text-align: center; }
  @media all and (max-width: 768px) {
    .scroll_btn {
      height: 12px; } }
  .scroll_btn a {
    padding-top: 70px; }
  .scroll_btn a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -3px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box; }
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
    opacity: 0; } }
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: rotate(-45deg) translate(-10px, 10px);
    opacity: 0; } }
form input[type="radio"] {
  margin-right: 5px; }
form select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0; }
form select option {
  background-color: #fff;
  color: #333; }
form select::-ms-expand {
  display: none; }
form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }
form input[type="text"], form textarea, form select {
  background: #F1F1F1;
  width: 100%;
  font-size: 12px;
  margin: 0 auto 5px;
  border: none;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  form input[type="text"]:focus, form textarea:focus, form select:focus {
    outline: none;
    color: white;
    background: grey; }
form button {
  width: 100%;
  padding: 10px;
  margin: 0 auto 10px;
  border: none;
  background: black;
  color: white;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 3px black solid; }
  form button:hover {
    background: white;
    color: #333; }
@media all and (max-width: 768px) {
  form input[type="text"], form textarea {
    width: 100%; }
  form button {
    width: 100%; } }

.homeborder {
  border-top: thin solid black;
  padding-top: 5px; }

.link {
  display: table;
  background: #333;
  padding: 8px;
  color: white;
  transition: .3s;
  margin: 0 auto;
  margin-top: 10px; }
  .link._right {
    margin-left: 0; }
  .link:hover {
    background: #999;
    text-decoration: none; }

.slide {
  position: relative; }

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