@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&display=swap');

/*全ページ共通*/

html.spacebook {
  font-size: .73vw;
}

main {
  font-size: .1rem;
}

body {
  background-color: black;
  width: 100%;
  color: white;
  margin: 0;/* bodyの余白を削除 */
  padding: 0;/* bodyの余白を削除 */
}

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

a {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

h1 {
  margin: 0;
  font-size: 26em;
}

h2 {
  font-size: 22em;
}

/*全ページ共通終わり*/
    

        /*edit*/
        .view_all_zone{
          margin: 160em 3%;
          background-color: white;
          color: black;
        }
        .view_all{
          padding:5% 5%;
        }
        .day p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          font-size: 15em;
        }
        .view_title h1{
          text-align: center;
        }
        .view_title p{
          text-align: center;
          margin-top:0;
          font-size: 17em;
        }
        
        .text1 p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          font-size: 17em;
        }
        .text1 p{
          margin:0;
        }

        .set2{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          display: -ms-grid;
          display: grid;
          -ms-grid-rows: auto;
          grid-template-rows: auto;
          -ms-grid-columns: 55% 45%;
          grid-template-columns: 55% 45%;
          padding-top: 0em;
        }

        .set2 > *:nth-child(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
        }

        .set2 > *:nth-child(2){
  -ms-grid-row: 1;
  -ms-grid-column: 2;
        }
        
        .text2 p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-align:center;
              -ms-flex-align:center;
                  align-items:center;
          padding-top: 2em;
          font-size: 17em;
        }

        .text3 p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          font-size: 17em;
        }
        .text3 p{
          margin:0;
        }

        .text4 p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          font-size: 17em;
        }
        .text4 p{
          margin:0;
        }

        .text5 p{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          font-size: 17em;
        }
        .text5 p{
          margin:0;
        }

        .text6 p {
          font-size: 16em;
        }

        .text6 span {
          color:#2638ff;
        }

        .view_writingArea{
          padding-bottom:90em;
        }

        .photo1{
          height:auto;
          width:auto;
          text-align: center;
        }
        .photo1 img{
          height:200em;
          width:auto;
        }







      
      
        



    /*edit終了*/

/*bottom_banner*/
.bottom_banner {
  background-color: #dcdcdc;
  width: 100%;
  height: 4em;
  position: fixed;
  bottom: 0;
  padding: 0;
  font-size: 2rem;
}

.bottom_banner_tab {
  width: 90%;
  max-width: 49em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

.home {
  width: 24%;
  background-color: #fff;
  text-align: center;
  border-radius: .7em;
  padding-block: .5em;
  -webkit-box-shadow: 5px 5px 10px 1px gray;
          box-shadow: 5px 5px 10px 1px gray;
  color: #000;
}

.contact {
  width: 73%;
  background-color: #95D1C6;
  text-align: center;
  border-radius: .7em;
  padding-block: .5em;
  -webkit-box-shadow: 5px 5px 10px 1px gray;
          box-shadow: 5px 5px 10px 1px gray;
  color: #fff;
}

@media screen and (max-width:640px) {

  html.spacebook {
    font-size: 2.4vw;
  }

  main {
    font-size: .05rem;
}

  .bottom_banner {
    font-size: 1.6rem;
  }
}

@media screen and (min-width:980px) {
  .bottom_banner {
    font-size: 2em;
  }
}