@charset "utf-8";

/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
html {
	height:100%;
}
/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	-webkit-text-size-adjust: none;
	background-color:#FFEAFF;
	background:#FFEAFF;	/*背景色（古いブラウザ用）*/
	height:100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 80px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {
	width: 100%;
	}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	color: #0000CC;
}
a:hover {
	color: #CC00CC1;				/*マウスオン時の文字色*/
	text-decoration: none;		/*マウスオン時にリンクの下線を消す設定*/
}
a:hover img{
 filter: alpha(opacity=60);
-ms-filter: alpha(opacity=60);
 opacity: 0.6;
 
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------
h1 {
	width:100%;
	text-align:center;
	font-size:36px;
	color:#0033CC;
	font-weight:bold;
}*/
header {
	border-top: #FF99FF solid 4px;
	border-bottom: #FF99FF solid 5px;	
	background-image:url(../imeges/kb.jpg);
	overflow:hidden;
}

header .inner {
	height: 140px;	/*ヘッダーの高さ*/
/*	position: relative;*/
}
header .inner h1 {
	float:left;
	font-size:100%;
	font-weight:bold;
	margin-left:3%;
	padding-top:6px;
	color: #CC0099;
}

/*ロゴ画像*/
header img {
	width: 240px;	/*画像幅*/
	height:130px;
/*	position: absolute;*/
	left: 8%;	/*左から3%の場所に配置*/
	top: 2px;	/*上から32pxの場所に配置*/
}
/*ロゴ右側のアイコン類*/
/*ロゴ右側のアイコン類（１個あたり）*/
/*ロゴ右側のアイコン類（画像）*/

/*文字サイズ変更ボタン（※文字サイズを「小」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
#fsize {
	position: absolute;
	right: 3%;	/*ヘッダーブロックに対して右から3%の場所に配置*/
	float:right;
	top: 0px;		/*ヘッダーブロックに対して上から0pxの場所に配置*/
	width: 230px;	/*ブロック幅*/
	height: 50px;	/*大小のボタン画像の高さに合わせる*/
	background: #fff url(../imeges/fsize_bg.png) no-repeat 15px center;	/*背景色、虫眼鏡の背景画像読み込み*/
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.15は透明度15%の事。*/
	border-radius: 0px 0px 10px 10px;	/*角丸のサイズ。左上、右上、右下、左下への順。*/
}
/*「文字サイズ」のテキスト*/
#fsize p {
	float: left;
	padding: 0 0 0 50px;
	color: #000;	/*文字色*/
	line-height: 50px;
	font-size: 16px;
}
/*文字サイズボタン１個あたり*/
#fsize ul li {
	float: left;	/*左に回り込み*/
}
#fsize ul a {
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
/*「小」ボタン設定*/
#fsize ul li#small a {
	background: url(../imeges/fsiz_one.png) left center;	/*背景画像として「小」を読み込む。これは「オフ」の状態。*/
	height: 50px;	/*ボタン画像の高さ*/
	width: 40px;	/*ボタン画像の幅*/
}
#fsize ul li#small a:hover {
	background: url(../imeges/fsize_on.png) left center;	/*マウスオン時の背景画像。マウスオン用なので常に「オン」*/
}
/*「大」ボタン設定*/
#fsize ul li#large a {
	background: url(../imeges/fsize.png) right center;	/*背景画像として「大」を読み込む。これは「オン」の状態。*/
	height: 50px;	/*ボタン画像の高さ*/
	width: 50px;	/*ボタン画像の幅*/
}
#fsize ul li#large a:hover {
	background: url(../imeges/fsize_on.png) right center;	/*マウスオン時の背景画像。マウスオン用なので常に「オン」*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メインメニュー*/
#menubar {
	height: 60px;
	width: 70%;
	position: absolute;
	left: 30%;	/*左から3%の場所に配置*/
	top: 50px;
}
/*メニュー１個あたりの設定
*/
#menubar ul {
	margin-top: 15px;
	
}
#menubar li {
	float:left;
	position: relative;
	width: 110px;/*親メニューの幅*/
	height: 44px;/*親メニューの高さ*/
	text-align: center;
	font-weight: bold;
	margin-right: 2%;
	margin-top:5px;
  z-index: 600;
	
	border-bottom: 1px solid #CC33CC;
}
#menubar li a {
	text-decoration: none;
	display: block;
	color: #CC3399;	/*文字色*/
	line-height: 40px;	/*高さ。ここを変える場合、fixmenu.cssの「body.is-fixed header」のサイズも変える。*/
	padding-top: 4px;	/*上にあける余白。下の「border-bottom」のサイズと合わせる。*/
}
#menubar li:hover {
	margin-top: -8px;
	color:#FF9900;
}  
#menubar ul li ul {
  position: absolute;
  color:#CC3399;
  top: 30px;/*親メニューの高さと同じにする*/
  width: 200px;
  z-index: 800;
}
#menubar ul li ul li {
	display:none;
  
  overflow: hidden;
  width: 200px;/*サブメニューの幅visibility: hidden;*/
  height: 30px;
  background: #FFC8FF;/*サブメニューの背景色*/
}
#menubar ul li ul li:hover, .menu ul li ul li a:hover {
  background:  rgba(255,255,128,0.3);/*ホバー時のサブメニューの背景色*/
  margin-top:-5px;
}
#menubar ul li:hover ul li, .menu ul li a:hover ul li{
	display:block;

  
  overflow: visible;
  height:44px;/*サブメニューの高さvisibility: visible;*/
	border-bottom: 2px solid #CC33CC;	/*下線の幅、線種、色*/
  z-index: 810;
}
#menubar * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/*サブメニュー
---------------------------------------------------------------------------*/
#sub {
	width: 24%;		/*幅*/
	height:auto;
	background: #fff;	/*背景色*/
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	color: #fff;		/*文字色*/
	background: #CC33CC;	/*背景色*/
	padding: 10px 15px;	/*上下、左右へのボックス内の余白*/
}
/*navの直後にnavとh2が続いた場合と、navタグの直後にh2が続いた場合に、h2の上のラインを消す設定*/
#sub nav + nav h2,
#sub nav + h2 {
	border-top: none;
}
/*subコンテンツ内のpタグ設定*/
#sub p {
	padding: 15px;
}

#sub ul.submenu {
	border-top: 1px solid #CC33CC;	/*上の線の幅、線種、色*/
}
/*h2タグの直後にsubmenuが入った場合にsubmenuの上のラインを消す設定*/
#sub h2 + ul.submenu {
	border-top: none;
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	text-decoration: none;
	color: #CC3399;	/*文字色*/
	display: block;
	padding: 5px 15px;	/*メニュー内の余白*/
	border-bottom: 1px solid #CC33CC;	/*下の線の幅、線種、色*/
	border-left: 1px solid #CC33CC;	/*左の線の幅、線種、色*/
	border-right: 1px solid #CC33CC;	/*右の線の幅、線種、色*/
}
/*マウスオン時*/
#sub ul.submenu li a:hover {
	background: #FF33FF;	/*背景色*/
	color: #fff;	/*文字色*/
}
/*「>」マーク*/
#sub ul.submenu li a::before {
	display: block;
	float: right;	/*右側に配置*/
	content: ">";	/*このテキストを表示させる。変更してもOKですが機種依存文字は使わないように。*/
	color: #CC3399;	/*文字色*/
}
/*マウスオン時の「>」マーク*/
#sub ul.submenu li a:hover::before {
	color: #fff;	/*文字色*/
}
#sub .sidebar1 {
	width: 100%;
	background-color: #DFF7D7;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 20px;
	border: 2px solid #DC74DF;
	list-style-type: none;
	box-sizing:border-box;
}

/*小さい端末用(画面幅800px以下)メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}
/*---------------------------------------------------------------------------*/
/*コンテンツ
---------------------------------------------------------------------------*/
#waku {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	height: auto;
}

