@import url("ini.css");
@import url("table.css");
@import url("font.css");
@import url("btn.css");
@import url("hp.css");
@import url("rss.css");


body,td,th {
	font-family: "MS ゴシチE", "ヒラギノ角ゴ Pro W3", "Osaka";
	color: #000000;
	font-size: 16px;
}
body {
	margin: 0px; /* ESE]EEEﴀ＀ */
	height: 100%; /* EEEBEEEhEEEcETECEYE・EEEE */
	text-align: center; /* EEEEEEES(Windows IE E・ﴀ＀) */
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
        overflow-x: hidden;
}
@media screen and (max-width:767px) {
	body{
		width: 100%;
		background-size: contain;
	}
}
#container {
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
    margin: 0 auto;  /* EEEEE}E[EWEEEEﾓﴀ＀EE */
    clear: left; /* EEEEEEEBﴀ＀sEｸﾐEAEEEEEuEEEbENEﴀ＀E
sEE */

    height: 20em;
    width: 20em;

    position: relative; /* containerEEdistanceEEEOEE */
    text-align: left;
	min-height: 100%;
}
* html div#continer_footer{
	height:100%;
}
/* indexEpEwEbE_E[ */
/* 20230202現在適用箇所無し */
/* .head_01 {
	background-image: url(../img/head_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
} */
/* ETEuEyE[EWEpEwEbE_E[ */
.head_02 {
	background-image: url(../img/head_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width:768px) {
	.head_02{
		width: 100%;
		background-size: cover;
	}
}
/* EREEEeEEEc */
.content{
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	position: relative;
	width: 50%;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	.content{
		width: 100%;
	}
}
/* ETEuEyE[EWE{EEEwEi */
.bg_02{
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: -10px;
}
/* EXE	ﴀ＀yE[EWEp */
.bg_03{
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 0px;
}

.bg_04{
	background-image: url(../img/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
/* ETEuEyE[EWE^ECEgEEEAdEEzEuE・uEEEE */
.title_haichi{
	margin-top: -10px;
	width: 100%;
	text-align: center;


}
@media screen and (max-width:767px) {
	.title_haichi{
		text-align: end;
	}
}
/* EERE~ EREEEEEg(EE) */
.grapevine_01{
	background-image: url(../img/grapevine_01.png);
	background-repeat: no-repeat;
	width: 780px;
	height: 27px;
	border: 0px;
	line-height: 250%;
	font-size: 12px;
}
/* EERE~ EREEEEEg(EEEF) */
.grapevine_02{
	background-image: url(../img/grapevine_02.png);
	background-repeat: no-repeat;
	width: 780px;
	height: 27px;
	border: 0px;
	line-height: 250%;
	font-size: 12px;
}
/* EXEVEEEEimessageEjEEEE */
.message_bg{
	position: static ;
}

/* EoE^EEEEEE */
.touroku_bg{
	position: static ;
}
/* indexEoEiE[E
uEEEEEEp */
.banner{
	height: 5px;
	overflow:hidden;
}
/* EtEbE^E[ */
.footer {
	background: url(../img/foot_01.jpg) no-repeat center top;
	height: 80px;
	width: 100%;
	clear: both;
	margin: 0px auto 0px auto;
	position: relative;
}
/* EERE~E\EEEEEEEEEE */
img.grapevine_img{
	vertical-align: text-bottom;
}
/* EΒ
ﾙﾝXE	ﴀ＀pEiE・・ﴀ＀Ej */
.td_midori{
	background-color: #339933;
	width: 112px;
	border: solid;
	border-color: #FFFFFF;
}
@media (max-width: 768px) {
	.td_midori{
		width: 10%;
	}
}


.td_white{
	background-color: #FFFFFF;
	width: 353px;
}
@media (max-width: 768px) {
	.td_white{
		width: 80%;
		
	}
}
/* EΒ
ﾙﾝXEoE^EtEHE[EEEpEiE・・ﴀ＀Ej */
.td2_midori{
	background-color: #339933;
	width: 400px;
	border: solid 2px;
	border-color: #FFFFFF;
}
.td2_white{
	background-color: #FFFFFF;
}
.td_midori3{
	border-color: #339933;
	width: 112px;
	border: 1px;
	border-color: #000000;
}
/* E{EEEsEE */
.margin{
	line-height: 220%;
}

/* EAECEREEE・eELEXEgE・uEEE墲ｹ・iEEEEEj */
img.icon{
	vertical-align: middle;
}

/* 0203 */
.container{
	display: flex;
  	flex-direction: row;
	margin: 10px;
  }
  @media (max-width: 768px) {
	.container {
		margin: 0 30%;
	}
  }
  @media (max-width: 425px) {
	.container {
		margin: 0 10%;
	}
  }
  [class^=block-] {
	display: flex;
	flex-direction: row;
	gap: 1vh;
	width: 100%;
  }
  @media (max-width: 768px) {
	[class^=block-] {
	  flex-direction: column;
	  height: auto;
	}
  }
   
  [class^=box-] {
	justify-content: center;
	align-items: center;
	flex-basis: 40%;
  }
  .container2 {
	display: flex;
	flex-direction: column;
	gap: 4vh;
	padding: 4vh;
	background-color: #FFFFFF;
	width: 900px;
	margin: 0 auto;
  }
  @media (max-width: 900px) {
	.container2 {
		width: 100%;
	}
  }
   
  [class^=block2-] {
	display: flex;
	flex-direction: row;
	height: 27.3333333333vh;
	gap: 1vh;
	width: 100%;
  }
  @media (max-width: 768px) {
	[class^=block2-] {
	  flex-direction: column;
	  height: auto;
	}
  }
  [class^=box2-] {
	justify-content: center;
	align-items: center;
	flex-basis: 50%;
  } 

  /*画像*/
.box-1 {
	width:300px;
}
@media (max-width: 768px) {
	.box-1{
		width: 100%;
	}
}
.box-2 {
	width:480;
}
@media (max-width: 1024px) {
	.box-2{
		width: 300px;
	}
}
@media (max-width: 768px) {
	.box-2{
		width: 100%;
	}
}


.intro_info{
	margin:20px 15%;
}
@media (max-width: 768px) {
	.intro_info{
		margin:20px 0;
	}
}

.logo_announce{
	width:400px;
	margin: 0 auto;
	text-align: center;
}
@media (max-width: 400px) {
	.logo_announce{
		width:100%;
	}
}

.logo_detail{
	width: 500px;
	margin: 20px auto;
	text-align: center;
	padding: 20px;
}
@media (max-width: 500px) {
	.logo_detail{
		width:100%;
	}
}

.midori_head{
	width: 60%;
	height: 150px;
	margin-top: 0;
	margin-left: auto;
}
@media (max-width: 768px) {
	.midori_head{
		width:100%;
		padding-top: 50px;
		padding-right: -50px;
	}
}