body {background-image:url('haikei.gif');}
strong {color:#ff0000;}
img {max-width:100%;
	height:auto;
}

.moji1 {font-size:x-small;}
.moji2 {font-size:small;}
.moji3 {font-size:mediam;}
.moji4 {font-size:large;}
.moji5 {font-size:x-large;}
.hidari {text-align:left;}
.naka {text-align:center;}
.migi {text-align:right;}

.btn-sticky {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #f7f7f7;
	border-left: solid 6px #ff7c5c;/*左線*/
	color: #000000;/*文字色*/
	font-weight: bold;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
  .btn-sticky:active {
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
}

.btn-stitch {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #668ad8;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #668ad8;
	border: dashed 1px #FFF;
}
  
  .btn-stitch:hover {
	border: dotted 1px #FFF;
}


.deza {
	position: relative;
	border-top: solid 2px #df7c7c;
	border-bottom: solid 2px #df7c7c;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
  }
  
.deza:after {
	/*タブ*/
	position: absolute;
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content: '\f0a7\ machine';
	background: #df7c7c;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
}

.deza1 {
	position: relative;
	border-top: solid 2px #dab36c;
	border-bottom: solid 2px #dab36c;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
}
  
	
.deza1:after {
	/*タブ*/
	position: absolute;
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content: '\f0a7\ machine';
	background: #dab36c;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
}

 
.deza2 {
	position: relative;
	border-top: solid 2px #87c061;
	border-bottom: solid 2px #87c061;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
}
  
	
.deza2:after {
	/*タブ*/
	position: absolute;
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content: '\f0a7\ machine';
	background: #87c061;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
}

.deza3 {
	position: relative;
	border-top: solid 2px #df7c7c;
	border-bottom: solid 2px #df7c7c;
	background: #f4f4f4;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
}
  

.wrapnote {
	width: 100%;
}
.wrapnote .note {
	margin: 10px;
	padding: 10px 0 10px 0;
	background: rgb(248, 238, 225);
}
.wrapnote .note p {
	background: url(line.png) repeat bottom left;
	font-size: small;
	line-height: 30px;
	margin: 0 5px;
}
 

.check_box {
    position: relative;
    padding: 1em 1.5em;
    margin: 2em 0;
    border: solid 3px #c78a19;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}
.check_box .sample_box_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.3em;/*タイトル文字サイズ*/
    background: #fff9f1;/*タイトル文字背景色*/
    color: #c78a19;/*タイトル文字色*/
    font-weight: bold;
}
.check_box p {
    margin: 0; 
    padding: 0;
}


.kakumaru {
    width: 35px;               /* 幅指定 */
    height: 35px;              /* 高さ指定 */
    border: solid 0px #000;     /* 枠線指定 */
    background-color: rgb(0, 0, 0);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */

}

.kakumaru1 {
    width: 35px;               /* 幅指定 */
    height: 35px;              /* 高さ指定 */
    border: solid 0px #000;     /* 枠線指定 */
    background-color: rgb(248, 41, 41);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */

}

.kakumaru2 {
    width: 80px;               /* 幅指定 */
    height: 30px;              /* 高さ指定 */
    line-height: 2;           /* 文字位置高さ指定 */
   border: solid 0px #000;     /* 枠線指定 */
    background-color: rgb(0, 0, 0);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;   /* インラインブロック要素にする */


}

.kakumaru3 {
    width: 90px;               /* 幅指定 */
    height: 30px;              /* 高さ指定 */
   line-height: 2.2;          /* 文字位置高さ指定 */
   border: solid 0px #000;     /* 枠線指定 */
    background-color: rgb(167, 70, 5);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */

}

.kakumaru4 {
    width: 80px;               /* 幅指定 */
    height: 30px;              /* 高さ指定 */
    line-height: 2; 　　　　　/* 文字位置高さ指定 */
    border: solid 0px #000;     /* 枠線指定 */
    background-color: rgb(0, 0, 0);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */
}

.kakumaru5 {
    width: 200px;               /* 幅指定 */
	height: 200px;              /* 高さ指定 */
    border: solid 1px rgb(255, 255, 255);     /* 枠線指定 */
    background-color: rgb(255, 255, 255);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */
	
}
.kakumaru6 {
    width: 150px;               /* 幅指定 */
	height: 200px;              /* 高さ指定 */
    border: solid 2px rgb(255, 255, 255);     /* 枠線指定 */
    background-color: rgb(248, 240, 217);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */
	
}


.kakumaru7 {
    width: 100px;               /* 幅指定 */
	height: 220px;              /* 高さ指定 */
    border: solid 2px rgb(255, 255, 255);     /* 枠線指定 */
    background-color: rgb(237, 248, 232);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */	
	display: inline-block;      /* インラインブロック要素にする */
	width: 100%;
}

ul {
	padding-left: 15px;
}



ul.flow_list{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.flow_list li{
	border: 5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 35px;
	background: #ffffff;
	padding: 4px 10px;
    position: relative;
}
ul.flow_list li::after{bottom: -34px;
    color:#ccc;
    content: "▼";
    font-size: 24px !important;
    left: 48%;
    position: absolute;}
ul.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
ul.flow_list li h3::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}






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

.font_1 {
	font-family:  "メイリオ", meiryo, sans-serif;
}

#site-box {
    width : 600px;
}

table {
	border-collapse: collapse;
	border: solid 0px orange;
	
	
	width:100%;
	
  
}

table th,td{
	
	border: solid 1px rgb(255, 255, 255);
	
}


h1{
	margin:0;            /* ←追加 */
   }
   
   #header{
	background-color:rgb(240, 250, 229);
	font-size:x-small
   }
   
   #title{
	margin:0;            /* ←追加 */
   }
   

