@charset "utf-8";

/* company_common
-------------------------------------------------------------------------------------------------------- */

.info								{ margin-bottom:40px; }
.info .rBox					{ float:right; width:26.7%;}
.info .lBox						{ float:left; width:68%; }
.info .lBox .name			{ font-size:25px; margin-bottom:20px;}
.info .lBox .tel				{ margin-bottom:40px;}
@media screen and (max-width: 480px) {
.info								{ margin-bottom:30px; }
.info .rBox					{ float:none; width:auto; margin-bottom:20px; text-align:left;}
.info .rBox	img			{ max-width:70%;}
.info .lBox						{ float:none; width:auto;}
.info .lBox .name			{ font-size:21px; margin-bottom:20px;}
.info .lBox .tel				{ margin-bottom:10px;}
}


/* company_index
-------------------------------------------------------------------------------------------------------- */
#comIdx #pageTitleBox		{ background-image:url(../images/company/index/company_title.jpg); }
#comIdx #newsBox				{ border-bottom:#ddd 1px solid; }



/* company_greeting
-------------------------------------------------------------------------------------------------------- */
#greeting #pageTitleBox						{ }
#greeting .pageTitle							{ line-height:1.4; border-bottom:#ddd 1px solid; }
#greeting .pageTitle span					{ margin:30px 0 50px; font-size:16px; }
#greeting #message							{}
#greeting #message .ceo					{ float:right; width:30%; padding:0 0 4% 4%; }
#greeting #message .txtBox p			{ padding-bottom:20px;}
#greeting #message .name					{ padding-top:20px; text-align:right;}
#greeting #plan  .sectTitle			{ padding-bottom:40px;}
#greeting #plan .rBox					{ float:right; width:44.6%;}
#greeting #plan .lBox					{ float:left; width:52%;}
#greeting #plan .lBox p				{ padding-bottom:20px;}
@media screen and (max-width: 768px) {
#greeting #message .ceo					{ width:40%; }
}
@media screen and (max-width: 480px) {
#greeting #pageTitleBox .pageTitle					{ font-size:26px; }
#greeting .pageTitle span			{ margin:20px 0 30px; font-size:12px; }
#greeting #plan .sectTitle			{ padding-bottom:20px;}
#greeting #plan .rBox					{ float:none; width:auto; margin-bottom:20px;}
#greeting #plan .lBox					{ float:none; width:auto;}
#greeting #message .name			{ padding:0; }
#greeting #message .name img	{ width:120px; }
}


/* company_outline
-------------------------------------------------------------------------------------------------------- */
#outline #pageTitleBox						{ background-image:url(../images/company/outline/outline_title.jpg); }
#outline .sectTitle								{ margin-bottom:40px;}
#outline #list										{}
#outline #list table								{}
#outline #list table tr							{}
#outline #list table tr th						{ width:14%; padding:30px 0; border-bottom:#DDD 1px solid; vertical-align: top;}
#outline #list table tr td						{ padding:30px 0; border-bottom:#DDD 1px solid;}
#outline #list table tr th.last				{ border-bottom:none;}
#outline #list table tr td.last				{ border-bottom:none;}
#outline #list table tr td ul.office li		{ padding-bottom:20px;}
#outline #list table tr td ul.txt li		{ text-indent:-1em; padding-left:1em}
#outline #chart									{}
#outline #chart figure							{ padding-top:20px;}
@media screen and (max-width: 768px) {
#outline .sectTitle								{ margin-bottom:20px;}
#outline #list table tr th			{ width:auto; display:block; font-weight:bold; border-bottom:none; padding:20px 0 0;}
#outline #list table tr td			{ display:block; padding:4px 0 20px;}
}
@media screen and (max-width: 480px) {
}


