@charset "utf-8";
/*
Theme Name: enPiT-everi
Theme URI: 
Description: enPiT-everi
Author: 
Version:1.0
*/

/* basic setting */
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:14px;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1.5;
  color:#555;
  background:#fff;
  word-break:break-word;
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:100%}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
a, a:visited{
	color:#555;
	display: block;
	text-decoration:none;}
@media screen and (min-width:769px){
  a{transition-duration:0.2s}
  a:hover{opacity:0.7}
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
/*.cf{*zoom:1}*/
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none}

/* header */
header{
  width:100%;
}
header .inner{
  max-width:1112px;
  margin:0 auto;
  padding:0 20px;
  position:relative;
}

header h1{
  float:left;
  width:21.4%;
  padding:1.3% 0 0.5%;
  margin-right:2.5%;
}
header p{
  float:left;
  width:43.4%;
  padding-top:3.6%;
}
header .btn{
  width:24.1%;
  max-width:309px;
  padding:0 7px 7px 7px;
  background:#fff;
  border-radius:0 0 11px 11px;
  position:fixed;
  top:0;
  right:25px;
  z-index:800;
}


/* footer */
footer p{
  padding:36px 20px;
  background:#000a3a;
  text-align:center;
  line-height:0.1;
}


/* wrap */
.block_01 {
  max-width:1280px;
  margin:0 auto 12px;
}
.block_01 h2{
  margin-bottom:30px;
}

.block_02{
  margin-bottom:35px;
}
.block_02 .inner{
  margin-bottom:64px;
  background:#000a3a;
}
.block_02 .inner h3, 
.block_02 .inner ul{
  max-width:1280px;
  margin:0 auto;
}

.block_01 .arrow,
.block_02 .arrow{
  width:9.9%;
  max-width:127px;
  margin:0 auto;
}

.block_03{
  margin-bottom:90px;
}
.block_03 h3{
  max-width:1280px;
  margin:0 auto 17px;
}
.block_03 > ul{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  max-width:1119px;
  margin:0 auto 40px;
  padding:0 15px;
}
.block_03 > ul li{
  width:33%;
  margin:0 0.16%;
}
.block_03 > ul li:nth-child(4),
.block_03 > ul li:nth-child(5){
  margin-top:-1%;
}
.block_03 .box{
  max-width:1090px;
  margin:0 auto 30px;
  padding:30px 0 50px;
  background:#f6f6f6;
  border-radius:10px;
}
.block_03 .box h4{
  width:33.7%;
  margin:0 auto 37px;
}
.block_03 .box ul{
  padding:0 30px;
}
.block_03 .box ul li:nth-child(1){
  width:45.2%;
  float:left;
}
.block_03 .box ul li:nth-child(2){
  width:47%;
  float:right;
}
.block_03 .btn{
  padding:0 30px;
  text-align:center;
}

.block_04{
  background:#e5007f;
}
.block_04 .inner{
  max-width:1280px;
  margin:0 auto;
  padding-bottom:7.4%;
  position:relative;
}
.block_04 h3{
  margin-bottom:5.5%;
}
.block_04 .inner .btn{
  width:36.5%;
  margin:0 auto;
}
.block_04 .inner .hand{
  width:13.1%;
  position:absolute;
  bottom:13.8%;
  left:71.64%;
}

.block_05{
  max-width:1280px;
  margin:86px auto 118px;
}
.block_05 .box{
  max-width:1112px;
  margin:80px auto 0;
  padding:0 15px;
}
.block_05 .box h4{
  margin-bottom:48px;
}
.block_05 .box p{
  text-align:center;
}
.block_05 .box .item + .item{
  margin-top:160px;
}


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:1280px){
/* ------------------------------------------------------------------------------------------- */

footer p{
  padding:2.8% 20px;
}

.block_01 {
  margin-bottom:0.9%;
}
.block_01 h2{
  margin-bottom:2.34%;
}

.block_02{
  margin-bottom:2.73%;
}
.block_02 .inner{
  margin-bottom:5%;
}

.block_03{
  margin-bottom:7%;
}
.block_03 h3{
  margin-bottom:1.32%;
}
.block_03 > ul{
  margin-bottom:3.13%;
}

.block_05{
  margin:6.7% auto 9.2%;
}
.block_05 .box{
  margin-top:6.25%;
}
.block_05 .box h4{
  height:3.3vw;
  margin-bottom:3.7%;
}
.block_05 .box h4 img{
  max-height:100%;
  width:auto;
}
.block_05 .box .item + .item{
  margin-top:12.5%;
}


}/* max-width:1280px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:768px){
/* ------------------------------------------------------------------------------------------- */

header .btn{
  padding:0 4px 4px 4px;
  border-radius:0 0 6px 6px;
}

}/* max-width:768px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:480px){
/* ------------------------------------------------------------------------------------------- */

header{
  position:relative;
  z-index:100;
}
header .inner{
  padding:0 10px;
}
header h1{
  width:33%;
  padding:10px 0 0;
  margin-right:3%;
}
header p{
  width:calc(67% - 20px);
  padding-top:calc(2.3% + 10px);
}
header .btn{
  width:100%;
  max-width:inherit;
  height:60px;
  padding:0;
  border-radius:0;
  top:inherit;
  right:0;
  bottom:0;
}
header .btn a{
  display:block;
  height:50px;
  padding:5px 0;
  text-align:center;
  line-height:0.1;
  background:#e5007f;
}
header .btn a img{
  max-height:100%;
  width:auto;
}

footer{
  padding-bottom:60px;
}
footer p{
  padding:2.8% 20px 3%;
}

.block_01 {
  margin-bottom:20px;
  position:relative;
  z-index:50;
}
.block_01 h2{
  margin-bottom:17px;
}

.block_01 .arrow,
.block_02 .arrow{
  width:16%;
}

.block_03 h3{
  width:70%;
  max-width:350px;
  margin-bottom:5px;
}
.block_03 > ul li{
  width:49.6%;
  margin:0 0 0.4%;
}
.block_03 > ul li:nth-child(4){
  margin-top:0;
}

.block_03 .box h4{
  width:64%;
  margin:0 auto 30px;
}
.block_03 .box ul{
  padding:0 25px;
}
.block_03 .box ul li:nth-child(1){
  width:96.3%;
  float:none;
}
.block_03 .box ul li:nth-child(2){
  width:auto;
  float:none;
}
.block_03 .box ul li + li{
  margin-top:40px;
}
.block_03 .btn{
  max-width:230px;
  margin:0 auto;
}

.block_04 .inner .btn{
  width:50%;
}
.block_04 .inner .hand{
  width:13%;
  bottom:17%;
  left:78%;
}

.block_05 .box h4{
  height:20px;
}


}/* max-width:480px */