@charset "UTF-8";
.content_wapper{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

}

.ls-n3{
    letter-spacing: -0.3px
}
.ls-n2{
    letter-spacing: -0.2px
}
.ls-n1{
    letter-spacing: -0.1px
}



@media screen and (min-width: 768px){
    .ls-md-0{
        letter-spacing: 0px;
    }
}
.rounded-md-4px{
    border-radius: 4px;
}

.bg-gray{
    background-color: #f8f8f8;
}
.text-red{
    color:#cc0000;
}
.top-linkbtn-1{
    box-shadow: 0px 5px #cc3366;
    transition: 0.5s;
    border-radius:4px;
}
.top-linkbtn-1:after{
    position: absolute;
    display: block;
    content: "";
    background: ;
}
.top-linkbtn-2{
    box-shadow: 0px 5px #cc0000;
    transition: 0.5s;
    border-radius:4px;
}
.top-linkbtn-1:hover {
  padding-top: 5px;
  margin-bottom: -5px;
  -webkit-box-shadow: 0px 0px #cc3366;
          box-shadow: 0px 0px #cc3366;
}
.top-linkbtn-2:hover {
  padding-top: 5px;
  margin-bottom: -5px;
  -webkit-box-shadow: 0px 0px #cc0000;
          box-shadow: 0px 0px #cc0000;
}
.skw-line {
    position: relative;
    z-index: 1;
}
.skw-line:after {
    content: "";
    width: 97%;
    height: 60%;
    position: absolute;
    left: 1%;
    bottom: -5%;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    z-index: -1;
    background-color: #fdefbd;
}
.bg_line_dot{
    background: url(../img/bg-point-line.png) repeat-x;
    bottom: 3px;
    line-height: 50px;
    background-size: 9px;
    background-position: bottom 0px left 5px;
}
@media screen and (min-width: 768px){
    .bg_line_dot{
        line-height: 60px;
    }
}

.btn-config{
    color: #ffffff;
    background-color: #e76495;
    box-shadow: 0px 5px #c5537d;
    transition: 0.5s;
}
.btn-change-pw{
    color: #ffffff;
    background-color: #ecb22a;
    box-shadow: 0px 5px #c8941e;
    transition: 0.5s;
}
.btn-config:hover {
    margin-top: 5px;
    margin-bottom: -5px;
    -webkit-box-shadow: 0px 0px #c5537d;
            box-shadow: 0px 0px #c5537d;
}
.btn-change-pw:hover {
    margin-top: 5px;
    margin-bottom: -5px;
    -webkit-box-shadow: 0px 0px #c8941e;
            box-shadow: 0px 0px #c8941e;

        }
.bevel-btn{
    position: relative;
}
.bevel-btn:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-red{
    background-color: #f10000;
    box-shadow: 0px 5px #c60000;
}
.btn-yellow{
    background-color: #fff100;
    box-shadow: 0px 5px #c3b800;
}
.btn-yellow:after{
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
}