@charset "utf-8";

/* reset
---------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; font-style:normal; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
ol,ul { list-style:none;} 
table { border-collapse:collapse; border-spacing:0; width:100%; } 
caption,th { text-align:left; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
input,select,textarea { font-family:inherit; vertical-align:middle; font-size:100%; font-weight:normal; box-sizing:border-box; }
label { white-space:nowrap; }
img	{ vertical-align:middle; font-size:0; line-height:0; max-width:100%; height:auto; }
iframe { max-width:100%; }
strong { font-weight:bold; } 
body { -webkit-text-size-adjust:100%; }



/* baseSet
-------------------------------------------------------------------------------------------------------- */
/* common class */
.left		{ float:left; }
.right	{ float:right; }	
.tac		{ text-align:center; }
.mb10	{ margin-bottom:10px; }
.mb20	{ margin-bottom:20px; }
.mb30	{ margin-bottom:30px; }
.mb40	{ margin-bottom:40px; }
.mb50	{ margin-bottom:50px; }
.mb60	{ margin-bottom:60px; }
.mb600	{ margin-bottom:600px; }


/* unique class */
body		{ color:#333; letter-spacing:0.08em; font:15px/1.6 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; padding-top: 80px; }
a				{ color:#2B4AB9; outline:none; text-decoration:none; word-break: break-all; }
a:hover		{ text-decoration:none; }
.inner		{ padding:0 20px; margin:0 auto; max-width:980px; position:relative; }
.sectTitle	{ font-size:36px; line-height:1.4; color:#000; }

.linkBtn				{ font-size:14px; width:240px; text-align:center; }
.linkBtn a			{ display:block; line-height:40px; color:#2B4AB9; border:#2B4AB9 1px solid; }
.linkBtn span	{ padding-right:12px; background: url(../images/common/ico_ar_bl.png) no-repeat right center; background-size:8px; }
.linkBtn.wh a		{ color:#fff; border-color:#fff; }
.linkBtn.wh span	{ color:#fff; background-image:url(../images/common/ico_ar_wh.png); }
.linkBtn.blk span	{ background-image:url(../images/common/ico_blank_bl.png); background-size:10px; }
.prevBtn		{ position:absolute; bottom:0; right:62px; width:40px; }
.nextBtn		{ position:absolute; bottom:0; right:20px; width:40px; }

.opensans	{ font-family: 'Open Sans', sans-serif; }
.opensans2	{ font-family: 'Open Sans', sans-serif; font-weight:bold; }
.bold		{ font-weight:bold; }
@media screen and (max-width: 1024px) {
body { padding-top: 60px; }
}
@media screen and (max-width: 768px) {
body		{ font-size:13px; }
.inner		{ padding:0 10px; }
.sectTitle	{ font-size:26px; }


}
@media screen and (max-width: 480px) {
.sectTitle			{ font-size:22px; }
.sectTitle br		{ display:none; }
.linkBtn				{ font-size:12px; width:200px; }
.linkBtn a			{ line-height:30px; }
}



/* by language */
body:lang(en) { font-family: 'Open Sans', sans-serif; }
html:not(:lang(ja)) .only-lang-ja { display: none !important; }
html:not(:lang(en)) .only-lang-en { display: none !important; }







/* header
-------------------------------------------------------------------------------------------------------- */
header	{ height:80px; box-sizing:border-box; position:fixed; top: 0; z-index: 100; border-bottom:#ddd 1px solid; background-color: #fff; width: 100%;  }
header #logo							{ position:absolute; top:24px; left:20px; max-width:360px; }
header #logo a						{ display:block;}
header #gNav							{ float:right; box-sizing:border-box; }
header #gNav #gMenuBtn		{ display:none; }
header #gNav #gMenu			{ padding-top:34px; font-size:14px; }
header #gNav #gMenu > li					{ float:left; text-align:center; box-sizing:border-box; }
header #gNav #gMenu > li > a			{ display:block; padding:10px 10px 14px; color:#333; text-decoration:none; position:relative; }
.page-business #gNav #gMenu > li:nth-child(1) > a,
.page-company #gNav #gMenu > li:nth-child(2) > a,
.page-news #gNav #gMenu > li:nth-child(3) > a,
.page-sustaina #gNav #gMenu > li:nth-child(4) > a,
.page-finance #gNav #gMenu > li:nth-child(5) > a,
.page-recruit #gNav #gMenu > li:nth-child(6) > a,
.page-mywill #gNav #gMenu > li:nth-child(7) > a,
header #gNav #gMenu > li.act > a { font-weight:bold; color:#2B4AB9; }
header #gNav #gMenu > li:nth-child(1):hover,
header #gNav #gMenu > li:nth-child(2):hover,
header #gNav #gMenu > li:nth-child(4):hover	{ background:url(../images/common/gnav_ar.png) no-repeat center bottom; background-size:14px; }
header #gNav #gMenu > li .inBox				{ display:none; position:absolute; top:79px; left:0; width:100%; padding:40px 0; z-index:10; background:#2F2F3C;  }
header #gNav #gMenu > li .inBox a			{ color:#fff; }
header #gNav #gMenu > li .inBox .title		{ max-width:1010px; margin:0 auto 20px; padding:0 10px 10px; font-size:17px; text-align:left; border-bottom:#fff 1px solid; }
header #gNav #gMenu > li .inBox .title a	{ display:inline-block; padding-right:14px; background:url(../images/common/ico_ar_wh.png) no-repeat right center; background-size:10px; }
header #gNav #gMenu > li .inBox ul			{ max-width:1030px; margin:0 auto; }
header #gNav #gMenu > li .inBox ul li		{ float:left; font-size:11px; text-align:center; width:140px; margin:0 8px 10px 0; }
header #gNav #gMenu > li .inBox ul li:last-child		{ margin-right:0; }
header #gNav #gMenu > li .inBox ul li figure				{ width:140px; height:140px; margin-bottom:6px; background:#eee; }
header #gNav #gMenu > li#lang					{ position: absolute; top: 0; right: 0; display:flex; align-items: center; padding:14px 0 0; font-size:11px;  }
header #gNav #gMenu > li#lang::before { content: ""; display: block; width: 16px; height: 16px; margin-right: 0.5em; background: url(../images/common/ico_lang.png) no-repeat center center / 16px; }
header #gNav #gMenu > li#lang div				{ }
header #gNav #gMenu > li#lang div a				{ display:block; color:#ccc; padding: 0 0.75em; }
header #gNav #gMenu > li#lang div.act a			{ color: #333; font-weight: bold; }
header #gNav #gMenu > li#lang div a:hover		{ background:#e7e7e7; }
@media screen and (max-width: 1060px) {
header										{ padding:14px 0; height:60px; }
header #logo							{ top:14px; left:10px; }
header #gNav #gMenuBtn		{ display:block; position:absolute; top:0; right:0; }
header #gNav #gMenuBtn a	{ display:block; padding-top:60px; overflow:hidden; width:60px; height:0; background:url(../images/common/btn_gnav.png) no-repeat center center; background-size:26px; }
header #gNav #gMenuBtn.view a	{ background: url(../images/common/btn_close.png) no-repeat center center; background-size:26px; }
header #gNav #gMenu			{ display:block; overflow:hidden; padding: 0; font-size: 12px; height:0; width:100%; position:absolute; left:0; top:60px; z-index:2; transition: 0.5s; background-color:#2F2F3C; }
header #gNav #gMenu.view			{ display:block; height: inherit; }
header #gNav #gMenu > li				{ display:block; float:none; padding-left:0; margin-left:0; font-size:14px; text-align:left; }
header #gNav #gMenu > li > a		{ display:block; padding:20px 20px 16px; color:#ddd; font-weight:bold; border-top:none; border-bottom:#6E6E7C 1px solid; }
header #gNav #gMenu > li:nth-child(1) > a,
header #gNav #gMenu > li:nth-child(2) > a,
header #gNav #gMenu > li:nth-child(4) > a		{ background:url(../images/common/ico_plus.png) no-repeat right 20px center; background-size:14px; }
header #gNav #gMenu > li.focus:nth-child(1) > a,
header #gNav #gMenu > li.focus:nth-child(2) > a,
header #gNav #gMenu > li.focus:nth-child(4) > a		{ background: url(../images/common/ico_minus.png) no-repeat right 20px center; background-size:14px; }
header #gNav #gMenu > li.act > a			{ color:#ddd !important; border-top:none; border-bottom:#6E6E7C 1px solid; }
header #gNav #gMenu > li .inBox				{ position:inherit; padding:15px 20px; background:#1A1A21; }
header #gNav #gMenu > li .inBox a			{ display:block; color:#ddd; padding:10px 0 10px 14px; background:url(../images/common/ico_ar_wh.png) no-repeat left center; background-size:8px; }
header #gNav #gMenu > li .inBox .title		{ margin:0 auto; padding:0; font-size:12px; border:none; }
header #gNav #gMenu > li .inBox .title a	{ display:block; padding:5px 0 5px 14px; background:url(../images/common/ico_ar_wh.png) no-repeat left center; background-size:8px; }
header #gNav #gMenu > li .inBox ul			{ padding:0; }
header #gNav #gMenu > li .inBox ul li		{ float:none; font-size:12px; text-align:left; width:auto; margin:0; }
header #gNav #gMenu > li .inBox ul li figure	{ display:none; }
header #gNav #gMenu > li#lang					{ position: relative; padding:20px; }
header #gNav #gMenu > li#lang::before { background-image: url(../images/common/ico_lang_wh.png); }
header #gNav #gMenu > li#lang div a				{ min-width:60px; color:#fff; text-align: center; }
header #gNav #gMenu > li#lang div.act a			{ color:#2F2F3C; background:#ddd; }
}

@media screen and (max-width: 480px) {
header #logo							{ max-width:250px; top:18px; }
}


/* 202211 lang-en */
header #gNav #gMenu > li .inBox a:lang(en) { word-break: break-word; }



/* contents
-------------------------------------------------------------------------------------------------------- */
/* pan */
#pan					{ min-height:50px; }
#pan a					{ color:#555; }
#pan ul				{ padding:15px 26px 0; font-size:14px; }
#pan ul li				{ display:inline-block; color:#555; max-width:460px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pan ul li img		{ width:15px; vertical-align: text-top; }
#pan ul li:before					{ content:" / "; }
#pan ul li:first-child:before	{ content:""; }
@media screen and (max-width: 768px) {
#pan					{ display:none; }
}


/* pageTitleBox */
#pageTitleBox								{ background:no-repeat center center; background-size:cover; }
#pageTitleBox .pageTitle				{ height:360px; padding-top:110px; font-size:26px; color:#fff; box-sizing:border-box; }
#pageTitleBox .pageTitle span	{ display:block; font-size:52px; font-family: 'Open Sans', sans-serif; font-weight:300; }
#pageTitleBox .pageTitle small	{ font-size:15px; }
#pageTitleBox.noPic					{ border-top:#ddd 1px solid; }
#pageTitleBox.noPic .pageTitle	{ height:auto; padding-top:60px; font-size:48px; color:#000; }
@media screen and (max-width: 768px) {
#pageTitleBox .pageTitle				{ height:160px; padding-top:40px; font-size:16px; }
#pageTitleBox .pageTitle span	{ font-size:34px; }
#pageTitleBox .pageTitle small	{ font-size:12px; }
#pageTitleBox.noPic .pageTitle	{ padding-top:20px; font-size:28px; }
}
@media screen and (max-width: 480px) {
}

/* idxBox */
.idxBox						{ margin:60px 0; }
.idxBox ul					{ margin-left:-20px; }
.idxBox ul li				{ float:left; padding-left:20px; margin-bottom:20px; width:50%; box-sizing:border-box; }
.idxBox ul li a			{ display:block; }
.idxBox ul li a figure	{ margin-bottom:20px; }
.idxBox ul li a .title	{ margin-bottom:10px; color:#000; font-weight:bold; text-align:center; }
.idxBox ul li a p		{ min-height:52px; color:#333; font-size:13px; }
@media screen and (max-width: 768px) {
.idxBox						{ margin:40px 0; }
.idxBox ul					{ margin-left:-10px; }
.idxBox ul li				{ padding-left:10px; }
.idxBox ul li a figure	{ margin-bottom:10px; }
.idxBox ul li a .title	{ margin-bottom:4px; }
.idxBox ul li a p		{ text-align:left; }
}
@media screen and (max-width: 480px) {
.idxBox						{ margin:20px 0; }
.idxBox ul li a figure	{ margin-bottom:6px; }
.idxBox ul li a .title	{ margin-bottom:2px; font-size:14px; }
.idxBox ul li a p		{ min-height:68px; font-size:12px; line-height:1.4; }
}



/* threeBox */
.threeBox					{ }
.threeBox ul				{ display: flex; flex-wrap: wrap; margin:0 -15px; }
.threeBox ul li				{ margin:0 15px 40px; width:calc(33.33% - 30px); text-align:center; box-sizing:border-box; }
.threeBox ul li a			{ display:block; position:relative; }
.threeBox ul li a figure	{ margin-bottom:20px; }
.threeBox ul li a .title	{ margin-bottom:10px; color:#000; font-weight:bold; }
.threeBox ul li a p		{ height:50px; color:#333; font-size:13px; line-height:1.4; text-align:left; }
@media screen and (max-width: 768px) {
.threeBox ul				{ margin:0 -10px; }
.threeBox ul li				{ margin:0 10px 40px; width:calc(50% - 20px); }
/*
.threeBox ul				{ margin-left:0; padding-top:10px; border-top:#ddd 1px dotted; }
.threeBox ul li				{ float:none; padding:0 0 10px; margin-bottom:10px; width:auto; min-height:110px; text-align:left; border-bottom:#ddd 1px dotted; }
.threeBox ul li a figure	{ position:absolute; top:0; left:0; margin:0; width:170px; }
.threeBox ul li a .inBox	{ padding:10px 0 0 180px; }
.threeBox ul li a p		{ height:auto; }
*/
}
@media screen and (max-width: 480px) {
.threeBox ul				{ margin:0 -5px; }
.threeBox ul li				{ margin:0 5px 40px; width:calc(50% - 10px); }
.threeBox ul li a figure	{ margin-bottom:10px; }
.threeBox ul li a .title	{ margin-bottom:6px; }
.threeBox ul li a p		{ height:50px; font-size:12px; }
/*
.threeBox ul li				{ min-height:70px; }
.threeBox ul li a figure	{ width:100px; }
.threeBox ul li a .inBox	{ padding:0 0 0 110px; }
.threeBox ul li a .title	{ margin-bottom:4px; line-height:1.2; }
*/
}



/* newsBox */
#newsBox					{ padding:80px 0 100px; }
#newsBox .newsTitle	{ margin-bottom:46px; font-size:40px; color:#2B4AB9; line-height:1; letter-spacing:0.1em; font-family: 'Open Sans', sans-serif; font-weight:300; }
#newsBox .catNav					{ position:absolute; right:20px; top:20px; }
#newsBox .catNav ul				{ font-size:13px; line-height:1; font-family: 'Open Sans', sans-serif; font-weight:300; }
#newsBox .catNav ul li			{ display:inline-block; border-right:#333 1px solid; }
#newsBox .catNav ul li:first-child		{ border-left:#333 1px solid; }
#newsBox .catNav ul li a					{ padding:0 20px 0 16px; color:#333; }
#newsBox .catNav ul li:first-child a	{ padding-left:20px; }
#newsBox .catNav ul li.act a			{ color:#2B4AB9; }
#newsBox .newsList			{ margin-bottom:50px; }
#newsBox .newsList li			{ float:left; width:33.33%; padding:0 10px 10px 20px; border-left:#ddd 1px solid; box-sizing:border-box; position:relative; }
#newsBox .newsList li a			{ display:block; }
#newsBox .newsList li .date		{ margin-bottom:10px; letter-spacing:0; color:#333; font-size:13px; line-height:1; font-family: 'Open Sans', sans-serif; font-weight:300; }
#newsBox .newsList li .cat		{ position:absolute; top:0; right:15px; letter-spacing:0; font-size:13px; line-height:1; color:#2B4AB9; font-family: 'Open Sans', sans-serif; font-weight:300; }
#newsBox .newsList li p			{ height:40px; color:#333; font-size:14px; line-height:1.4; overflow:hidden; }
#newsBox .pressList				{ margin:0 0 50px -20px; }
#newsBox .pressList li				{ float:left; width:25%; padding-left:20px; box-sizing:border-box; }
#newsBox .pressList li a			{ display:block; border:#ddd 1px solid; }
#newsBox .pressList li figure	{ margin:10px 10px 10px; height:130px; overflow:hidden; }
#newsBox .pressList li figure img	{ position:relative; top:50%; left:50%; max-width:none; width:auto; height:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#newsBox .pressList li .inBox				{ padding:20px 10px 10px; position:relative; }
#newsBox .pressList li .inBox .date		{ position:absolute; top:0; left:10px;  letter-spacing:0; color:#333; font-size:13px; line-height:1; font-family: 'Open Sans', sans-serif; font-weight:300; }
#newsBox .pressList li .inBox .cat		{ position:absolute; top:0; right:10px; letter-spacing:0; font-size:13px; line-height:1; font-family: 'Open Sans', sans-serif; font-weight:300;}
#newsBox .pressList li .inBox p			{ height:56px; font-size:13px; color:#333; line-height:1.4; overflow:hidden; }
#newsBox .linkBtn					{ margin:0 auto; }
@media screen and (max-width: 768px) {
#newsBox					{ padding:40px 0 50px; }
#newsBox .newsTitle				{ margin-bottom:26px; }
#newsBox .catNav					{ position: relative; right:0; top:0; margin-bottom:40px; }
#newsBox .newsList				{ margin-bottom:10px; border-top:#ddd 1px solid; }
#newsBox .newsList li				{ float:none; width:auto; padding:20px 0; border-left:none; border-bottom:#ddd 1px solid; }
#newsBox .newsList li .date		{ margin-bottom:4px; }
#newsBox .newsList li .cat		{ top:20px; right:0; }
#newsBox .pressList				{ margin:0 0 0 -10px; }
#newsBox .pressList li				{ width:50%; padding-left:10px; margin-bottom:10px; }
#newsBox .linkBtn					{ margin:20px auto 0; }
}
@media screen and (max-width: 480px) {
#newsBox					{ padding:40px 0 50px; }
#newsBox .newsTitle				{ margin-bottom:16px; font-size:30px; }
#newsBox .catNav					{ margin-bottom:20px; }
#newsBox .catNav ul				{ font-size:12px; }
#newsBox .catNav ul li a					{ padding:0 12px 0 8px; }
#newsBox .catNav ul li:first-child a	{ padding-left:12px; }
#newsBox .newsList li				{ padding:10px 0; }
#newsBox .newsList li .date		{ font-size:12px; }
#newsBox .newsList li .cat		{ top:10px; font-size:12px; }
#newsBox .newsList li p			{ height:32px; font-size:12px; }
#newsBox .pressList				{ margin:0; }
#newsBox .pressList li				{ float:none; width:auto; padding:0; position:relative; }
#newsBox .pressList li a			{ padding:10px; }
#newsBox .pressList li figure	{ position:absolute; top:10px; left:10px; margin:0; width:120px; height:74px; }
#newsBox .pressList li figure img	{ width:100%; height:auto; }
#newsBox .pressList li .inBox				{ padding:0; margin-left:130px; position:relative; }
#newsBox .pressList li .inBox .date		{ position:relative; left:0; font-size:12px; margin-bottom:10px; }
#newsBox .pressList li .inBox .cat		{ top:0; right:0; font-size:12px; }
#newsBox .pressList li .inBox p			{ height:50px; font-size:12px; }
}




/* infoBox */
#infoWrap				{ border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; }
.infoBox					{ padding:50px 0; border-bottom:#ddd 1px solid; }
.infoBox .sectTitle	{ margin-bottom:30px; }
.infoBox figure			{ float:right; width:49%; margin-top:6px; }
.infoBox figure figcaption	{ font-size:13px; text-align:right; }
.infoBox .txtBox		{ float:left; width:47%; line-height:1.8; }
.infoBox .txtBox p	{ margin-bottom:2em; }
@media screen and (max-width: 768px) {
.infoBox					{ padding:30px 0; }
.infoBox .sectTitle	{ margin-bottom:16px; }
}
@media screen and (max-width: 480px) {
.infoBox					{ padding:30px 0 10px; }
.infoBox figure			{ float:none; width:auto; margin:6px 0 16px; }
.infoBox figure figcaption	{ display:none; }
.infoBox .txtBox		{ float:none; width:auto; }
}

/* pageNav */
.pageNav						{ text-align:center; }
.pageNav li					{ float:left; font-size:12px; color:#333333; border-left:#DDD 1px solid; box-sizing:border-box; }
.pageNav li:last-child	{ border-right:#DDD 1px solid; }
.pageNav li a				{ padding-right:20px;  color:#333; background:url(../images/common/ico_ar_down.png) no-repeat right center; background-size:10px; }
@media screen and (max-width: 768px) {
}

/* fullNav */
.fullNav						{ width:100%; }
.fullNav .inBox			{ float:left; position:relative; text-align:center; overflow:hidden; }
.fullNav .inBox a					{ display:block; width:100%; height:100%; color:#fff; background:no-repeat center center; background-size:cover;  }
.fullNav .inBox a:before		{ position:absolute; right:0; bottom:0; content:" "; width:40px; height:40px; opacity:0.6; background:url(../images/common/btn_ar_next.png) no-repeat; background-size:contain; }
.fullNav .inBox a dl					{ position:absolute; top:36%; width:100%; }
.fullNav .inBox a dl dt				{ font-size:36px; font-family: 'Open Sans', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; font-weight:300; }
.fullNav .inBox a dl dd span		{ display:block; font-size:12px; }
.fullNav .inBox.sizeL				{ width:50%; height:45.6vw; }
.fullNav .inBox.sizeM			{ width:50%; height:22.8vw; }
.fullNav .inBox.sizeS				{ width:25%; height:22.8vw; }
@media screen and (max-width: 768px) {
.fullNav .inBox a:before		{ width:30px; height:30px; }
.fullNav .inBox a dl					{ top:40%; }
.fullNav .inBox a dl dt				{ font-size:36px; line-height:1.15; }
.fullNav .inBox a dl dd span		{ font-size:10px; }
}
@media screen and (max-width: 480px) {
.fullNav .inBox a:before		{ width:20px; height:20px; }
.fullNav .inBox a dl dt				{ font-size:24px; }
.fullNav .inBox a dl dd			{ font-size:12px; }
}

/* 202211 lang-en */
.fullNav .inBox a dl:lang(en) { word-break: break-word; }





/* btmNav */
#btmNav						{ padding:40px 0 30px; background-color:#F2F2F2; border-top:#ddd 1px solid; }
#btmNav .title				{ margin-bottom:20px; font-size:24px; color:#000; }
#btmNav ul					{ margin-left:-20px; }
#btmNav ul li				{ float:left; font-size:14px; width:25%; padding:0 0 20px 20px; text-align:center; box-sizing:border-box; }
#btmNav ul li a			{ display:block; line-height:40px; color:#4C4948; border:#4C4948 1px solid; background: url(../images/common/ico_ar_bk.png) no-repeat right 15px center; background-size:8px; }
@media screen and (max-width: 768px) {
#btmNav ul					{ margin-left:-30px; }
#btmNav ul li				{ width:50%; padding-left:30px; }
}
@media screen and (max-width: 480px) {
#btmNav						{ padding:20px 0 10px; }
#btmNav .title				{ margin-bottom:10px; font-size:18px; }
#btmNav ul					{ margin-left:-10px; }
#btmNav ul li				{ padding:0 0 10px 10px; font-size:12px; }
#btmNav ul li a			{ line-height:30px; background:none; letter-spacing:0.05em;  }
}

/* pager */
#pager								{ margin-bottom:90px; }
#pager ul							{ text-align:center; line-height:1; font-family: 'Open Sans', sans-serif; font-weight:300; }
#pager ul li						{ display:inline-block; padding:0 10px; margin-bottom:30px; border-right:#333 1px solid; }
#pager ul li:last-child		{ border:none; }
#pager ul li a					{ padding:10px 20px 10px 16px; color:#333; }
#pager ul li.act a				{ color:#2B4AB9; border-bottom:#2B4AB9 2px solid; }
#pager ul li a img			{ width:12px; }
@media screen and (max-width: 768px) {
#pager							{ margin-bottom:50px; }
#pager ul li a				{ padding:10px 10px 10px 6px; }
}
@media screen and (max-width: 480px) {
#pager							{ margin-bottom:40px; }
#pager ul						{ display:table; width:100%; }
#pager ul li					{ display:table-cell; padding:0; border-color:#ddd; }
#pager ul li:last-child	{ border:none; }
#pager ul li a				{ display:block; padding:10px 6px; }
#pager ul li.act a			{ border-bottom-width:3px; }
}

/* csrBox */
.actBox 								{ border-bottom:#DDDDDD 1px solid;}
.actBox .box 							{ padding:50px 0; border-bottom:#DDDDDD 1px solid;}
.actBox .box .rBox 				{ float:right; width:32%;}
.actBox .box .lBox 				{ float:left; width:63%; }
.actBox .box .lBox .title 			{ font-size:22px; margin-bottom:20px;}
@media screen and (max-width: 768px) {
#activity .box 							{ padding:30px 0; }
}
@media screen and (max-width: 480px) {
.actBox .box .rBox 				{ float:none; width:auto; text-align:center; margin-bottom:20px;}
.actBox .box .lBox 				{ float:none; width:auto; }
.actBox .box .lBox .title 			{ font-size:20px; margin-bottom:10px; }
}


.blank								{ padding:80px 0 ; border-bottom:#DDD 1px solid;} 
.blank.no								{ border-bottom:none;} 
@media screen and (max-width: 768px) {
.blank								{ padding:30px 0 ; } 
}





/* footer
-------------------------------------------------------------------------------------------------------- */
footer			{ }
footer #fNavBox					{ padding:80px 0; background:#2F2F3C; }
footer #fNavBox a				{ color:#ddd; }
footer #fNavBox #fNav							{ display:table; width:100%; margin-bottom:80px; }
footer #fNavBox #fNav .inBox				{ display:table-cell; }
footer #fNavBox #fNav .inBox dl			{ }
footer #fNavBox #fNav .inBox dl dt		{ margin-bottom:20px; font-size:16px; font-weight:bold; }
footer #fNavBox #fNav .inBox dl dd		{ margin-bottom:12px; font-size:14px; }
footer #fNavBox #fNav .inBox p				{ margin-bottom:20px; font-size:16px; font-weight:bold; }
footer #fNavBox #fNav02							{}
footer #fNavBox #fNav02 ul						{ text-align:center; font-size:14px; }
footer #fNavBox #fNav02 ul li					{ display:inline-block; padding:0 40px; border-right:#ddd 1px solid; }
footer #fNavBox #fNav02 ul li:first-child	{ border-left:#ddd 1px solid; }

footer #fCopyBox						{ padding:40px 0; }
footer #fCopyBox #fLogo			{ float:left; max-width:320px; }
footer #fCopyBox #copyRight	{ float:right; padding-top:15px; letter-spacing:0; font-size:13px; font-family: 'Open Sans', sans-serif; }
@media screen and (max-width: 768px) {
footer .inner							{ padding:0; }
footer #fNavBox							{ padding:0; }
footer #fNavBox #fNav				{ display:block; margin-bottom:0; }
footer #fNavBox #fNav .inBox				{ display:block; }
footer #fNavBox #fNav .inBox dl dt		{ margin-bottom:0; border-bottom:#6E6E7C 1px solid; font-size:14px; }
footer #fNavBox #fNav .inBox dl dt a	{ display:block; padding:14px 10px 12px; }
footer #fNavBox #fNav .inBox dl dd		{ display:none; }
footer #fNavBox #fNav .inBox p			{ margin-bottom:0; border-bottom:#6E6E7C 1px solid; font-size:14px; }
footer #fNavBox #fNav .inBox p a			{ display:block; padding:14px 10px 12px; }
footer #fNavBox #fNav02 ul					{ padding:10px 10px; text-align:left; font-size:12px; }
footer #fNavBox #fNav02 ul li				{ float:left; padding:6px 0; width:50%; border:none; }
footer #fNavBox #fNav02 ul li a				{ padding-left:10px; background:url(../images/common/ico_ar_wh.png) no-repeat left center; background-size:6px; }
footer #fNavBox #fNav02 ul li:first-child	{ border-left:none; }
footer #fCopyBox #fLogo						{ float:none; max-width:280px; margin:0 auto; }
footer #fCopyBox #copyRight				{ float:none; text-align:center; font-size:11px; }
}
@media screen and (max-width: 768px) {
footer #fCopyBox #fLogo						{ max-width:240px; }
}


/* clearfix
---------------------------------------------------- */
section:after,
.inner:after,
.inBox:after,
header:after,
#gMenu:after,
#gMenu > li .inBox ul:after,
#langMenu:after,
#fNav02 ul:after,
.idxBox ul:after,
.threeBox ul:after,
.pageNav:after,
.fullNav:after,
#newsBox .newsList:after,
#newsBox .pressList:after,
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }