@charset "UTF-8";
/*! ==========================================================
 element reset
========================================================== *//*! general
---------------------------------------------------------- */
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}/*! for IE8 - 11 */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}/*! for IE */[hidden],template{display:none}b,strong{font-weight:bold}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border:0;vertical-align:top}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul,li{list-style:none;line-height:1}table{border-collapse:collapse;border-spacing:0}svg path,svg line{shape-rendering:crispEdges}/*! form
---------------------------------------------------------- */input,textarea,select{font-size:100%;-webkit-appearance:none;outline:none}input[type=button],input[type=text],input[type=submit],input[type=image],textarea{-webkit-appearance:none;border-radius:0}textarea{resize:none}/*! for IE11 */select::-ms-expand{display:none}/*! for IE11 */select::-ms-value{color:currentColor}button{border:none;overflow:visible;background:none;vertical-align:top;font-size:100%;color:inherit;cursor:pointer;outline:none;-webkit-appearance:none}label{cursor:pointer}/*! placeholder */:-moz-placeholder-shown{color:#999}:-ms-input-placeholder{color:#999}:placeholder-shown{color:#999}/*! Google Chrome, Safari, Opera 15+, Android, iOS */::-webkit-input-placeholder{color:#999}/*! Firefox */::-moz-placeholder{color:#999;opacity:1}/*! IE 10+ */:-ms-input-placeholder{color:#999}html{position:relative;height:100%;font-size:62.5%;letter-spacing:.145em}body{position:relative;width:100%;min-width:320px;min-height:100vh;background-color:#fff;font-family:"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;line-height:1.5;color:#111;font-size:16px;-webkit-font-smoothing:subpixel-antialiased}a{text-decoration:none;color:#111}a:hover{opacity:.75;-webkit-transition:opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}
/* common */
.br {display: none;}
.sp {display: none;}

@media (max-width: 768px) {
  .pc {display: none;}
  .sp {display: block;}
  .br {display: block;}
}

/* content */
.container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.bt_box ul{
  display: flex;
  justify-content: center;
  padding:25px 0 0;
}

.note{
  padding: 20px 40px;
  font-size: 1.3rem;
  letter-spacing: 0;
}
.note .right{
  padding-top: 20px;
  text-align: right;
}

.note .drop{
  margin-left: 0.5em;
  text-indent: -0.5em;
}

@media (max-width: 768px) {
  .container {
    width: auto;
    border-bottom:solid 6px #ff92b4;
    padding-bottom: 70px;
  }
  .bt_box{
    width: 80%;
    max-width: 320px;
    margin: 0 auto;
  }
  .bt_box ul{
    flex-wrap:wrap;
  }
  .bt_box ul li:first-child{margin-bottom: 15px;}
  .bt_box.is-top{margin-bottom: 30px;}

  .note{
    padding: 20px;
  }
}

/* pagetop */
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.pagetop__arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: translateY(20%) rotate(-45deg);
}