/* IMPORT CSS */
@import url("grid.css");

img {
	max-width:100%;
	height: auto;/*高さ自動*/
	margin: 0 auto;
	vertical-align: bottom;
}
a {
    display:block;
    color: #666;
    text-decoration-line: none;
}
a:hover {
    color: #999;
}
#wrapper{
	background-image: url("../img/bg01.jpg") ;
	padding: 0 0;
	margin: 0 auto;
}

#wrapper_1{
	background-image: url("../img/bg01_202411.jpg") ;
	padding: 0 0;
	margin: 0 auto;
}
 a img:hover{
	 opacity:0.7
 }

 .clearfix:after {
    display: block;
    clear: both;
    content: "";
}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

/*ヘッダーリンクエリア
-------------------------------------*/
.headerlink{
    max-width:900px;
    margin:0 auto;
    background-color: #726862;
    display: flex;
}

.con1{
    width: 47%;
    margin: 1% auto;
}

/*メインコンテンツ
-------------------------------------*/
.mainimg{
	max-width:900px;
	margin:0 auto;
}


main {
    width:900px;
    margin:0 auto;
    background-color: #fff;
}

main img{
    display: block;
    vertical-align: bottom;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#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;
}



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

	#wrapper{
		width:100%;
        height: auto;/*高さ自動*/
        padding: 0 0;
	    margin: 0 auto;
	}

	main{
		width:100%;
	}

	.mainimg{
		width:100%;
	}

	img{
		width:100vw;
	}
    
}