/* @import url("common.css"); */
/* body fadein */
.flash{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* justify */* {word-wrap: break-word;box-sizing: border-box;}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* a link flash a:hover {opacity: 1;-webkit-animation: flash 1s;animation: flash 1s;}@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}*/
/* div{border: 1px solid #000;} */


/* -----------------------------------------------------------
iOSでの制御
（タップした際の黒ずみ、長押しでのメニュー呼び出し、テキスト選択というウェブらしさを打ち消すことができる）
----------------------------------------------------------- */
* {
	/* リンクタップ時のグレーの影をOFF */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 長押しでのメニュー呼び出しの無効化 */
	-webkit-touch-callout: none;
	/* テキスト選択の無効化 */
	-webkit-user-select: none;
	/* 画像にかかる半透明ハイライトのみ非表示にする場合 */
-webkit-tap-highlight-color: transparent;
}
/* バウンススクロールを無効にする */
/* html {height: 100%;overflow: hidden;} */
/* body {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: auto;} */


#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	/* background-image: url(../img/top/btn_01.png); */
	/* background-image: url(../img/top/ttl.png); */
	/* background-image: url(../img/top/logo.png); */
	/* background-image: url(../img/top/btn_04.png); */
	/* background-image: url(../img/top/btn_03.png); */
	/* background-image: url(../img/top/btn_02.png); */
	background-image: url(../img/nav/bar2.png);
	background-image: url(../img/nav/bar2-voice.png);
	background-image: url(../img/nav/bar2-message.png);
	background-image: url(../img/nav/bar2-last.png);
	background-image: url(../img/nav/bar2-first.png);
	background-image: url(../img/nav/nav_on.png);
	background-image: url(../img/nav/nav_off.png);
	background-image: url(../img/btn/lnav_bar.png);
	background-image: url(../img/btn/lnav_06.png);
	background-image: url(../img/btn/lnav_05.png);
	background-image: url(../img/btn/lnav_04.png);
	background-image: url(../img/btn/lnav_03.png);
	background-image: url(../img/btn/lnav_02.png);
	background-image: url(../img/btn/lnav_01.png);
	background-image: url(../img/btn/lnav_top.png);
	background-image: url(../img/btn/on/lnav_06.png);
	background-image: url(../img/btn/on/lnav_05.png);
	background-image: url(../img/btn/on/lnav_04.png);
	background-image: url(../img/btn/on/lnav_03.png);
	background-image: url(../img/btn/on/lnav_02.png);
	background-image: url(../img/btn/on/lnav_01.png);
	}


/* -----------------------------------------------------------
全体
----------------------------------------------------------- */
* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
	box-sizing: border-box;
}
html, body{margin:0;padding:0;width:100%;height:100%;/*background-color: rgba(50, 67, 92, 1.0);*/}

/* body {overflow:hidden;} */

