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

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

/*ヘッダー
-------------------------------------*/
.header{
display:flex;
flex-direction:row;
padding:2rem 0 0 0;
}
.header h1{
font-size:32px;
width:100%;
text-align:center;
}

.comm_area{
text-align:center;
margin:5px auto 10px auto;
padding:3px;
background-color:#FFFFDD;
width:90%;
}
.comm{
font-size:14px;
font-weight:bold;
color:#0000FF;
}
.comm2{
font-size:14px;
font-weight:bold;
color:#FF0000;
}

@media screen and (min-width:768px){
header{height:40px;}
/* PC時はMENUボタンを非表示 */
#open,#close{
display:none !important;
}

}

@media screen and (max-width:768px){
header{height:50px;}
.header{padding-bottom:0px;}
.header{flex-direction:column;margin-bottom:10px;}
.header h1{font-size:26px;}
.catch h2{font-size:24px;}
.h2_size{font-size:20px;}
}

/*メイン画像
-------------------------------------*/
.mainimg img{width:100vw;}

/*メインコンテンツ
-------------------------------------*/
main{margin:5rem 0 0 0;}
section{margin:5rem 0;padding:3rem 0;}
.gray-back{background-color:#f4f4f4;}

/*キャッチコピー
-------------------------------------*/
.catch{text-align:center;}
.catch_text{margin:20px auto 0 auto;padding:3px;background-color:#FFFFEE;width:90%;}
.catch h2{font-size:28px;padding-bottom:1rem;}
.under{border-bottom:0.4rem solid #000;padding:0 1rem 1rem 1rem;}
.center{text-align:center;margin-bottom:4rem;}

/*フッター
-------------------------------------*/
footer{background-color:#f7f7f7;padding:5rem 0;}
footer h4{border-bottom:3px solid #ccc;}

/*コピーライト
-------------------------------------*/
.copyright{
text-align:center;
padding:1rem 0;
background-color:#000;
}
.copyright a {
color:#fff;
text-decoration:none;
display:inline;
}

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