#contents {
	clear: both;
	width:100%;
	height:auto;
	 min-height:100%;
    overflow:hidden;
	 display: flex;
  flex-direction: row-reverse;
   }

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツブロック*/
#contner {
	width:74%;
	height: auto;
	overflow:hidden;
}
#srid {
	display:block;
}
#main {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	display: block;	
}
.wrap{
	width:100%;
	height:1200px;
	overflow:scroll;
}
.pc {
	display:block;
}
.mb {
	display:none;
}
.pc2 {
	display:block;
}
.mb2 {
	display:none;
}
#submain {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	overflow:hidden;
	display: block;

	
}
/*メインコンテンツのh1タグ*/
#main  h1 {
	clear: both;
	text-align: left;
	font-size: 140%;
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #cc33cc url(../imeges/kb-.jpg); /*no-repeat right center;	背景色と背景画像の読み込み（古いブラウザ用）*/
	background: url(../imeges/kb-.jpg);/*no-repeat right center, linear-gradient(#cc333cc, #cc66cc);	背景画像の読み込みとグラデーション*/
	color: #C06;
	border-top-left-radius: 50px;
	border: 3px outset #CC0066;
	line-height: 45px;
}
#submain h1 {
	clear: both;
	text-align: center;
	font-size: 150%;
	font-weight:bold;
	width:94%;
	margin:20px auto;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #cc33cc url(../imeges/kb-.jpg); /*no-repeat right center;	背景色と背景画像の読み込み（古いブラウザ用）*/
	background: url(../imeges/kb-.jpg);/*no-repeat right center, linear-gradient(#cc333cc, #cc66cc);	背景画像の読み込みとグラデーション*/
	color: #C06;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	border: 3px outset #CC0066;
	line-height: 65px;
	position:inherit;
}
#submain .ptl {
	z-index:100;
	position: relative;
	left:1px;
	top:-130px;
}
#submain .ptl img{
	width:120px;
	height:128px;
}
#submain .ptr {
	z-index: 200;
	float:right;
	margin-top:-260px;
/*	position: absolute;
	right:30px;
	top:177px;*/
}
#submain .ptr img{
	width:120px;
	height:128px;
}
#contner  h1 img {
	float:left;
	position: relative;
	top:-20px;
}
/*メインコンテンツのh2タグ*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 8px 20px;	/*上下、左右への余白*/
	background: #fff url(../imeges/mark1.png) no-repeat right center;	/*背景色と背景画像の読み込み（古いブラウザ用）*/
	background: url(../imeges/mark1.png) no-repeat right center, linear-gradient(#fff, #ddd);	/*背景画像の読み込みとグラデーション*/
	font-size:120%;
	font-weight:bold;
	color: #CC0066;	/*文字色*/
}
#main h2::first-letter {
	border-left: 3px solid #FF33FF;	/*左側のアクセントラインの幅、線種、色*/
	padding-left: 10px;
}
/*---------------------------------------------------------------------------*/
/*ブロックコンテンツ*/
.adl {
	margin-top:1px;
	
	overflow:hidden;
}
.adl p {
	font-size:120%;
	margin-top:10px;
	margin-left:5px;
	line-height:180%;
	color:#000099;
}
.adl img {
	float:right;
}
.tamp {
	width:90%;
	overflow:hidden;
	margin:2px auto;
}
.ta1 {
	width:100%;
	overflow:hidden;
}
.newbox {
	height:200px;
	overflow:scroll;
}
.ta1 .td1 {
	margin-left:8%;
	width:160px;
	float:left;
}
.ta1 .td2 {
	float:left;
}

.ta1 .ms {
	margin-left:230px;
}
.ta2 {
	width: 96%;
	margin: 30px auto 20px;
	padding:4px 10px;
	display: block;
	font-size:140%;
	color: #FFFFFF;	
	background-color: #990066;
	border-radius: 15px;
}
.ta3 {
	width:90%;
	margin:-101px auto 20px;
	padding:10px;
	font-size:150%;
	background-color:#FFFFFF;
	border: #CC0066 solid 2px;
}
.ta3 ul {
	border:#666666 solid 1px;
	padding:6px;
}
.ta3 ul li {
	font-size:100%;
	line-height:150%;
}
.ta3 ul li p {
	font-weight:bold;
}
.ta4 {
	width: 90%;
	font-size:120%;
	margin-left:6%;
	padding:5px;
	

}
/*部品
---------------------------------------------------------------------------*/
.lin {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #CC0066;
	margin-top: 20px;
}

