@charset "utf-8";
/* CSS Document */
body {
	font-size: 16px!important;	/*文字サイズ*/
}
/*font指定　ゴシック
----------------------------------------*/
.font-g{
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.font-g-bold{
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-weight:bold;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-g-sub{
	font-family: "ヒラギノ角ゴ Pro W9", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*ロゴエリア
-------------*/
.logo-area{
	height:50px;
	widht:100%;
	text-align:center;
	padding:10px 0px;
}

.logo-area img{
	width:auto;
	height:50px;
}

/*セカンドページタイトル
---------------------------------------------------------------------------*/
.secand-top {
	padding: 130px 0% 130px 5%;					/*ボックス内の余白*/
	color:#fff;
	font-size:36px
}

.bg-coprofile {
	background:url("../coprofile/images/top.jpg")no-repeat;
	background-size:cover;
	background-position:top center;
}


.secand-title {
	  display: inline-block;
}

.top-logo{
	float:right!important;
	margin-top:80px;
}




/*セカンド　サブメニュー*/
#secand-menubar {
	clear: both;
	height: 30px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #666;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 10px 10% 10px 10%;	
	margin-bottom:0px;
	width:100%;
	float:left;
	position: relative;
}
/*メニュー１個あたりの設定*/
#secand-menubar li {
	float: left;	/*左に回り込み*/
	width: 11.4%;	/*メニュー幅（100÷7個=14.2%）　もし４個にするなら100÷4=25%になる。*/
}
#secand-menubar li a {
	text-decoration: none;
	display: block;
	/*line-height: 1.5;	/*行間を少し狭く*/
	color: #fff;		/*文字色*/
	height: 25px;		/*高さ*/
	padding-bottom: 5px;	/*上に追加する余白*/
	border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#secand-menubar li:first-child a {
	border-left: 1px solid #fff;	/*メニューの線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px solid rgba(255,255,255,0.5);	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar li a:hover {
	background: #999;	/*背景色*/	
}


/*セカンド　サブサブメニュー*/
#secand-menubar-sub {
	clear: both;
	height: 30px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #ccc;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 10px 15% 10px 15%;	
	margin-bottom:40px;
	position: relative;
}
/*メニュー１個あたりの設定*/
#secand-menubar-sub  li {
	float: right;	/*左に回り込み*/
	width: 12%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
}
#secand-menubar-sub  li a {
	text-decoration: none;
	display: block;
	line-height: 1.0;	/*行間を少し狭く*/
	color: #000;		/*文字色*/
	height: 25px;		/*高さ*/
	padding-top: 5px;	/*上に追加する余白*/
	/*border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	/*border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#secand-menubar-sub  li:last-child a {
	border-right: 1px none;	/*メニューの線の幅、線種、色（古いブラウザ用）*/
	/*border-left: 1px solid rgba(255,255,255,0.5);	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar-sub  li a:hover {
	background: #eee;	/*背景色*/	
}

.sankaku{
	position:absolute;
	top:-22px;
	right:20.3%;
}
	
/*2カラム
	----------------------------------------*/
.col{
	padding:0px 0% 0px 0%;	/*ボックス内の余白*/
	margin-bottom:40px;
	clear:both;
	display: inline-block;
}