/* company_history
-------------------------------------------------------------------------------------------------------- */
#history #hisNav.blank							{ padding:80px 0 10px; }
#history #pageTitleBox							{ background-image:url(../images/company/history/history_title.jpg); }
#history #hisNav									{ padding:40px 0; }
#history #hisNav.blank									{ padding:30px 0; }
#history #hisNav .sectTitle						{ padding-bottom:10px; }
#history #hisNav .subTxt						{ padding-bottom:60px; }
#history #hisNav .pageNav li					{ margin-bottom:20px; width:14%; }
#history .lContents									{ float:left; width:78%;}
#history .lContents .employee					{ padding:20px 0; border-bottom:#DDD 1px solid; background:#F4F4F4; text-align:center; font-size:17px;}
#history .lContents .subTitle					{ font-size:21px;  border-bottom:#DDD 1px solid; padding-bottom:10px;}
#history .lContents table						{ }
#history .lContents table tr						{ }
#history .lContents table tr th					{  width:60px; border-bottom:#DDD 1px solid; padding:20px 0;  vertical-align: top; }
#history .lContents table tr td					{ border-bottom:#DDD 1px solid; padding:20px 0; }
#history .lContents table tr td dl				{ }
#history .lContents table tr td dl	dt			{ width:100px; float:left; padding:0 0 10px; }
#history .lContents table tr td dl	dd			{ width:600px; float:left; padding:0 0 10px; }
#history .rContents								{ float:right; width:19%; padding-top:40px;}
#history .rContents ul li figure 				{ margin-bottom:20px;}
#history .rContents ul li figure img			{ margin-bottom:10px;}
#history .rContents ul li figcaption			{ font-size:13px; text-align:center; line-height:1.3em;}
@media screen and (max-width: 768px) {
#history #hisNav										{}
#history #hisNav .sectTitle							{ padding-bottom:10px; }
#history #hisNav .subTxt							{ padding-bottom:30px; }
#history #hisNav .pageNav li						{ width:33.33%; }
#history #hisNav .pageNav li:nth-child(3)	{ border-right:#ddd 1px solid; }

#history .lContents									{ float:none; width:auto; margin-bottom:20px;}
#history .lContents table						{ }
#history .lContents table tr						{ }
#history .lContents table tr th					{ display:block;  width:auto;   border-bottom:none; font-weight:bold; padding:20px 0 10px; }
#history .lContents table tr td					{ display:block; padding:0 0 20px; }
#history .lContents table tr td dl				{  }
#history .lContents table tr td dl	dt			{ width:25%; padding:0 0 10px;  }
#history .lContents table tr td dl	dd			{ width:75%; padding:0 0 10px; }
#history .lContents .employee					{ padding:10px 0; font-size:15px;}

#history .rContents												{ float:none; width:auto; padding-top:40px;}
#history .rContents ul li 											{ float:left; width:184px; margin-right:10px;}
#history .rContents ul li figure 								{ margin-bottom:20px;}
#history .rContents ul li  figure img							{ margin-bottom:10px;}
#history .rContents ul li  figcaption							{ font-size:13px; text-align:center;}

}

@media screen and (max-width: 480px) {
#history .rContents												{ float:none; width:auto; padding-top:20px;}
#history .rContents ul li 											{ float:left; width:46%; margin-right:6px; box-sizing:border-box;}
#history .rContents ul li figure 								{ margin-bottom:30px;}
#history .rContents ul li  figure img							{ margin-bottom:6px;}
#history .rContents ul li  figcaption							{ font-size:10px; text-align:center;}

}