/*各ボックスの設定（共通）
---------------------------------------------------------------------------*/
.jigyobox {
	width:98%;
	padding:10px;
	border-bottom:#CC0066 solid 1px;
	overflow:hidden;
	margin-bottom:8px;
	
}
.jigyobox img {
	width:30%;
	float:left;
	padding-right:15px;
}
.jigyobox p {
	margin-top:10px;
	font-size:130%;
}
.topbox {
	width: 30%;
	margin-left:2%;
	margin-top: 20px;
	float: left;
	height: 150px;
	line-height: 80%;
	padding-top: 8px;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border: 2px solid #CCCCCC;
	background-color: #DFF7D7;
	box-sizing:border-box;
}
#main .topbox h5 {
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	border-bottom: 1px solid #D861D8;
	border-top: 1px solid #D861D8;
	color: #CC0066;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#main .topbox p {
	font-size: 100%;
	line-height:250%;
	text-align: center;
}

#main .topbox .readmore a {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #990099;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}
#main .topbox .readmore a:hover {
	color: #006600;
	background-color: #EFC6FF;
}
.sbox1 {
	width:95%;
	margin-top:-80px;
	overflow:hidden;
	background-color: #FFFFFF;
	border: #666666 solid 2px;
	padding:20px 10px 10px 20px;
	box-sizing: content-box;

}
.sbox1 .tate {
	float:left;
	margin-top:160px;
	background-color:#CCFFFF;
	padding:5px;
	border:#666666 solid 2px;
		  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.sbox1 .ln {
	width:16%;
	float:left;
	height:480px;
	position:relative;
	top:20px;
	z-index:10;
}
.f100 {
	font-size:130%;
	margin-left:0.5%
}
.sbox2 {
	width:70%;
	float:right;
	background-color:#FFFFCC;
}
	 
.sbox {
	font-size:100%;
	line-height:120%;
	text-align:center;

}
.sbox3 {
	width:40%;
	text-align:center;
	padding:20px 5px 20px;
	float:right;
	margin-top:100px;
	margin-right:18%;
	line-height:200%;
	border:#666666 solid 2px;
	background-color:#FFFFCC;
}
.sbox4 {
	width:60%;
	float:right;
	margin-right:10%;
	margin-top:100px;
	background-color:#FFFFCC;
}
.slin1 {
	width:100%;
	border-bottom:#666666 solid 3px;
	z-index:300;
	position: absolute;
	top:240px;
}
.slin2 {
	width:80%;
	height:90%;
	border-bottom:#666666 solid 3px;
	border-left:#666666 solid 3px;
	border-top:#666666 solid 3px;
	margin-left:18%;
	top:15px;
	z-index:200;
	position: absolute;
}
.lifebox {
	width:200px;
	padding:20px 0px 15px;
	font-size:130%;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:10px;
	margin-top:-100px;
	background-color:#CC0066;
	border-top-left-radius: 30px;
}
.lifebox1 {
	width:95%;
	font-size:120%;
	line-height:40px;
	overflow:hidden;
	margin-left:10px;
	border:#CC0066 solid 2px;
	padding:8px 8px 30px;
	box-sizing:content-box;
}
.lifef {
	font-size:130%;
	font-weight:bold;
	margin-left:30px;
	margin-top:30px;
	padding-bottom:10px;
}
.lifebox1 .imgbox {
	clear: both;
	overflow:hidden;
	width:100%;
	height:auto;
	margin-top:30px;
}
.lifebox1 .innr {
	width:74%;
	margin:5px auto;
}
.lifebox1 .innr .img1 {
	float:right;
	width:45%;
	padding:5px 5px 7px 5px;
}
.lifebox1 .innr img {
	width:100%;
}
.lifebox1 .innr .le {
	float:left;
	width:320px;
	height:460px;
	padding:50px 5px 17px 5px;
}
.lifebox1 .innr .lle {
	float:left;
	width:320px;
	padding:5px 5px 17px 5px;
}
.lifebox1 .imgbox img {
	width:24%;
	height:auto;
	padding-right:0.9%;
}
.lifebox1 .imgbox5 img {
	width:19%;
	height:auto;
	padding-right:0.9%;
}
.newsbox {
	width:95%;
	font-size:130%;
	line-height:40px;
	text-align:center;
	overflow:hidden;
	margin-left:10px;
	margin-top:-100px;
	border:#CC0066 solid 2px;
	padding:8px 8px 30px;
	box-sizing:content-box;
}
.officerbox {
	width:100%;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	color:#000099;
	line-height:160%;
	font-weight:bold;
	margin-top:-100px;
}
.officerbox table {
	width:80%;
	margin:20px auto 20px;
}
.officerbox td {
	text-align:center;
}
.officerbox h2 {
	width:85%;
	margin: 20px auto 20px;
	padding: 8px 20px;	/*上下、左右への余白*/
	background: #fff url(../imeges/mark1.png) no-repeat right center;	/*背景色と背景画像の読み込み（古いブラウザ用）*/
	background: url(../imeges/mark1.png) no-repeat right center, linear-gradient(#fff, #ddd);	/*背景画像の読み込みとグラデーション*/
	font-size:120%;
	font-weight:bold;
	text-align:left;
	color: #CC0066;	/*文字色*/
}
.officerbox h2::first-letter {
	border-left: 3px solid #FF33FF;	/*左側のアクセントラインの幅、線種、色*/
	padding-left: 10px;
}
.waiwaibox {
	width:95%;
	height:auto;
	overflow:hidden;
	margin:-120px auto 20px;
}
.imggrid{
	width: 100%;
	overflow:hidden;
}
.flle{
	float:left;
	overflow:hidden;
	margin:8px;
}
.flri{
	float:right;
	overflow:hidden;
	margin:8px;
}
.imggrid .se{
	overflow:hidden;
	margin:0px auto;
}
/*.w
aiwaibox img {
	width:18%;
	height:auto;
}*/
.askbox {
	width:80%;
	margin:-80px auto 10px;
	overflow:hidden;
	border:#CC0066 solid 2px;
}
.askbox .tb1 {
	width:40%;
	float:left;
	padding-bottom:8px;
	padding-top:8px;
	font-size:130%;
	color:#FFFFFF;
	text-align:center;
	background-color: #FF33FF;
	border-top:#CC0033 solid 1px;
	border-bottom:#CC0033 solid 1px;
	border:#CC0033 solid 1px;
	box-sizing:content-box;
}
.askbox .tb2 {
	width:59.6%;
	float:left;
	overflow:hidden;
	padding-bottom:8px;
	padding-top:8px;
	font-size:130%;
	border-top:#CC0033 solid 1px;
	border-bottom:#CC0033 solid 1px;
	box-sizing:content-box;
}

.askbox .tb3 {
	width:100%;
	text-align:center;
	padding-bottom:6px;
	padding-top:6px;
	border:#CC0033 solid 2px;
	box-sizing:content-box;
}
.askbox .pd {
	padding-bottom:75px;
	padding-top:80px;
}
.rinkbox {
	width:85%;
	margin:-100px auto 10px;
	border:#CC0066 solid 2px;
	overflow:hidden;
}
.rinkbox table {
	width:100%;
}
.rinkbox th {
	width:30%;
	font-size:130%;
	color:#FFFFFF;
	background-color: #FFCCFF;
	border-bottom:#CC0066 solid 1px;
	line-height:220%;
}
.nsd {
	width:150px;
	float:left;
}
.rinkbox td {
	width:70%;
	font-size:100%;
	color:#666666;
	border-bottom:#CC0066 solid 1px;
}
.lifemessagebox {
	width:85%;
	font-size:120%;
	font-weight:bold;
	line-height:160%;
	margin:6px auto 10px;
	padding:12px 20px 12px;
	background-color: #FFFFFF;
	border: #CC0066 solid 2px;
	border-radius: 30px;
}
.homemessagebox {
	width:85%;
	font-size:120%;
	font-weight:bold;
	line-height:160%;
	margin:-120px auto 120px;
	padding:12px 20px 12px;
	background-color: #FFFFFF;
	border: #CC0066 solid 2px;
	border-radius: 30px;
}
.messagebox {
	width:48%;
	font-size:120%;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	line-height:160%;
	margin-top:20px;
	padding:12px 20px 12px;
	background-color:#CC0066;
	border-radius: 30px;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	margin-right: 3%;
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 30px;	/*上下、左右へのボックス内余白*/
	background: #FF99FF;	/*背景色*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	overflow:hidden;
	background-image:url(../imeges/kb.jpg);
	color: #fff;			/*文字色*/
 }
.footbox {
	width:60%;
	overflow:hidden;
	margin:10px auto 5px;
	font-size:80%;
}
.footbox dl {
	width:180px;
	float:left;
	font-weight:bold;
	color: #CC0066;
	
}
.footbox dd {
	margin-left:16px;
	color: #FF33FF;
}
footer a {
	color: #0000FF;
	text-decoration: underline;
}
footer a:hover {
	color: #FF33CC;
}
.copybox {
	width:100%;
	text-align:center;
	font-size:40%;
	color: #000099;
	padding-bottom:10px;
}
footer .pr {
	display: block;
	font-size:60%;
}


.on {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #CC0066;
	margin-top: 20px;
}

/*その他
---------------------------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
.color1 {color: #0e28ac;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fr {float: right;margin-left: 1%;margin-bottom: 15px;width: 45%;}
.fl {float: left;margin-right: 1%;margin-bottom: 15px;width: 45%;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;}
.sh {display: none;}
.dn {display: none;}
.sp {	margin-top:20px;}
.banner img {width: 100%;}
.fb {font-size:110%; font-weight:bold;}
.imageR{  
  margin-top : 5px;
  margin-right : 25px;

  float : right;
}

.18b {
	font-size:24px;
	color:#0000FF;
}

@media screen and (min-width:900px){
#mainimg {

width: 75%;
}	
.adl {
	width:100%;
	margin:10px auto 10px;
}

}


/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){

/*SERVICEページ
---------------------------------------------------------------------------*/
/*３カラムタイプのボックスの高さ*/
.list.c3,
.list.c3 a {
	height: 380px;
}
/*１カラムでページを表示時の３カラムボックスの幅*/
.c1 .list.c3 {
	width: 23%;
}
.adl {
	width:80%;
	margin:10px auto 10px;
}
}



/*画面幅1600px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1600px){

/*SERVICEページ
---------------------------------------------------------------------------*/
/*３カラムタイプのボックスの高さ*/
.list.c3,
.list.c3 a {
	height: 450px;
}
/*１カラムでページを表示時の３カラムボックスの幅*/
.c1 .list.c3 {
	width: 18%;
}
/*共通*/
.list.c3,
.c1 .list.c3 {
	max-width: 400px;	/*この幅以上には広がらないようにする*/
}
.adl {
	width:60%;
	margin:10px auto 10px;
}
}
@media screen and (max-width:1300px){
.lifebox1 .innr {
	width:100%;
	margin:5px auto;
}
.pc {
	display:none;
}
.mb {
	display:block;
}
.officerbox {
	font-size:110%;
	line-height:120%;
}
.ta4 {
	font-size:100%;
}
.footbox {
	width:90%;
	margin-left:8%;
	font-size:80%;
}
.ta3 {
	width:90%;
	padding:5px;
	font-size:120%;
}
ol {padding-left: 30px;padding-bottom: 10px;}
}


/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
#fsize {
	display: none;	/*非表示にする*/
}
#contents {
	width:100%;
	height:auto;
    overflow:hidden;
	display:block;
   }
#contner {
	width: auto;
}

#sub {
	width: 100%;
}
.ta2 {
	font-size:100%;
	line-height:150%;
	margin-top:50px;
	color: #FFFFFF;	
	border-radius: 25px;
}

/*ヘッダー
#main {
	float: none;
	width: auto;
	position:relative;
}*/
/*---------------------------------------------------------------------------*/
header .inner h1 {
	font-size:100%;
}
header .inner h1 .l2 {
	position: relative;
	top:40px;
	left:8px;
}
header .inner h1 .l3 {
	position:relative;
	top:70px;
	left:10px;
}
#logo img {
	width: 120px;	/*画像幅*/
	height:70px;
	float:left;
/*	position: absolute;*/
	left: 3px;	/*左から3%の場所に配置*/
	margin-top: 22px;	/*上から32pxの場所に配置*/
}
.footbox {
	width:100%;
	overflow:hidden;
	margin-top:30px;
	font-size:80%;
}
.footbox dl {
	width:48%;
	padding-left:3px;
	float:left;
	font-weight:bold;
	color: #CC0066;
	box-sizing:content-box;
	
}
/*メニューブロックの設定

---------------------------------------------------------------------------*/

#menubar-s {
	display: block;	/*小さい端末用(画面幅800px以下)メニューを非表示から表示に切り替える*/
  margin:0;
  padding:0;
  position:relative;
  z-index:150;
}
#menubar-s ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 50%;/*親メニューの幅*/
  height: 39px;/*親メニューの高さ*/
  line-height: 38px;
	background: #CC0066;	/*背景色*/
  color: #fff;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
#menubar-s ul li a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 36px;		/*行間（高さ）*/
	color: #fff;	/*文字色*/
	border-bottom: 2px solid #FFFFFF; 	/*下の線の幅、線種、色*/
	border-right: 1px solid #FFFFFF;	/*右の線の幅、線種、色*/
}
#menubar-s ul li:hover, .menu ul li a:hover {
  background: #FF33CC;/*ホバー時の親メニューの背景色*/
  color: #FFFF99;/*ホバー時の親メニューの文字色*/
}
#menubar-s ul li ul {
  position: relative;
  width: 100%;
  z-index: 100;
}
#menubar-s ul li ul li {
  visibility: hidden;
  float:none;
  overflow: hidden;
  width: 100%;/*サブメニューの幅*/
  height: 0;
  background:#CC0066;/*サブメニューの背景色*/
}
#menubar-s ul li ul li:hover, .menu ul li ul li a:hover {
  background: #FFCCFF;/*ホバー時のサブメニューの背景色*/
}
#menubar-s ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}
#menubar-s li.current a {
	background-color: #FFCC99;
	color: #111;
}
#menubar-s * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/*大きな端末用(画面幅801px以上)メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	z-index: 4;
	position: absolute;
	top: 35px;		/*上から25pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #CC0066;	/*枠線の幅、線種、色*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
}
#top #menubar_hdr {
	border: 1px solid #CC0066;	/*トップページでの枠線の幅、線種、色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #CC0066;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;			/*バー同士の余白*/
}
#top #menubar_hdr span {
	border-top: 3px solid #CC0066;	/*トップページでの枠線の幅、線種、色*/
}
#menubar_hdr p {
	display: block;
	font-size:6px;
	color:#CC0066;
	margin-left:-3px;
}






/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
/*main,subコンテンツ
---------------------------------------------------------------------------*/
/*ブロックコンテンツ*/
.adl {
	width:100%;
	margin:5px;
}
.adl p{
	font-size: 110%;
	color: #000099;
	line-height: 120%;
	margin-top: 3px;
}
.adl img{
	float: none;
	width:100%;
	padding-bottom:10px;

}

.ta1 .ms {
	width:100%;
	font-size:80%;
	text-align:center;
	margin-left:0;
	
}
.jigyobox p {
	margin-top:5px;
	font-size:80%;
}
.topbox  {
	float:none;
	width:95%;
}
#main .topbox  {
	width: 95%;
	margin-left:2%;
	padding-top: 3px;
	margin-bottom: 20px;
}
#main .topbox h5 {
	font-size: 100%;
	line-height: 12px;
	margin-left: 0px;
	margin-right:0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#main .topbox p {
	font-size: 100%;
	padding-left:2px;
	padding-right:2px;
	margin-bottom:5px;
}

#main .topbox .readmore a {
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 5px;
}
.lifebox1 .innr .img1 {
	float: none;
	width:100%;
}
.lifebox1 .innr img {
	width:98%;
}
.lifebox1 .innr .le {
	float: none;
	width:100%;
	height:auto;
	padding:5px;
	font-size:100%;
}
.sbox1 {
	width:99%;
	margin:-90px 0px 10px;
	padding:0 0 10px;
}
.sbox1 .tate {
	width:80%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	font-size:100%;
	text-align:center;
		  -ms-writing-mode: lr-tb;
  writing-mode:horizontal-tb;
  }