.box-left h3{
	border-bottom:solid 1px #333;
	font-size:30px!important;
	line-height:1.5em;
	padding-bottom:0px;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.box-left h3.sub-title{
	border-bottom:none;
	font-size:28px!important;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.box-left {
	width: 48%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-left: 0%;	/*左に空ける余白*/
	padding-bottom: 0px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.box-right {
	width: 48%;	/*幅*/
	float: right;	/*右に回り込み*/
	padding-right: 0%;	/*右に空ける余白*/
	padding-bottom: 0px;	/*下に空ける余白*/
}
	
.box-right h3{
	border-bottom:solid 1px #333;
	font-size:30px!important;
	line-height:1.5em;
	padding-bottom:10px;
	padding-top:10px;
}
.box-right h3.sub-title{
	border-bottom:none;
	font-size:28px!important;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
/*各種背景
---------------------------------------------*/
.coprofile-bg01{
	background:url("../coprofile/images/image01.jpg");
	background-position:top center;
	background-size:cover;
	width:100%;
	height:300px;
	clear:both;
}

.coprofile-bg02{
	background:url("../coprofile/images/image02.jpg")no-repeat;
	background-position:top center;
	background-size:contain;
	width:100%;
	height:300px;
	clear:both;
}

.coprofile-bg03{
	background:url("../coprofile/images/image03.jpg");
	background-position:top center;
	background-size:cover;
	width:100%;
	height:300px;
	clear:both;
	display:inline-block;
}

.coprofile-bg04{
	background:url("../coprofile/images/image04.jpg");
	background-position:top center;
	background-size:cover;
	width:100%;
	height:300px;
	clear:both;
}

.coprofile-bg05{
	background:url("../coprofile/images/image05.jpg");
	background-position:top center;
	background-size:cover;
	width:100%;
	height:300px;
	clear:both;
}

/*経営理念　背景
--------------------*/

.secand-bg01{
	padding:40px 15% 40px 15%;
	width:70%;
	display:inline-block;
}


/*全体の背景のみの指示*/
.coprofile-inner{
	background:url("../images/bg.jpg");
	display:inline-block;

}

.secand-bg00{
	padding:20px 15% 20px 15%!important;
	/*position:relative;*/
	width:70%;
	display:inline-block;
}

.mvv{
	width:100%;
}


.mvv ul li{
	float:left;
	list-style-type:none;
	vertical-align:middle;
}

.mvv ul li img{
	width:auto;
}
.w70{
	width:70%;
}
.w65{
	width:65%;
}
.w60{
	width:60%;
}

.w50{
	width:50%;
}
.w40{
	width:40%;
}
.w35{
	width:35%;
}
.w30{
	width:30%;
}

/*社是　背景の設定
-----------------------------------*/
/*背景右*/
.secand-bg-right {
	width:70%;
	padding:40px 0% 40px 15%;
	position:relative;
	margin:0 auto;
	float:left;
	background-image:url("images/dammy.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
}


/*背景左*/
.secand-bg-left {
	width:70%;
	padding:40px 15% 40px 15%;
	position:relative;
	margin:0 auto;
	float:left;
	background-image:url("images/dammy.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
}


.secand-bg-left{
	background: url("images/dammy.jpg")no-repeat left;
	background-size:cover;
}

/*中央寄せ　外枠 社是の箇所*/
.c-box-w{
	width:48%;
	padding-left:13%;	/*ボックス内の余白*/
	position:relative;
    margin: 0 auto;
	margin-bottom:20px;
	clear:both;
}
.box-w{
	background:#fff;
	border:solid 1px #333;
	padding:5px;
	text-align:center;
	width:200px;
	margin-bottom:10px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}


/*中央寄せ　外枠*/
.c-box{
	width:70%;
	padding:20px 15% 20px 15%;	/*ボックス内の余白*/
	position:relative;
    margin: 0 auto;
	margin-bottom:20px;
	clear:both;
}
/*中枠*/
.box-w01{
		background:#fff;
	border:solid 1px #333;
	padding:5px;
	text-align:center;
	    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
	width:200px;
}


.centering_parent {
    padding: 20px;              /* 余白指定 */
    text-align:  center;        /* 中央寄せ */
    /*background-color:  #ddd;    /* 背景色指定 */
    height: auto;              /* 高さ指定 */
	clear:both;
}
 
.centering_item {
    background-color: #fff;  /* 背景色指定 */
	border:solid 1px #333;
		padding:5px;
	    width: 200px;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:center;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.rinen{
		font-size:30px!important;
	line-height:1.5em;
	padding-bottom:10px;
	margin-top:20px;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W9", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}


/*概要のテーブル
----------------------------*/

/*概要テーブル（ta1）
---------------------------------------------------------------------------*/
.ta-outline{
	border-style:none;
	width:100%;
}
/*テーブル１行目に入った見出し部分（※caption）*/
.ta-outline caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta-outline, .ta-outline td, .ta-outline th {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta-outline th {
	width: 100px;
	vertical-align: top;
}

/*役員*/
.officer{
	width:100%;
	float:left;
}
.officer ul li{
	padding:0px 10px 10px 0px;
	float:left;
}
.officer ul li.komoku{
	width:16em;
}



.ta-officer{
	width:auto;
	float:left;
	border-collapse: collapse!important;
}

.ta-officer tr td{
	cellpadding:0!important;
	cellspacing:0!important;
	line-height:1.2em!important;
	vertical-align: top!important;
}

	/*概要の頭揃え*/
.ta-outline dl{
	width:100%!important;
margin-top:0!important;
	padding-top:0!important;
	}
	
.ta-outline dt {
	float: left!important;	/*左に回り込み*/
	width: 16em!important;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
	padding:0px 0px 10px 0px!important;
}
.ta-outline dd {
	padding-left: 17em!important;	/*左に空ける余白*/
	padding-top:0!important;
}
	/*概要の商標登録　頭揃え*/

	
.toroku dt {
	float: left!important;	/*左に回り込み*/
	width: 9em!important;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
	padding:0px 0px 10px 0px!important;
}
.toroku dd {
	padding-left: 10em!important;	/*左に空ける余白*/
	padding-top:0!important;
	clear:right!important;
}
	/*概要の銀行　頭揃え*/

	
.bank dt {
	float: left!important;	/*左に回り込み*/
	width: 7em!important;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
	padding:0px 0px 10px 0px!important;
}
.bank dd {
	padding-left: 7em!important;	/*左に空ける余白*/
	padding-top:0!important;
}

/*沿革
-----------------------------------------------------------------------------*/

#enkaku-box{
	padding-bottom:40px!important;
}
.secand-bg00 dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	/*float:left;*/
	/*border-bottom:dotted 1px #ccc;*/
	padding:0px 0px 0px 0px;
	clear:both;
}

/*日付設定*/
.secand-bg00 dt {
	float: left;	/*左に回り込み*/
	width: 15em;		/*幅*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	background:url("../coprofile/images/dot.png")no-repeat;
	background-position:left center;
	padding:10px 0px 10px 25px;
}
/*記事設定*/
.secand-bg00 dd {
	padding-left: 15em;	/*左に空ける余白*/
	padding:10px 0px;
}



/*組織図*/
.soshikizu{
	width:80%;
}



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

	
/*セカンド　サブメニュー*/
#secand-menubar {
	clear: both;
	height: 30px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #666;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 10px 0% 10px 0%;	
	/*margin-bottom:40px;*/
	width:100%;
}
/*メニュー１個あたりの設定*/
#secand-menubar li {
	float: left;	/*左に回り込み*/
	width: 14.2%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
}
#secand-menubar li a {
	text-decoration: none;
	display: block;
	line-height: 2.0;	/*行間を少し狭く*/
	color: #fff;		/*文字色*/
	height: 30px;		/*高さ*/
	/*padding-top: 15px;	/*上に追加する余白*/
	border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
	font-size:80%;
}
/*１つ目のメニューへの追加設定*/
#secand-menubar li:first-child a {
	border-left: none;	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*最後のメニューへの追加設定*/	
#secand-menubar li:last-child a {
	border: none!important;	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar li a:hover {
	background: #999;	/*背景色*/	
}

	
/*セカンド　サブサブメニュー*/
#secand-menubar-sub {
	clear: both;
	height: 30px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #ccc;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 10px 0% 10px 0%;	
	margin-bottom:40px;
	position: relative;
	width:100%;
}
/*メニュー１個あたりの設定*/
#secand-menubar-sub  li {
	float: right;	/*左に回り込み*/
	width: 8%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	position: relative;
}
#secand-menubar-sub  li a {
	text-decoration: none;display: block;
	line-height: 1.2;	/*行間を少し狭く*/
	color: #000;		/*文字色*/
	height: 25px;		/*高さ*/
	padding-top: 0px;	/*上に追加する余白*/
	/*border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	/*border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#secand-menubar-sub  li:last-child a {
	border-right: 1px solid #666;	/*メニューの線の幅、線種、色（古いブラウザ用）*/
	/*border-left: 1px solid rgba(255,255,255,0.5);	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar-sub  li a:hover {
	background: #eee;	/*背景色*/	
}

.sankaku{
	position:absolute;
	top:-23px;
	right:8%;
}
	
}

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

/*セカンドページタイトル
---------------------------------------------------------------------------*/
.secand-top {
	padding: 30px 15% 30px 15%;					/*ボックス内の余白*/
}
	
.secand-title {
	  display: inline-block;
}

.title-logo span{
	color:#fff;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	padding:10px 0px 10px;
	text-shadow: 1px 2px 3px #222; 
	text-indent: -0.3em;
	}	

.top-logo{
	float:right!important;
	margin-top:0px;
}

.top-logo img{
   width:181px;
	}

.box-left{
		text-align:center;
	}	
	.box-left p{text-align:left;}

.box-left h3{
	border-bottom:solid 1px #333;
	font-size:20px!important;
	line-height:1.5em;
	padding-bottom:10px;
	text-align:left;
}

.box-left h3.sub-title{
	border-bottom:none;
		font-size:20px!important;
}

	
.box-right h3{
	border-bottom:solid 1px #333;
	font-size:20px!important;
	line-height:1.5em;
	padding-bottom:10px;
}
	
.box-right h3.sub-title{
	border-bottom:none;
		font-size:20px!important;
}

.rinen{
		font-size:26px!important;
	line-height:1.5em;
	padding-bottom:10px;
	margin-top:20px;
}
	
	/*中央寄せ　外枠 社是の箇所*/
.c-box-w{
	width:100%;
	padding-left:0%;	/*ボックス内の余白*/
	position:relative;
    margin: 0 auto;
	margin-bottom:20px;
	clear:both;
	text-align:center;
}
.box-w{
	background:#fff;
	border:solid 1px #333;
	padding:5px;
	text-align:center;
	width:33%;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:33%;
}
	/*サブサブメニューの三角
	------------------------------------*/
	.sankaku{
	position:absolute;
	top:-18px;
	right:8%;
}

		
.secand-bg00{
	padding:20px 15% 20px 15%!important;
	position:relative;
	width:70%;
}
	
	/*経営理念　MVVの図
	----------------------------------------------*/
	.w65{
	width:55%;
}

.w35{
	width:45%;
}

}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
	
