@charset "UTF-8";
@import url("grid.css");

@import url(https://fonts.googleapis.com/css?family=Sintony:400);
@import url(https://fonts.googleapis.com/css?family=Sintony:700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Abel:700);
@import url(https://fonts.googleapis.com/css?family=Raleway:700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/*フォント
-------------------------------*/
body{color: #666;}
h2{font-family:'Sintony',sans-serif;}
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.small{font-size:80%;}
#navi ul li, #navi ul li a{font-family:'Sintony',sans-serif;font-weight:normal;}
.sintony{font-family:'Sintony',sans-serif;}


/*キャッチコピー
-------------------------------------*/
.catch {line-height:1.5;color: #666;}
.ccopy {line-height:1.5;padding-bottom: 5rem;}
.catch h2 {padding-bottom: 1rem;}

img {max-width:100%;height: auto;/*高さ自動*/}
a {display:block;color: #444;text-decoration-line: none;}
a:hover { color: #999;}

/*ヘッダー
-------------------------------------*/
.header {display: flex;flex-direction: row;padding: 2rem 0 0 0;}
h1{margin:0;padding:0;}





/*メインコンテンツ
-------------------------------------*/
main {margin:0rem 0 0 0;}
section {
margin: 0rem 0;padding: 0rem 0;}
.section-space {margin: 0rem 0;padding: 5rem 0;}
.gray-back {background-color: #f4f4f4;}
.green-back {background-color:#62c414;}
.black-back {background-color:#000;}
.pb2 {padding-bottom:2rem;}
.pb3 {padding-bottom:3rem;}
.pb4 {padding-bottom:4rem;}
.pb5 {padding-bottom:5rem;}
.under {border-bottom: 0.4rem solid;padding:0 1rem 1rem 1rem;}
.under2 {border-bottom: 0.2rem solid;padding:0 0rem 1rem 0rem;}
.under3 {border-bottom: 0.1rem solid;padding:0 0rem 1rem 0rem;}
.center {text-align: center;}



/*コンタクト用
-------------------------------------*/
/*お問い合わせ2*/
#contact{color:#333;margin:0;padding-top:3rem;}
#contact h2{padding-bottom:1rem;border:none;line-height:1.2;font-size:180%;font-family:'Sintony',sans-serif;font-weight:normal;}
.table {margin:2rem 0;}
table th{text-align:left;width:25%;font-weight:normal;}
table td{text-align:left;}
.hissu{vertical-align:middle;margin-left:5px;padding:5px;
font-size:70%;font-weight:bold;color:#fff;background-color:#333;border:1px solid #333;}
input.c,textarea{vertical-align:middle;
border-radius:0.3em; -webkit-border-radius:0.3em; -moz-border-radius:0.3em;}
input.subm{padding:1rem 10rem 4.5rem 10rem;color:#fff;background-color:#333;border:1px solid #333;}
input.subm:hover{color:#333;background-color:#fff;border:1px solid #333;}

/*フッター
-------------------------------------*/
.footer {padding:0 0rem 2rem 0rem;text-align:center;background-color:#363842;}
/*コピーライト
-------------------------------------*/
.copyright {text-align: center;padding: 1rem 0;}
.copyright a {
font-family:'Sintony',sans-serif;font-weight:normal;color:#676f7f;
text-decoration: none;
display: inline;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {position:fixed;bottom:20px;right:15px;}
#pagetop a {font-family:'Sintony',sans-serif;font-weight:bold;
display: block;background:#000;color:#fff;width:50px;padding:10px 5px;text-align:center;}
#pagetop a:hover {background: #666;}






/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){

/*ロゴ
-------------------------------------*/
h1 img{width: 70%;}

/*ヘッダー
-------------------------------------*/
.header-box {display: none;}	
/*お問い合わせ
-------------------------------------*/
.table th {width: 100%;display: block;border:none;}	
.table td {display: block;border:none;}
}