@charset "utf-8";

/*
Theme Name: DADA graphic
Theme URI: https://dada-graphic.com/
Description: DADA graphic
Version: 1.0
Author: DADA graphic
Author URI: https://dada-graphic.com/
*/

/*================================
    全体
==================================*/


body {
    font-size: 14px;
    line-height: 1.6;
    margin: 0px;
    padding: 0px;
    font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
    background-image: linear-gradient(90deg, rgba(251, 213, 251, 1), rgba(149, 233, 243, 1));
}



article,
aside {
    overflow: hidden;
}


.clear {
    clear: both;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    width: 1200px;
    max-width: 100%;
}

i {
    vertical-align: baseline;
}


.sp,
.sp-fixed {
    display: none;
}


@media only screen and (max-width: 575px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}



@media screen and (max-width: 980px) {
    .sp-fixed {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.55);
        padding: 5px;
    }
}


p {
    margin: 0;
    padding: 0;
}


/**********main*******/
.header-logo {
    margin: 0.5rem;
    width: 28%;
    position: absolute;
}

.main {
    background: #fff;
}

.main-visual {
    padding-bottom: 36px;
}


.konnnanayami {
    padding-top: 27px;
    background: url(../images/dounyuu-bg.png)no-repeat center;
    background-size:cover;
    position: relative;
}

.mikeikenok {
    position: absolute;
    top: -33px;
}

.arrow {
    padding: 0 1rem;
    margin-bottom: -2rem;
    text-align: center;
}

.hajimemasenka {
    padding: 0 1rem;
    background: #2364b0;
}

.misikaku {
    background: #2364b0;
}
.peoples {
    margin-bottom: -4rem;
    padding: 0 1rem;
}

.hukidasi {
    margin-bottom: -2rem; 
}

.mezasu {
}

.plan {
    background: #2364b0;
}

.plan02 {
    padding: 0.8rem;
    border-radius: 10px;
    margin: 0 1rem;
    background:#fff;
}

.sub-visu {
    margin-bottom: 1rem;
}

.top-h2 {
}

.top-h3 {
    margin-bottom: 1rem;
    margin-top: 2rem;
    padding: 5px;
    font-size: 1.3rem;
    background: #ececec;
}

.syousai {
    margin-bottom: 2rem;
}

.marugoto-copy {
    margin-bottom: 2rem;
}

.spec {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.ke-image {
    width: 50%;
    margin: 0 auto 1rem;
}

.koukoku-img {
    margin-bottom: 1rem;
}

.sub-visu {
    margin-top: 3rem;
}

.member {
    margin-top: 3rem;
}

.koukoku-img {
    width: 70%;
    margin: 0 auto 2rem;
}

.aisatu-section {
    background: #2364b0;
}

.aisatu-section {
    padding: 0 2rem 2rem;
}

.gree-title {
    padding-top: 2rem;
    margin-bottom: 2rem;
}

.aisatu {
    margin-bottom: 2rem;
}

/*********btn*******/
.btn-toiawase {
    margin-bottom: 1rem;
    text-align: center;
}

a.btn--orange {
    color: #fff;
    background-color: #78bef1;
  }
  
  a.btn--orange:hover {
    color: #fff;
    background-color: #78bef1;
  }
  
  a.btn-c {
    font-size: 1.3rem;
    position: relative;
    padding: 1rem 2rem;
    border-radius: 30vh;
  }
  
  a.btn-c i.fa {
    margin-right: 1rem;
  }
  
  a.btn-c:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
  }




  .flow-section {
    padding: 2rem 1rem 2rem;
    background-color: #fff;
  }

  .jiturei-section {
    padding: 0 1rem 2rem;
    background: #d6ebfa;
  }

  .seisou-copy {
    margin-bottom: 1rem;
  }

  .d-cap {
    margin-bottom: 2rem;
  }

  .l-sale {
    margin-top: -2rem;
  }

  .l-post {
    margin-top: -1.5rem;
  }

  .footer-bg {
    background:url(../images/footer-bg.png) ;
    background-size: cover;
    padding: 2rem;
  }

  .f-logo {
    margin-bottom: 1rem;
  }

  .phone {
    width:80%;
    margin: 0 auto;
  }

  .scroll{
    height: 100vh;
    overflow: auto;
  }

  .scroll::-webkit-scrollbar {
    display:none;
   }

   .col-sm-5{
    border-right: solid 5px #fff;
    border-left: solid 5px #fff;
padding: 0;
   }

   .fix-top {
    padding: 2.7rem;
   }

   .target {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  /* Animation */
  .target {
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  }
  @keyframes floating-y {
    0% {
      transform: translateY(-10%);
    }
    100% {
      transform: translateY(10%);
    }
  }

/*=====================　スマホヘッダー　=====================*/
    .sp_header {
      height: 50px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      position: fixed;
      top: 0;
      left: 0;
      padding: 0 20px;
      box-sizing: border-box;
    }
    @media only screen and (min-width: 768px) {
      .sp_header {
        display: none;
      }
    }
    /*=====================　ロゴ　=====================*/
    .drawer_logo {
      height: 100%;
    }
    .drawer_logo img {
      display: block;
      height: 100%;
    }
    /*=====================　ハンバーガー　=====================*/
    .drawer_button {
      width: 50px;
      height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 10px 0;
      box-sizing: border-box;
    }
    .drawer_button span {
      display: block;
      width: 100%;
      height: 4px;
      background: #55a;
      transition: .3s;
    }
    /*=====================　ハンバーガー動き　=====================*/

    .drawer_button.active span:nth-child(1) {
      transform: rotate(-45deg) translate(-9px, 9px);
    }
    .drawer_button.active span:nth-child(2) {
      opacity: 0;
    }
    .drawer_button.active span:nth-child(3) {
      transform: rotate(45deg) translate(-9px, -9px);
    }
    /*=====================　メニュー　=====================*/
    .drawer_nav {
      width: 100%;
      height: 100vh;
      overflow: scroll;
      position: fixed;
      top: 50px;
      right: -100%;
      transition: .3s;
      opacity: 0;
      padding: 60px 20px 100px;
      box-sizing: border-box;
    }
    .drawer_nav.active {
	  background: #ffffffdb;
      opacity: 1;
      top: 50px;
      right: 0;
    }
 
.sub-main {
	text-align:center;
height: 700px;
    background: #fff;
	}

.sub-h2 {
	padding-bottom: 0.5rem;
    border-bottom: 1px solid #252525;
    margin-bottom: 3rem;
    padding-top: 3rem;
    text-align: center;
    font-size: 2rem;
}

.sub-line {
	margin-bottom: 1rem;
}

.sub-line a {
	font-weight: bold;
	font-size:1.5rem;
}