@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;}
html body{background-color:#F8F8F8;}
picture {
    margin: auto;
    padding: 0;
}
img, embed, iframe, object, audio, video{width: 100%;}
@media (max-width: 768px) {
.pc {display: none;}
.sp {display: block;}
.br {display: block;}
}

/* content */
.container {
width: 100%;
margin: 0 auto;
background: #FFF;
}
.bt_box ul{
display: flex;
justify-content: center;
padding:25px 0 0;
}
.bt_box ul li{
    width: 420px;
}

.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;
}
.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);
}