/* CSS Document */

/*
  1140px
*/
.gas-jiyuuka-entry-block{
  margin-top:80px;
  text-align:center;
  padding:40px 0 35px;
  background:#FFF;
}

.gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt02{
  margin-top:20px; 
}

.gas-jiyuuka-entry-block ul{
  width:1140px;
  margin:15px auto 0; 
}

.gas-jiyuuka-entry-block ul li{
  width:540px;
  margin: 0 auto
}

.gas-jiyuuka-entry-block ul li:nth-child(2n){
  float:right;
}

.gas-jiyuuka-entry-block ul li > a{
  display:block;
  text-align:center;
  height:97px;
  
  box-sizing:border-box;
  position:relative;
  z-index:1;
}

.gas-jiyuuka-entry-block ul li > a:after{
  content:"";
  display:block;
  background:url(/ep/kurashi/moshimo/kaketsuke/images/entry-btn-right.png) no-repeat left top;
  background-size:100% auto;
  width:14px;
  height:24px;
  position:absolute;
  right:20px;
  top:36px;
  z-index:5;
  transition: all 0.4s;  
}

 .gas-jiyuuka-entry-block ul.sub li > a:after{
    background:none
  }

.gas-jiyuuka-entry-block ul li > a:hover:after{
  top:42px;
}

.gas-jiyuuka-entry-block ul li > a > span{
  display:block;
  position:relative;
  z-index:2;
  padding-top:27px;
  height:90px;
  box-sizing:border-box;
  transition: all 0.4s;
}

.gas-jiyuuka-entry-block ul li > a > span > span{
  position:relative;
  z-index:4;
} 

.gas-jiyuuka-entry-block ul li > a:hover > span{
  padding-top:33px; 
}

.gas-jiyuuka-entry-block ul li > a > span:before,
.gas-jiyuuka-entry-block ul li > a > span:after{
  content:"";
  display:block;
  width:100%;
  background:#e62320;
  height:90px;
  z-index:2;
  position:absolute;
  left:0;
  bottom:0;
  top:auto;
  border-radius:45px;
}

.gas-jiyuuka-entry-block ul li > a:hover > span:before{
  transition: all 0.4s;
  bottom:-6px;
  height:90px; 
}

.gas-jiyuuka-entry-block ul li > a > span:after{
  background:#ca0200;
  z-index:1;
  bottom:-7px;
  transition: all 0.4s;
}

.gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03{
  margin:10px auto 0; 
  text-align:center;
}

.gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03 a{
  font-size:20px;
  color:#2283c0;
  text-decoration:none;
}

.gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03 a span{
  text-decoration:underline; 
}

.gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03 a:hover span{
  text-decoration:none; 
}

#easy-change ul.plan {
  overflow: hidden;
  width: 620px;
  margin: 0 auto 20px;
  }
	
#easy-change ul.plan li {
  float: left;
  width: 50%;
  font-size: 16px;
  position: relative;
  padding-left: 1em;
  box-sizing: border-box;
}

#easy-change ul.plan li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}	
	
#easy-change ul.note-list {
  width: 620px;
  margin: 0 auto;
}

#easy-change ul.note-list li {
  font-size: 14px;
  position: relative;
  line-height: 1.6;
  padding-left: 1.2em;
  margin-bottom: 5px;
  font-weight: normal !important;
}

#easy-change ul.note-list li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.modal-wrap {
	overflow-y: scroll;
	height: calc(100vh - 300px);
	padding-top: 40px
	}
	
.gas-jiyuuka-entry-block ul.sub {
	display: inline-block;
	width: 650px
	}
	
.gas-jiyuuka-entry-block ul.sub li {
	margin: 20px 30px 0 0;
    width: 300px;
    float: left;
	}
	
.gas-jiyuuka-entry-block ul.sub li:nth-child(2) {
	margin-right: 0
	}
	
.gas-jiyuuka-entry-block ul.sub li a{
  display:block;
  height: auto;
  background:#FFF;
  border:solid 1px #2283c0;
  border-radius:20px;
  text-align:center;
  color:#2283c0;
  padding:10px;
  box-sizing:border-box;
}

@media screen and (max-width: 1260px) {
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt01 img{
    width:100%;
    height:auto; 
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt02{
    margin-top:20px; 
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt02 img{
    width:auto;
    height:auto; 
  }
  
  .gas-jiyuuka-entry-block ul{
    width:100%;
    margin:15px auto 0; 
  }
  
  .gas-jiyuuka-entry-block ul li{
    width:48%;
  }
  
  .gas-jiyuuka-entry-block ul li:nth-child(2n){
    float:right;
  }
  
  .gas-jiyuuka-entry-block ul li:nth-child(1) img,
  .gas-jiyuuka-entry-block ul li:nth-child(2) img{
    width:auto;
    height:25px;
  }
  
  .gas-jiyuuka-entry-block ul li > a{
    display:block;
    text-align:center;
    height:97px;
    
    box-sizing:border-box;
    position:relative;
    z-index:1;
  }
  
  .gas-jiyuuka-entry-block ul li > a:hover:after{
    top:42px;
  }
  
  .gas-jiyuuka-entry-block ul li > a > span{
    display:block;
    position:relative;
    z-index:2;
    padding-top:32px;
    height:90px;
    box-sizing:border-box;
    transition: all 0.4s;
  }
  
  .gas-jiyuuka-entry-block ul li > a > span > span{
    position:relative;
    z-index:4;
  } 
  
  .gas-jiyuuka-entry-block ul li > a:hover > span{
    padding-top:38px; 
  }
  
  .gas-jiyuuka-entry-block ul li > a > span:before,
  .gas-jiyuuka-entry-block ul li > a > span:after{
    content:"";
    display:block;
    width:100%;
    background:#e62320;
    height:90px;
    z-index:2;
    position:absolute;
    left:0;
    bottom:0;
    top:auto;
    border-radius:45px;
  }
  
  .gas-jiyuuka-entry-block ul li > a:hover > span:before{
    transition: all 0.4s;
    bottom:-6px;
    height:90px; 
  }
  
  .gas-jiyuuka-entry-block ul li > a > span:after{
    background:#ca0200;
    z-index:1;
    bottom:-7px;
    transition: all 0.4s;
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03{
    margin:10px auto 0; 
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03 a{
    font-size:16px;
    color:#2283c0;
    text-decoration:none;
  }
  
}

@media screen and (max-width: 768px) {
  .gas-jiyuuka-entry-block{
    margin:6.6vw auto 0;
    text-align:center;
    padding:6.6vw 0 6.6vw;
    width:86.6vw;
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt01{
    width:74.6vw;
    margin:0 auto; 
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt02{
    width:46vw;
    margin:4vw auto 0;
  }
  
  .gas-jiyuuka-entry-block ul{
    width:74.6vw;
    margin:4vw auto 0; 
  }
  
  .gas-jiyuuka-entry-block ul li{
    width:100%;
    float:none; 
  }
  
  .gas-jiyuuka-entry-block ul li:nth-child(2n){
    float:none;
    margin-top:4vw;
  }
  
  .gas-jiyuuka-entry-block ul li > a{
    display:block;
    text-align:center;
    height:auto;
    
    box-sizing:border-box;
    position:relative;
    z-index:1;
  }
  
  .gas-jiyuuka-entry-block ul li > a:after{
    display:none;
  }
  
  .gas-jiyuuka-entry-block ul li > a > span{
    display:block;
    position:relative;
    z-index:2;
    padding-top:0;
    height:auto;
  }
  
  .gas-jiyuuka-entry-block ul li > a:hover > span{
    padding-top:0; 
  }
  
  .gas-jiyuuka-entry-block ul li > a > span:before,
  .gas-jiyuuka-entry-block ul li > a > span:after{
    content:"";
    display:none;
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03{
    margin:1vw auto 0; 
    text-align:center;
  }
  
  .gas-jiyuuka-entry-block .gas-jiyuuka-entry-block-txt03 a{
    font-size:3.2vw;
  }

  .gas-jiyuuka-entry-block ul.sub {
  width: 74.6vw
  }
  
  .gas-jiyuuka-entry-block ul.sub li {
  width: 100%;
  float: none
  }
  
  
}