/*経営理念　背景
--------------------*/
/*背景　和紙*/
.secand-bg01{
	background: url("../images/bg.jpg");
	width:90%;
	padding:40px 5% 40px 5%;
}


/*背景　なし*/
.secand-bg00{
	padding:10px 5% 10px 5%!important;
	/*position:relative;*/
	width:90%;
	display: inline-block;
}

	
/*2カラム
	----------------------------------------*/
.box-left {
	width: 100%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-left: 0%;	/*左に空ける余白*/
	padding-bottom: 50px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.box-right {
	width: 100%;	/*幅*/
	float: left;	/*右に回り込み*/
	padding-right: 0%;	/*右に空ける余白*/
	padding-bottom: 50px;	/*下に空ける余白*/
}


.box-left h3{
	border-bottom:solid 1px #333;
	font-size:20px!important;
	line-height:1.5em;
	padding-bottom:10px;
}

.box-left h3.sub-title{
	border-bottom:none;
}

	
.box-right h3{
	border-bottom:solid 1px #333;
	font-size:20px!important;
	line-height:1.5em;
	padding-bottom:10px;
}
.box-right h3.sub-title{
	border-bottom:none;
	font-size:20px!important;
}
	
	
.rinen{
		font-size:25px!important;
	line-height:1.5em;
	padding-bottom:10px;
	margin-top:20px;
}	

	/*経営理念　MVVの図
	----------------------------------------------*/
	.w65{
	width:55%;
}

.w35{
	width:45%;
}
	
	

	
.tab{displya:inline;}


}





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

	
/*セカンドページタイトル
---------------------------------------------------------------------------*/
.secand-top {
	padding: 10px 15% 10px 15%;					/*ボックス内の余白*/
	text-align:center;
}
	
