@charset "utf-8";
.cf:before,.cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { *zoom:1;}
body#media #main-container { margin: 0 auto;}
body#media .main-container-inner { min-height:48px;}
body#media .bg_article_bottom-border { padding-bottom: 12px !important;}
body#media .main-container-inner h3.pageTtl { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; display: block; font-size: 18px; font-weight: 600; height: 48px; line-height: 48px; padding-left: 20px; text-align: left;}
body#media .main-container-inner h4 { clear:both; text-align:center; padding:8px 20px; font-size:116%; border-bottom:1px solid #e6e6e6;}
body#media #media-navi { position:relative; margin-bottom: 50px !important;}
body#media #media-navi #mediaTypeLink { position:absolute; top:14px; left:200px;}
body#media div#mediaTypeLink { position: relative;}
body#media div#mediaTypeLink ul { margin: 0 auto; padding: 0; list-style: none;}
body#media div#mediaTypeLink ul li { float: left; padding: 0 20px 0 18px; line-height:1.6; border-right: 1px solid #a9a9a9; text-indent: 15px; background: url(../../images_renew/media/linkImage.png) 14px 5px no-repeat;}
body#media div#mediaTypeLink ul li:first-child { border-left: 1px solid #a9a9a9;}
body#media div#mediaTypeLink li a { white-space: nowrap; color: #333 }
body#media div.mediaType { position: relative;}
body#media ul.mediaList, body#media ul.mediaList02 { margin: 0; list-style: none }
body#media div.mediaType p.more, body#media div.mediaType02 p.more { bottom: 5px }
body#media ul.mediaList li { height: 142px;}
body#media ul.mediaList li a { display: block; height: 142px; }
body#media ul.mediaList li p.date, body#media ul.mediaList.article li:hover p.date, body#media ul.mediaList.article li:hover p.main, body#media ul.mediaList.article li p.sub, body#media ul.mediaList.article li:hover p.sub { color: #646464; }
body#media ul.mediaList li:hover p.date, body#media ul.mediaList li:hover p.main { color: #999; }
body#media ul.mediaList li p.main { margin: 0 auto 0 0; font-size: 116%; color: #646464; }
body#media ul.mediaList li div.description p { line-height:1.5;}
body#media ul.mediaList.movie li, body#media ul.mediaList02 li, body#media ul.movieBox li { float: clear; }
body#media ul.mediaList.movie li div.image, body#media ul.mediaList02 li div.image { display: table-cell; vertical-align: middle; width: 215px; height: 142px; text-align: center }
body#media ul.mediaList.movieBox li div.image { vertical-align: middle; padding:26px 0 5px 0; text-align: center }
body#media ul.mediaList.movie li div.description, body#media ul.mediaList.newspaper li div.description, body#media ul.mediaList.article li div.description, body#media ul.mediaList02 li div.description, body#media ul.mediaList.movieBox li div.description { display: table-cell; vertical-align: middle; }
body#media ul.mediaList.movieBox { margin:0 auto; font-size:0;}
body#media ul.mediaList.movieBox li { display:inline-block; text-align:center; width:498px; height:auto; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
body#media ul.mediaList.movieBox li:nth-child(even) { width:499px; border-right:none;}
body#media ul.mediaList.movieBox li a { height:auto;}
body#media ul.movieBox li:nth-child(1), body#media ul.movieBox li:nth-child(2) { border-top:none;}
body#media ul.mediaList.movieBox li div.description { text-align:left; padding:0 25px 20px 25px;}
body#media ul.mediaList.movieBox li div.description p { font-size:13px;}
body#media ul.mediaList.movieBox li p.main { font-size: 110%;}
body#media ul.mediaList.movieBox li div.description p.main { font-size:14px;}
body#media ul.mediaList.newspaper, body#media ul.mediaList.article { background: url(../../images_renew/media/mediaListBackground.png) }
body#media ul.mediaList.newspaper li { float: left; width: 332px; height:160px; background: 0; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow: hidden;}
body#media ul.mediaList.newspaper li:nth-child(3n) { border-right:none;}
/*body#media ul.mediaList.newspaper li:nth-child(4), body#media ul.mediaList.newspaper li:nth-child(5), body#media ul.mediaList.newspaper li:nth-child(6) { border-bottom:none;}*/
body#media ul.mediaList.newspaper li:last-child { border-bottom:none;}
body#media ul.mediaList.newspaper li div.description { padding: 0 20px 0 0;}
body#media ul.mediaList.newspaper li div.description p.main { font-size:110%;}
body#media p.comments { clear:both; padding:10px 20px; border-top:1px solid #e6e6e6;}
body#media ul.mediaList.newspaper li div.image { display: table-cell; vertical-align: middle; width: 130px; height: 160px; text-align: center }
body#media ul.mediaList.newspaper li.wide div.image { width: 165px }
body#media ul.mediaList.article li { float: left; width: 332px; height:160px; background: 0; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow: hidden;}
body#media ul.mediaList.article li:nth-child(3n) { border-right:none;}
body#media ul.mediaList.article li div.image, body#media ul.mediaList.article li div.image a { display: table-cell; vertical-align: middle; width: 120px; height: 160px; text-align: center }
body#media ul.mediaList.article li p.order { margin: 8px auto 0 0 }
body#media ul.mediaList.article li p.order a { display: inline; padding: 1px 5px 0; background: #e1e1e1 }
body#media ul.mediaList.article li p.order a:hover { background: #e3e3e3 }
body#media div#mediaPress h4 { margin-top: 10px; margin-left: 15px }
body#media ul.mediaList.press li { min-height: 142px; overflow: hidden; height: auto }
body#media ul.mediaList.press li div.image { display: table-cell; vertical-align: top; width: 130px; height: 142px; text-align: center }
body#media ul.mediaList.press li div.image img { margin-top: 14px }
body#media ul.mediaList.press li div.description { display: table-cell; vertical-align: top; font-size: 77% }
body#media ul.mediaList.press li div.description table { float: left; margin-top: 14px; margin-right: 5px }
body#media ul.mediaList.press li div.description table:last-child { margin-right: 0 }
body#media ul.mediaList.press li div.description table td { min-height: 15px }
body#media ul.mediaList.press li div.description table td.date { width: 60px }
body#media ul.mediaList.press li div.description table td.title { width: 100px; height: 15px }
body#media div#mediaPress p.more { float: right; position: relative; top: -20px }
body#media div.mediaType02 { position: relative; padding-bottom: 5px }
body#media ul.mediaList02 li p.date { color: #a1bf00 }
body#media ul.mediaList02 li p.main a { margin: 15px auto 10px 0; font-size: 116%; color: #a1bf00 }
body#media ul.mediaList02 li p.main a:hover { margin: 15px auto 10px 0; font-size: 116%; color: #badb00; text-decoration: underline }
body#media ul.mediaList02 li p.sub a { margin: 0 auto 0 0; font-size: 116%; color: #f60 }
body#media ul.mediaList02 li p.sub a:hover { margin: 0 auto 0 0; font-size: 116%; color: #f60; text-decoration: underline }
body#media ul.mediaList.pop {}
body#media ul.mediaList.popPb { position: relative; margin:0; padding:0 0 12px 0; background:rgba(0, 0, 0, 0) url(/images/corp/common/bg_article_bottom-border.png) repeat-x scroll right bottom;}
body#media ul.mediaList.pop li h4 { position: absolute; top: -30px; left: 10px; width: 110px; height: 33px; margin: 0 }
body#media ul.mediaList.popPb h4 { color: #333; font-size: 13px; line-height: 1.6; margin: 0; padding: 0; font-weight: 400 }
body#media ul.mediaList.pop li p { position: relative; margin:5px 0 0 0; text-align: center; font-size: 10px; line-height: 1.2; color: #646464 }
body#media ul.mediaList.popPb li p { position: relative; margin:5px 0 0 0; text-align: center; font-size: 10px; line-height: 1.2; color: #646464 }
body#media ul.mediaList.pop li { position: relative; float: left; text-align: center; width: 166px; height: 200px; background: 0; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
body#media ul.mediaList.popPb li { position: relative; float: left; text-align: center; width: 166px; height: 200px; background: 0; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
body#media ul.mediaList.pop li:nth-child(6n), body#media ul.mediaList.popPb li:nth-child(6n) { width:163px; border-right:none;}
body#media ul.mediaList.pop li a { display: block;  margin-top: 25px; min-height:113px; height:auto;}
body#media ul.mediaList.popPb li a { display: block; margin-top: 25px; min-height:113px; height:auto;}
html > body#media.media > div#page > div#contents > div#main > div.widebox > div.mediaType { padding: 10px 0 40px;}
html > body#media.media > div#page > div#contents > div#main > div.widebox > div.mediaType > h3 { color: #333; font-size: 15px; line-height: 1.6; margin: 0; padding: 6px 15px 5px; display: block; background: #ecf0cf; font-weight: 400 }
.mediaType { position: relative; overflow: hidden }
.mediaType > span { position: relative; top: 0; display: block }
body#media div.widebox p.comments { font-size: 90%; color: #646464; text-align: right; margin: 5px 10px 0 0 }
body#media ul.mediaList.article li p.order2 { margin: 0 auto 0 0 }
body#media ul.mediaList.article li p.order2 a { background: #e1e1e1; display: inline; padding: 0 5px; font-size: 11px }
body#media ul.mediaList.movieBox ul { margin: 0; padding: 0; list-style: none }

