@charset "utf-8";
body{position: relative;}


/* 共通
---------------------------------------------------------------- */
.cl-white{color: #fff;}
.cl-red{color: #EB1400;}
.wd100 img{width: 100%;}
.img-abs{position: absolute;}
.bg-grid{
    background-image:
    linear-gradient(90deg, transparent 23px, rgb(211, 211, 211) 24px),
    linear-gradient(0deg, transparent 23px, rgb(211, 211, 211) 24px);
    background-size: 24px 24px;
}
.bg-gradation{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,224,182,1) 100%);}
.pd-tb{padding: 5em 0;}
@media only screen and (max-width: 768px){
    .pd-tb{padding: 10% 0;}
    .bg-grid{
        background-image:none;
    }
}


/* btn
---------------------------------------------------------------- */
.btn a:hover{opacity: 1;}


/* Contents
---------------------------------------------------------------- */
.contentsArea{
    background: #faf5e6;
}
.contentsArea__inner{
    margin: 0 auto;
    background: url(../img/bg.jpg) repeat-y top center;
    max-width: 740px;
}
@media only screen and (max-width: 756px){
    .contentsArea__inner{
        background-size: contain;
    }
}
.btnArea{
    position: relative;
}
.btnArea .pos{
    position: absolute;
    bottom: 4.25%;
    right: 7.5%;
}
@media only screen and (max-width: 740px){
    .btnArea .pos{
        width: 85%;
        right: 7.5%;
    }
}

.textArea{
    width: 560px;
    margin: 0 auto;
    font-size: 30px;
}
@media only screen and (max-width: 756px){
    .textArea{
        width: 75%;
        margin: 0 auto;
        font-size: 4vw;
    }
}
.textArea p{
    margin-bottom: 20px;
}
.textArea span{ 
    background: #ff0;
}
.textArea .weight{
    font-weight: bold;
}
.textArea .b-red{
    font-weight: bold;
    color: #b40000;
}
.textArea01{
    padding: 50px 0 60px;
}
.textArea02{
    padding: 30px 0 60px;
}
.textArea03{
    padding: 30px 0 0;
}
.textArea04{
    padding: 20px 0 50px;
}
.textArea05{
    padding: 50px 0 50px;
}
.textArea06{
    padding: 50px 0 40px;
}
@media only screen and (max-width: 756px){
    .textArea01{
        padding: 5% 0 6%;
    }
    .textArea02{
        padding: 3% 0 6%;
    }
    .textArea03{
        padding: 3% 0 0;
    }
    .textArea04{
        padding: 2% 0 5%;
    }
    .textArea05{
        padding: 5% 0;
    }
    .textArea06{
        padding: 5% 0 4%;
    }
}
.b-bdr{
    text-decoration: underline!important;
    font-weight: bold;
    color: #004098;
}
.tac{
    text-align: center;
    padding-bottom: 40px;
}

.footer{
    margin-top: 0;
}