@charset "UTF-8";
* {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#message {
    color: #AF5CB0;
}
#third {
    widrh: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    background-image: url(../img/bg3.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
#force {
    widrh: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bg4.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
#fifth {
    widrh: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bg5.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
#six {
    widrh: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bg6.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

#seventh {
    widrh: 100%;
    background-image: url(../img/bg7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#genseki{
    widrh: 100%;
    background-image: url(../img/bg8.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
header   {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/topbg2020.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
main {
    text-align: center;
    line-height: 220%;
    font-size: 1.2em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #46607d;
    text-shadow: 0px 0px 2px #FFFFFF;
}
.wrapper {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    max-width: 900px;
}
.leftline {
    padding-left: 15px;
    border-left: thick solid #B6AE9A;
    text-align: left;
}
#second {
    width: 100%;
    background-image: url(../img/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
footer {
    text-align: center;
    background-color: #e1f7ff;
}
.cap {
    font: 0.9em YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
a:hover img {
    opacity: 0.8;
}
.pink {
    color: #BD3F85;
}
.blue {
    color: #6198D6;
}
.txt11 {
    font-size: 1.1em;
}
.txt12 {
    font-size: 1.2em;
}
.txt13 {
    font-size: 1.3em;
}
.txt14 {
    font-size: 1.4em;
}
.spnone{display: block;
    }
.pcnone{display: none;
    }


@media screen and (max-width:480px){
header   {
    width: 100%;
    background-image: url("../img/bgtopsp2022.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding-top: 10%;
}
    .wrapper {
    padding-top: 1%;
}   
    main {
    font-size: 1.1em;
}
#third {
    background-image: url(../img/bg3sp.jpg);
} 
     .spnone{display: none;
    }
    .pcnone{display: block;
    }
#fifth {
    background-position: center 15%;
}
 #genseki{
    background-image: url(../img/bg8sp.jpg);
}
}