@charset "utf-8";



 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media only screen and (max-width:420px) {
.sitemap_box {
    width: 91%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 40px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    float: left;
}
}


@media only screen and (min-width:420px)  and (max-width:650px){
.sitemap_box {
    width: 91%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 40px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 100px;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
.sitemap_box {
    width: 91%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 40px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 100px;
}
}

@media only screen and (min-width:851px)  and (max-width:1200px){
.sitemap_box {
    width: 42%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 30px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    float: left;
}
}


@media only screen and (min-width:1201px)  and (max-width:1500px){
.sitemap_box {
    width: 27%;
    height: auto;
    float: left;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 100px;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    float: left;
}
}

@media only screen and (min-width:1501px) {
.sitemap_box {
    width: 26%;
    height: auto;
    float: left;
    margin-left: 3%;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sitemap_waku01 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 100px;
    background-repeat: repeat-y;
}
.sitemap_waku02 {
    width: 100%;
    height: auto;
    float: left;
}
}



.midashi01 {
    width: 100%;
    height: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 105%;
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-weight: bold;
}

.midashi01 a {
    color: #555555 ;
    text-align: left;
}
.midashi01 a:hover {
    color: #F50D79;
    text-align: left;
    margin-right: 0px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　アンダーライン ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　テキスト設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.text01 {
    width: 100%;
    float: left;
    line-height: 55px;
    font-size: 100%;
    margin-top: 0px;
    color: #333333;
    margin-left: 0px;
    clear: left;
    height: auto;
}

.text01 hover{
    color: #333333;
}



 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　FAQ本体 ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヒーロー　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヒーロー　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヒーロー　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media only screen and (max-width:420px) {
#canvas {
    width: 100%;
    padding-top: 0px;
    float: left;
    z-index: -1;
    position: absolute;
}
.animsition {
    width: 100%;
    float: left;
    height: 200px;
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
#canvas {
    width: 100%;
    padding-top: 0px;
    float: left;
    z-index: -1;
    position: absolute;
}
.animsition {
    width: 100%;
    float: left;
    height: 200px;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
#canvas {
    width: 100%;
    padding-top: 0px;
    float: left;
    z-index: -1;
    position: absolute;
}
.animsition {
    width: 100%;
    float: left;
    height: 220px;
}
}


@media only screen and (min-width:851px)  and (max-width:1200px){
#canvas {
    width: 100%;
    padding-top: 0px;
    float: left;
    z-index: -1;
    position: absolute;
}
.animsition {
    width: 100%;
    float: left;
    height: 250px;
}
}

@media only screen and (min-width:1200px) {
#canvas {
    width: 100%;
    padding-top: 0px;
    float: left;
    z-index: -1;
    position: absolute;
    top: 0px;
}
.animsition {
    width: 100%;
    float: left;
    height: 250px;
}
}

/*========= メインイラストのためのCSS ===============*/




 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　クループ1　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */