/*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) ***/
 
*:where(:not(html,iframe,canvas,img,svg,video):not(svg*,symbol*)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}
a,button{cursor:revert}
ol,ul,menu{list-style:none}
img{max-width:100%}
table{border-collapse:collapse}
input,textarea{-webkit-user-select:auto}
textarea{white-space:revert}
meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}

/* フォントサイズ問題メモ
-----------------------------------------------------*/
/*今回emが基本、ときどきremを使ってるけど、基本はhtml全体のfont-sizeを62.5%に指定して、remを使うのがやりやすいみたい。下記参照。22.10.08
https://note.com/skipla/n/ncccb804cb65a */



/* 背景
-----------------------------------------------------*/
body {
	height:auto;
	margin:0px;
	padding:0px;
                            font-family: "Hiragino Kaku Gothic ProN",
                             "Hiragino Sans",
                             Meiryo,
                             sans-serif;
	font-size:1.3em;
	background-image: url(image/bg.jpg);
	background-color: #dbf5f3;
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	text-align:center;
                             color: #000000;
	}


/* 中央寄せ・幅指定
-----------------------------------------------------*/
#container {
	width:1000px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	background-color: #ffffff;
	text-align:center;
	border:0px;
}

#container_training {
	width:1000px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	background-color: #ffffff;
	text-align:center;
	border:0px;
}


/* ナビゲーションボタン（Sexy CSS Toolbars）
-----------------------------------------------------*/

	ul.toolbar {
list-style-type: none;
padding: 8px 0px 8px 0px;
width:1000px;
margin: 0 auto 0;


background-image: -webkit-gradient(linear, left top, left bottom,
	color-stop(0.0, rgba(255, 255, 255, 0.6)),
	color-stop(0.5, rgba(255, 255, 255, 0.3)),
	color-stop(0.5, rgba(255, 255, 255, 0.2)),
	color-stop(1.0, rgba(255, 255, 255, 0.0)));
background-image: -moz-linear-gradient(top,
	rgba(255, 255, 255, 0.6) 0%,
	rgba(255, 255, 255, 0.3) 50%,
	rgba(255, 255, 255, 0.2) 50%,
	rgba(255, 255, 255, 0.0) 100%);
	
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);

background-color: #222;
color: #fff;
text-align: center;
font-family: Helvetica, Arial, Sans;
	}
ul.toolbar li {
display: inline-block;
margin: 0px;
padding: 3px 0px 3px 0px;
min-width: 160px;

cursor: default;

border: 1px solid rgba(0, 0, 0, 0.5);
border-width: 1px 0px 1px 1px;

-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
	inset 0px 0px 2px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
	inset 0px 0px 2px rgba(255, 255, 255, 0.25);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
	inset 0px 0px 2px rgba(255, 255, 255, 0.25);

-webkit-transition: background 0.2s ease-in-out;

text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
font-size:0.8em;
font-weight: bold;
	}
ul.toolbar li:first-child {
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
	}
ul.toolbar li:last-child {
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-width: 1px;
	}
ul.toolbar li.selected, ul.toolbar li:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #ffcc66;
	}
ul.toolbar li:active {
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition-duration: 0.0s;
color: #fff;

}



/* 本文
-----------------------------------------------------*/
#contents {
                            width: 720px;
	margin: 10px auto;
	padding: 20px 0px 30px 0px;
	text-align:left;
	border:0px;
	font-size: 1.0em;
	line-height: 160%;
}

td {
	font-size: 1.0em;
	line-height: 160%;
}

.SansSerif{
                            font-family: "Hiragino Kaku Gothic ProN",
                             "Hiragino Sans",
                             Meiryo,
                             sans-serif;
}
                                

/* トップへ戻るボタン
-----------------------------------------------------*/
.page_top {
  overflow: hidden;
  background: #fff;
 margin-right: -2px;
 margin-bottom: -15px;
}
.page_top img{
  width: 100px;
  cursor: pointer;
  transition-duration: 0.3s;
}
.page_top:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/* お問い合わせボタン
-----------------------------------------------------*/
.contact_button {
  overflow: hidden;
  background: #fff;
 margin-right: -2px;
 margin-bottom: -15px;
}
.contact_button img{
  width: 110px;
  cursor: pointer;
  transition-duration: 0.3s;
}
.contact_button:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}


/* フッタ
-----------------------------------------------------*/
#footer {
	width:1000px;
	height:32px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align:top;
	background-image: url(image/bg_footer2022.gif);
	background-position: center bottom;
	line-height: 220%;
	font-size: 0.7em;
	color:#000000;
	}

#footer a {
	color:#ff8800;
	}


/* 見出しタグ・hrタグ再定義
-----------------------------------------------------*/
h1 {
	display :none;
	}


