@charset "UTF-8"; /* CSS Document */ h1.st-Title { } a.en_g:link, a.en_g:visited { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecedef)); background: -webkit-linear-gradient(top, #fff, #ecedef); background: -o-linear-gradient(top, #fff, #ecedef); background: linear-gradient(to bottom, #fff, #ecedef); border: 1px solid #ddd; font-size: 75%; font-size: 0.75rem; padding: 5px 17px 5px 17px; text-decoration: none; margin-top: 20px; } a.en_g::before { font-family: 'Font-Awesome-Icons'; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 12px; content: "\f105"; color: #df0523; font-size: 100%; vertical-align: middle; line-height: 1; position: relative; top: -2px; margin-right: 5px; } a.en_g:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ecedef), to(#fff)); background: -webkit-linear-gradient(top, #ecedef, #fff); background: -o-linear-gradient(top, #ecedef, #fff); background: linear-gradient(to bottom, #ecedef, #fff); } #main_img { margin-bottom: 15px; border-top: solid 3px #df0523; } #en_link { position: absolute; right: 0; top: -36px; text-align: right; font-size: 12px; font-weight: bold; margin-bottom: 15px; } #wrapper01 #wrapper02 h2 { font-weight: 500; } #wrapper01 #en_link a, #wrapper01 #en_link a:visited { color: #CC0000; } #wrapper02 div[class*="itm"] { width: 100%; margin-bottom: 30px; border-top: solid 1px #df0523; } #wrapper02 div[class*="itm"] h2 { font-size: 19px; margin-bottom: 10px; border: solid 1px #ddd; padding: 0.5em 1em; position: relative; } #wrapper02 div[class*="itm"] h2.exc01 { border: none; padding: 0; } #wrapper02 div[class*="itm"] h2 a { display: block; position: relative; padding-right: 25px; } #wrapper02 div[class*="itm"] h2 a::after { font-family: 'Font-Awesome-Icons'; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 19px; height: 26px; font-size: 26px; content: "\f105"; color: #df0523; vertical-align: middle; line-height: 1; position: absolute; bottom: 0; top: 0; right: 0; margin: auto; text-align: right; } #wrapper02 div[class*="itm"] h2 a, #wrapper02 div[class*="itm"] h2 a:visited { color: #000000; } #wrapper02 div[class*="itm"] h2 a:hover { text-decoration: none; color: #df0523 !important; } #wrapper02 div[class*="itm"] div[class*="img"], div.itm03 p { } #wrapper02 div[class*="itm"] ul.fL { width: 49%; margin-right: 1%; } #wrapper02 div.itm02 div.fL { width: 48%; margin: 0 2% 0 0; } #wrapper02 div.itm02 div.fR { width: 45%; } #wrapper02 div.itm03 div.fL:last-child { margin: 0 0 0 2%; } #wrapper02 div.itm03.ir ul li { } #wrapper02 div.itm02 div.fR h2 a { display: block; padding-left: 12px; text-indent: -6px; } #wrapper02 div.itm02 div.fR h2 a::before { margin-right: 0; } div.itm03 p { text-align: center; } .brdr01 { border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; } @media print, screen and (min-width: 1024px) { .layout-Top_ContentsHeader { /*background: url(/company/images/index/top_image.jpg) top center repeat-x;*/ } h1.st-Title { margin: 20px auto; } .w0950 { background-color: #ffffff; } .pic01 { background: url(/company/images/index/top_image_bg.jpg) top center repeat-x; border-top: solid 3px #df0523; } .pic01 img { width: 1200px; } #en_link { position: absolute; right: 10px; top: -340px; width: 100px; } #wrapper02 { padding: 10px 0 0; } #wrapper02 div[class*="itm"] { width: 380px; margin: 0 10px 50px 0; } #wrapper02 div[class*="itm"]:last-child { margin: 0 0 50px 0; } #wrapper02 div.itm01 div.cf ul.fL.exc01 { width: 44%; } #wrapper02 div[class*="itm"] ul.fL.exc02 { width: 54%; } #wrapper02 div.itm03 { box-sizing: border-box; } #wrapper02 div.itm02.dwld { padding: 15px 5px; background-color: #f3f3f3; } #wrapper02 div.itm03.ir { padding: 15px 5px; border: solid 1px #f3f3f3; } #wrapper02 div.itm02 div.fL { width: 35%; margin: 0 5% 0 0; } #wrapper02 div.itm02 div.fR { width: 60%; margin: 0; } #wrapper02 div[class*="itm"] div[class*="img"], div.itm03 p { min-height: 175px; } } .top60thbnr { margin-top:10px; margin-bottom:15px; } .top60thbnr img { margin-left:0px !important; } @media print, screen and (min-width: 1024px) { .top60thbnr img { margin-left:-5px !important; } } @media print, screen and (min-width: 768px) { } @media print, screen and (max-width: 1200px) and (min-width: 900px) { #wrapper02 div[class*="itm"] { width: 31.6667vw; margin: 0 0.833333vw 4.16667vw 0; } #wrapper02 div[class*="itm"]:last-child { margin: 0 0 4.16667vw 0; } } @media print, screen and (max-width: 899px) and (min-width: 768px) { #wrapper02 div[class*="itm"] { width: 31vw; margin: 0 0.833333vw 4.16667vw 0; } }