/*ul.ic { margin: 0 auto 20px auto; padding: 0; list-style: none; display: table; table-layout: fixed; width: 100%; max-width: 998px }
ul.ic li { text-align: center; margin: 0; float: left }
ul.ic li p { text-align: center; margin: 5px 0 0; font-size: 12px }
ul.ic li a { margin: 0; padding: 0; display: block }
ul.ic li img { max-width: 100%; height: auto; vertical-align: bottom; line-height: 0 }*/

/* *********************

20200120

***********************/



.three-column { width:100%; margin:0 auto; overflow:hidden;}
.three-column li { width:33.333% !important;}
.three-column li { width: calc(100% / 3); float: left; border-collapse: collapse; text-align:center; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size: 12px !important; height:auto !important; padding:25px 0 !important; border-spacing:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;min-height: 305px;}
.three-column li:nth-child(3n) {border-right:none !important; }
.three-column li p.date { text-align:left; display:block; margin:5px auto 0; width:280px;}
.three-column li p.main { text-align:left; display:block; margin:5px auto 0; width:280px;}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    body#media #main-container { margin-bottom: 50px;}
}



/* *********************

20230323

***********************/

.ic_container {
	display:flex;
	justify-content: space-evenly;
    align-items: center;
	margin:5% auto 10%; 
}

.ic_profile {
	text-align: left;
	width:460px;
	line-height: 1.7em;

}

.ic_profile dd {
	border-bottom:1px solid #949494;
	padding:35px 0 35px;
	font-size:1em;
}

.ic_profile dt {
	border-top: 1px solid #949494;
	border-bottom: 1px solid #949494;
	padding:25px 0 25px;
}

.ic_name {
	font-weight:bold;
	font-size:1.4em;
	
}