.secand-title {
	  display: inline-block;
}

.top-logo{
	float:left!important;
	margin-bottom:10px;
}
	

	
/*セカンド　サブメニュー*/
#secand-menubar {
	clear: both;
	height: 30px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #666;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 5px 0% 5px 0%;	
	/*margin-bottom:40px;*/
	width:100%;
}
/*メニュー１個あたりの設定*/
#secand-menubar li {
	float: left;	/*左に回り込み*/
	width: 14.2%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
}
#secand-menubar li a {
	text-decoration: none;
	display: block;
	line-height: 1.2em;	/*行間を少し狭く*/
	color: #fff;		/*文字色*/
	height: 20px;		/*高さ*/
	padding-top: 5px;	/*上に追加する余白*/
	border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
	font-size:10px;
	vertical-align:middle;
}
	/*SDGs*/
#secand-menubar li.irregular {
	line-height: 1.2em;	/*行間を少し狭く*/
}
/*１つ目のメニューへの追加設定*/
#secand-menubar li:first-child a {
	border-left: none;	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*最後のメニューへの追加設定*/	
#secand-menubar li:last-child a {
	border: none!important;	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar li a:hover {
	background: #999;	/*背景色*/	
}
	
/*セカンド　サブサブメニュー*/
#secand-menubar-sub {
	clear: both;
	height: 25px;		/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center;	/*文字を中央に*/
	background: #ccc;	/*背景色*/
	/*border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	padding: 5px 0% 5px 0%;	
	margin-bottom:40px;
	position: relative;
	width:100%;
}
/*メニュー１個あたりの設定*/
#secand-menubar-sub  li {
	float: right;	/*左に回り込み*/
	width: 25%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	position: relative;
}
#secand-menubar-sub  li a {
	text-decoration: none;display: block;
	line-height: 1.2;	/*行間を少し狭く*/
	color: #000;		/*文字色*/
	height: 20px;		/*高さ*/
	padding-top: 0px;	/*上に追加する余白*/
	font-size:80%;
	/*border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	/*border-right: 1px solid rgba(255,255,255,0.5);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#secand-menubar-sub  li:last-child a {
	border-right: 1px solid #666;	/*メニューの線の幅、線種、色（古いブラウザ用）*/
	/*border-left: 1px solid rgba(255,255,255,0.5);	/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
	
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#secand-menubar-sub  li a:hover {
	background: #eee;	/*背景色*/	
}

