@charset "utf-8";
/* default */
html{min-height:100%;}
body,input,select,textarea,button{margin:0;padding:0;box-sizing:border-box;font-size:14px;color:#3c4146;font-family:"Hiragino Sans W3","YuGothic","Meiryo",sans-serif;}
body{background:#fff;font-weight:normal;-webkit-text-size-adjust:none;overflow-x:hidden;}
body.gradation{padding:0;background:linear-gradient(#78b4dc,#3c78dc);}
main,header,nav,footer,section,aside,article,figure,div,span,em,i,b,strong,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,input,select,hr,button,a,canvas{margin:0;padding:0;box-sizing:border-box;}
th,b,strong,h1,h2,h3,h4,h5,h6{font-family:"Hiragino Sans W6","YuGothic","Meiryo",sans-serif;font-weight:bold;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea,button{font-weight:normal;-webkit-appearance:none;}
ul,ol{list-style:none;}
i,em{font-style:normal;}
img{border:0;-ms-interpolation-mode:bicubic;}
a{color:#3c4146;text-decoration:none;}
a:hover{opacity:0.8;text-decoration:underline;}
a img:hover{opacity:0.8;}
sup{position:relative;top:-0.1em;vertical-align:top;}
/* common */
table{border-collapse:collapse;border-spacing:0;width:100%;}
label em{margin:0 0.2em 0 0;color:#fadc3c;}
input[type="radio"],
input[type="checkbox"]{display:inline-block;margin:0 0.5em 0 0;vertical-align:middle;transform:translate(0,-20%);}
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"]{display:block;margin:0;padding:0 1em;background:#fff;border:1px solid #dcdce6;border-radius:1px;width:100%;height:40px;font-size:14px;line-height:38px;}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #f0f5fa inset;-webkit-text-fill-color:#3c4146 !important;}
input::placeholder{color:#a0a0b4;}
input:focus,
select:focus,
textarea:focus{border:1px solid #3c78dc;outline:none;}
textarea{display:block;margin:0;padding:1em;background:#fff;border:1px solid #dcdce6;border-radius:1px;width:100%;height:120px;font-size:14px;line-height:1.6em;resize:none;}
select{display:block;margin:0;padding:0;background:#fff;border:1px solid #dcdce6;border-radius:1px;width:100%;height:40px;font-size:14px;line-height:38px;text-indent:0.6em;}
input[type="submit"],
button{display:block;margin:0 auto;padding:0;background:#3c78dc;border:0;border-radius:2px;box-shadow:0 1px 1px -1px rgb(0 0 0 / 20%);width:100%;height:50px;font-size:16px;line-height:50px;color:#fff;cursor:pointer;white-space:nowrap;}
input[type="submit"]:hover,
button:hover{opacity:0.8;text-decoration:underline;}
/* login */
.login{position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);}
.login h1{margin:0 auto 40px;}
.login h1 img{display:block;margin:0 auto;}
.login dl * + dd{margin-top:20px;}
.login dl * + dt{margin-top:40px;}
.login dl dd label{display:block;margin:0 0 15px;font-size:14px;line-height:1em;}
.login dl dd span{position:relative;display:block;}
.login dl dd span img{position:absolute;top:50%;left:10px;display:block;width:30px;height:30px;transform:translate(0,-50%);}
.login dl dd span input{padding-left:50px;}
.login input[type="submit"]{width:180px;}
@media (min-width:768px){
  .login{padding:60px;}
  .login h1 img{max-width:240px;}
  .login dl{width:360px;}
}
@media (max-width:767px){
  .login{padding:40px;}
  .login h1 img{max-width:210px;}
}
/* pdf */
.pdf div{margin:0 auto;}
.pdf canvas{display:block;margin:0 auto;background:#fff;border:1px solid #ddd;width:100%;height:auto;}
.pdf p{margin:20px auto 0;font-size:18px;line-height:30px;font-family:"Raleway";text-align:center;}
.pdf button{position:absolute;top:50%;width:30px;height:30px;font-size:10px;line-height:30px;transform:translate(0,-50%);}
@media (min-width:768px){
  .pdf{padding:60px 0;}
  .pdf div{position:relative;max-width:960px;}
  .pdf button#prev{left:-70px;}
  .pdf button#next{right:-70px;}
}
@media (max-width:767px){
  .pdf div{width:100%;}
  .pdf p{position:relative;}
  .pdf button#prev{left:20px;}
  .pdf button#next{right:20px;}
}
/* header */
header h1{margin:0 auto 15px;font-size:0;line-height:0;}
header h1 em{display:inline-block;margin:0 0 10px;padding:0 10px;border:1px solid #3c4146;font-size:12px;line-height:28px;font-family:"Raleway";}
header h1 span{display:block;font-size:24px;line-height:1.4em;}
header p{font-size:16px;line-height:1.6em;}
@media (min-width:768px){
  header{background:url(/imgs/lp/pc.png) center center / cover no-repeat;}
  header div{margin:0 auto;padding:40px 120px 40px 40px;max-width:1040px;}
}
@media (max-width:767px){
  header{background:url(/imgs/lp/sp.png) center center / cover no-repeat;}
  header div{padding:40px 30px;}
}
/* main */
main h3{margin:0 0 20px;font-size:16px;line-height:1.4em;}
main p{font-size:14px;line-height:1.6em;}
main p:empty{display:none;}
main figure{font-size:0;line-height:0;}
main figure img{width:100%;}
main iframe{width:100%;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* preview */
.preview ul li:nth-child(even){background:#f5f5f5;}
.preview ul li span{display:block;}
.preview ul li p{margin:30px 0 0;}
@media (min-width:768px){
  .preview ul li span{margin:0 auto;padding:60px 0;width:640px;}
}
@media (max-width:767px){
  .preview ul li span{padding:40px 30px;}
}
/* download */
.download ul li a{display:flex;color:#3c78dc;text-decoration:underline;}
.download ul li a:hover{text-decoration:none;}
.download ul li a em{display:block;overflow:hidden;font-size:16px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;}
.download ul li img{display:inline-block;margin:0 15px 0 0;width:30px;height:30px;}
.download ul li p{margin:15px 0 0;}
@media (min-width:768px){
  .download{margin:0 auto;max-width:1040px;}
  .download ul{display:flex;padding:40px 20px;}
  .download ul li{padding:20px;width:50%;}
}
@media (max-width:767px){
  .download ul{padding:40px 30px;}
  .download ul li + li{margin:30px 0 0;}
}
/* error */
.error{position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);}
.error h1{margin:0 auto 40px;}
.error h1 img{display:block;margin:0 auto;}
.error h3{margin:0 auto 40px;line-height:1.6em;text-align:center;}
.error p{font-size:16px;line-height:1.6em;text-align:center;}
@media (min-width:768px){
  .error{padding:80px 40px;width:640px;}
  .error h1 img{max-width:240px;}
}
@media (max-width:767px){
  .error{padding:40px 30px;width:90vw;}
  .error h1 img{max-width:210px;}
}
/* unpublish */
.unpublish{position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);}
.unpublish h1{margin:0 auto 40px;}
.unpublish h1 img{display:block;margin:0 auto;}
.unpublish h3{margin:0 auto 40px;line-height:1.6em;text-align:center;}
.unpublish dl{display:flex;flex-wrap:wrap;}
.unpublish dl > *{line-height:20px;}
.unpublish dl dt{font-size:12px;}
.unpublish dl dd{font-size:16px;}
@media (min-width:768px){
  .unpublish{padding:80px 40px;width:640px;}
  .unpublish h1 img{max-width:240px;}
  .unpublish div{display:flex;justify-content:center;}
  .unpublish dl + dl{padding:0 0 0 30px;}
  .unpublish dl dt{padding:0 5px 0 0;}
}
@media (max-width:767px){
  .unpublish{padding:40px 30px;width:90vw;}
  .unpublish h1 img{max-width:210px;}
  .unpublish dl{justify-content:center;}
  .unpublish dl + dl{padding:10px 0 0;}
  .unpublish dl dt{padding:0 5px 0 0;}
}
/* aside */
aside{display:none;padding:30px;background:rgba(0,0,0,0.8);}
aside.fixed{position:fixed;}
aside dt{font-size:14px;line-height:1.4em;color:#fff;text-align:left;}
aside dd{margin:15px 0 0;}
aside button{position:relative;height:40px;font-size:14px;line-height:40px;}
aside span{position:absolute;top:5px;right:5px;width:30px;height:30px;font-size:0;line-height:0;text-indent:-9999px;z-index:1;cursor:pointer;}
aside span:hover{opacity:0.8;}
aside span:before,
aside span:after{position:absolute;top:50%;left:50%;display:block;content:"";background:#fff;width:20px;height:1px;}
aside span:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);}
aside span:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);}
@media (min-width:768px){
  aside.fixed{bottom:20px;right:20px;}
}
@media (max-width:767px){
  aside.fixed{bottom:0;left:0;width:100%;}
  aside dt br{display:none;}
}
/* footer */
footer{background:#000;color:#fff;}
footer dl{display:flex;flex-wrap:wrap;}
footer dl > *{line-height:20px;}
footer dl > * a{color:#fff;}
footer dl dt{font-size:12px;}
footer dl dd{font-size:16px;}
@media (min-width:768px){
  footer{padding:60px 0;}
  footer div{display:flex;margin:0 auto;padding:0 40px;max-width:1040px;}
  footer dl + dl{padding:0 0 0 30px;}
  footer dl dt{padding:0 5px 0 0;}
}
@media (max-width:767px){
  footer{padding:40px 0;}
  footer div{padding:0 30px;}
  footer dl + dl{padding:10px 0 0;}
  footer dl dt{padding:0 5px 0 0;}
}