@charset "utf-8";
@import url('./corporation.css');

#conts {color:#555; font-size:.9em; line-height:1.6;}

.em {color:#0094FF !important;}
em {color:#0094FF;}


/****************************************
	Guide Etc
****************************************/

.guide-tit {display:block; position:relative; font-size:2.1em; font-weight:600; margin-bottom:1em; border-bottom:1px solid #ddd; padding-bottom:.5em; color:#000;}
.guide-desc {padding:1em; background:#f1f1f1; margin:-1em auto 2em;}
.guide-tit + .guide-desc {margin-top:-1em;} 
.guide-desc p:before {content:"- ";}
.guide-desc p + p {margin-top:.5em;}

* ~ .guide-tit {margin-top:3em;}

.tbl-guide {font-size:1em !important;}


/****************************************
	Tab Style
****************************************/

.tabs {font-size:1.11111111em;}
.tabs ul,
.tabs .no-list {display:flex;}


/* Button */
.tabs[data-theme="button"] ul,
.tabs[data-theme="button"] .no-list {margin:-.25em; flex-wrap:wrap;}
.tabs[data-theme="button"] li,
.tabs[data-theme="button"] .no-list > * {display:block; margin:.25em;}
.tabs[data-theme="button"] li > *,
.tabs[data-theme="button"] .no-list > * {display:block; position:relative; font-size:.85em; color:#111; min-height:2.588235em; line-height:2.588235em; padding:0 1em; border-radius:2em; background:#F2F9FF;}
.tabs[data-theme="button"] li > *.on,
.tabs[data-theme="button"] .no-list > *.on {background:#0094FF; color:#fff; font-weight:600;}

/* Menu */
.tabs[data-theme="menu"] ul {flex-wrap:wrap;}
.tabs[data-theme="menu"] li {display:table; width:33.33%; height:3.4em; flex-grow:1;}
.tabs[data-theme="menu"] li > * {display:table-cell; width:100%; height:3.4em; padding:.5em; border-bottom:2px solid transparent; color:#777; text-align:center; vertical-align:middle;}
.tabs[data-theme="menu"] li > *.on {color:#0094FF; border-color:#0094FF; font-weight:600;}
@media all and (max-width:460px) {
	.tabs[data-theme="menu"] li {width:50%;}	
}


/****************************************
	Heading Text
****************************************/

.conts h4,
.conts h5,
.conts h6,
.conts .s-title {color:#111; margin-bottom:20px; font-weight:700; line-height:1.4em;}
.conts * ~ h4 {margin-top:3.334em;}
.conts * ~ h5,
.conts * ~ h6,
.conts * ~ .s-title {margin-top:20px;}

.conts h4 {font-size:2em;}
.conts h5 {font-size:1.6666667em;}
.conts h6 {font-size:1.4444445em;}
.conts .s-title {font-size:1.1111112em;}

.conts h4 sup {font-size:.5555556em; color:#0094FF; vertical-align:super;}


/****************************************
	Content box
****************************************/

.box-content {padding:.41666667em .8333334em; font-size:1.3333334em; color:#111; line-height:1.4em; border-left:2px solid #0094FF;}
.box-content strong {font-weight:700;}

.box-design {display:block; position:relative; border:1px solid #D5DCE2; border-radius:.5555556em;}
.box-design .s-title {display:block; position:relative; padding:1.6em 2em; margin:0; z-index:0;}
.box-design .s-title:before,
.box-design .s-title:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px;}
.box-design .s-title:before {width:5em; right:auto; background:#0094FF; z-index:-1;}
.box-design .s-title:after {background:#111; z-index:-2;}
.box-design .desc {padding:1.6666667em;}

.box-txt {padding:1.25em; font-size:.8888889em; background:#F8FBFD;}

.box-descript {display:flex; flex-wrap:wrap;}
.box-descript > * {display:block; position:relative;}
.box-descript dt {width:33%; font-size:2em; color:#111; font-weight:700;}
.box-descript dd {width:67%;}
.box-descript + .box-descript  {margin-top:6.66667%; padding-top:6.66667%; border-top:1px solid #E0E6EC;}

@media all and (max-width:1024px) {
	.box-descript,
	.box-descript > * {display:block; width:auto !important;}	
}


/*********************************************
	Image Box
*********************************************/

.conts img {max-width:100%;}

.imgBox {display:block; position:relative;}

.imgBox .in {border:1px solid #D5DCE2;}
.imgBox .in img {display:block; position:relative; margin:0 auto;}
.imgBox .in.no-line {border:none;}
.imgBox p {text-align:center; line-height:1.4em; font-size:.88889em; margin-top:.875em;}
.imgBox .btn {position:absolute; right:1.5em; bottom:1.5em; z-index:2;}

.imgBox .in.bak		{background:#FAFAFB;}
.imgBox .in.bak2	{background:#F7F7F9;}
.imgBox .in.bak3	{background:#F2F9FF; border-radius:.33em;}
.imgBox .in.bak3 img {padding:1em 0;}

@media all and (max-width:1024px) {
	.imgBox .in.scroll {overflow:auto;}	
	.imgBox .in.scroll img {max-width:inherit;}
}



/*********************************************
	Table
*********************************************/

.tbl {width:100%; table-layout:fixed; font-size:.8888889em; color:#111;}
.tbl th,
.tbl td {position:relative; height:3.625em; box-sizing:border-box; padding:.5em; border-bottom:1px solid #D5DCE2; vertical-align:middle; font-size:1em;}
.tbl th {font-weight:700; background:#FBFDFF;}

.tbl thead,
.tbl tbody {border-top:2px solid #111;}
.tbl thead + tbody  {border-top-width:0;}

.tbl-respon {position:relative;}
.tbl-respon > .guide,
.tbl_wrap > .tbl_guide {display:none; font-size:.9em; padding-bottom:0; line-height:1.11112em;}
.tbl-respon > .guide {position:absolute; top:.2em; left:0;}

.tbl-box {position:relative;}
.tbl-legend {display:block; position:relative; text-align:right; color:#777; padding-bottom:.55em; font-size:.9375em;}

@media all and (max-width:1000px) {
	.tbl-respon > .guide {display:block;}
	.tbl-respon .tbl-box {overflow:auto;}
	.tbl-respon .tbl {width:56em; margin-top:2em;}
	.tbl-respon .tbl-legend {width:100%; width:56em;}
	.tbl-respon .tbl-legend + .tbl {margin-top:0;}
}
@media all and (max-width:640px) {
	.tbl-respon > .guide {position:relative; top:auto;}
	.tbl-respon .tbl-legend {text-align:left; margin-top:.2em;}
}

.__se_tbl {width:100%; font-size:.8888889em; color:#111; background:none !important;}
.__se_tbl th,
.__se_tbl td {position:relative; height:3.625em; box-sizing:border-box; padding:.5em; border:none !important; border-bottom:1px solid #D5DCE2 !important; vertical-align:middle; font-size:1em;}
.__se_tbl th {font-weight:700; background:#FBFDFF;}

.__se_tbl thead,
.__se_tbl tbody {border-top:2px solid #111;}
.__se_tbl thead + tbody  {border-top-width:0;}


/*********************************************
	List
*********************************************/

.list-ul,
.list-ol {display:block; position:relative;}
.list-ul li,
.list-ol li {display:block; position:relative; line-height:1.4em;}
.list-ul li:before,
.list-ol li:before {content:""; display:block; position:absolute; top:.7em; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.list-ul li li,
.list-ol li li {font-size:.8888889em;}
.list-ul li + li,
.list-ol li + li {margin-top:1.1111112em;}
.list-ul ul,
.list-ul ol,
.list-ol ul,
.list-ol ol {margin-top:.5555556em;}
.list-ul li li + li,
.list-ol li li + li {margin-top:.375em;}


.list-ul li {padding-left:12px;}
.list-ul li:before {width:3px; height:3px; background:#555;}

.list-ol {counter-reset:indexing;}
.list-ol li {padding-left:1.5em;}
.list-ol li:before {content:counter(indexing); counter-increment:indexing; top:1.05em; font-weight:700; font-size:.6666667em; color:#fff; border-radius:100%; text-align:center; width:1.5em; height:1.5em; line-height:1.5em; background:#555;}

.list-ol li ol {counter-reset:indexing2;}
.list-ol li li:before {content:"0"counter(indexing2); counter-increment:indexing2; top:.93em; font-size:.75em; width:auto; background:transparent; border-radius:0; color:#0094FF; font-weight:700;}
.list-ol li li:nth-child(9) ~ li:before {content:counter(indexing2);}


/*********************************************
	Text
*********************************************/

.conts strong {font-weight:700;}

.conts .ico-link,
.conts a.link {display:inline-block; position:relative; vertical-align:middle; font-size:.8888889em; color:#111; text-decoration:underline;}
.conts .ico-link[onclick],
.conts .ico-link[target="_blank"],
.conts a.link[target="_blank"] {padding-right:2.0625em;}
.conts .ico-link[onclick]:after,
.conts .ico-link[target="_blank"]:after,
.conts a.link[target="_blank"]:after {content:""; display:block; position:absolute; top:50%; right:0; width:1.5em; height:1.5em; margin-top:-.75em; background:url(../img/common/ico_blank2.svg) no-repeat 50% 50%; background-size:contain;}

.conts .big {font-size:1.111111em; color:#111; line-height:1.4em; font-weight:700;}
.conts .small {font-size:.95em;}

.conts .red {color:#F43257;}


/*********************************************
	Common Board
*********************************************/

.bodHeader {display:block; position:relative; margin-bottom:1em; color:#111;}
.bodHeader p  {font-size:1.2em;}
.bodHeader strong {color:#0094FF;}

.bod-btnWrap {display:block; position:relative; margin-top:3em; text-align:right;}

/*********************************************
	Board Search
*********************************************/

.bodSearchArea {display:flex; flex-wrap:nowrap; justify-content:space-between; position:relative; border-radius:.556em; background:#F8FBFD; margin-bottom:3.33em; padding:1.66667em;}
.bodSearchArea > * {display:block; position:relative; flex-grow:1; margin:.625em !important; box-sizing:border-box; font-size:.88889em !important; height:3.375em !important;}
.bodSearchArea select {width:15em;}
.bodSearchArea input {width:47.8125em;}
.bodSearchArea select,
.bodSearchArea input {border:1px solid #E0E6EC; color:#111 !important; padding-left:1em;}
.bodSearchArea .btn {width:9.375em;}

.bodSearchArea select {background:url(../img/corporation/ico_arrpw_down.svg) no-repeat top 50% right 1.125em #fff; padding:0 3.25em 0 1.125em; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.bodSearchArea select::-ms-expand {display:none;}

@media all and (max-width:640px) {
	.bodSearchArea {flex-wrap:wrap; padding:1em;}
	.bodSearchArea > * {margin:.3em .625em !important;}
	.bodSearchArea input {width:100% !important;}
}


/*********************************************
	Media List
*********************************************/

.mediaList {display:flex; flex-wrap:wrap; border-top:1px solid #E0E6EC; font-size:1.1111112em;}
.mediaList li {display:block; position:relative; width:33.33%; border-bottom:1px solid #E0E6EC; padding:2.6em 1.5em; text-align:center;}
.mediaList .logo {display:block; position:relative; width:15.6em; border:1px solid #E0E6EC; border-radius:.5em; overflow:hidden; margin:0 auto 1.2em; max-width:100%;}
.mediaList .logo:before {content:""; display:block; position:relative; padding-top:38.759638992248062%;}
.mediaList .logo img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:scale-down;}
.mediaList .company {display:block; position:relative; color:#111; line-height:1.4em; min-height:2.9em; margin-bottom:.45em;}
.mediaList .buttonArea {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.mediaList .buttonArea .btn {display:block; position:relative; width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.8em;}
@media all and (max-width:1480px) {
	.mediaList {font-size:1em;}
}
@media all and (max-width:1380px) {
	.mediaList li {padding:1.5em 1em;}
}
@media all and (max-width:1280px) {
	.mediaList li {width:50%;}
}
@media all and (max-width:1024px) {
	.mediaList {font-size:1.11112em;}
}
@media all and (max-width:640px) {
	.mediaList li {width:100%;}
}


/*********************************************
	Doc List
*********************************************/

.docList {display:flex; position:relative; flex-wrap:wrap; border-top:1px solid #E0E6EC;}
.docList li {display:block; position:relative; width:33.33%; border-bottom:1px solid #E0E6EC; padding:2.6em 1.5em; text-align:center;}

.bulletin-item {display:block; position:relative; text-align:center;}
.bulletin-item .thumb {display:block; position:relative; width:13.3em; max-width:100%; margin:0 auto 2.223em; border-radius:.3333em; border:1px solid #E0E6EC; overflow:hidden;}
.bulletin-item .thumb:before {content:""; display:block; position:relative; padding-top:141.304%;}
.bulletin-item .thumb img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.bulletin-item .tit {display:block; position:relative; margin-bottom:.7em; font-size:1.556em; font-weight:700; line-height:1.4em; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bulletin-item .tit.multi {font-size:1.111112em; height:2.8em; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.bulletin-item .con {font-size:.944em; color:#777; line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:1.7em;}
.bulletin-item .con * {display:inline;}
.bulletin-item .con br {display:none !important;}

@media all and (max-width:1300px) {
	.bulletin-item .tit {font-size:1.2em;}	
}
@media all and (max-width:830px) {
	.docList li {padding:1.5em 1em;}
	.bulletin-item .thumb {width:11.7em;}
}
@media all and (max-width:760px) {
	.docList li {width:50%;}
	.bulletin-item .btn {width:100%;}
}
@media all and (max-width:460px) {
	.docList li {width:100%;}
}


/*********************************************
	Board Viewer
*********************************************/

.bod-view {display:block; position:relative; margin-bottom:4em;}
.bod-view table {width:100%; table-layout:fixed; font-size:.8888889em; color:#111;}
.bod-view table th,
.bod-view table td {position:relative; height:3.625em; box-sizing:border-box; padding:.5em; border-bottom:1px solid #D5DCE2; vertical-align:middle; font-size:1em;}
.bod-view table th {font-weight:700; background:#FBFDFF;}
.bod-view table thead,
.bod-view table tbody {border-top:2px solid #111;}
.bod-view table thead + tbody  {border-top-width:0;}
.bod-view .logoArea img {max-height:3em;}

@media all and (max-width:640px) {
	.bod-view table,
	.bod-view thead,
	.bod-view tbody,
	.bod-view table tr,
	.bod-view table th,
	.bod-view table td {display:block; position:relative; width:auto !important; height:auto !important;}
	.bod-view table th {text-align:left; border-bottom-width:0;}
	.bod-view table th + td {border-top-width:0;}
	.bod-view table th br {display:none;}	
	
}

.file_list {padding:.5em 0;}
.file_list li + li {margin-top:.5em;}
.file_list .btn {margin-left:.4em; font-size:.8em !important;}
.file_list .file-item .download {display:inline-block; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.file_list .file-item .download:before {display:none;}
.file_list .file-item .file_size {display:none;}
.free-view {display:block; border-top:2px solid #111; border-bottom:1px solid #D5DCE2; padding:1em .5em;}
.free-view li + li {margin-top:.5em;}
.free-view li .btn {margin-left:.5em; font-size:.8em !important;}


.archiveViewer {display:block; position:relative; border-top:2px solid #111; border-bottom:1px solid #E0E6EC; margin-bottom:3.33em;}
.archiveViewer > * {padding:1.667em 0;}
.archiveViewer > * + * {border-top:1px solid #E0E6EC;}
.archiveViewer .subj {font-size:1.83em; color:#111;}
.archiveViewer .info {margin-top:1em; color:#555;}
.archiveViewer .con {padding:4em 0;}
.archiveViewer .con img {display:block; margin:0 auto;}
.archiveViewer .file {display:flex; flex-wrap:nowrap;}
.archiveViewer .file > * {flex-grow:1; position:relative;}
.archiveViewer .file .tit {font-weight:700; color:#111; width:4.05em;}
.archiveViewer .file .tit + div {width:100%;}
.archiveViewer .file li + li {margin-top:.5em;}
.archiveViewer .file li span {font-size:.8889em; color:#111;}
.archiveViewer .file li .btn {display:inline-block; vertical-align:middle; margin-left:.5em; }

@media all and (max-width:640px) {
	.archiveViewer .top {text-align:center;}
	.archiveViewer .subj {font-size:1.4em;}
	.archiveViewer .file {flex-wrap:wrap;}
	.archiveViewer .file .tit {width:100%;}
}