.sbox2 {
	width:100%;
	float:none;
	margin-top:10px;
}
.sbox3 {
	width:70%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.sbox4 {
	width:90%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
.rinkbox th {
	width:100%;
	font-size:130%;
	background-color: #FFCCFF;
	border-bottom:#CC0066 solid 1px;
	line-height:150%;
	display:block;
}
.rinkbox td {
	width:100%;
	font-size:100%;
	color:#666666;
	display:block;
	border-bottom:#CC0066 solid 1px;
}

.messagebox {
	float:none;
	width:88%;
	font-size:100%;
	line-height:120%;
}
.sbox1 .ln {
	display:none;
}
.slin1 {
	display:none;
}
.slin2 {
	display:none;
}

.f100{
	font-size:100%;
}
/*--------------------------------------------------------------------------*/
#submain h1 {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 35px;
}
#submain .ptr {
	margin-top:-230px;
}
#submain .ptl img {
	width:80px;
	height:100px;
}
#submain .ptr img {
	width:80px;
	height:100px;
}
}


/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
.br::before {
	content: "\A" ;
	white-space: pre ;
}
.lifebox {
	margin-left:0px;
}
.lifebox1 {
	line-height:20px;
	width:93%;
	overflow:hidden;
	margin-left:0px;
}
.lifebox1 img {
	float: none;
	width:98%;
}
.waiwaibox img {
	float:none;
	width:80%;
	margin:2px auto 3px;
}
.jigyobox p {
	margin-top:5px;
	font-size:100%;
	width:100%;
	text-align:center;
}
.jigyobox img {
	width:80%;
	margin:0 10%;
}
.ta3 {
	font-size:120%;
}
.mnav {
	width:100%;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	margin-top:-110px;
	margin-bottom:10px;
}
.pc2 {
	display:none;
}
.mb2 {
	display:block;
}
.askbox {
	width:98%;
	margin:-80px auto 10px;
}
.askbox .tb1 {
	width:100%;
	float: none;
}
.askbox .tb2 {
	width:100%;
	float: none;
	text-align:center;
}
.askbox .pd {
	padding-bottom:8px;
	padding-top:8px;
}
.ta1 .td1 {
	width:100%;
	float: none;
	text-align:center;
}
.ta1 .td2 {
	float: none;
	width:100%;
	font-size:80%;
	text-align:center;
}
}




/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
#logo img {
	width: 100px;	
	top: 60px;	
}
header .inner h1 .l2 {
	position: absolute;
	top:40px;
	left:120px;
}
header .inner h1 .l3 {
	position:absolute;
	top:80px;
	left:10px;
}
/*ヘッダー右側のアイコン類*/
#h-nav {
	left: 0px;	/*左から0pxの場所に配置*/
	top: 55px;	/*上から55pxの場所に配置*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: none;
	width: 100%;
}
#menubar-s li a {
	border-right: none;
}

/*SERVICEページ
---------------------------------------------------------------------------*/
/*画像の設定*/
.list img.img {
	float: none;
	width: 100%;
}
/*右側のテキスト欄*/
.list .text {
	padding: 2%;
	margin-left: 0;
}
/*３カラムタイプのボックス設定*/
.list.c3 {
	width: auto;
	margin: 0 0 20px;
	float: none;
	height: auto;
}
.list.c3 a {
	height: auto;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 90px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}
/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 95%;}
.fr,.fl {float: none;margin: 0;margin-bottom: 10px;width: 100%;}
.sh {display: block;}
.pc {display: none;}

}