h2 {
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:1.2em;
	font-weight:bold;
	background-image: url(image/bg_h2.gif);
	background-repeat: no-repeat;
	background-position:left top;
	letter-spacing: 1px;
                            font-family: "Hiragino Kaku Gothic ProN",
                             "Hiragino Sans",
                             Meiryo,
                             sans-serif;
}

h3 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 11px;
                                text-align: center;
	font-size:1.2em;
	font-weight:bold;
	background-image: url(image/bg_h3.gif);
	background-repeat: repeat-y;
	background-position:0 10;
                            font-family: "Hiragino Kaku Gothic ProN",
                             "Hiragino Sans",
                             Meiryo,
                             sans-serif;
	}

h3.achievements {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.0em;
	font-weight:bold;
	background-image: url(image/bg_h3_achievements.gif);
	background-repeat: repeat-y;
	background-position:0 10;
	}

hr	{
	border-width: 5px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	margin:0px 0px 5px 0px;
}


/* テキスト装飾
-----------------------------------------------------*/


/* リンク
-----------------------------------------------------*/
a:link{
	color:#339933;
	text-decoration:none;
}
a:visited{
	color:#00cc66;
	text-decoration:underline;
}
a:hover{
	color:#ffcc66;
	text-decoration:underline;
}
a:active{
	color:#ff8800;
	text-decoration:underline;
}



/* 個別ページ：トップ
-----------------------------------------------------*/
#top_message {
	width:1000px;
	height:320px;
	margin:-170px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align: top;
	background-image: url(./image/TopImage2022.png);
	background-position: center top;
                           }
.top_message_inner {
	line-height: 190%;
	font-size: 1.0em;                                
	color:#000000;
	margin-top: 190px;
	margin-left: 60px;
                           text-align: left;
	}

/* 個別ページ：講演
-----------------------------------------------------*/
#top_message_lecture {
	width:1000px;
	height:320px;
	margin:-340px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align: top;
	background-image: url(./image/TopImage2022-lecture.png);
	background-position: center top;
                           }
.top_message_lecture_inner {
	line-height: 220%;
	font-size: 1.0em;                                
	color:#000000;
	margin-top: 320px;
	margin-left: 60px;
                           text-align: left;
	}


/* 個別ページ：オフィス日野原について
-----------------------------------------------------*/
#about_message {
	width:736px;
	height:130px;
	margin:30px auto10px;
	padding: 52px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align: top;
	background-image: url(image/bg_about_message.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 160%;
	font-size: 1.0em;
	color:#000000;
	}


/* 個別ページ：コンサルタント
-----------------------------------------------------*/
#consulting_message {
	width:720px;
	height:155px;
                                Background-color: #f2faf9;
	margin:0px auto10px;
	padding: 20px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align: top;
	line-height: 160%;
	font-size: 0.8em;
	color:#000000;
	}
.consulting {
                                padding: 8px;
}

/* 個別ページ：研修
-----------------------------------------------------*/
#training_message {
	width:736px;
	height:130px;
	margin:30px auto10px;
	padding: 57px 0px 0px 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align: top;
	background-image: url(image/bg_training_message.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 140%;
	font-size: 1.0em;
	color:#000000;
	}

p.outline {
	width: 352px;
	padding: 10px;
	border: solid 1px #999999;
	background-color:#efefef;
	text-align: left;
	font-size:1.0em;
	}



/* 個別ページ：お問い合わせ
-----------------------------------------------------*/
#contact {
	width: 520px;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
	text-align:left;
	border:0px;
	font-size: 1.0em;
	line-height: 160%;
}

#contact table{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #e0e0e4;
	width:520px;
}
#contact table th{
	font-size:1.0em;
	padding:20px;
	text-align:right;
	background:#f4f4f5;
	border:1px solid #e0e0e4;
	border-width:0 1px 1px 0;
}
#contact table td{
	font-size:1.0em;
	padding:20px;
	border-bottom:1px solid #e0e0e4;
}
.formSubmitButton{
	margin:20px 0px 30px;
	text-align:center;
	padding:20px 0px;
	background:#f4f4f5;
	border:1px solid #e0e0e4;
	width:520px;
}
input.text{
	font-size:1.0em;
	border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
	border-style:solid;
	border-width:1px;
	padding:2px;
}
textarea{
	font-size:1.0em;
	border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
	border-style:solid;
	border-width:1px;
	padding:2px;
}

/* TOP以外のli
-----------------------------------------------------*/
#container li {
                                list-style-type: none;
	background: url(image/li_marker.png) no-repeat 0 1px;
	margin:5px 0px 5px 0px;
	padding-left: 20px;
}

#training_menu li {
	background: url(image/li_marker_training.png) no-repeat 0 1px;
	margin:5px 0px 5px -30px;
}


/* CLEARFIX
-----------------------------------------------------*/
	
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}