@charset "UTF-8";
/* CSS Document */




/* 背景の曲線、星、グラデーションの設定 */
body {
  background-image:
    url("../images/home_head_bg.png"),
	url("../images/hosi.png"),
	linear-gradient(to right, #1E599B, #1F2A65, #1E599B);

  background-repeat:
    no-repeat,
	repeat-y,
	no-repeat;

  background-position:
    center 12px,
	center 0, 
	0 0;
}



/* main --------------*/

.mainCopy{
	text-align:center;
	margin-bottom:1rem;}

	
.mainText{
	color:#FFF;
	text-align:center;
	line-height:2rem;
	font-size:0.9rem;
	padding-left:7%;
	padding-right:7%;
	margin-bottom:3rem;
	}

/* 750pxまで */　
@media screen and (max-width: 750px) {}
@media screen and (max-width: 750px) {
  .mainText br {
	  display: none;
	  }
  .mainText{
	  text-align:left;
	  }
}

.homeMenu {
	text-align:center;
	margin-bottom:2rem;
	}

@media screen and (max-width: 750px) {
.menubtn_pola,.menubtn_pri,.menubtn_pega{
	  width:90%;
	  }
}


/* 750px以上 */
@media screen and (min-width: 750px) {
  .homeMenu {
	  display: -webkit-flex; /* Safari */
	  display: flex;

	  -webkit-justify-content: center; /* Safari */
	  justify-content: center;
	  }
    
  .homeMenu_inner {
      max-width: 950px;
          
	  display: -webkit-flex; /* Safari */
	  display: flex;

	  -webkit-justify-content: center; /* Safari */
	  justify-content: center;
      
      flex-wrap: wrap-reverse;
      
      -webkit-justify-content:space-around;
      justify-content:space-around;
	  }
  .menubtn_pola,.menubtn_pri,.menubtn_pega{
	  margin: 0 calc(60px / 2);
	  }
  .menubtn_pola img,.menubtn_pri img,.menubtn_pega img{
	  width:360px;
	  }
  .menubtn_pri{
      -webkit-box-ordinal-group:1;
      -ms-flex-order:1;
      -webkit-order:1;
      order:1;
  }
  .menubtn_pola{
      -webkit-box-ordinal-group:2;
      -ms-flex-order:2;
      -webkit-order:2;
      order:2;
  }
  .menubtn_pega{
      -webkit-box-ordinal-group:3;
      -ms-flex-order:3;
      -webkit-order:3;
      order:3;
  }
}