h1, h2{margin:0;padding:0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
h2{font-size: 30px; font-weight:normal; height: 110px;text-align: center;color: #fff;line-height: 110px;padding-left:100px;letter-spacing: 2px;box-sizing: border-box;
	background:linear-gradient(to right, rgba(15, 35, 64, 0.95), rgba(43, 61, 86, 0.85) 100%)}


#contener {margin: 0 auto;width:1024px;height:768px;}
.base-size {width:1024px;height:768px;position: relative; }
.bg-toppage {background-image: url(../img/bg/bg_toppage.jpg);background-size: contain;}
/* .bg-top {background-image: url(../img/bg/top.png);background-size: contain;} */
.bg {background-image: url(../img/bg/bg.jpg);background-size: contain;}
/* .bg {background-image: url(../img/bg/voice.png);background-size: contain;} */

ul,li {margin: 0;padding: 0;list-style: none;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.th {overflow: hidden;text-indent: 100%;white-space: nowrap;}
.cp {cursor: pointer;}
.op:hover {opacity: 0.90;}
.dn{display: none;}
.w100p {width: 100%;}

/* .text_area */
.text_area{
	position: absolute;
	top:170px;
	left:205px;
	width: 800px;
	height: 570px;
	padding:10px 20px 0 0;
	overflow-y: scroll;
	/* -webkit-overflow-scrolling: touch; */
	/* overflow-scrolling: touch; */
}
.text_area p{
	width: 755px;
	background-color: rgba(255, 255, 255, 0.4);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #333;
	border-radius: 10px;
}
.text_area::-webkit-scrollbar{width: 15px;}
.text_area::-webkit-scrollbar-thumb{background: rgba(127, 127, 127, 1.0);border-radius: 0px;}
.text_area::-webkit-scrollbar-track-piece:start{background: rgba(196, 196, 196, 1.0);}
.text_area::-webkit-scrollbar-track-piece:end{background: rgba(196, 196, 196, 0.5);}

/* text_area.no-border */
.text_area.no-border{overflow-y: none;}
.text_area.no-border p{
	width: 755px;
	background-color: none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	padding: 20px;
	margin-bottom: 30px;
	border: none;
}
.text_area.no-border::-webkit-scrollbar{width: 0px;}
.text_area.no-border::-webkit-scrollbar-thumb{background:none;}
.text_area.no-border::-webkit-scrollbar-track-piece:start{background:none;}
.text_area.no-border::-webkit-scrollbar-track-piece:end{background:none;}

/* -----------------------------------------------------------
共通 左ナビ
----------------------------------------------------------- */
/* メニュー／トップへ（メインメニュー）のデフォルト */
.lnav {position: absolute; margin: 0 auto;z-index: 9999;}

/* メニュー */
.mainmenu {position: absolute; top:0px; left:0px;overflow: visible;}
.mainmenu li {transition: background-position 0.5s;height: 80px;margin-bottom: 4px;background-size: cover; background-repeat: no-repeat; background-position:right 20px top 0px;}
.mainmenu li#bar {position: absolute; top:15px; left:0px;height: 80px; width: 176px; background-image: url(../img/btn/lnav_bar.png);z-index:999999;}
.mainmenu li#bar.act {width: 100px;}
.mainmenu li#bar2 {position: absolute; top:7px; left:0px;height: 95px;width: 185px;  background-image: url(../img/nav/bar2.png);background-size:auto 96px ;display: none;width: 980px;z-index:99999;}
/* .mainmenu li#bar2:hover {background-image: url(../img/nav/nav_on.png);} */
/* メニュー（スライドメニュー） */
.mainmenu li#bar2 ul li{float: left;height: 90px;}
.mainmenu li#bar2 ul li:nth-child(1){width: 102px;}
.mainmenu li#bar2 ul li:nth-child(2){width: 156px;}
.mainmenu li#bar2 ul li:nth-child(3){width: 205px;}
.mainmenu li#bar2 ul li:nth-child(4){width: 159px;}
.mainmenu li#bar2 ul li:nth-child(5){width: 340px;}

/* メニューアクティブ */
.mainmenu li#bar2.bar2_default	{background-image: url(../img/nav/bar2.png);}
.mainmenu li#bar2.bar2	{background-image: url(../img/nav/bar2.png);}
.mainmenu li#bar2.bar2-first	{background-image: url(../img/nav/bar2-first.png);}
.mainmenu li#bar2.bar2-voice	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-voice_02	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-voice_03	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-voice_04	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-voice_05	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-voice_06	{background-image: url(../img/nav/bar2-voice.png);}
.mainmenu li#bar2.bar2-last	{background-image: url(../img/nav/bar2-last.png);}
.mainmenu li#bar2.bar2-message	{background-image: url(../img/nav/bar2-message.png);}

/* トップへ */
.mainmenu li#menu-top {position: absolute; top:120px; left:0px;height: 80px; width: 176px;  background-image: url(../img/btn/lnav_top.png);}

/* -----------------------------------------------------------
トップ
----------------------------------------------------------- */
#cont-top 				{position: relative;}
#cont-top .logo		{position: absolute; top:60px; left:0px; width: 100%;height: 20px; background-image: url(../img/top/logo.png);background-size: contain; background-position:center center; background-repeat: no-repeat;}
#cont-top h1			{position: absolute; top:150px; left:0px; width: 100%;height: 135px; background-image: url(../img/top/ttl.png);background-size: contain; background-position:center center; background-repeat: no-repeat;}
#cont-top .btn_01	{position: absolute; top:390px; left:205px; width: 613px;height: 100px;}
#cont-top .btn_02	{position: absolute; top:520px; left:205px; width: 294px;height: 72px;}
#cont-top .btn_03	{position: absolute; top:520px; left:525px; width: 294px;height: 72px;}
#cont-top .btn_04	{position: absolute; top:620px; left:205px; width: 613px;height: 71px;}

/* -----------------------------------------------------------
お客様の声
----------------------------------------------------------- */
h3{position: absolute;top:225px;left:20px; font-size: 18px; font-weight:normal; color: #102340;}

#cont-voice 				{position: relative;}
/* #cont-voice_01 				{position: relative;} */
#cont-voice_02 				{position: relative;}
#cont-voice_03 				{position: relative;}
#cont-voice_04 				{position: relative;}
#cont-voice_05 				{position: relative;}
#cont-voice_06 				{position: relative;}

/* サブメニューのデフォルト */
.submenu {position: absolute; top:252px; left:0px;}
.submenu li {transition: background-position 0.5s;height: 80px; width: 176px;margin-bottom: 4px;background-size: cover; background-repeat: no-repeat; background-position:right 20px top 0px;}
.submenu li:active {transition: background-position 1s; background-position:right 0px top 0px;}
.submenu li#menu-voice						{background-image: url(../img/btn/lnav_01.png);}
.submenu li#menu-voice:active			{background-image: url(../img/btn/lnav_01.png);}
.submenu li#menu-voice_02					{background-image: url(../img/btn/lnav_02.png);}
.submenu li#menu-voice_02:active	{background-image: url(../img/btn/lnav_02.png);}
.submenu li#menu-voice_03 				{background-image: url(../img/btn/lnav_03.png);}
.submenu li#menu-voice_03:active	{background-image: url(../img/btn/lnav_03.png);}
.submenu li#menu-voice_04					{background-image: url(../img/btn/lnav_04.png);}
.submenu li#menu-voice_04:active	{background-image: url(../img/btn/lnav_04.png);}
.submenu li#menu-voice_05					{background-image: url(../img/btn/lnav_05.png);}
.submenu li#menu-voice_05:active	{background-image: url(../img/btn/lnav_05.png);}
.submenu li#menu-voice_06					{background-image: url(../img/btn/lnav_06.png);}
.submenu li#menu-voice_06:active	{background-image: url(../img/btn/lnav_06.png);}

/* サブメニューのアクティブ */
.submenu li#menu-voice.active {background-image: url(../img/btn/on/lnav_01.png);background-position:right 0px top 0px;pointer-events: none;}
.submenu li#menu-voice_02.active {background-image: url(../img/btn/on/lnav_02.png);background-position:right 0px top 0px;pointer-events: none;}
.submenu li#menu-voice_03.active {background-image: url(../img/btn/on/lnav_03.png);background-position:right 0px top 0px;pointer-events: none;}
.submenu li#menu-voice_04.active {background-image: url(../img/btn/on/lnav_04.png);background-position:right 0px top 0px;pointer-events: none;}
.submenu li#menu-voice_05.active {background-image: url(../img/btn/on/lnav_05.png);background-position:right 0px top 0px;pointer-events: none;}
.submenu li#menu-voice_06.active {background-image: url(../img/btn/on/lnav_06.png);background-position:right 0px top 0px;pointer-events: none;}


/* -----------------------------------------------------------
エール・支援のメッセージ
----------------------------------------------------------- */


/* -----------------------------------------------------------
スクロールバーの表示
----------------------------------------------------------- */
.scroll-wrap{
	width: 90%;
	padding: 5%;
	overflow-x: auto;
}
.scroll-wrap::-webkit-scrollbar {
	height: 10px;
}
.scroll-wrap::-webkit-scrollbar-thumb{
	background: #999;
	border-radius: 5px;
}
.scroll-wrap::-webkit-scrollbar-track-piece {
	background: #efefef;
}