@charset "UTF-8";
.arrow_box{
    position:relative;
    width:85%;
    height:auto;
    background:#FFFFFF;
    padding:3% 5%;
    color:#393939;
    font-size:1em;
    font-weight:bold;
    text-align: center;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:16px;
    border-right-width:16px;
    margin-top: -10px;
    border-right-color:#FFFFFF;
    right:100%;
    top:25%;
}
.context{
  padding: 2% 4%;
}
.marker{
  background: #8ed2df;
  width:12px; height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 3%;
}
.look{
  left: 15%;
  width:70%;
  padding-right: 2%;
}
.hukidasi{
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.review{
  padding: 0 0 3% 1%;
  width: 85%;
}
.marker_right{
  font-size:1.3em;
  width:100%;
  text-align: center;
}
/*スマホ対応（画面サイズが559px以下の場合ここの記述が適用される）*/
@media screen and (max-width:559px) {
  #mini{
    z-index: 1;
  }
  .context{
    z-index: 0;
    padding:20px 4%;
  }
  .introbox{
    padding: 20px 30px;
  }
  .intro{
    font-size: 22px;
    padding: 10px 0.9em;
  }
  .iconbox{
    display: none;
  }
  .dami{
    margin: 30px 0;
  }
  .small{
    display: block;
    width: 38px; height: 38px;
    line-height: 38px;
    top:0;
    font-size:0.5em;
  }
  .explain{
    margin: 40px 0;
  }
  .title{
    padding: 0.15em 0;
  }
  .last p{
    margin-top: 0;
  }
  .hukidasi{
    display: block;
    width: 100%;
    margin: 20px 0 40px 0!important;
  }
  .arrow_box{
    padding: 3% 20px;
  }
  .page90_arrow_p{
    margin: 20px 0 30px 0!important;
  }
  .look{
    width: 100%;
    left: 0;
  }
  .dami{
    line-height:180%;
  }
}