@charset "UTF-8";

.company.index #grey_container.on_footer{
	padding-bottom: 24px;
	background: #fff;
}
.company.index #grey_container.on_footer .small_topics{
	padding-top:0px;
}
.company.index #grey_container .small_topics ul.bnr {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}
.company.index #grey_container.on_footer .small_topics ul.bnr > li{
	width:240px;
	height: 60px;
	margin-right:7px;
	text-align: center;
}
.company.index #grey_container.on_footer .small_topics ul.bnr > li:nth-child(3n){
	margin-right:6px;
}
.company.index #grey_container.on_footer .small_topics ul.bnr > li:nth-child(4n){
	margin-right:0px;
}

.company #page_content{
    padding-top:20px;
}

.company #page_content strong {
	font-weight: bold;
}

/* pankuzu */
.company #pankuzu{
    border-bottom:none;
    padding-bottom: 0;
    padding-top:0;
}

/* main */
#page_content main .main{
    margin: 0 auto;
    width: 980px;
}
#page_content .float_wrapper.w980 .main{
    width:760px;
    float:right;
}

/* main > section */
main .sect section + section{
	margin-top: 2em;
}
main .sect p,
main .sect h4,
main .sect address {
	padding: 0 10px;
}
main .sect h3 + p,
main .sect p + p,
main .sect .lined_table + p {
	margin-top: 1em;
}
main .sect h4{
	font-size: 114.3%;
	font-weight: bold;	
	margin-top: 1em;
}

/* .grey_title customize*/
h3.bgGrey_title{
  margin: 0 !important;
}
main .sect p + h3.bgGrey_title {
	margin-top: 1em !important;
}

/* local menu */
#page_content .float_wrapper.w980 .local_menu{
    width:180px;
    float:left;
}
#page_content .float_wrapper.w980 .local_menu ul{
    border-top:solid #ddd 1px;
}
#page_content .float_wrapper.w980 .local_menu ul li{
    border-bottom:solid #ddd 1px;
    height:48px;
}
#page_content .float_wrapper.w980 .local_menu ul li a{
    display: block;
    height:48px;
    line-height: 48px;
	background: url(/common/img/arw_l.png) right center no-repeat;
}
#page_content .float_wrapper.w980 .local_menu ul li.on a{
    color:#f29600;
}
#page_content .float_wrapper.w980 .local_menu ul li a:hover{
    color:#f29600;
    text-decoration: none;
}
/* local menu focus */
body.business .local_menu li.business a,
body.group .local_menu li.group a,
body.history .local_menu li.history a,
body.message .local_menu li.message a,
body.network .local_menu li.network a,
body.outline .local_menu li.outline a,
body.philosophy .local_menu li.philosophy a,
body.plan .local_menu li.plan a,
body.recruit .local_menu li.recruit a,
body.stock .local_menu li.stock a{
	color:#f29600;
}




/* dir title */
.dir_title{
    background-image:url(../img/title.png);
}
.dir_title p{
    width:980px;
    height:100px;
    line-height: 100px;
    font-size:160%;
    margin:0 auto;
    font-weight: bold;
}
body.index .dir_title{
		height:240px;
    background-image:url(../img/index_title.png);
}
body.index .dir_title p{
    height:240px;
    line-height: 240px;
}

/* .shadow_box customize*/
.shadow_box_wrapper .shadow_box {
    padding-top: 30px !important;
}