.sankaku{
	position:absolute;
	top:-17px;
	right:8%;
}
		

	
	/*2カラム
	----------------------------------------*/
	
/*2カラム
	----------------------------------------*/
.col{
	padding:0px 0% 0px 0%;	/*ボックス内の余白*/
	margin-bottom:0px;
	clear:both;
	display: inline-block;
}
	
	
.box-left {
	width: 100%;	/*幅*/
	text-align: center;	/*左に回り込み*/
	/*padding-left: 0%;	/*左に空ける余白*/
	padding-bottom: 0px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.box-right {
	width: 100%;	/*幅*/
	float: left;	/*右に回り込み*/
	padding-right: 0%;	/*右に空ける余白*/
	padding-bottom: 0px;	/*下に空ける余白*/
	padding-top:0px;
}

	.box-left h3{
	border-bottom:solid 1px #333;
	font-size:20px!important;
	line-height:1.5em;
	padding-bottom:10px;
}
	
	.box-left p{text-align:left;}
	
.box-right h3{
	border-bottom:solid 1px #333;
	font-size:16px!important;
	line-height:1.5em;
	padding-bottom:10px;
}
	
.rinen{
		font-size:22px!important;
	line-height:1.5em;
	padding-bottom:10px;
	margin-top:20px;
	clear:both;
	text-align:center;
}

/*経営理念*/
.centering_parent {
    padding: 0px;              /* 余白指定 */
    text-align:  left;        /* 中央寄せ */
    /*background-color:  #ddd;    /* 背景色指定 */
    height: auto;              /* 高さ指定 */
	clear:both;
}
	
.centering_item {
    background-color: #fff;  /* 背景色指定 */
	border:solid 1px #333;
		padding:5px;
	    width: 40%;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  20px auto 0 30%;            /* 中央寄せ */
	text-align:center;
	float:left;
}

/*中央寄せ　外枠 社是の箇所*/
.c-box-w{
	width:100%;
	padding-left:0%;	/*ボックス内の余白*/
	position:relative;
    margin: 0 auto;
	margin-bottom:20px;
	clear:both;
}
.box-w{
	background:#fff;
	border:solid 1px #333;
	padding:5px;
	text-align:center;
	width:40%;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:30%;
}
	
/*概要のテーブル
----------------------------*/

/*概要テーブル（ta1）
---------------------------------------------------------------------------*/
.ta-outline{
	border-style:none;
	width:100%;
}
/*テーブル１行目に入った見出し部分（※caption）*/
.ta-outline caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta-outline, .ta-outline td, .ta-outline th {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta-outline th {
	width: 60px;
	vertical-align: top;
}

/*役員*/
.officer ul li.komoku{
	width:9em;
}
	
/*沿革
-----------------------------------------------------------------------------*/

#enkaku-box{
	padding-bottom:40px!important;
}


/*日付設定*/
.secand-bg00 dt {
	float: left;	/*左に回り込み*/
	width: 9em;		/*幅*/
	letter-spacing: 0em;	/*文字間隔を少しだけ広くとる設定*/
	background:url("../coprofile/images/dot01.png")no-repeat;
	background-position:left center;
	padding:10px 0px 10px 20px;
}
/*記事設定*/
.secand-bg00 dd {
	padding-left: 11em;	/*左に空ける余白*/
}

/*各種背景
---------------------------------------------*/
/*店舗の背景*/

.coprofile-bg03{
	background:url("../coprofile/images/image03.jpg");
	background-position:-160px top;
	background-size:cover;
	width:100%;
	height:300px;
	clear:both;
	margin:0!important;
	padding:0!important;
}

/*タイトル画像を70％に
	------------------------------------*/
	.title-zoom{
		zoom: .7;
	}	

	/*経営理念　MVV
	-------------------------------------*/
.mvv ul li{
	clear:left;
}
.w70{
	width:100%;
}
.w65{
	width:100%;
}
.w60{
	width:100%;
}

.w50{
	width:100%;
}
.w40{
	width:100%;
}
.w35{
	width:100%;
}
.w30{
	width:100%;
}
	
	
/*組織図*/
.soshikizu{
	width:100%;
}
	
	
}