@charset "UTF-8";
/* CSS Document */
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*
a:hover {
    opacity: 0.5;
}
*/

a p:hover {
    opacity: 0.8;
}
.sp-only {
    display: none !important;
}

img{
/*    display: block;*/
    margin: 0 auto;
}


section {
    width: 1200px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.inner {
    margin: 0 auto;
    display: block;
}

.topmain .inner  h2{
    margin: 50px auto 30px;
    display: block;
    text-align: center;
}

.topmain p{
    text-align: center;
    line-height: 1.8;
    margin: 40px auto;
    width: 816px;
    color: #595858;
    font-size: 17px;
    font-weight: bold;
    
}

.topmain img.uresi{
    margin: 40px auto 60px;
/*    padding: 30px 0;*/
}

.nagare {
    background-color: #F2F7E3;   
}
.nagare p img{
    height: auto;
    padding: 30px 0;
    margin: 0 auto;
    width: 900px;
    display: block;
    
}

.card p{
    text-align: center;
    line-height: 1.8;
    margin: 40px auto 5px;
    color: #595858;
    width: 748px;
    font-size: 17px;
    font-weight: bold;
    
}

.card h2{
    color: #D57347;
    font-size: 25px;
    line-height: 1.5;
    display: block;
    text-align: center;
             
}

.card span{
    background: linear-gradient(transparent 70%, #FFFFAA 70%);
}

.square_btn{
    display: block;
    padding: 30px 10px;
    text-decoration: none;
    background: #E55625;
    color: #FFF;
    border-bottom: solid 8px #A93D00;
    border-radius: 10px;
    text-align: center;
    margin: 40px auto;
    font-size: 44px;
    width: 580px;
    font-weight: bold;
}
.square_btn:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}
.card ul{
    margin: 0 auto 50px;
    text-align: center;
    font-weight: bold;
}

.card ul li{
    display: inline-block;
    color: #595858;
    
}

.card ul li.tel{
    font-size: 23px;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------Break Point----------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
                @media screen and (max-width: 767px) {
                .pc-only {
                    display: none !important;
                }
                .sp-only {
                    display: block !important;
                }
                .txt-center {
                    margin: 10px 0;
                }
                p {
                    font-size: 12px;
                }
                img {
                    max-width: 100%;
                }
                .inner {
                    width: 100%;
                    margin: 70px 0 0;
                }
                section {
                    width: 100%;
                    padding: 5px 10px;
                    overflow: hidden;
                }
                    section.topmain{
                        height: auto;
                }
                .topmain img.uresi{
                    margin: 20px auto;

                }
    
                .topmain p{
                    text-align: left;
                    line-height: 1.7;
                    margin: 20px auto;
                    width: 93%;
                    font-size: 15px;
                    
                }
                    
                .topmain h1 img.top{
                    margin-top: 72px
                }
                    .topmain .inner  h2{
                    margin: 10px auto 30px;
                    display: block;
                }
                    .nagare {
                    background-color: #F2F7E3;   
                    padding: 0 10px;
                }
                    .card p{
                    margin: 10px auto;
                    color: #595858;
                    width: 100%;
                    font-size: 15.5px;
                    font-weight: bold;
                    line-height: 1.7;

                }
                    .card h2{
                    color: #D57347;
                    font-size: 19px;
                    line-height: 1.5;
                }

                .square_btn{
                 margin: 20px auto;
                 font-size: 23px;
                 width: 94%;
    
                }
                .square_btn:active {
                    -ms-transform: translateY(4px);
                    -webkit-transform: translateY(4px);
                    transform: translateY(4px);
                    border-bottom: none;
                }
                .card ul{
                    margin: 0 auto 50px;
                    text-align: center;
                    font-weight: bold;
                }

                .card ul li{
                    display: inline-block;
                    color: #595858;
                    font-size: 12px;

                }

                .card ul li.tel{
                    font-size: 15px;
                    line-height: 1.2;
                   
                }

        
           
}