#howto_epass{margin-bottom:60px;}

#howto_epass > .ex{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #1957a8;
  font-size:20px; 
}

#howto_epass > .ex {
  position: relative;
  display: inline-block;
  width: calc(100% - 10px);
  margin:0 5px 20px;
  padding: 10px;
  border-radius: 10px;
  background-color: #fef103;
  line-height:130%;
}

#howto_epass > .ex.fukidashi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #fef103 transparent transparent;
  translate: -50% 100%;
}

#howto_epass > #machine{width:65%;max-width:360px;margin:0 auto 10px;}
#howto_epass > #machine img{width:100% height:auto;}

#main.epass > #main-inner > .out_box > .in_box > .line_box{width: calc(100% - 40px);margin-bottom:50px;padding:12% 0 5px;}
#main.epass > #main-inner > .out_box > .in_box > .line_box.momo_medal{padding:20% 0 5px;}
#main.epass > #main-inner > .out_box > .in_box > .line_box > .head{width:80%;position: absolute;z-index:1;top: -10%;left: 50%;transform: translateX(-50%);}
#main.epass > #main-inner > .out_box > .in_box > .line_box.momo_medal > .head{top: -15.5%;}
#main.epass > #main-inner > .out_box > .in_box > .line_box.seiseki > .head{top: -5.5%;}
#main.epass > #main-inner > .out_box > .in_box > .line_box > .img_box{
position:relative;
width: calc(100% - 20px);
margin:0 auto;
}
#main.epass > #main-inner > .out_box > .in_box > .line_box > .img_box img{width:100%;height:auto;}

#main.epass > #main-inner > .out_box > .in_box > .line_box > .img_box > .photo{
  width:140%;
  position: absolute;
  top: 0;  
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.15));
}
#main.epass > #main-inner > .out_box > .in_box > .line_box > .img_box > .photo img{width:100%;height:auto;}

#main.epass > #main-inner > .out_box > .in_box > .line_box > .text{
display:flex;justify-content:center;align-items:center;
width:96%;margin:10px auto 20px;
font-size:20px;line-height:140%;text-align:center;
}

#main.epass > #main-inner > .out_box > .in_box > #mail{width:70%;max-width:360px;margin:0 auto 10px;}
#main.epass > #main-inner > .out_box > .in_box > #mail img{width:100%;height:auto;}

#main.epass > #main-inner > .out_box > .in_box > #mymenu{width:100%;position:relative;z-index:0;margin:0 auto 40px;}
#main.epass > #main-inner > .out_box > .in_box > #mymenu::after {
display: block;
content: "";
position:absolute;
z-index:1;
width:100%;height:70%;
top: 50%;
left: 0%;
transform: translateY(-50%);
background-color: #6bcefb;
background-image: radial-gradient(rgba(120,219,251,1.0) 30%, transparent 31.5%), radial-gradient(rgba(120,219,251,1.0) 30%, transparent 31.5%);
background-position: 0 0, 16px 16px;
background-size: 32px 32px, 32px 32px;}
#main.epass > #main-inner > .out_box > .in_box > #mymenu img{width:100%;height:auto;position:relative;z-index:3;}

#main.epass > #main-inner > .out_box > .in_box > #millionet{width:96%;margin:0 auto 20px;}
#main.epass > #main-inner > .out_box > .in_box > #millionet > .title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Zen Maru Gothic", sans-serif;
font-weight: 900;
font-style: normal;
    color: #FFF;
font-size:160%;
    background-color: #367ee4;
    border-radius: 30px;
    margin: 0 auto 20px;
    padding: 15px 0;
}
#main.epass > #main-inner > .out_box > .in_box > #millionet img{width:100%;height:auto;}

@media screen and (max-width:499px){
#howto_epass{margin-bottom:40px;}
#howto_epass > .ex{font-size:14px;}

#main.epass > #main-inner > .out_box > .in_box > .line_box.momo_medal{padding:18% 0 5px;}
#main.epass > #main-inner > .out_box > .in_box > .line_box.momo_medal > .head{top: -16.5%;}

#main.epass > #main-inner > .out_box > .in_box > .line_box > .img_box > .photo{width:130%;}
#main.epass > #main-inner > .out_box > .in_box > .line_box > .text{font-size:14px;margin:0 auto 10px;}
}