.p_r {
	text-align:right;
}

.top_tit {
	font-size:x-large;
	color:#ff0000;
}

.top_m {
	margin-top: 50px;
}



.top_head {
	font-size:large;
	font-weight:bold;
}

.midashi {
	padding:0.4em 0.5em;
	font-weight:bold;
	color:#494949;
	background:#f4f4f4;
	border-left:solid 5px #7db4e6;
	border-bottom:solid 3px #d7d7d7;
	margin-bottom:10px;
}
.midashi:first-letter {
	color:#ff0000;
}
.shita {
	margin-top:30px;
}




.global {
	padding:0;					/* ulタグのデフォルトCSSを打ち消し */
	margin:0;					/* ulタグのデフォルトCSSを打ち消し */
	list-style:none;			/* ulタグのデフォルトCSSを打ち消し */
	text-align:center;			/* 子要素を左右中央揃え */
}

.global > li {
	display:inline-block;		/* インラインブロック要素にする */
	width:60px;					/* 幅指定 */
	vertical-align:middle;		/* 要素を上下中央で揃える */
}
.global > li > a {
	color:#ffffff;				/* 文字の色指定 */
	background-color:#009900;	/* 背景色指定 */
	text-decoration:none;		/* 文字のデフォルトCSSを打ち消し */
	display:inline-block;		/* インラインブロック要素にする */
	padding:6px;				/* 余白指定 */
	width:100%;					/* 幅指定 */
	box-sizing:border-box;		/* 崩れ防止 */
	border-radius:5px;
	font-size:medium;
}
.global > li > a:hover {		/* マウスホバー時のカラー*/
	color:#ffffff;				/* 文字の色指定 */
	background-color:#006600;	/* 背景色指定 */
}
.to_top > li {
	display:inline-block;		/* インラインブロック要素にする */
	width:140px;					/* 幅指定 */
	vertical-align:middle;		/* 要素を上下中央で揃える */
}
.to_top > li > a {
	color:#ffffff;				/* 文字の色指定 */
	background-color:#0066cc;	/* 背景色指定 */
	text-decoration:none;		/* 文字のデフォルトCSSを打ち消し */
	display:inline-block;		/* インラインブロック要素にする */
	padding:6px;				/* 余白指定 */
	width:100%;					/* 幅指定 */
	box-sizing:border-box;		/* 崩れ防止 */
	border-radius:5px;
	font-size:medium;
}
.to_top > li > a:hover {		/* マウスホバー時のカラー*/
	color:#ffffff;				/* 文字の色指定 */
	background-color:#006600;	/* 背景色指定 */
}

/* ブルーのボタン */
.blue_btn {
    display:inline-block;
    padding:0.3em 1em;
    text-decoration:none;
    color:#ffffff;
    background:#0066cc;
    border:solid 2px #0066cc;
    border-radius:5px;
	transition:.4s;
}
.blue_btn:hover {
    background:#ffffff;
    color:#000000;
}