/*全体*/
body {
  font-family:"MS Pゴシック",sans-serif;
  color: #000;
  text-align: justify;
  background: black;
}

p {
  line-height: 1.5;
}

img {
  vertical-align: bottom;
}


.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

li {
  list-style-type: none;
}

span {
  color: red;
}


/*PC画面では見えない*/
.sp-item {
  display: none !important;
}


.sec-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: white;
}

.sec-wrap img{
  width: 100%;
}

.rollover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-fter: "alpha( opacity=70 )";
}

.w85 {
  width: 85%;
  margin: 0 auto;
}

.w94 {
  width: 94%;
  margin: 0 auto;
}





/*全体レスポンシブ*/
@media screen and (max-width: 640px) {

  /*スマホの時は見えない*/
  .pc-item {
    display: none !important;
  }

  /*スマホの時は見える*/
  .sp-item {
    display: block !important;
  }
}



/*全体ここまで*/




/*ヘッダー*/

header {
  background-color: #E2E2E2;
}



.btn {
  width: 94%;
  margin: 0 auto;
  padding: 20px 0 30px 0;
}


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

  .btn {
    padding: 20px 0 15px 0;
  }

}

.yu {
  background: #106EB8;
  padding: 8%;

}


/* 動画を囲うdiv */
.douga {
  position: relative;
  width:100%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.douga iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*悩み*/

.s {
  padding: 20px 0 20px 0;
}


.sec1-b {
  margin: 40px 0 40px 0;
}

.nay-b {
  margin-top: 5px ;
}



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

  .sec1-b {
    margin: 20px 0 20px 0;
  }

}



/*解決*/


.conten2 {
  background: #FFFFC7 !important;
}

.c-1 {
  padding: 50px 0 50px 0;
}

.c-2 {
  padding-bottom: 50px ;
}


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

  .c-1 {
    padding: 30px 0 50px 0;
  }

}



/*ボタン２*/

.btn-waku {
  background: #093773;
  padding: 30px 0 20px 0;
}

/*ふわふわするボタン*/
.fuwafuwa{
  margin: auto;
  display: block;
  animation-name: fuwafuwa;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes fuwafuwa {
  0%{
    transform: translateY(0);/*Yは縦軸を表す*/
  }

  50%{
    transform: translateY(-15px);/*15px分動く*/
  }

  100%{
    transform: translateY(0);
  }

}
/*ふわふわするボタン*/
@media screen and (max-width: 640px) {

  .btn-waku {
    padding: 20px 0 10px 0;
  }

}





/*フッター*/

footer {
  background: #EEEEEE;
  color: black;
  padding: 15px 0 15px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
}

.menseki {
  margin: 5px 0;
}

.menseki a {
  color: #fff;
  padding: 0 2px ;
  text-decoration : none;
}

@media screen and (max-width: 670px) {
	/* 670px以下に適用されるCSS（スマホ用） */


  footer {
    font-size: 10px;

}
  }


.company {
  padding: 10px 20px 20px 0px;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #424242;
}

.company a {
  color: #424242;
}