@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
	2021/06作成
------------------------------------------------------------*/

/*-----common------*/

div:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
}

body{
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif,Arial,Helvetica,verdana;
	line-height: 1.5em;
	text-align: justify;
}

#wrapper{
	margin: 0 auto 2px;
	width: 100%;
	height: auto;
	background: url(../img/bk_img.png)left top;
	background-size: 25%;
}

#main{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#in_contents{
	width: 67%;
	height: auto;
	max-width: 963px;
	margin: 0 auto;
	position: relative;
	background-color: white;
	text-align: justify;
	overflow-y: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

header, nav, section, article, hgroup {
    display: block;
}

* {
    margin: 0px;
    padding: 0px;
}

a {
	outline: none;
	font-size: 0;
}

a:hover{
	opacity: 0.8;
}

img {
	vertical-align:bottom;
	border: 0;
	font-size: 0;/* inline-block隙間対応 */
	width: 100%;
	height: auto;
    -webkit-backface-visibility: hidden;/* 画像ボケ防止 */
}

*:focus {/*chrome画像フォーカス時の線を消す*/
  outline: none;
}

/*-----共通------*/

.contents_1{
	width: 66.875%;
	max-width: 963px;
	margin: 0 auto;
	padding-left: 0.55%;
}

.contents_2{
	width: 66.736%;
	max-width: 961px;
	margin: 0 auto;
	font-size: 0px;
	line-height: 0px;
}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

.contents_1{
	width: 86.875%;
	padding-left: 0.55%;
}

.contents_2{
	width: 86.319%;
}

}

/*-----top------*/

header h1{
	padding: 12% 0 0.5%;
}

#top-photo{
	padding: 2% 0 1.8%;
}

#top-img h2{
	padding: 0 0 3%;
}

#top-img h3{
	padding: 2% 0 0;
}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

header h1{
	padding: 6.5% 0 0.5%;
}

}

/*-----nav------*/

nav table{
	margin: 2% auto 3.5%;
	table-layout: fixed;
	width: 100%;
}

nav td{
	padding-bottom: 1.2%;
}

nav td a{
	background: white;
}

nav table .td_1{
	width: 32.155%;
}

nav table .td_2{
	padding-right: 0;
	padding-left: 1.77%;
}

nav table .td_3{
	padding-right: 0;
	padding-left: 1.77%;
}


/*-----menu_list------*/

#menu_list li{
	margin-bottom: 2%;
	background: white;
}

#menu_list .note{
	width: 81.375%;
	margin: 4% auto 12%;
}


/*-----topへ戻る------*/

#topBtn{
	width: 12%;
	height: auto;
	max-width: 110px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
}

#topBtn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
}