@charset "utf-8";



/*全体*/

#zentai{max-width:800px;
        margin:auto;
        background-color:#ffffff;
        padding-top:20px;
        box-shadow:0px 0px 20px 3px #696969;
}


#catch1 img{max-width:100%;
            margin:auto;
            display:block;
}

article{margin-right:35px;
        margin-left:35px;
        margin-top:50px;
}



article p{font-size:18px;
          line-height:170%;
}


.douga{border :solid 4px #595857;
}



.tyumonsaki{margin-top:80px;
}



.tyumonkotira1 a,.tyumonkotira2 a{display:block;
                                  background-color:#228b22;
                                  width:250px;
                                  margin:auto;
                                  text-align:center;
                                  font-size:22px;
                                  color:#ffffff;
                                  padding-top:16px;
                                  padding-bottom:16px;
                                  border-radius:10px;
}


.p100{margin-top:40px;
}

.p120{margin-top:20px;
}


.toiawase{margin-top:150px;
}

.toiawase a{display:block;
            background-color:#696969;
            width:220px;
            margin:auto;
            text-align:center;
            font-size:18px;
            color:#ffffff;
            padding-top:10px;
            padding-bottom:10px;
            border-radius:10px;
}

.p140{margin-top:40px;
}


.nagare{text-align:center;
        font-size:22px;
}

.nagaresetumei{
               border:solid 3px #808080;
               margin-top:40px;
               padding-top:40px;
               padding-right:20px;
               padding-left:20px;
               padding-bottom:30px;
}

.p160,.p200{margin-top:10px;
            text-align:center;
            font-weight:bold;
            color:#d2691e;
}

.p240,.p280{margin-top:10px;
            font-weight:bold;
            color:#d2691e;
}

.p160{margin-top:40px;
}

.p180,.p220,.p260{margin-top:10px;
                  text-align:center;
}


.tyumonkotira2{margin-top:70px;
}








/*特定商取引法*/

.tokutei{margin-top:200px;
         text-align:center;
         padding-bottom:10px;
}


























/*ここからレスポンシブ*/


/*本当はmax480pxにしたかったが、なぜか17pxくらい誤差があるので、仕方ないから500pxにした。その結果483pxくらいでブレイクポイントとなる。
でも作り変えてからは誤差が無くなっていた。*/




@media screen and (max-width: 500px){


article{margin-right:15px;
        margin-left:15px;
}

article p{font-size:16px;
}

.nagare{font-size:20px;
}





}











/*本当はmax350pxにしたかったが、なぜか17pxくらい誤差があるので、仕方ないから370pxにした。その結果352pxくらいでブレイクポイントとなる
でも作り変えてからは誤差が無くなっていた。*/

@media screen and (max-width: 350px){






}