/* .list_table customize*/
dl.list_table dt {
    width: 176px;
}
dl.list_table dd {
    width: 533px;
}
dl.list_table dt.dantai{
    height:2.3em;
}
dl.list_table.table1{
    margin:0 0 30px 0;
}
table.list_table {
	background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
table.list_table th,
table.list_table td {
	border-top: 1px solid #ddd;
	vertical-align: middle;
}
table.list_table th {
	background: #eaeaea;  
  width: 176px;
  padding: 10px 0 10px 24px;
}
table.list_table td {
	border-left: 1px solid #ddd;
	width: auto;
	padding: 10px 10px 10px 24px;
}

/* .dot_list */
ul.dot_list {
	margin: 0 34px;
}
ul.dot_list li {
	list-style: outside disc;
}

/* utility */
.fs15 {	font-size: 107.1%!important; }
.mt30 { margin-top: 30px!important; }
.taR { text-align: right!important; }
.link_txt{ 
	color: #006fad;
}
.link_txt > .fa {
	margin-right: 0.2em;
	color: #999999;
}
.link_txt > .fa.fa-file-excel-o {
	color: #007233;
}
.link_txt > .fa.fa-file-pdf-o {
	color: #cf4528;
}

/*---------------------------------------------------------
index
---------------------------------------------------------*/
.index main .index_menu{}
.index main .index_menu ul{
	overflow: hidden;
/*	margin-left: -10px;*/
	padding-bottom: 3px;
}
.index main .index_menu ul li{
	position: relative;
	width: 317px;
	height: 72px;
	font-size: 114.3%;
	float: left;
	box-shadow: 1px 1px 2px 0 #dddddd;
	border: #dddddd solid 1px;
	margin: 10px 10px 0 0;
}
.index main .index_menu ul li:nth-child(3n){
	margin: 10px 0 0 0;
}
.index main .index_menu ul li a{
	display: block;
	height: 72px;
	padding: 0 18px;
	vertical-align: middle;
}
.index main .index_menu ul li a:hover{
	color: #f29600;
	text-decoration: none;
}
.index main .index_menu ul li a span {
	display: table-cell;
	height: 72px;
	vertical-align: middle;
}
.index main .index_menu ul li a i{
	position: absolute;
	color: #f29600;
	padding-left: 8px;
	right: 10px;
	top: 50%;
	margin-top: -8px;
}
.index .index_prize{
	max-width:980px;
	width:92%;
	margin:0 auto;
	padding-top:50px;
}
.index .index_prize h2{
	font-size:18px;
	vertical-align: middle;
	font-weight:bold;
	margin-bottom: 1em;
}
.index .index_prize h2:before{
	content:'';
	display:inline-block;
	background:#0b2467;
	width:1em;
	height:1em;
	margin-right:0.2em;
	vertical-align: bottom;
}
.index .index_prize ul li{
	margin-bottom: 0.8em;
	font-size:16px;
}

/*---------------------------------------------------------
message
---------------------------------------------------------*/
.message main .sect1 .img_block {
	float: right;
	margin: 5px 0 20px 30px;
}
.message main .sect1 .img_block img {
	width: 180px;
}
.message main .sect1 p {
	padding: 0;
}
.message main .sect1 .signature {
	text-align: right;
	margin-top: 1em;
	line-height: 1.6;
	font-family: '游明朝', 'Yu Mincho', 'YuMincho', '游明朝体', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-weight: bold;
}
.message main .sect1 .signature .name {
	font-size: 142.9%;
}

/*---------------------------------------------------------
outline
---------------------------------------------------------*/
.outline main table.list_table.table1{
  margin:0 0 15px 0;
}
.outline main table.list_table th .fs90 {
	font-size: 92.9%;
}
.outline main table.list_table .access_img {
	margin: 0.6em 1em 0.6em 0;
}
.outline main table.list_table .access_img > img {
	max-width: 100%;
}
.outline main table.list_table dl.access_list,
.outline main table.list_table dl.access_list dd {
	overflow: hidden;
}
.outline main table.list_table dl.access_list dt {
	float: left;
	margin-right: 1.5em;
}

/*---------------------------------------------------------
business
---------------------------------------------------------*/
.business main .sect1 .numbering_list{
  margin:0 0 0 2.6em;
}
.business main .sect1 .numbering_list li:last-of-type {
	margin-bottom: 0;
}

/*---------------------------------------------------------
history
---------------------------------------------------------*/
.history table.table1{
  margin:0 0 15px 0;
}

/*---------------------------------------------------------
group
---------------------------------------------------------*/
.group table.table1{
  margin:0 0 15px 0;
  width:100%;
}
.group main .sect1 .table1 th {
	width: 36%
}
.group main .sect1 .table1 td {
	width: 64%
}

/*---------------------------------------------------------
network
---------------------------------------------------------*/
.network main address {
	font-weight: bold;
}
.network main address span.phone_txt {
	font-weight: bold;
	color: #9c7055;
}
.network main .sect .table1 {
	width: 98%;
	margin-top: 1em;
}
.network main .sect .table2 {
	width: 98%;
	margin-top: 1.5em;
}
.network main .sect .table1 + p {
	margin-top: 2em;
}

.network main .mdlh_wrap {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	padding: 2px 7px 0 10px;
}
.network main .mdlh_wrap li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 226px;
	margin: 3px 3px 0 0;
	border: 1px solid #ddd;
}
.network main .mdlh_wrap a {
	display: block;
	margin: 15px;
}
.network main .mdlh_wrap img {
	width: 100%;
}
.network main .mdlh_wrap h3 {
	font-size: 100%;
	background-color: transparent;
	margin: 10px 0 0;
	padding: 0;
}
.network main .mdlh_wrap p {
	margin: 0;
	padding: 0;
}
.network .area_msg{
	width:98%;
	margin:0 auto;
	padding:1.5em 0 0 1em;
	text-indent:-1em;
}
.network .area_msg br.pc{
	display:none;
}
.network .area_msg a:after{
	display:inline-block;
	content:"";
	width:0.4em;
	height:0.4em;
	border-top:2px solid #ff9900;
	border-right:2px solid #ff9900;
	transform:rotate(45deg);
}
.network .area_msg a:hover{
	color:#ff9900;
	text-decoration: none;
}


