/*
Theme Name: mic
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/

/* Noto Sans */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

/* 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, sub, sup, var, 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%; vertical-align: baseline; background:transparent; list-style: none; font-style: normal; font-weight: normal;
color: #232323; box-sizing: border-box; line-height: 1.0;}
html { font-size: 62.5%; }
body { line-height: 1; background: #fff; font-size: 10px; font-size: 1.0rem; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {	display: block;}

nav ul { list-style:none;}

blockquote, q { quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}

ins {background-color:#ff9;color:#000;text-decoration:none;}

mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}

table {border-collapse:collapse;border-spacing:0;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}

input, select {vertical-align:middle;}

input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
    width /***/: auto;
}
a { display: block; text-decoration: none; }
/* reset end */
body {
	/* font-family: "KozGoPro-Regular", "小塚ゴシック Pro R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; */
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    letter-spacing: 1px;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/* ------------------------------
   MEDIAQUERIES[PC]LAYOUT
------------------------------ */
@media (min-width: 980px) {}
    /** header **/
    #header { margin: 0 auto; width: 980px; }
    #header #headNav {float: left;}
    #header #headNav li { float: left; padding: 0; } 
    #header #headNav li#company .navIn li a:hover,
    #header #headNav li#ir .navIn li a:hover{ border-bottom: none; }
    
    #header #headNav li#company,#header #headNav li#ir { position: relative; }
    #header #headNav li#company #nav_Company,
    #header #headNav li#ir #nav_Message{ position: absolute; width: 154px; right: 0; z-index: 9999; display: none; }
    #header #headNav li .navIn { padding: 10px; border: 1px solid #979797; background: rgba(255,255,255,0.8); }
    #header #headNav li .navIn li{ float: none; border-right: none; font-size: 1.2rem; margin-bottom: 5px; }

    #header #sns { float: left; width: 40px; margin-left: 20px; }
     #header #sp_nav { display: none; }
    #header #headNav_sp { display: none; }
    /** index **/
    .mainImg { background: url(img/mainImg.jpg) no-repeat center 28%; background-size: 100%; height: 400px; }
    .mainImg h1 { text-align: center; padding-top: 300px; font-size: 1.6rem; line-height: 1.4; }
    .subttl { font-size:  2.8rem; text-align: center; display: block; font-weight: bold; margin-top: 40px; margin-bottom: 30px; }
    .sec03In .subttl { padding-top: 40px; }
    .subttl span { font-size: 1.4rem; color: #0E3299; display: block; font-weight: bold; margin-top: 10px; }
    .sec02 { margin: 0 auto; width: 980px;}
    .sec02Nav_index { width: 100%;}
    .sec02Nav_index li { width:320px; height: 308px; margin-right: 10px; float: left; border: 1px solid #979797;  padding: 10px; margin-bottom: 20px; }
    .sec02Nav_index li a:hover { opacity: 0.7; }
    .sec02Nav_index li a:hover h3 { color: #ff0000;  text-decoration: underline;}
    .sec02Nav_index li a .taglist1,.sec02Nav_index li a .taglist2,.sec02Nav_index li a .taglist3,.sec02Nav_index li a .taglist4,.sec02Nav_index li a .taglist5,.sec02Nav_index li a .taglist6,.sec02Nav_index li a .taglist7,.sec02Nav_index li a .taglist8,.sec02Nav_index li a .taglist9 {margin-top: 5px;}
    .sec02Nav_index li:nth-child(3n) { margin-right: 0; }
    .sec02Nav_index li .date { font-size: 1.6rem; margin:5px 0;}
    .documentTtl { font-size: 1.8rem; }
    .subNavsec02_index { text-align: right; }
    .subNavsec02_index li { background: url(img/icon01.png) no-repeat left top; font-size: 1.2rem; display: inline-block; background-position: left center; padding: 0 0 0 15px;}
    .subNavsec02_index li:first-child { margin-right: 15px; }
    .subNavsec02_index li a { color: #ff0000; }
    .subNavsec02_index li a:hover { color: #ff0000; text-decoration: underline; }
    .sec03 { background: #F7F7F7; margin: 0 0 50px 0;}
    .sec03In { width: 980px; margin: 0 auto; }
    .txtSec03_index { font-size: 1.4rem; text-align: center; margin-bottom: 30px; line-height: 1.4; margin: 15px 0 30px 0; }
    .sec03Nav_index li { width:320px; margin-right: 10px; float: left; border: 1px solid #979797;  padding: 0; margin-bottom: 40px; background: #fff; height: 290px; overflow: hidden; }
    .sec03Nav_index li:last-child { margin-right: 0; border: none; padding: 0; background: none;}
    .sec03Nav_index li .date { font-size: 1.6rem; }
    .sec03Nav_index li ul li,
    .sec03Nav_index li ul li:last-child{ float: none; margin: 0; height: auto; width: 100%; border: 1px solid #979797;background: #fff; padding: 0; }
    .sec03Nav_index li ul li:first-child { margin-bottom: 20px; height: 162px; overflow: hidden; }
    .sec03Nav_index li ul li:last-child { height: 107px; overflow: hidden; }
    .sec03Nav_index li h3 { font-size: 1.8rem; text-align: center; margin: 10px 0; }
    .sec03Nav_index li p { font-size: 1.4rem; line-height: 1.2; padding: 0 10px; }
    .ftLogoArea { width: 980px; margin: 0 auto; }
    .ftLogo { width: 730px; margin: 0 auto 50px; }
    .ftLogo li{ float: left; margin-right: 24px; }
    .ftLogo li:nth-child(5){margin-right: 14px;}
    .ftLogo li:last-child { margin-right: 0; }
    .ftLogo li:last-child img{display: block; margin: 0 auto 5px auto; }
    .ftLogo li:last-child span { display:  inline-block; text-align: center; }
    /** footer **/
    .ftNavArea { border-top: 1px solid #979797; margin-bottom: 25px; }
.ftNavTop, .ftNavBtm { margin: 0 auto; }
    .ftNavTop { width: 730px;}
    .ftNavBtm { width: 880px; }
    .ftNavTop {margin: 20px auto; }
    .ftNavTop li { font-size: 1.6rem; float: left; margin-right: 20px; }
    .ftNavTop li:last-child { margin-right: 0; }
    .ftNavBtm li { background: url(img/arrow.png) no-repeat left top; font-size: 1.2rem; display: inline-block; background-position: left center; padding: 0px 0 0 10px; margin-right: 8px; }
    .ftNavTop li a,.ftNavBtm li a { display: block; color: #232323; }
    .ftNavTop li a:hover,.ftNavBtm li a:hover { text-decoration: underline; color: #ff0000; }
    .ftNavArea p { text-align: center; }
     /** frame **/
    .company .sideNavL ul li,.content .sideNavL li { font-size: 1.6rem; margin-bottom: 7px; }
    .company .sideNavL .subMenu.lNav2 li{ font-size: 1.2rem; line-height: 1.2; }
    .content .sideNavL ul.logout { border-top: 1px dotted #979797; padding-top: 10px;}
    .content .sideNavL ul.logout li a { background: none; padding: 0;}
    .company .sideNavL ul li a,.content .sideNavL a,.col2.content .sideNavL a{ display: block; background: url(img/icon01.png) no-repeat left center; padding: 0 0 0 16px; color: #232323; }
    .col2.content .sideNavL .archiveTtl { border-bottom: 1px dotted #979797; padding-bottom: 5pd;}
    .company .sideNavL .yearArchive { margin-top: 10px; }
    .company .sideNavL .yearArchive li{ font-size: 1.2rem; }
    .company .sideNavL .yearArchive li a { padding-left: 16px; background: none; }
    .company .mainCont { float: right; width: 740px; margin-bottom: 50px; }
    .col1 .mainCont { width: 980px; margin: 20px auto 0; }
    .company .mainCont h1,.col1 .mainCont h1 { border-bottom: 1px solid #979797; border-top: 1px solid #979797; background: rgba(241,241,241,0.32); font-size: 2.4rem; padding: 8px 0; text-align: center; margin-bottom: 20px; font-weight: bold;}
    .company .mainCont h2,.col1 .mainCont h2 { color: #0E3299; border-bottom: 1px solid #979797; padding-bottom: 10px; margin-bottom: 20px; font-size: 2.2rem;  }
    .company .mainCont p,.col1 .mainCont p { font-size: 1.4rem; line-height: 1.4; color: #232323; margin-bottom: 20px; }
.company .mainCont p a { display: inline-block; }
    .content .mainCont p a,.col1 .mainCont p a {display: inline-block; }
    /** frame **/
    /** company **/
    .company,.content { width: 980px; margin: 20px auto 0; }
    .company .sideNavL,.content .sideNavL { float: left; width: 170px; padding: 10px 0; border-top:1px solid #979797; border-bottom:1px solid #979797; }
    .company .mainCont dl { font-size: 1.4rem; display: table; margin-bottom: 15px; }
    .company .mainCont dl dt { width: 84px; text-align: center; background: #F7F7F7; font-weight: bold; padding: 8px 0;
    display: inline-block; display: table-cell; vertical-align: middle; }
    .company .mainCont dl dd { display: inline-block; width: 650px; display: table-cell; vertical-align: middle; padding-left: 10px; line-height: 1.4; }
    .company .mainCont dl dd a { display: inline; }
    .company .mainCont.englishProf dl dt { width: 120px; }
    .txtEn { margin: 40px 0 50px; font-size: 1.6rem; }
    /*.txtEn a { color:#232323; }*/
    .company .mainCont p a span { color: #0E3299; }
    .company .mainCont ul.item_company li { font-size: 1.4rem; margin-bottom: 10px; }
    .company .mainCont h3 { background: #f7f7f7; text-align: center; padding: 20px 0; font-size: 1.8rem; color: #0E3299; margin-bottom: 10px; }
    .company .mainCont .miniInfo_company { margin-bottom: 0; display: block; }
    .company .mainCont .miniInfo_company dt,
    .company .mainCont .miniInfo_company dd,
    .company .mainCont .info2_company .infoFrameIn dt,
    .company .mainCont .info2_company .infoFrameIn dd,
    .company .mainCont .performanceList dt,
    .company .mainCont .performanceList dd{ width: auto; background: none; display: block; font-weight: normal; line-height: 1.2; text-align: left; }
    .company .mainCont .miniInfo_company dd ul li{ font-size: 1.4rem; line-height: 1.2; }
    .infoTable_company { width: 714px; font-size: 1.4rem; text-align: center; }
    .infoTable_company tr.ttlTbl td{ padding: 10px 0; }
    .infoTable_company tr.subttlTbl td{ padding: 10px 0; }
    .infoTable_company tr td ul li { margin-bottom: 8px; }
    .company .mainCont .info2_company { width: 604px; margin: 0 auto; }
    .company .mainCont .info2_company .infoFrameIn,
    .company .mainCont .info2_company .infoFrameIn2 { width: 200px; height: 275px; }
    .company .mainCont .info2_company .infoFrameIn2+ .infoFrameIn { border-right: none; }
    .company .mainCont .info2_company .infoFrameIn dt { text-align: center; }
    .infoTbl3,.infoTbl4 { width: 600px; margin: 0 auto; }
    .company .mainCont .infoTbl3 tr td ul li { text-align: left;}
    .company .mainCont .infoTbl3 tr:nth-child(2) td { padding: 10px 0; }
    .company .mainCont .infoTbl3 tr:nth-child(2) td:first-child,
    .company .mainCont .infoTbl3 tr.first:nth-child(2) td:last-child { padding-left: 80px;}
    .company .mainCont .infoTbl3 tr:nth-child(2) td:last-child { padding-left: 200px;}
    .company .mainCont .txtDate { padding-bottom: 30px; border-bottom: 1px solid #979797; }
    .company .mainCont .txtDate li { margin-bottom: 10px; font-size: 1.4rem; text-align: right; }
    .company .mainCont .performanceList dt { font-size: 1.6rem; }
    .company .mainCont .performanceList dd ul li { margin-bottom: 10px; }
    .company .mainCont .performanceList dd ul li a { color: #0E3299; text-decoration: none; }
    .company .mainCont .performanceList dd ul li span { margin-top: 6px; font-size: 1.0rem; display: block; }
    .company .mainCont .businessList li { margin-bottom: 20px; font-size: 1.4rem; }
    .company .mainCont .businessList li a { display: inline-block; }
    /** company **/
   /** user **/
    .tblLayout { border: 1px solid #979797; font-size: 1.3rem; width: 100%; }
    .tblLayout tr .ttlTbl1 { background: #3466F6; color: #fff; } 
    .tblLayout tr .ttlTbl2 { background: #1753FF; color: #fff;  }
    .tblLayout tr td { padding: 10px 7px; text-align: center; border-bottom: 1px solid #979797; border-right: 1px solid #979797; }
    .tblArea { width: 676px; margin: 0 auto; }
    .col1 .mainCont .tblArea .atnTbl { text-align: right; font-size: 1.2rem; margin-top: 10px; }
    .col1 .mainCont .tblArea .atnTbl li:first-child { margin-bottom: 10px; }
    .col1 .mainCont .tblArea p { font-size: 1.2rem; margin-bottom: 10px; }
    .listTxt { font-size: 1.4rem; }
    .listTxt li { margin-bottom: 20px; line-height: 1.4; }
   /** user **/
    /** .col1 **/
    .col1 .mainCont p { line-height: 1.5; }
    .col1 .howTo { background:  url(img/icon02.png) no-repeat center bottom; padding-bottom: 50px; }
    #seminar.col1 .howTo { background: none; }
    .col1 .howTo:last-of-type { background: none; } 
    .col1 .mainCont .item_stp { margin-bottom: 45px; }
    .col1 .howTo dt,.col1 .mainCont .item_stp dt,.externalTxt dt { font-size: 1.6rem; font-weight: bold; color: #0E3299; margin-bottom: 8px; }
    .col1 .howTo dd,.col1 .mainCont .item_stp dd,.externalTxt dd { font-size: 1.4rem; line-height: 1.4; }
    .col1 .mainCont .item_stp dd span { font-size: 1.2rem; color: #0E3299; }
    .col1 .mainCont .txtDate { margin-bottom: 40px; }
    .col1 .mainCont .txtDate li { margin-bottom: 10px; font-size: 1.4rem; }
    .col1 .mainCont .subTtl_stp { font-size: 1.6rem; font-weight: bold; margin-bottom: 20px; }
    .col1 .mainCont .ttlTbl3{ background: #0E3299; color: #fff; }
    /** .col1 **/
    /** .col2 **/
    .col2.content { width: 980px; margin: 20px auto 0; }
    .col2.content .sideNavL { float: left; width: 150px; margin-right: 20px; }
    .company .sideNavL ul.lNav1 { padding-bottom: 5px; }
    .company .sideNavL ul.lNav2 { padding-top: 10px; border-top: 1px dotted #979797; }
    .col2.content .mainCont { float: right; width: 810px; }
    .col2.content .mainCont h1 { border-bottom: 1px solid #979797; border-top: 1px solid #979797; background: rgba(241,241,241,0.32) repeat left top; font-size: 2.4rem; padding: 8px 0; text-align: center; margin-bottom: 20px; }
    .col2.content .mainCont h1 span { display: block; background: rgba(241,241,241,0.32); padding: 7px 0; }
    .col2.content .mainCont h2 { color: #0E3299; border-bottom: 1px solid #979797; padding-bottom: 10px; margin-bottom: 20px; font-size: 2.2rem; font-weight: bold; }
    .col2.content .mainCont .itemList { margin-bottom: 10px; }
    .col2.content .mainCont .itemList dt{ width: 90px; vertical-align: top; }
    .col2.content .mainCont .itemList dd{ width: 640px; }
    .col2.content .mainCont .itemList dd a {display: inline-block; }
    /** .col2 **/
    /* hover */
    #header #headNav #nav_Company a:hover,
    .company .mainCont dl dd a,
    .company .sideNavL ul li a:hover,
    .txtEn a:hover,
    .company .mainCont p a:hover,
    .company .mainCont p a span:hover,
    .company .mainCont .performanceList dd ul li a:hover,
    .company .mainCont .businessList li a:hover,
    .col1 .mainCont p a:hover,
    .col2.content .mainCont p a:hover,
    .sec03In .subttl a:hover,
    .itList dd h3 a:hover,
    .content .sideNavL a:hover,
    .col2.content .sideNavL a:hover,
    .company .sideNavL .yearArchive li a:hover,
    .company .mainCont .irArea dl dd a:hover,
    .irArea ul li a:hover,
    .documentList li.ttlName_list a:hover{ text-decoration: underline; color: #ff0000; }
    /* hover */
    /* external text*/
    .attentionList { margin-bottom: 30px; }
    .attentionList li{ font-size: 1.4rem; margin-bottom: 10px; }
    .col1 .mainCont p.attentionText { margin-bottom: 60px; }
    .col1 .mainCont p.guideTxt { font-size: 1.2rem; margin-bottom: 10px; }
    .col1 .mainCont .guideList { margin-bottom: 40px; }
    .col1 .mainCont .guideList li { font-size: 1.2rem; line-height: 1.4; margin-bottom: 10px;  }
    .col1 .mainCont .guideTxt2 { margin-bottom: 40px;}
    .col1 .mainCont .guideTxt2 span{ margin-right: 15px; }
    .col1 .mainCont .guideTxt2 .guideTxt2In { margin-left: 48px; }
     /* contact */
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl,
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 dl{ margin-bottom: 10px; display: table}
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dt,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dt,
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 dl dt{ background: #F7F7F7; border-right: 10px solid #fff; font-size: 1.6rem; font-weight: bold; padding: 10px; margin-right: 10px; display: table-cell; width: 204px; height: 60px; vertical-align: middle; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dd textArea,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd textarea,
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 dl dd textarea{ width: 98%; height: 100%; font-size: 1.4rem; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dt span { color: #ff0000; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dt span { color: #ff0000; font-size: 1.2rem; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dt span.attention_contact { color: #232323; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dd,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd,
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 dl dd{ background: #F7F7F7; padding: 10px; display: table-cell; width: 750px; vertical-align: middle; font-size: 1.6rem;}
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dd input[type="text"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dd input[type="email"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd input[type="text"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd input[type="email"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 dl dd input[type="text"]{ width: 98%; font-size: 1.6rem; padding: 5px; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.zipcode .mwform-zip-field,
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.tel dd span,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.zipcode .mwform-zip-field,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.tel dd span{ font-size: 1.6rem; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd span label,
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd ul li { font-size: 1.4rem; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd ul li { margin-bottom: 8px; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd ul li span { display: inline-block; width: 140px; }
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.zipcode dd input[type="text"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.tel dd input[type="text"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.zipcode dd input[type="text"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.tel dd input[type="text"]{ width: 150px; }
    .col1 .mainCont .orderTxt span { color: #ff0000; }
   .col1 .mainCont #mw_wp_form_mw-wp-form-66 input[type="submit"], .col1 .mainCont #mw_wp_form_mw-wp-form-80 input[type="submit"],
    .col1 .mainCont #mw_wp_form_mw-wp-form-2100 input[type="submit"]{    width: 145px; height: 36px; background: #335BCD; color: #fff; font-size: 1.4rem; border: none; border-radius: 5px; margin: 0 auto;display: block; }
input[type="submit"]#login{    width: 145px;
    height: 36px;
    background: #335BCD;
    color: #fff;
    font-size: 1.4rem;
    border: none;
    border-radius: 5px;
    margin: 0 auto;
    display: block;}
    .orderTxtArea { background: #F7F7F7; padding: 5px 10px; }
    .orderTxtArea .orderTxt2:first-child { margin-bottom: 10px; }
    /* pressrelease_add */
    .company.pressrelease_add .mainCont dl dt { width: 240px; text-align: left; padding: 10px; border-right: 10px solid #fff; }
    .company.pressrelease_add .mainCont dl dt span { font-size: 1.2rem; color: #ff0000; }
    .company.pressrelease_add .mainCont dl dd { background: #F7F7F7;width: 490px; padding: 10px; }
    .company.pressrelease_add .mainCont dl dd span{ display: block; }
    .company.pressrelease_add .mainCont dl dd input[type="text"] { width: 98%; padding: 5px; font-size: 1.6rem; }
    .company .mainCont dl dd input[type="email"] { height: 30px; font-size: 1.6rem;}
    .company.pressrelease_add .mainCont dl dd input.tel { width: 120px; }
    .company.pressrelease_add .mainCont dl dd input.zip1 { width: 150px; }
    .company.pressrelease_add .mainCont #mw_wp_form_mw-wp-form-2100 input[type="submit"] { width: 145px;
height: 36px; background: #335BCD; color: #fff; font-size: 1.4rem; border: none; border-radius: 5px; margin: 0 auto; display: block; }
.btnArea { text-align: center; }
.btnArea p { display: inline-block; margin-right: 20px;}
.btnArea button { width: 145px; height: 36px; font-size: 1.4rem; vertical-align: top;}
.error li {font-size: 1.2rem; font-weight: bold; color: #ff0000; margin-bottom: 8px;}
    /* pressrelease */
    .pressList { border: 1px solid #335BCD; padding: 10px; margin-bottom: 10px; }
    .company .mainCont .pressTtl {  background: none; padding: 0; font-size: 1.6rem; }
    .pressTtl a { font-size: 1.6rem; text-align: left; color: #0E3299; }
    .pressTtl a span { font-size: 1.4rem; color: #0E3299; display: inline-block; margin-bottom: 5px; }
.company.pressrelease .mainCont dl dt { background: none; width: auto;}
.company.pressrelease .mainCont dl dd a { font-size: 1.6rem; font-weight: bold; color: #0E3299; text-decoration: none; }
.company.pressrelease .mainCont dl dd a:hover { text-decoration: underline; color: #ff0000; }
.company.pressrelease .mainCont dl dd p{margin-top: 3px; margin-bottom: 0;}
    .summary li { font-size: 1.4rem; line-height: 1.4;}
    .summary li:first-child { margin-bottom: 20px; }
    /* pressrelease */
    /* itreport */
    /* .itList { border-bottom: 1px dotted #979797; margin: 0 0 5px 0; } */
    .itList dt,.itList dd { display: inline-block; padding: 10px 10px 15px 10px; }
    .itList dt { width: 100px; }
    .itList dd { width: 700px; }
    .itList dt span { color: #ff0000; font-size: 1.2rem; }
    .itList dt,.itList dd h3 { font-size: 1.4rem; line-height: 1.4; vertical-align: middle; }
    /* itreport */
    /* message */
    .messageList { border: 1px solid #335BCD; padding: 0; margin-bottom: 10px; }
    .company .mainCont .messageList h3.pressTtl { text-align: left; font-size: 1.8rem; border: 1px solid #fff; padding: 10px; margin-bottom: 0; }
    .company .mainCont .messageList h3.pressTtl:hover { background: rgba(51,91,205,0.7); color: #fff; }
    .company .mainCont .messageList h3.pressTtl.checked { background: rgba(51,91,205,1); color: #fff; }
    .company .mainCont .messageList .accCont { display: none; margin-bottom: 0; padding: 10px; }
    .company .mainCont .messageList .accCont p:last-child { margin-bottom: 0; }
    /* message */
    /* ir */
    .company .mainCont h1.ttl_ir { border-top: none; }
    .irTxt p a { display: inline-block; }
    .irArea .miniTtl_ir span { font-weight: bold; margin-left: 10px; }
    .irArea ul { margin-left: 30px; }
    .irArea ul li { margin-bottom: 20px; font-size: 1.4rem; }
    .irArea ul li a { display: inline-block; color: #0E3299; }
    .company .mainCont .irArea dl { display: inherit; margin-bottom: 10px; }
    .company .mainCont .irArea dl dt{width: auto; text-align: left; background: none; font-weight: normal; padding:0; display: inherit; }
    .company .mainCont .irArea dl dd { padding-left: 0; }
    .company .mainCont .irArea dl dd a{ text-decoration: none; color: #0E3299; }
    /* ir */
    /* detail */
    .company .mainCont .info1_detail dl { display: inherit; }
    .company .mainCont .info1_detail dl dt{
    width: 160px;font-size: 1.6rem; text-align: left; background: none; font-weight: normal; padding: 0; display: inline-block;
    vertical-align: top;}
     .company .mainCont .info1_detail dl dd {display: inline-block; width: 570px; vertical-align: middle; padding-left: 0; line-height: 1.4; }
    .company .mainCont .info1_detail dl dd ul li { margin-bottom: 5px; }
    .company .mainCont .info1_detail .attention_detail li { font-size: 1.2rem; margin-bottom: 10px; }
    .company .mainCont .info1_detail .subNav_detail { margin-bottom: 30px; }
    .company .mainCont .info1_detail .subNav_detail li { display: inline-block; background: url(img/icon01.png) no-repeat left top; padding: 0 0 0 16px; font-size: 1.4rem; margin-right: 10px;}
    .company .mainCont .info1_detail .subNav_detail li a { color: #ff0000; text-decoration: underline; }
    .company .mainCont .info2_detail { margin-bottom: 40px; }
    .company .mainCont .info2_detail p { margin-bottom: 10px; }
    .company .mainCont .info2_detail h3 { background: none; text-align: left; padding: 0; color: #232323; margin: 0 0 20px 0; }
    .company .mainCont .info2_detail ul { margin-bottom: 30px; }
    .company .mainCont .info2_detail ul li { font-size: 1.4rem; margin-bottom: 6px; margin-left: 15px; }
    /* detail */
    /* list */
    .listTtlArea { background: url(img/img01_list.png) no-repeat left top; width: 100%;}
    .listTtlArea h1 { font-size: 2.8rem; display: block; font-weight: bold; padding: 50px 0 20px 20px; }
    .listTtlArea h1 span{ font-size: 1.4rem; display: block; color: #0E3299; margin-top: 10px; }
    .listTtlArea p { font-size: 1.2rem;  padding: 0 0 155px 20px; margin-bottom: 25px; }
    .mainCont .listArea .listTtl { display: table; }
    .mainCont .listArea .listTtl li { display: table-cell; background: #f7f7f7; text-align: center; border-right: 2px solid #fff; padding: 15px 0; font-size: 1.6rem; height: 46px; vertical-align: middle; }
    li.ttlName_list { width:346px; }
    li.date_list { width:108px; }
    li.size_list { width:93px; }
    li.price_list { width:90px; }
    li.cegment_list { width:109px; border-right: none; }
    .documentList { display: table; border-bottom: 1px dotted #979797; }
    .documentList li{ display: table-cell; text-align: left; font-size: 1.2rem; padding: 10px 8px; vertical-align: middle; }
    .documentList li.ttlName_list { font-weight: bold; font-size: 1.4rem; line-height: 1.4; }
    .documentList li.ttlName_list a { color: #232323; }
    .documentList li.date_list,.documentList li.size_list, .documentList li.price_list,.documentList li.cegment_list{ text-align: center; padding: 10px 0; }
    /* list */
    /* cegment */
    .company .mainCont .cegmentArea dl dt { width: 310px; font-weight: normal; background: none; padding: 10px; font-size: 1.4rem; }
    .company .mainCont .cegmentArea dl dt span { display: block; padding: 6px 0; }
    .company .mainCont .cegmentArea dl dd { width: 429px; font-weight: normal; padding: 10px; font-size: 1.4rem; }
    .company .mainCont .cegmentArea dl dt ul { margin-top: 10px; }
    .company .mainCont .cegmentArea dl dt ul li { font-size: 1.1rem; text-align: left; }
    .company .mainCont .cegmentArea dl { border-bottom: 2px dotted #979797; margin-bottom: 0; }
    .company .mainCont .cegmentArea dl.cegmentTtlArea { border-bottom: none; }
    .company .mainCont .cegmentArea dl.cegmentTtlArea dt { background: #f7f7f7; font-size: 1.6rem; padding: 15px 0; border-right: 1px solid #fff; text-align: center; }
    .company .mainCont .cegmentArea dl.cegmentTtlArea dd { background: #f7f7f7; font-size: 1.6rem; text-align: center; }
    /* cegment */
    /* privacypolicy */
    .col1 .mainCont.privacy p.guideTxt { font-size: 1.4rem; margin-bottom: 20px; }
    .col1 .mainCont.privacy dl.point { display: table; font-size: 1.4rem;
        border-top: 1px solid #979797; border-left: 1px solid #979797; border-right: 1px solid #979797; }
    .col1 .mainCont.privacy dl.point.pt_last { border-bottom: 1px solid #979797; margin-bottom: 20px; }
    .col1 .mainCont.privacy dl.point .pointTtl { background: #0E3299; color: #fff; padding: 10px; text-align: center; }
    .col1 .mainCont.privacy dl.point dt.pointTtl { border-right: 1px solid #fff; }
    .col1 .mainCont.privacy dl.point dt{ display: table-cell; width: 489px; border-right: 1px solid #979797; }
    .col1 .mainCont.privacy dl.point dd{ display: table-cell; width: 489px; }
    .col1 .mainCont.privacy dl.point dt ul li,
    .col1 .mainCont.privacy dl.point dd ul li{ border-bottom: 1px dotted #979797; padding: 10px; }
    .col1 .mainCont.privacy dl.point dt ul li:last-child,
    .col1 .mainCont.privacy dl.point dd ul li:last-child { border-bottom: none; }
    /* privacypolicy */
   /* feedback */
#feedback.col1 .entry-header { display: none; }
#feedback.col1 .howTo { padding-bottom: 60px; background: none; }
#feedback.col1 .howTo dt { font-size:2.2rem; border-bottom: 1px solid #979797; margin-bottom: 20px; }
#feedback.col1 .howTo dd a { color: #ff0000; text-decoration: underline; }
#feedback.col1 .howTo dd a:hover { color: #0E3299; }
#feedback.col1 .howTo dd.service_05 { background:url(img/img01_feedback.jpg) no-repeat center bottom; padding-bottom: 37px; }
#feedback.col1 .howTo dd.service_05 ul li{ line-height: 1.2; }
#feedback.col1 .howTo dd.service_05 p { margin-top: 15px; }
#feedback.col1 .howTo dd .serviceL { margin-right: 50px; }
#feedback.col1 .howTo dd .serviceL,#feedback.col1 .howTo dd .serviceR { float: left; }
#feedback.col1 .howTo dd .serviceL ul li,#feedback.col1 .howTo dd .serviceR ul li { line-height: 1.2; }
#feedback.col1 .howTo dd .serviceL ul + p,#feedback.col1 .howTo dd .serviceR ul + p { margin-top: 15px; }
  /* feedback */
 /* feedbackdetail */
#feedbackdetail.col2.content .entry-header h1 { border: none; background: none; text-align: left; font-size: 2.0rem; line-height: 1.2; }
#feedbackdetail .announceInfo { margin-bottom: 40px;}
#feedbackdetail .announceInfo li { font-size: 1.6rem; margin-bottom: 10px; }
#feedbackdetail .fs14 { margin-bottom: 10px; line-height: 1.4; }
#feedbackdetail .fs14.last { margin-bottom: 40px;}
#feedbackdetail .itemList { margin-bottom: 20px;}
#feedbackdetail .itemList dt { display: inherit; width: 100%; margin-bottom: 10px; }
#feedbackdetail .itemList dd { line-height: 1.4; width: 100%; }
#feedbackdetail .itemList dd ul li {margin-bottom: 15px; line-height: 1.2; font-size: 1.4rem;}
#feedbackdetail .itemList dd ul li span {font-weight: bold; display: inline-block; margin-bottom: 5px;}
#feedbackdetail .gotoFeedback a{font-size: 1.4rem; color:#ff0000; text-decoration: underline; display: block; margin-bottom: 5px; }
#feedbackdetail .gotoFeedback span{font-size: 1.2rem;}
/* feedbackdetail */
/* materials_detail */
#primary_materials .entry-header h1 { display: none; }
#primary_materials .entry-content .infoArea { margin-bottom: 10px;}
#primary_materials .entry-content .materialInfo { margin-bottom: 30px;}
#primary_materials .entry-content .materialInfo .infoArea dt,#primary_materials .entry-content .materialInfo .infoArea dd{ display:inline-block; vertical-align: top; font-size: 1.6rem; }
#primary_materials .entry-content .materialInfo .attention_materials {font-size: 1.2rem; margin-bottom: 20px;}
#primary_materials .entry-content .materialInfo .attention_materials li {margin-bottom: 10px; display: table;}
#primary_materials .entry-content .materialInfo .attention_materials li a{ display: inline-block; }
#primary_materials .entry-content .materialInfo .attention_materials li span { display: table-cell; }
#primary_materials .entry-content .materialInfo p {font-size: 1.4rem; margin-bottom: 10px;}
.snsNav li { display: inline-block; margin-right: 10px; }
.snsNav a {
    display: block; background: url(img/icon01.png) no-repeat left center; padding: 0 0 0 16px; color: #232323; font-size: 1.6rem; }
.snsNav a:hover {color: #ff0000; text-decoration: underline;}
#primary_materials .entry-content .detailArea_materials {margin-bottom: 30px;}
#primary_materials .entry-content .detailArea_materials .txt {font-size: 1.4rem; margin-bottom: 10px; line-height: 1.2;}
#primary_materials .entry-content .detailArea_materials h3 { font-size: 1.8rem; margin-bottom: 20px;}
#primary_materials .entry-content .detailArea_materials .image_materials {margin: 15px 0;}
#primary_materials .entry-content .detailArea_materials ul li {font-size: 1.4rem; margin-bottom: 10px;}
#primary_materials .entry-content .detailArea_materials .subTtl_materials + h3 { margin-top: 20px;}
#primary_materials .entry-content .detailArea_materials .subTtl_materials li { font-size: 1.4rem; margin-bottom: 5px;}
#primary_materials .entry-content .detailArea_materials .subTtl_materials li .subTtl2_materials {margin-top: 10px; margin-left: 40px;}
#primary_materials .entry-content .detailArea_materials .companyList_materials { margin-bottom: 20px;}
#primary_materials .entry-content .detailArea_materials .companyList_materials dt {font-size: 1.4rem; margin-bottom: 10px;}
#primary_materials .entry-content .detailArea_materials .companyList_materials dd ul li{ font-size: 1.4rem; margin-bottom: 5px;}
#primary_materials .entry-content .detailArea_materials table { border: 2px solid #232323; }
#primary_materials .entry-content .detailArea_materials table tr th,#primary_materials .entry-content .detailArea_materials table tr td{ border-right: 2px solid #232323; border-bottom: 2px solid #232323; font-size: 1.4rem; padding: 5px; }
#primary_materials .entry-content .detailArea_materials table tr th { width: 15%; }
/*media*/
#feedback.media .mainCont ul {margin-bottom: 20px;}
#feedback.media .mainCont ul li { font-size: 1.4rem; margin-bottom: 8px; }
.company.mediaList .mainCont dl { width: 100%; }
.company.mediaList .mainCont dl dt { width: 120px; background: none; }
.company.mediaList .mainCont dl dd { width: auto; }
.company.mediaList .mainCont dl dd a { text-decoration: none; color: #0E3299; }
.company.mediaList .mainCont dl dd a + br {margin-bottom: 10px;}
.company.mediaList .mainCont dl dd a:hover { text-decoration: underline; color: #ff0000; }
.company.mediaList .mainCont dl dd span { display: block; margin-top: 8px; }
/** parts **/
.mb10 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb70 { margin-bottom: 70px !important; }
.mL10 { margin-left: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pd10 { padding: 10px !important; }
.pL10 { padding-left: 10px !important; }
.pT10 { padding-top: 10px !important; }
.pdLR10 {padding: 0 10px; }
.clR { color: #ff0000 !important; }
.clB { color: #0E3299 !important; }
.ftB { font-weight: bold; }
.txtR { text-align: right !important; }
.ftBB { font-weight: bold !important; color: #0E3299 !important; }
.fs10 { font-size: 1.0rem; }
.fs12{  font-size: 1.2rem; }
.fs14{  font-size: 1.4rem; }
.fs16B { font-size: 1.6rem; font-weight: bold; }
.ftStand { font-size: 1.4rem; line-height: 1.4; }
.ftSml { font-size: 1.2rem; line-height: 1.4; }
.fBtxtU{ font-weight: bold; text-decoration:  underline; }
.txtLt{text-decoration: line-through; }
.infoTable_company { border: 2px solid #979797; vertical-align: middle; }
.infoTable_company tr td { border-right: 2px solid #979797; border-bottom: 2px solid #979797; vertical-align: middle; }
.infoTable_company tr.ttlTbl td{ background: #0E3299; color: #fff; text-align: center; }
.infoTable_company tr.subttlTbl td,
.infoTable_company tr td.subttlTbl2{ background: #0042FF; color: #fff; text-align: center; }
.info2_company { border: 2px solid #979797; font-size: 1.4rem; }
.company .mainCont .info2_company .infoFrameIn dt { background: #0042FF; color: #fff; }
.verM { vertical-align: middle; }
.bgArrow { background: url(img/icon02.png) no-repeat center bottom; padding: 0 0 45px 0; }
.txtL { text-align: left; }
.company .mainCont .info2_company .infoFrameIn,
.company .mainCont .info2_company .infoFrameIn2 { vertical-align: top; border-right: 2px solid #979797; margin-bottom: 0; float: left;  }
.company .mainCont .info2_company .infoFrameIn ul li { margin-bottom: 5px; }
.company .mainCont .info2_company .infoFrameIn2 li {padding: 50px 0; text-align: center; margin: 0 5px; color: #0042FF; }
.company .mainCont .info2_company .infoFrameIn2 li:first-child { border-bottom: 1px solid #979797; }
.company .mainCont .infoTbl3 tr td{ border-right: none; }
.txtR { text-align: right; }
.disB { display: block !important; }
.itemList dt{ font-weight: bold; font-size: 1.6rem; display: inline-block; }
.itemList dd{ font-size: 1.6rem; display: inline-block; }
/*micinsite*/
#insite .entry-header {display: none; }
#insite .data_insite {margin-bottom: 30px;}
#insite .data_insite li {margin-bottom: 20px;}
#insite .data_insite li a{ font-size: 1.6rem;}
/*micinsite_detail*/
#insitedetail .entry-header .entry-title { display: none; }
#insitedetail .entry-content h2.mainTtl_insite { border-bottom: none; margin-bottom: 20px;}
#insitedetail .entry-content h2.mainTtl_insite span { color: #0E3299; font-size: 1.8rem; }
#insitedetail .announceInfo {
    margin-bottom: 30px;
}
#insitedetail .announceInfo li {
    font-size: 1.6rem;
    margin-bottom: 15px;
}
#insitedetail .itemList {
    margin-bottom: 20px;
}
#insitedetail .itemList dt {
    display: inherit;
    width: 100%;
    margin-bottom: 10px;
}
#insitedetail .itemList dd ul li{
    line-height: 1.4;
    margin-bottom: 10px;
}
#insitedetail .graph_insite {margin-bottom: 20px;}
#insitedetail .graph_insite dt {font-size: 1.4rem; margin-bottom: 10px;}
#insitedetail .graph_insite dd img { margin-bottom: 10px;}
#insitedetail .ttl_insite { margin-bottom: 20px;}
#insitedetail .ttl_insite li{font-size: 1.6rem; margin-bottom: 10px;}
#insitedetail .ttl_insite li img{ margin-top: 10px;}
#insitedetail .ttl2_insite {margin-top: 10px; margin-left: 35px;}
#insitedetail .ttl2_insite li{font-size: 1.4rem;}
#insitedetail .gotoFeedback { font-size: 1.4rem; margin-top: 40px;}
#insitedetail .gotoFeedback a{ display: block; margin-bottom: 5px; }

/* irinfo */
#irinfo .txt {font-size: 1.4rem; margin-bottom: 20px; line-height: 1.4; }
#irinfo .announceInfo {text-align: right; font-size: 1.6rem; margin-bottom: 40px;}
#irinfo .announceInfo li:first-child {margin-bottom: 10px;}
#irinfo .announceInfo li { line-height: 1.4; }
#irinfo .dataArea h1 { margin-bottom: 40px; }
#irinfo .subTtl {margin-bottom: 30px;}
.subTtl { font-size: 1.4rem; margin-bottom: 30px; }
.subTtl span {font-weight: bold; margin-left: 5px; }
#irinfo .data_irinfo {margin-left: 30px; margin-bottom: 20px;}
#irinfo .data_irinfo li {margin-bottom: 15px; font-size: 1.4rem;}
#irinfo .data_irinfo li a { display: inline-block; }
.dataAreaIn {margin-bottom: 50px;}
.data2_irinfo { margin-bottom: 20px; line-height: 1.2; font-size: 1.4rem;}
.data2_irinfo dt { margin-bottom: 5px;}
.data2_irinfo.ml dd a { padding-left: 15px;}
#irinfo .attention {margin-top: 40px;}
#irinfo .txtR { font-size: 1.4rem;}
/*syatyo-message*/
#syatyo-message.company .mainCont dl {
    border: 1px solid #335BCD;
    width: 100%;
}
#syatyo-message.company .mainCont dl dt {
    width: 100%;
    text-align: left;
    background: #fff;
    color: #0E3299;
    font-weight: normal;
    padding: 8px 0;
    display: block;
    font-size: 1.8rem;
    padding: 10px;
}
#syatyo-message.company .mainCont dl dd {
    display: none;
    width: 100%;
    padding-left: 0;
    line-height: 1.4;
    font-size: 1.4rem;
    padding: 10px;
}
#syatyo-message.company .mainCont dl dt:hover { background-color: rgba(51,91,205,0.73); color: #fff;}
#syatyo-message.company .mainCont dl dt.active { background:#335BCD; color:#fff; }
#syatyo-message.company .mainCont dl dd p:last-child {margin-bottom: 0;}
/* micit */
.company .mainCont .micit dl dt {background: none; text-align: left; width: 84px;}
.company .mainCont .micit dl dd { font-weight: bold; }
.company .mainCont .micit dl dd a { color: #0E3299; text-decoration: none; }
.company .mainCont .micit dl dd a:hover { text-decoration: underline; color: #ff0000; }
/* sub */
.mainCont .listArea#subCateArea .listTtl { width: 100%; }
.mainCont .listArea#subCateArea .listTtl li.ttlName_list { width:310px; height: auto; }
.mainCont .listArea#subCateArea .listTtl li.date_list { width:430px; height: auto; }
.company .mainCont #subCateArea dl { width: 100%; border-bottom: 2px dotted #979797; margin-bottom: 10px; padding-bottom: 10px; }
.company .mainCont #subCateArea dl dt{ width: 310px; background: none; }
.company .mainCont #subCateArea dl dt p { width: 290px; letter-spacing: -0.5px; margin: 0 auto; }
.company .mainCont #subCateArea dl dt p a{ color: #fff; }
.company .mainCont #subCateArea dl dd{ width: 430px; padding-left: 0; }
.company .mainCont #subCateArea dl dd ul{ padding: 10px 0 0 10px; }
.company .mainCont #subCateArea dl dd ul li { margin-bottom: 3px; }
/* shuppan */
#shuppan ul { background: url(img/img_syuppan.jpg) no-repeat 80% top; padding: 10px 0 44px; }
#shuppan .materialInfo.shuppan05  ul { background: url(img/img_shuppan05.jpg) no-repeat 80% top;}
#shuppan .materialInfo.shuppan06  ul { background: url(img/img_shuppan06.jpg) no-repeat 80% top; padding: 10px 0 57px;}
#shuppan .materialInfo.shuppan07  ul { background: url(img/img_shuppan07.jpg) no-repeat 80% top; padding: 10px 0 55px;}
#shuppan .materialInfo.shuppan08  ul { background: url(img/img_shuppan07.jpg) no-repeat 80% top; padding: 10px 0 85px;}
#shuppan .materialInfo.shuppan09  ul { background: none; }
#shuppan .materialInfo#shuppan10  ul { padding: 10px 0 108px; }
#shuppan ul li { font-size: 1.4em; margin-bottom: 10px; }
#shuppan ul li a:hover { color: #ff0000; text-decoration: underline; }
/* pressrelease_add */
.company.pressrelease_add .mainCont dl dd select { font-size: 1.4rem; }
/** tag **/
.taglist1 { border:1px solid #0E3299; background: #0E3299; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*ITサービス・クラウド・ＤＣ(データセンタ)・ITサ*/
.taglist2 { border:1px solid #335BCD; background: #335BCD; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*ITパッケージ・SW*/
.taglist3 { border:1px solid #5178E5; background: #5178E5; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*情報セキュリティソリューション・セキュ*/
.taglist4 { border:1px solid #6A8BE9; background: #6A8BE9; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*ITハードウェア・HW*/
.taglist5 { border:1px solid #8AA4EF; background: #8AA4EF; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*ITソリューション・ITソ*/
.taglist6 { border:1px solid #36B2F3; background: #36B2F3; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*デジタルソリューション・D*/
.taglist7 { border:1px solid #CC9600; background: #CC9600; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*BPO*/
.taglist8 { border:1px solid #0E9924; background: #0E9924; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*環境・エネルギー*/
.taglist9 { border:1px solid #48B335; background: #48B335; border-radius: 4px; padding: 5px; font-size: 1.2rem; color: #fff; margin-bottom: 5px; } /*ユーザー調査*/

/** pankuzu **/
#breadcrumb { margin-bottom: 10px; }
#breadcrumb div { font-size: 1.2rem; display: inline-block; }
#breadcrumb div a { display: inline-block; }
.pankuzu { display: none; }

/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px){
    #header { padding: 10px; width: 100%; }
    #header #logo { float: left; margin-right: 10px;}
    #header #sns { float: left; margin-top: 10px; } 
    #headNav { display: none; }
    #header #sp_nav { display: inherit; }
    #headNav_sp { display: inherit; }
    #sp_nav .drawer-hamburger { top: 0; width: 40px; position: absolute !important; }
    /* nav */
    #sp_nav .drawer-nav .drawer-menu { padding: 10px; top: 50px; position: relative;}
    #sp_nav .drawer-nav .drawer-menu li,
    #sp_nav .drawer-nav .drawer-menu li.drawer-menu-item{ margin-bottom: 20px; background: url(img/icon01.png) no-repeat left center; }
    #sp_nav .drawer-nav .drawer-menu li.drawer-dropdown.open {background: url(img/icon01.png) no-repeat left 5%;}
    #sp_nav .drawer-nav .drawer-menu li a,
    #sp_nav .drawer-nav .drawer-menu li.drawer-menu-item a {font-size: 1.6rem; }
    #sp_nav .drawer-nav .drawer-menu li a { display: block; padding-left: 15px; }
    #sp_nav .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu li .drawer-dropdown-menu-item {line-height: 1.2; font-size: 1.4rem;}
    #sp_nav .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu { margin: 10px 0 0 10px;}
    /* index */
    .mainImg { background: url(img/mainImg.jpg) no-repeat center left; background-size: cover; height: 100%; }
    .mainImg h1 {padding-top: 380px; padding-bottom: 20px; text-align: center; font-size: 1.4rem; line-height: 1.2; }
    .subttl {
    font-size: 2.8rem;
    text-align: center;
    display: block;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}
    .subttl span {
    font-size: 1.4rem;
    color: #0E3299;
    display: block;
    font-weight: bold;
    margin-top: 5px;
}
    .sec02,.sec03In {
    padding: 0 10px;
    width: 100%;
}
    .sec02Nav_index {
    width: 100%;
}
    .sec02Nav_index li {
    width: 100%;
    margin-right: 0;
    border: 1px solid #979797;
    padding: 10px;
    margin-bottom: 20px;
} 
  .sec02Nav_index li .date {
    font-size: 1.6rem;
    margin: 5px 0;
}
    .documentTtl {
    font-size: 1.8rem;
}
.subNavsec02_index {
    text-align: right;
}
.subNavsec02_index li {
    font-size: 1.2rem;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}
.subNavsec02_index li a {
    color: #ff0000;
}
.sec03 {
    background: #F7F7F7;
    margin: 0 0 20px 0;
}
.sec03In .subttl {
    padding-top: 15px;
}
.txtSec03_index {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.4;
    margin: 15px 0 30px 0;
}
.sec03Nav_index li {
    width: 100%;
    border: 1px solid #979797;
    padding: 0;
    margin-bottom: 20px;
    background: #fff;
    overflow: visible;
    height: auto;
    }
.sec03Nav_index li a img{ width: 100%; }
.sec03Nav_index li h3 {
    font-size: 1.8rem;
    text-align: center;
    margin: 10px 0;
    }
.sec03Nav_index li p {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0 10px;
}
.sec03Nav_index li:last-child {
    margin-right: 0;
    border: none;
    padding: 0;
    background: none;
}
/*footer*/
    .ftLogoArea {
    width: 100%;
    padding: 0 10px;
    margin: 0; 
}
    .ftLogo {
    width: 85%;
    margin: 0 auto 25px;
    text-align: center;
}
.ftLogo li {
    float:  none;
    display: inline-block;
margin-right: 15px;
}
.ftNavTop, .ftNavBtm {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
.ftNavTop li {
    font-size: 1.2rem;
    float: none;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}    
.ftNavBtm li { margin-bottom: 10px; }  
/* 2col */
    .col2.content {
    width: 100%;
    margin: 20px auto 0;
}
    .company, .content {
    width: 100%;
    margin: 20px auto 0;
}
  .company .sideNavL, .content .sideNavL,.col2.content .sideNavL {
    float: none;
    width: 95%;
    padding: 10px 0;
      margin: 0 10px 15px;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
}  
.company .mainCont,.col2.content .mainCont {
    float:none;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 50px;
}
.company .sideNavL ul li, .content .sideNavL li {font-size: 1.4rem; display: inline-block; }
.company .mainCont dl { display: inherit; }
.company .mainCont dl dt { padding-left: 10px; text-align: left; margin-bottom: 5px; }
.company .mainCont dl dt,.company .mainCont dl dd{ display: inline-block; width: 100%; }
.col2.content .mainCont .itemList dt { width: 100%; margin-bottom: 5px; }
.col2.content .mainCont .itemList dd { width: 100%; }
/* 1col */
.col1 .mainCont { width: 100%; padding: 0 10px; margin: 20px auto 0; }
.tblArea { width: 100%;}
/* survey */
.col2.content .mainCont h1,.company .mainCont h2, .col1 .mainCont h2,#feedback.col1 .howTo dt,
#feedbackdetail.col2.content .entry-header h1,.company .mainCont h1, .col1 .mainCont h1{ font-size: 1.8rem; }
.taglist1,.taglist2,.taglist3,.taglist4,.taglist5,.taglist6,.taglist7,.taglist8,.taglist9 {font-size: 0.8rem; padding: 2px; font-weight: bold; }
/*mr*/
    .mainCont .listArea .listTtl li { font-size: 1.2rem; }
.documentList li.ttlName_list { font-size: 1.2rem; }
.documentList li { font-size: 1.0rem; padding: 10px 0; }
li.ttlName_list { width: 25%; }
.documentList li.cegment_list {font-size: 0.5rem;}
#primary_materials .entry-content .infoArea { margin-bottom: 5px; }
#primary_materials .entry-content .materialInfo .infoArea dt, #primary_materials .entry-content .materialInfo .infoArea dd { font-size: 1.4rem;}
li.date_list { width: 20%; }
li.size_list { width: 14%; }
li.price_list { width: 16%; }
/*feedback*/
#feedbackdetail .announceInfo li {
    font-size: 1.4rem;
    margin-bottom: 5px;
    }
.company .sideNavL, .content .sideNavL, .col2.content .sideNavL {
    padding: 5px 0;
    margin: 15px 10px 0;
    border-top: none;
    border-bottom: none;
    }
.col1 .mainCont #mw_wp_form_mw-wp-form-66 dl dt,
.col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dt { font-size: 1.4rem; border-right: 5px solid #fff; width: 30%; }
.col1 .mainCont #mw_wp_form_mw-wp-form-80 dl dd input[type="text"] { width: 94%; }
    
.col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.zipcode dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.tel dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.zipcode dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.tel dd input[type="text"] {
    width: 70px;
}

.col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.zipcode dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.tel dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.zipcode dd input[type="text"], .col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.tel dd input[type="text"] {
    width: 70px;
}
.col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.zipcode dd input[type="text"],.col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.zipcode dd input[type="text"] { width: 70px; }
.col1 .mainCont #mw_wp_form_mw-wp-form-66 dl.tel dd input[type="text"],.col1 .mainCont #mw_wp_form_mw-wp-form-80 dl.tel dd input[type="text"] { width: 45px; }  
/* company */
.company .mainCont.englishProf dl dt { width: 100%; }
/* privacy */
.col1 .mainCont.privacy dl.point dt { width: 50%; }
/* shuppan */
#shuppan ul { background: url(img/img_syuppan.jpg) no-repeat right top; }
.company .mainCont .micit dl dt {
    width: 100%;
    margin: 0;
    padding: 0;
    }
.company .mainCont .micit dl dd { padding-left: 0; }
/* sub */
.mainCont .listArea#subCateArea .listTtl li.ttlName_list { width: 50%; }
.company .mainCont dl dt { padding-left: 0; }
.company .mainCont #subCateArea dl { display: table; }
.company .mainCont #subCateArea dl dt { width: 50%; }
.company .mainCont #subCateArea dl dt p { width: 100%; }
.company .mainCont #subCateArea dl dt p.taglist9 { margin-bottom: 5px; }
.company .mainCont #subCateArea dl dd { width: 50%; }
/* pressrelease_add */
.company.pressrelease_add .mainCont dl dt { width: 100%; border-right: none; margin: 0; padding-bottom: 0; }
.company.pressrelease_add .mainCont dl dd { width: 100%; }
.company.pressrelease_add .mainCont dl dd input[type="text"] { width: 96%; }
.company.pressrelease_add .mainCont dl dd input.tel { width: 80px; }
.company.pressrelease_add .mainCont dl dd input.zip1 { width: 100px; }
}


/* yarppタイトル部分 */
.yarpp-related h3 { border: 0;
padding: 3px 15px;
line-height: 2;
font-size: 18px;
margin: 0;
}
/* yarpp各リストマーク部分 */
.yarpp-related li {line-height: 2em;
list-style: disc outside;
margin: 0 0 0 36px;
}
/* yarpp記事タイトルリンク部分 */
.yarpp-related li a {font-weight: bold;
}
/* yarpp関連記事全体の調整 */
.yarpp-related {margin-top: 30px;
margin-bottom : 30px;
border : 3px solid #1F5E73;}

/* ShowMoreButton */
.company .mainCont .itList {
    margin-bottom: 0;
}
.company .mainCont .itList .itreport_single_MAINbox .itreport_showmore {
    cursor: pointer;
    color: #10d0fa;
    text-decoration: underline;
    word-break: keep-all;
    margin-left: 10px;
}
.company .mainCont .itList .itreport_single_MAINbox .itreport_single_def-descChild {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company .mainCont .itList .itreport_single_TOCbox {
    width: 650px;
    margin-left: 84px;
}
.company .mainCont .itList .itreport_single_TOCbox .itreport_single_TOCtitle {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 2.2rem;
    color: #0E3299;
    border-bottom: 1px solid #979797;
}
.company .mainCont .itList .itreport_single_TOCbox dd {
    width: 650px;
    max-width: 650px;
}
.company .mainCont .itList .itreport_single_TOCbox .itreport_single_TOCcontents {
    display: block;
    width: 100%;
    line-height: 1.4;
}
.company .mainCont .itList .itreport_single_TOCbox .itreport_TOCclose {
    display: flex;
    justify-content: end;
    padding-top: 10px;
}
.company .mainCont .itList .itreport_single_TOCbox .itreport_close {
    cursor: pointer;
    color: #10d0fa;
    text-decoration: underline;
    margin: 0;
}
.company .mainCont .itList .itreport_single_TOCbox .itreport_close {
    cursor: pointer;
    color: #10d0fa;
    text-decoration: underline;
    margin: 0;
}
.micit.type-micit.hentry { border-bottom: 1px dotted #979797; margin: 0 0 15px 0; } /* instead of L360 */
.itreport_single_TOCtitle .itreport_page { display: inline-block; color: #000; font-size: 1.6rem; margin-left: 10px;} 
@media only screen and (max-width: 768px){
    div.company dl.company_map dd {
        padding-left: 0;
    }
    div.company dl.company_map iframe {
        width: 100%;
    }
    .company .mainCont .itList .itreport_single_MAINbox .itreport_showmore {
        word-break: initial;
        margin-left: 0;
        margin-top: 10px;
        text-align: right;
    }
    .company .mainCont .itList .itreport_single_MAINbox .itreport_single_def-descChild {
        display: block;
    }
    .company .mainCont .itList .itreport_single_TOCbox {
        width: 100%;
        margin: 0;
    }
    .company .mainCont .itList .itreport_single_TOCbox dd {
        width: 100%;
        max-width: none;
    }
}


/* 2022/10/03 release */
body,body * {
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
}

.company .mainCont.englishProf * {
    font-family: 'Open Sans', sans-serif;
}

#header_DTMIC {
    background: #000;
}
#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header #logo_block {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#header #logo {
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    width: 97px;
    margin: 0 5px;
}
#header #headNav {
    display: flex;
    justify-content: space-around;
    border: none;
}
#header #headNav #nav_Company {
    padding: 10px;
}
#headNav > li {
    border-right: 1px solid #f5f5f5;
}
#headNav > li:first-child {
    border-left: 1px solid #f5f5f5;
}
#headNav #home,
#headNav #survey,
#headNav #itreport,
#headNav #press,
#headNav #order,
#headNav #contact,
#headNav #company,
#headNav #ir {
    height: 75px;
}
#headNav #home > a,
#headNav #survey > a,
#headNav #itreport > a,
#headNav #press > a,
#headNav #order > a,
#headNav #contact > a,
#headNav #company > a,
#headNav #ir > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border-bottom: 3px solid #000;
}
#headNav #home > a:hover,
#headNav #survey > a:hover,
#headNav #itreport > a:hover,
#headNav #press > a:hover,
#headNav #order > a:hover,
#headNav #contact > a:hover,
#headNav #company > a:hover,
#headNav #ir > a:hover{
    /* border-bottom: 3px solid #0E3299; */
    border-bottom: 3px solid #98cc04;
}

#headNav #home span,
#headNav #survey span,
#headNav #itreport span,
#headNav #press span,
#headNav #order span,
#headNav #contact span,
#headNav #company span,
#headNav #ir span {
    display: block;
    text-align: center;
    font-size:1.2rem;
    line-height: 1.4;
    color: #f5f5f5;
}

#header #logo_text {
    display: block;
    padding: 10px;
    width: fit-content;
}
#header #logo_text a {
    display: block;
    font-size: 1.6rem;
    line-height: 1.1;
    color: #f5f5f5;
}

@media (max-width: 980px) {
    #header {
        display: block;
        width: 100%;
    }
    #header #logo_block {
        justify-content: start;
    }
    #header #headNav {
        width: 100%;
    }
    #header #headNav > li {
        float: none;
        width: calc(100%/8);
    }
}

@media only screen and (max-width: 768px){
    #headNav { display: none !important; }

    #header #sp_nav .drawer-nav {
        color: #f5f5f5;
        background-color: #000;
    }
    #header #sp_nav .drawer-nav a {
        color: #f5f5f5;
        text-decoration: underline;
    }
}