*{
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
    margin:0 0;padding:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:break-all;
    color:#333;
    line-height:1.3;
}
html,body{width:100%;height:100%;}
html {
    font-size: 62.5%;
}
body {
    background:#e7ebe8;
    font-size: 1.6em;
}
#close{
    background:rgba(0, 0, 0, 1);
    position: absolute;
    right:0;
    z-index:1000;
    width:42px;height:42px;
}
#close::before,
#close::after{
    background:#fff;
    content:'';
    display:block;
    width:17px;height:3px;
    position: absolute;
    left:13px;
}
#close::before{
    top:13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
#close::after{
    top:13px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
#close a{
    width:100%;
    height:100%;
    padding-top:25px;
    cursor: pointer;
    display:block;
    font-size:70%;
    text-decoration: none;
    color:#fff;
    font-feature-settings: "palt"1;
    text-align:center;
    z-index:100000;}
/*-- slide --*/
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
/*nav*/
.prev,
.next {
    background: rgba(0, 0, 0, 0.1);
    width: 10%;
    height: 100%;
    position: absolute;
    color: #fff;
    z-index: 100;
    cursor: pointer;
    top:0;
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
    text-align: center;
}
.prev { left: 0;}
.next { right: 0;}
.prev::before,
.next::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
}
.next::before {
    border-right: 3px solid #fff;
    right:40%;
    transform:translateX(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prev::before {
    border-left: 3px solid #fff;
    left:40%;
    transform:translateX(-50%);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*dots nav*/
.slide .slick-dots {bottom: 10px;}
.slide .slick-dots li button:before{font-size:30px;}


/*-- --*/
.slide > div{
    margin:0 auto;
    padding:0 0 25px;
    width:100%;
    /*min-width:604px;*/
    min-height:100vh;
    overflow-y:auto;
    text-align: center;
}
h1{
    padding:1rem 0 0;
    font-size:2.2rem;
    font-weight: bold;
    line-height:1.1;
}
.slide > div img{max-width:100%;height:auto;display:inline-block;}
ol:not([class]),ul:not([class]){
    margin:.5rem auto 0; padding:0 0 0.5rem;
    max-width:70%/*375px*/;
    text-align:left;
}
li{
    padding-left:1rem;
    margin-left:1rem;
    margin-bottom:1rem;
    margin-right:.5rem;
    list-style:none;
    font-size:1.6rem;
    font-weight: 900;
    font-feature-settings: "palt" 1;
}
li.nostyle{padding-left:0;margin-left:0;margin-right:0;}
ol li:last-child,
ul li:last-child{margin-bottom:0;}
li.circle,
li.bluecircle{
    padding-left:3rem;
    color:#f03f64;
}
li.circle span,
li.bluecircle span{
    font-size:1.4rem;
    width:2rem;
    margin-left:-3.25rem;
    margin-bottom:0.2rem;
    margin-right:.5rem;
    display:inline-block;
    color:inherit;
    text-align:center;
    position: relative;
    z-index:1;
}
li.circle span::before,
li.bluecircle span::before{
    background:#fff;
    display:block;content:"";
    width:2rem;height:2rem;
    border-radius:50%;
    position: absolute;
    border:2px solid #f03f64;
    left:-.25rem;
    top:50%;
    transform: translateY(-50%);
    z-index:-1;
}
li.circle span{color:#f03f64;}
li.bluecircle,
li.bluecircle span{color:#2d68e3;}
li.bluecircle span::before{border:2px solid #2d68e3;}

.c_red{color:#f03f64;}
.c_blue{color:#2d68e3;}
.c_black{color:#333;padding-left:2rem;}

@media (min-width:768px){
    h1{font-size:2.4rem;}
    ol:not([class]),ul:not([class]){
        max-width:415px;
    }
    li{font-size:2rem;}
    .slide > div img{padding:0.5rem 0;}
}