/*
koba
*/
.network .sect1{
	margin:0 0 40px 0;
}
.network .map_txt{
	margin:0 0 16px 0;
}
.network .store_map{
	width:655px;
	height:391px;
	margin:0 auto;
	background:url(../network/img/map.png) no-repeat;
	position: relative;
}
.network .store_map .bar{
	width:651px;
	height:378px;
	position: absolute;
	top:3px;
	left:6px;
	opacity: 0;
}
.network .store_map ul{
	position: relative;
	width:655px;
	height:391px;
	top:0;
	left:0;
}
.network .store_map ul li{
	position: absolute;
	border:solid 1px #f29600;
	width:8em;
	height: 17px;
	line-height: 17px;
	text-align: center;
	background: #fff;
	font-size:90%;
	opacity: 0;
}
.network .store_map ul li a{
	display: block;
	color:#333;
	height:17px;
	padding-top:1px;
}
.network .store_map ul li.hokkaido{
	top:74px;
	left:420px;
}
.network .store_map ul li.tohoku{
	top:150px;
	left:398px;
}
.network .store_map ul li.niigata{
	top:116px;
	left:270px;
}
.network .store_map ul li.saitama{
	top:192px;
	left:506px;
}
.network .store_map ul li.chiba{
	top:220px;
	left:506px;
}
.network .store_map ul li.nagano{
	top:206px;
	left:338px;
}
.network .store_map ul li.ishikawa{
	top:156px;
	left:200px;
}
.network .store_map ul li.fukui{
	top:194px;
	left:200px;
}
.network .store_map ul li.tokyo{
	top:290px;
	left:444px;
}
.network .store_map ul li.kanagawa{
	top:316px;
	left:380px;
}
.network .store_map ul li.shizuoka{
	top:256px;
	left:258px;
}
.network .store_map ul li.kinki{
	top:280px;
	left:190px;
}
.network .store_map ul li.tokai{
	top:316px;
	left:270px;
}
.network .store_map ul li.hiroshima{
	top:244px;
	left:148px;
}
.network .store_map ul li.shikoku{
	top:316px;
	left:160px;
}
.network .store_map ul li.kyushu{
	top:292px;
	left:52px;
}
.network .store_map ul li.kyushu{
	top:292px;
	left:52px;
}
.network .store_map ul li.kumamoto{
	top:316px;
	left:52px;
}

