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

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

html,body {
	height: 100%;
}

html {
	font-size:75%;
}

/* ▼画面サイズ（横幅）が640px以上の場合に適用 */
@media screen and (min-width: 640px) {
  html {
    font-size: 120%;
  }
}
 /* ▼画面サイズ（横幅）が900px以上の場合に適用 */ 
@media screen and (min-width: 900px) {
  html {
    font-size: 150%;
  }
}

 /* ▼画面サイズ（横幅）が900px以上の場合に適用 */ 
@media screen and (min-width: 1500px) {
  html {
    font-size: 200%;
  }
}

body {
    background: #ccc;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    width: 100%; /* リキッド */
    max-width: 1920px; /* 幅の上限 */
    min-width: 200px; /* 幅の下限 */
    margin: 0px auto;
	background-image:url(../../images/page_back.png);
	background-size: 100% auto;
	display: flex;
    flex-flow: column;
    min-height: 100vh;
}

/* header CSS */


#header{
  width: 80%; /* リキッド ヘッダー*/
  box-sizing: border-box;
  margin-top:1em;
  margin-left:6em;
  text-align: left;
}



 /* リキッドスタイル中央揃え CSS */

.adjust-box {
    position: relative;
    width: 100%;
    height: auto;
}

.box-1x1:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.box-48x10:before {
    content: "";
    display: block;
    padding-top: 21%;
}

.box-4x3:before {
    content: "";
    display: block;
    padding-top: 75%;
}


.box-3x4:before {
    content: "";
    display: block;
    padding-top: 133.33%;
}


.inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.adjust-box p {
    line-height:1.5em;
}



 /* word CSS */



#container {
  flex: auto;/*footer固定3/3*/
  margin: 3px auto 0 auto;
}

.section {
	padding:10px 3%;
  width: 70%; /* リキッド セクション */
  margin:10px 5rem;
  text-align:left;
}

 /* footer CSS */



#footer {
	  margin:0 auto;
	  text-align:center;
	  font-size:0.6rem;
	  padding: 1rem 0;
	  width: 100%; /* リキッド ヘッダー*/
	  color:#888;
	  background-color: rgba(214,235,245,0.8);
	  position:relative;
}	

#tree {
	position:absolute;
	top:-97px;
	left:70vw;
}



/*------------------------------------------------------------------------- */
/*--( googlemap class Module )------------------------------------------------------- */

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



/* text */

h1{
  font-size: 1.4rem;
  font-weight: normal;
    line-height: 30px;
	vertical-align:middle;
}

h1:before {
  content: url("../../images/parts/leaf_h1.png" );
}


h2{
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 20px;
  	vertical-align:middle;
}

h2:before {
  content: url("../../images/parts/leaf_h2.png" );
}

h3{
  font-size: 1.0rem;
  font-weight: normal;
  padding-left:3%;
}


.word {
	font-size:0.9rem;
	padding-left:30px;
}

.word_b {
	font-size:1rem;
	font-weight:bold;
	padding-left:30px;
}

.word_bc {
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
}


.notices {
	padding:5px;
	text-align:center;
	border: 3px green solid; 
	border-color: #ffff99;
	border-radius: 10px;
	background-color:#cda;
	font-weight:bold;
}

.photo_word {
	text-align:right;
	font-size:1.2rem;
}


/*------------------------------------------------------------------------- */
/*--( Hypertext Module )--------------------------------------------------- */
a {
	/* FireFoxリンクライン消し */
    overflow: hidden;
    outline: none;
	}

a:link {
	color: #0099CC;
	text-decoration:none;
	}
a:visited {
	color: #0066CC;
	text-decoration: none;
	}
a:hover {
	color: #ff6600;
	text-decoration: underline;
	}



/* footer link color */

a.footer:link {
	color: #0099CC;
	text-decoration:none;
	}
a.footer:visited {
	color: #0066CC;
	text-decoration: none;
	}
a.footer:hover {
	color: #ff6600;
	text-decoration: underline;
	}


/* table CSS */


table.list1 {
	  border-collapse: collapse;
	    text-align: center;
		width:100%;
}

th.list1 {
	font-weight:normal;
	  border-bottom: solid 2px #ddd;
}


table.list2 {
	margin:5em;
	border-collapse:collapse;
}


table.list2 th {/*table内のthに対して*/
    width:3em;
    font-weight:normal;
    padding: 10px;
	vertical-align: top;
	border-bottom:solid 1px #CCC;
}

table.list2 td {/*table内のtdに対して*/
    padding: 3px 10px;
    font-size:0.8rem;
	border-bottom:solid 1px #CCC;
}


tablr.list3 {
	margin-top:50px;
}

table.list3 td {
	width:50%;
}



table.list4 {
	width:80%;
	margin-left:30px;
    padding: 10px 10px;
    font-size:0.8rem;
}

table.list4 th {
	width:30%;
	font-weight:normal;
}


table.list5 {
	margin-left:10px;
	text-align:center;
    padding: 10px 10px;
    font-size:0.8rem;
    border: solid 3px #EEF; 
	border-collapse: collapse;
}

table.list5 th {
	font-weight:normal;
	background-color:#6495ed;
	color:#FFF;
	border: solid 3px #EEF;
}


table.list5 td {
	font-weight:normal;
	background-color:#FFF;
	border: solid 2px #EEF;
}


table.list6 {
	margin-left:10px;
	text-align:center;
    padding: 10px 10px;
    font-size:0.8rem;
    border: solid 3px #EEF; 
	border-collapse: collapse;
}

table.list6 th {
	font-weight:normal;
	background-color:#6495ed;
	color:#FFF;
	border: solid 3px #EEF;
}


table.list6 td {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
	background-color:#FFF;
	border: solid 2px #EEF;
}




tablr.photo1 {
	margin-top:50px;
}

table.photo1 td {
	text-align:right;
	font-size:1rem;
}

tablr.photo2 {
	margin-top:50px;
}

table.photo2 th {
	width:60%;
}

table.photo2 td {
	padding-left:1rem;
	vertical-align:bottom;
	text-align:left;
	font-size:1rem;
}

/* class img */
.resizeimage img { width: 100vw; } /* 画面幅MAX */

.resizeimage8024 {
   max-width: 800px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
}
.resizeimage8024 img { width: 100%; }


/* list navigation CSS */

ul.word {
    list-style: none;
    padding:0;
    margin:0;
}

li.word { 
    padding-left: 1.5em; 
    text-indent: -.7em;
}

li.word:before {
    content: "• ";
    color: #9b5;
}




ul.indent {
	  margin:10px 0;
	  list-style-type:none;
      padding-left: 1em;
      text-indent: -1em;
}