/*---------------------------------
IMPORTS
-----------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,100,200,300,500,600,700,800,900);


/*---------------------------------
OVERRIDES
-----------------------------------*/

/*新規変更箇所===============*/
/*cssフォルダのstyle.cssからの変更点*/


.top_480{
    height:480px;
    margin-bottom:0;
}

.top_imgCon{
    background-image:url("image/cttl_head_con.jpg")
}
.contact_top{
    top:60%;
}

.red{
    color:#d70c19;
}


/*ここまで新規変更箇所===============*/





/*お問い合わせフォームの設定はここから*/
h1,h2,h3,h4,h5,h6{
    font-family: 'Noto Serif JP', serif;
    font-weight:700;
}
thead th,
tbody th{
    font-family: 'Noto Serif JP', serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
    font-family:Meiryo, Osaka, sans-serif;
}



blockquote{
    font-family: 'dnp-shuei-gothic-kin-std','Work Sans',Meiryo, Osaka, sans-serif;
}

/*---------------------------------
LAYOUT
-----------------------------------*/
body{
    margin:0;
    padding: 0 0 0;
    /*color:#221E1F;*/
    color:#333;
    background:#FFFFFF;
    font:normal 0.9em/150% 'Montserrat','dnp-shuei-gothic-kin-std',Meiryo, Osaka, sans-serif;
    text-shadow: 0 0 1px transparent; /* google font pixelation fix */
    -webkit-text-size-adjust: 100%;
}
html,body{ height:100%;}

#container{ width:100%;
    /*	background-color:#FFF;*/}

main{	background-color:#FFF;}


main{
    position:relative;
    padding-left:0;
}
@media all and (max-width: 768px) {
    main{padding-left:0;}


}


/* Centered texts in each section
* --------------------------------------- */
.section{
    text-align:center;
    background:#FFF;
    position:relative;
    overflow:hidden;
    margin:0 auto;
}




footer{
    width:100%;
    padding:0;
}


footer .copyright{
    font-size:0.72em;
    color:#333;
    text-align:center;
    width:100%;
    margin:20px auto 3px;
    position:absolute;
    bottom:5px;
}


@media screen and (max-width:1100px) {
    .top_480{
        height:300px;
        margin-bottom:0;
    }
}