.network .sect2 .txt_link_list li a{
	color:#333;
}
.network .store_map ul li a:hover,
.network .sect2 .txt_link_list li a:hover{
	color:#f29600;
	text-decoration: none;
}


/*---------------------------------------------------------
recruit
---------------------------------------------------------*/
.recruit main .sect1 .txt_block {
	margin-bottom: 30px;
}
.recruit main .sect1 .column2-box {
	margin-top: 40px;
}
.recruit main .sect1 .column2-box .box_item {
	width: 50%;
	float: left;
}
.recruit main .sect1 .column2-box .box_item .btnRow1 {
	width: auto;
	margin-bottom: 20px;
}
.recruit main .sect1 .column2-box .box_item .btnRow1 ul {
	width: 300px;
}
.recruit main .sect1 .column2-box .box_item:nth-of-type(1) .btnRow1 ul {
	margin-left: 40px;
}
.recruit main .sect1 .column2-box .box_item:nth-of-type(2) .btnRow1 ul {
	margin-right: 40px;
}
.recruit main .sect1 .column2-box .btnRow1 ul li {
	width: 100%;
	box-sizing: border-box;
}
.recruit main .sect1 .column2-box .box_item p {
	text-align: center;
}
.recruit main .sect1 h2.table_title{
	margin-bottom: 20px;
}
.recruit main .sect1 table.list_table{
    width: 99%;
	margin-bottom: 30px;
}
.recruit main .sect1 table td{
	border-top: 1px solid #ddd;
    vertical-align: middle;
}
.recruit main .sect1 .mynavi{
	display: block;
	width:224px;
	border:solid 1px #00ABEB;
	border-radius: 5px;
	background: #fff;
	padding:0;
	margin:0 auto;
}
.recruit main .sect1 .mynavi a{
	padding:10px 14px;
	display: block;
	width:164px;
}
.recruit main .sect1 table td span.contact_title{
	display: inline-block;
	width:5em;
}
.recruit main .sect1 .career table{
	margin-bottom:6px;
}
.recruit main .sect1 .career table .blue{
	color:#016fae;
	font-size:90%;
}
.recruit main .sect1 .career .alert{
	font-size:90%;
	padding-left:2em;
	color:#016fae;
}
.recruit .link_privacy{
	padding:10px 0 0 2em;
}
.recruit .link_privacy a{
	text-decoration: underline;
}
.recruit .link_privacy a:before{
	content:"≫";
	letter-spacing: 0.3em;
}

/*---------------------------------------------------------
stock
---------------------------------------------------------*/
.stock main .sect1 section:first-of-type  {
	margin-top: 2em;
}
.stock main .sect1 ol.annotation {
	margin-left: 1em;
}
.stock main .sect1 table.lined_table.table1 {
	margin-top: 0.5em;
}
.stock main .sect1 table.lined_table.table1 th,
.stock main .sect1 table.lined_table.table1 td {
	width: 30%;
	vertical-align: middle;
}
.stock main .price_ptn{
	margin-left:20px;
}
.stock main .price_ptn dd{
	padding-left:16px;
}




/*---------------------------------------------------------
philosophy
---------------------------------------------------------*/
body.philosophy .sect2 ul{
	padding:1em 0 0 1em;
}
body.philosophy .sect2 ul li{
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 0.4em 0;
}


body.phi-plan .h3_lead{
	margin:0 0 25px 0;
	font-weight: bold;
}

body.phi-plan dl.plan_dtl{
	overflow: hidden;
	margin-bottom: 10px;
}
body.phi-plan dl.plan_dtl dt,
body.phi-plan dl.plan_dtl dd{
	float:left;
	height:1.6em;
}
body.phi-plan dl.plan_dtl dt:last-child,
body.phi-plan dl.plan_dtl dd:last-child{
	height:3.2em;
}
body.phi-plan dl.plan_dtl dt{
	width:10%;
}
body.phi-plan dl.plan_dtl dd{
	width:90%;
}

