/* 1280レイアウト */

@media all and (max-width: 1024px) {
  .pc-only{
    display: none;
  }
  
  .sp-only{
    display: inline-block;
  }
  
  
  .main-wrapper {
    height: 72vw;
  }
  .menu {
    padding-top: 8vw;
  }
  .image-vw {
    width: 90vw;
  }
  .main-image {
    top: 10vw;
  }
  .miryoku-wrapper {
    padding-bottom: 120px;
    /*background-image: url("img/miryoku-back.png")*/
    background: url("img/miryoku-back-large2.png") no-repeat 50% 0 / 100% auto, url("img/miryoku-back-large.png") no-repeat 50% 100% / cover;
  }
  .okane-wrapper {
    padding-bottom: 120px;
    background-image: url("img/okane-back.png")
  }
  .nanji-wrapper {
    padding-bottom: 120px;
    background-image: url("img/nanji-back.png")
  }
  .sougei-wrapper {
    padding-bottom: 120px;
    background-image: url("img/sougei-back.png")
  }
  .pre-hoiku-wrapper {
    padding-bottom: 0;
    margin-bottom: -56px;
    background-image: url("img/pre-hoiku-back-2.png")
  }
  .pre-hoiku-answer02 {
    padding-top: 20px;
  }
  .image-vw60 {
    width: 60vw;
  }
  .nanji-answer02 {
    background-position: center;
  }
  .nanji-answer02-image01 {
    top: 25px;
  }
  .sougei-answer01 {
    height: 82vw;
  }
  .sougei-answer03 {
    padding: 120px 0 100px 0;
  }
  .suisen-seido-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .article-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .articleBox {
    padding: 30px 40px;
  }
  .articleBox.typeSuisenBox {
    padding: 30px 40px;
  }
  .articleBox ul li {
    font-size: 18px;
  }
  .articleBox ul li .new {
    font-size: 18px;
    margin-left: 10px;
  }
  .articleBox ul li .number {
    width: 70px;
  }
  .articleBox ul li .title {
    width: calc(100% - 70px);
  }
  .articleBox ul li .subText {
    /* width: calc(100% - 70px); */
    width: 100%;
    /* margin-left: 70px; */
  }
  .section06 {
    padding-left: 6vw;
    padding-right: 6vw;
    padding-bottom: 30vw;
  }
  .section06 .suisen-tx01 {
    font-size: 17px;
  }
  /*----- suisen -----*/
  .articleBox.suisenBox {
    padding: 30px 36px;
  }
  .articleBox .suisenList01>li {
    font-size: 24px;
  }
  .articleBox .suisenList01>li .new {
    font-size: 20px;
  }
  .articleBox .suisenList01>li:nth-child(n+3) {
    margin-top: 20px;
  }
  .articleBox .suisenList01>li>ul {
    margin-top: 5px;
    margin-left: 12px;
  }
  .articleBox .suisenList01>li>ul>li {
    font-size: 18px;
  }
  /*----- youtube -----*/
  .youtube-wrapper {
    padding-top: 310px;
  }
}


/* スマホ向けレイアウト */

@media all and (max-width: 670px) {
  .spNone {
    display: none;
  }
  .main-wrapper {
    height: 81vw;
  }
  .menu {
    /*padding-top: 500px;*/
    padding-top: 11vw;
  }
  .main-title {
    padding-top: 83px;
  }
  .down {
    top: 100px;
  }
  .grid {
    grid-template-columns: 1fr;
  }
  .miryoku-answer01 {
    padding-bottom: 30px;
  }
  .miryoku-answer02 {
    padding: 30px 0;
  }
  .miryoku-answer03 {
    padding: 30px 0;
  }
  .miryoku-answer04 {
    padding: 30px 0 190px 0;
  }
  .miryoku-wrapper, .okane-wrapper, .nanji-wrapper, .sougei-wrapper {
    padding-bottom: 20px;
  }
  .okane-answer01b {
    padding-top: 30px;
  }
  .okane-answer01 {
    padding-bottom: 180px;
  }
  .nanji-answer01 {
    padding: 200px 0 30px 0;
  }
  .pre-hoiku-answer01 {
    padding-bottom: 40px;
    margin-top: 100px;
  }
  .renkei-kaishi-wrapper {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .suisen-seido-wrapper {
    padding-top: 15px;
  }
  .down {
    margin-top: -80px;
  }
  .nanji-answer03 {
    padding: 60px 0 153px 0;
  }
  .nanji-answer03b {
    padding: 15px 0 20px 0;
  }
  .sougei-answer01 {
    padding-bottom: 30px;
  }
  .down90 {
    top: 40px;
  }
  .sougei-answer02 {
    padding-bottom: 0;
  }
  .sougei-answer03 {
    padding: 15px 0 25px 0;
  }
  .station-wrapper {
    padding-bottom: 5px;
  }
  .ichiran-wrapper {
    padding: 100px 0 15px;
  }
  .ichiran-wrapper up {
    top: 0;
  }
  .ichiran-check {
    font-size: 14px;
  }
  .grid {
    gap: 0px;
  }
  .banner-wrapper {
    padding: 15px 0;
  }
  .banner {
    padding: 0;
  }
  .banner img {
    padding: 15px 0;
  }
  a.page-link {
    display: block;
    margin-top: -30px;
    padding-top: 30px;
  }
  /*----- youtube -----*/
  .youtube-wrapper {
    padding-top: 50vw;
  }
  .yu-movie {
    width: 320px;
    height: 216px;
  }
  /*----- article -----*/
  .article-wrapper {
    padding: 34px 20px 30px;
  }
  .articleBox {
    border-radius: 20px;
    padding: 3vw 4vw;
  }
  .articleBox .articleList li {
    font-size: 14px;
  }
  .articleBox .articleList li .new {
    font-size: 11px;
    margin-left: 10px;
    border: 1px solid #ff0000;
  }
  .articleBox .articleList li .number {
    width: 55px;
  }
  .articleBox .articleList li .title {
    width:100%;
    /* width: calc(100% - 55px); */
  }
  .articleBox .articleList li .subText {
    /* width: calc(100% - 55px); */
    width:100%;
    font-size: 11px;
    margin-top: 3px;
    /* margin-left: 55px; */
  }
  
  .articleBox .articleList li .wrap span.cat {
    color: white;
    font-size: 11px;
    background-color: #93633e;
    padding: 2px 12px;
    border-radius: 20px;
  }
  
  .section06 {
    padding-bottom: 60vw;
  }
  .section06::before {
    height: 51.3vw;
  }
  .section06 .suisen-tx01 {
    font-size: 14px;
  }
  /*----- suisen -----*/
  .articleBox.typeSuisenBox {
    margin: 0 40px;
    margin-top: 16px;
    padding: 3vw 3vw;
  }
  .articleBox .suisenList01>li {
    width: 100%;
    font-size: 14px;
  }
  .articleBox .suisenList01>li .new {
    font-size: 11px;
  }
  .articleBox .suisenList01>li:nth-child(n+2) {
    margin-top: 20px;
  }
  .articleBox .suisenList01>li>ul {
    margin-top: 5px;
    margin-left: 12px;
  }
  .articleBox .suisenList01>li>ul>li {
    font-size: 11px;
  }
  .suisen-seido-wrapper .suisen-title {
    margin-bottom: 10px;
    
  }
  .suisen-seido-wrapper .suisen-tx01 {
    font-size: 12px;
    margin-bottom: 6px;
    margin-left: 30px;
    margin-right: 30px;;
    text-align: left;
  }
  
  .sougei-link-sp {
    margin-top: 28px;
  }
  
  /*----- youchien-flow -----*/

	.youchien-flow-wrapper {
	  padding-top: 100px;
	  margin-bottom: -60px;
	  text-align: center;
	  height: auto;
	}
}