/* company_office
-------------------------------------------------------------------------------------------------------- */
#office .linkBtn					{ width:140px; }
#office #pageTitleBox					{ background-image:url(../images/company/office/office_title.jpg); }
#office #officeNav						{ padding:16px 0 14px; border-bottom:#DDD 1px solid;}
#office #officeNav .pageNav li		{ width:14%; }
#office .contents 						{ border-top:#DDD 1px solid;  }
#office .contents .titleBtn			{ font-size:19px; border-bottom:#DDD 1px solid; padding:20px 0 20px 20px; background:url(../images/common/ico_ar_down.png) no-repeat 98%; background-size:12px; }
#office .contents .titleBtn:hover	{ opacity:0.7; }
#office .contents .division dl dt					{ font-size:19px; padding:20px 0 20px 20px; border-bottom:#DDD 1px solid; background:#F4F4F4; }
#office .contents .division dl dd					{ padding:20px 0 20px 20px; border-bottom:#DDD 1px solid; }
#office .contents .division dl dd span			{ margin-right:30px; }
@media screen and (max-width: 768px) {
#office #officeNav .pageNav li							{ width:50%; margin:10px 0; }
#office #officeNav .pageNav li:nth-child(2)		{ border-right:#ddd 1px solid; }
}
@media screen and (max-width: 480px) {
#office .linkBtn											{ font-size:12px; width:200px; }
#office .contents .titleBtn			{ font-size:16px; padding:10px 0 10px 10px; }
#office .contents .titleBtn:hover	{ opacity:1; }
#office .contents .division dl dt					{ font-size:15px; padding:10px; }
#office .contents .division dl dd					{ padding:10px; }
#office .contents .division dl dd span			{ display:block; font-weight:bold; margin-right:0; }
}


/* company_global
-------------------------------------------------------------------------------------------------------- */
#global #pageTitleBox					{ background-image:url(../images/company/global/global_title.jpg); }
#global #globalNav						{ padding:30px 0 0; height:600px; background:url(../images/company/global/nav_base.png) no-repeat center bottom #ddd; background-size:contain; box-sizing:border-box; }
#global #globalNav ul					{ margin-left:-20px; }
#global #globalNav ul li				{ padding-left:20px; width:25%; font-size:13px; border:none; }
#global #globalNav ul li a			{ display:block; padding:10px; background:#fff; }
#global #globalNav ul li a span	{ padding-right:14px; background:url(../images/common/ico_ar_down.png) no-repeat right center; background-size:10px; }

#global .linkBtn								{ width:140px; }
#global .sectTitle							{  border-bottom:#DDD 1px solid; padding-bottom:30px;}
#global .line									{ margin:40px 0; border-bottom:#DDD 1px solid;}
#global .line.no								{ border-bottom:none;}

#global .info .lBox .name				{ margin-bottom:0;}
#global .info .lBox .name.sec			{ margin-top:-20px;}
#global .info .lBox .sub					{ font-size:11px; margin-bottom:30px; }

@media screen and (max-width: 768px) {
#global #globalNav						{ padding:20px 0 0; height:60vw; }
#global .sectTitle							{  padding-bottom:20px;}
#global .line									{ margin:30px 0;}
#global .info .lBox .name				{ font-size:21px; }
#global .info .lBox .sub					{ margin-bottom:20px; }
}
@media screen and (max-width: 480px) {
#global #globalNav						{ padding:10px 0 0; height:80vw; }
#global #globalNav ul					{ margin-left:-10px; }
#global #globalNav ul li				{ padding:0 0 10px 10px; width:50%; }
}


/* company_group
-------------------------------------------------------------------------------------------------------- */

#group section						{ padding:0; border-bottom:none;}
#group #pageTitleBox			{ background-image:url(../images/company/group/group_title.jpg); }

#group .line							{ padding:40px 0; border-bottom:#DDD 1px solid;}
#group .line.no						{ border-bottom:none;}

#group .rBox							{ float:right; width:40%; text-align:right; padding:50px 0;}
#group .lBox							{  float:left; width: 60%; }
#group .lBox .name				{ font-size:25px; }

#group .link 							{}
#group .link a						{ text-decoration:underline;}
#group .link span					{ padding-right:14px; background: url(../images/common/ico_blank_bl.png) no-repeat right center; background-size:12px; }


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

@media screen and (max-width: 480px) {
#group .line							{ padding:30px 0; }
#group .rBox								{ float:none; width:auto; margin-bottom:0; text-align:left; padding:10px 0; }
#group .rBox img				{ height:40px; }
#group .lBox								{ float:none; width:auto;}
#group .lBox .name					{ font-size:20px; line-height:1.2em }
}