body.phi-plan dl.plan_dtl .numbering_list{
	margin-left:18px;
	margin-bottom: 0;
}
body.phi-plan dl.plan_dtl .numbering_list li{
	margin-bottom: 2px;
}

body.phi-plan .ymd{
	text-align: right;
	margin:0 0 3px 0;
}
body.phi-plan h4.t_title{
	font-weight: bold;
	margin:0 0 10px 0;
}

body.phi-plan .info_tbl{
	width:400px;
	margin:0 0 20px 10px;
	border-top:solid 1px #aaa;
	border-left:solid 1px #aaa;
	border-right: solid 1px #aaa;
}
body.phi-plan .info_tbl thead{
	background:#efefef;
}
body.phi-plan .info_tbl th{
	width:100px;
	text-align: center;
	border-bottom: solid 1px #aaa;
	border-right: double 1px #ccc;
	padding:2px 0 1px;
}
body.phi-plan .info_tbl.beginner th[rowspan='2']{
	vertical-align: middle;
}
body.phi-plan .info_tbl td{
	width:100px;
	text-align: center;
	border-bottom: solid 1px #aaa;
	border-right: dotted 1px #ccc;
	padding:2px 0 1px;
}
body.phi-plan .info_tbl tr td:last-child{
	border-right: none;
}

body.phi-plan .info_tbl.beginner tr.sum{
	border-top:double 3px #aaa;
}

body.phi-plan .info_tbl.beginner th,
body.phi-plan .info_tbl.beginner td{
	width:auto;
}


@media screen and (max-width: 834px) {

	body.phi-plan dl.plan_dtl dt,
	body.phi-plan dl.plan_dtl dd{
		float:none;
		height:auto;
	}
	body.phi-plan dl.plan_dtl dt:last-child,
	body.phi-plan dl.plan_dtl dd:last-child{
		height:auto;
	}
	body.phi-plan dl.plan_dtl dt{
		width:100%;
		margin-bottom: 5px;
	}
	body.phi-plan dl.plan_dtl dd{
		width:auto;
		padding:0 0 6px 15px;
		margin-bottom:10px;
	}

	body.phi-plan h4.t_title{
		font-weight: bold;
		margin:0 0 10px 0;
	}
}


@media screen and (max-width: 440px) {
	body.phi-plan .info_tbl{
		width:96%;
	}
	body.phi-plan .info_tbl th{
		width:24%;
	}
	body.phi-plan .info_tbl td{
		width:24%;
	}
	body.phi-plan .info_tbl.beginner td.ratio{
		padding-right:8px;
		padding-left:8px;
	}

}




@media screen and (max-width: 834px) {




	.company.index #grey_container .small_topics ul.bnr {
	    overflow: hidden;
	    width: 92%;
	    margin: 0 auto;
	    padding: 2px;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr > li{
		width:49%;
		height: 60px;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr > li:nth-child(3n){
		margin-right:0;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr > li:nth-child(4n){
		margin-right:0;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr > li:nth-child(2n){
		margin-right:0;
		float:right;
	}


    .company #page_content{
        padding-top:76px;
    }
    
    /* main */
		#page_content main .main{
				width:92%;
		    margin: 0 auto;
		}
    #page_content .float_wrapper.w980 .main{
        width:92%;
        float:none;
        margin:0 auto;
    }
    /* main > section */
		main .sect p,
		main .sect h4,
		main .sect address{
			padding: 0 1%;
		}
		main .sect h3{
			padding: 5px 1%;
		}
    
    /* local menu */
    #page_content .float_wrapper.w980 .local_menu{
        display: none;
    }
		
		/* dir title */
    .dir_title p{
        width:92%;
    }
		
		/* .shadow_box customize*/
		.shadow_box_wrapper .shadow_box {
		    padding-top: 0 !important;
		}
		/* .list_table customize*/		
    dl.list_table.table2 dt br{
        display: none;
    }
    dl.list_table dt,
    dl.list_table dd {
        padding: 12px 1%;
        width:98%;
    }
    table.list_table {
		  border: none;
		  width: 100%;
		}
		table.list_table th,
		table.list_table td {
			display: block;
			padding: 10px 1%;
			width: 98%;
		}
		table.list_table th {
			border-top: none; 
			font-weight: bold;
		}
		table.list_table td {
			border-left: none;
			margin: 0 0 10px 0;
		}
		
		/*---------------------------------------------------------
		index
		---------------------------------------------------------*/
		.index main .index_menu ul li{
				width: 48.6%;
				margin-right:0;
		}
		.index main .index_menu ul li:nth-child(3n){
				margin-right:0px;
		}
		.index main .index_menu ul li:nth-child(2n){
				margin-right:2px;
				float:right;
		}
    
    /*---------------------------------------------------------
		message
		---------------------------------------------------------*/
		.message main .sect1 .img_block {
				float: none;
				margin: 0 0 20px 0;
				text-align: center;
		}
		.message main .sect1 .img_block img{
				width: 180px;
		}
		.message main .sect1 p {
				padding: 0 10px;
		}
		
		/*---------------------------------------------------------
		outline
		---------------------------------------------------------*/
		.outline main table.list_table.table2 th br{
			display: none;
		}
		.outline main table.list_table .access_img {
			margin: 0.6em 0.1em;
		}
		
		/*---------------------------------------------------------
		network
		---------------------------------------------------------*/
		.network main .mdlh_wrap li {
			width: 49%;
			margin: 3px 0.5% 0 0;
		}
		
		/*---------------------------------------------------------
		recruit
		---------------------------------------------------------*/
		.recruit main .sect1 .txt_block,
		.recruit main .sect1 .img_block {
			float: none;
			width: auto;
		}
		.recruit main .sect1 .img_block {
			text-align: center;
			margin-top: 20px;
		}
		.recruit main .sect1 .img_block img {
			width: auto;
			max-width: 100%;
		}
		.recruit main .sect1 .column2-box .box_item {
			width: 100%;
			float: none;
		}
		.recruit main .sect1 .column2-box .box_item + .box_item {
			margin-top: 40px;
		}
		.recruit main .sect1 .column2-box .box_item .btnRow1 ul {
			width: 92%;
		}
		.recruit main .sect1 .column2-box .box_item:nth-of-type(1) .btnRow1 ul,
		.recruit main .sect1 .column2-box .box_item:nth-of-type(2) .btnRow1 ul {
			margin: 0 auto;
		}

		/*---------------------------------------------------------
		stock
		---------------------------------------------------------*/
		.stock main .sect1 table.lined_table.table1 th,
		.stock main .sect1 table.lined_table.table1 td {
			width: 30%;
		}
		.stock main .sect1 table.table2 {
			margin: 0 1%;
		}
		.stock main .sect1 table.table2 th {
		}



		/*---------------------------------------------------------
		network
		---------------------------------------------------------*/
		.network .sect1{
			display: none;
		}
}




@media screen and (max-width: 560px) {

	.company.index #grey_container .small_topics ul {
	    overflow: hidden;
	    width: 92%;
	    margin: 0 auto;
	    padding: 2px;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr li{
		width:100%;
		text-align: center;
	}
	.company.index #grey_container.on_footer .small_topics ul.bnr li:nth-child(2n){
		margin-right:0;
		float:none;
	}
}


@media screen and (max-width: 440px) {



	.company.index #grey_container.on_footer .small_topics ul.tiny_bnr li{
		float:none;
		margin-right: 0px;
		width: 100%;
		text-align: center;
	}
	.company.index #grey_container.on_footer .small_topics ul.tiny_bnr li:nth-child(2n){
		width:100%;
		float:none;
	}



	/*---------------------------------------------------------
	index
	---------------------------------------------------------*/
	.index main .index_menu ul{
			margin-left: 0;
	}
	.index main .index_menu ul li{
			width: 99%;
			margin-left: 0;
	}

}