/*서브비주얼****************************************/ .eQ01 .wrap-sub-visual{background:url(/sites/chinese/images/common/sub_visual_1.jpg) no-repeat center top;background-size: cover;} .eQ02 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_2.jpg) no-repeat center top;background-size: cover;} .eQ03 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_3.jpg) no-repeat center top;background-size: cover;} .eQ04 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_4.jpg) no-repeat center top;background-size: cover;} .eQ05 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_5.jpg) no-repeat center top;background-size: cover;} .eQ06 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_6.jpg) no-repeat center top;background-size: cover;} .eQ07 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_7.jpg) no-repeat center top;background-size: cover;} .eQ08 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_8.jpg) no-repeat center top;background-size: cover;} .main-link-list ul li:first-child {margin-top: 60px;} @media (max-width: 1023px) { .wrap-header .head-navi .div_1 .a_1 { padding: 9px 0; } .wrap-header .head-navi .div_2 .a_2 { color:#666 !important; } .wrap-header .head-navi .div_2 .a_2.on { color:#0c2c67 !important; } .main-link-list ul li {width: 33.3333%;} .main-link-list ul li:first-child {margin-top: 0px;} } .nList_1 > li:nth-child(1):before{content:"1."} .nList_1 > li:nth-child(2):before{content:"2."} .nList_1 > li:nth-child(3):before{content:"3."} .nList_1 > li:nth-child(4):before{content:"4."} .nList_1 > li:nth-child(5):before{content:"5."} .nList_1 > li:nth-child(6):before{content:"6."} .nList_1 > li:nth-child(7):before{content:"7."} .nList_1 > li:nth-child(8):before{content:"8."} .nList_1 > li:nth-child(9):before{content:"9."} .nList_1 > li:nth-child(10):before{content:"10."} .nList_1 > li:nth-child(11):before{content:"11."} .nList_1 > li:nth-child(12):before{content:"12."} .nList_1 > li:nth-child(13):before{content:"13."} .nList_1 > li:nth-child(14):before{content:"14."} .nList_1 > li:nth-child(15):before{content:"15."} .nList_1 > li:nth-child(16):before{content:"16."} .nList_1 > li:nth-child(17):before{content:"17."} .nList_1 > li:nth-child(18):before{content:"18."} .nList_1 > li:nth-child(19):before{content:"19."} .nList_1 > li:nth-child(20):before{content:"20."} .nList_1 > li:nth-child(21):before{content:"21."} .nList_1 > li:nth-child(22):before{content:"22."} .rowBox_arr.ty_4 > li dl dd { border: none; padding: 0px; } .rowBox_arr.ty_4 > li dl { width: 100%; padding: 30px; border: 1px solid #ddd; } .main-link-list ul li.link1 a::before { background: url(/sites/chinese/images/main/main_link_1.png) no-repeat; background-size: 100% auto; } .main-link-list ul li.link2 a::before { background: url(/sites/chinese/images/main/main_link_2.png) no-repeat; background-size: 100% auto; } .main-link-list ul li.link3 a::before { background: url(/sites/chinese/images/main/main_link_3.png) no-repeat; background-size: 100% auto; } .main-link-list ul li.link4 a::before { background: url(/sites/chinese/images/main/main_link_4.png) no-repeat; background-size: 100% auto; } #menu7122_obj283 .rowBox_link { flex-wrap: wrap; } #menu7122_obj283 .rowBox_link > li { margin: 5px 0px; } .ebook-btn .btnM{width: 180px;} @media all and (min-width:1024px){ .wrap-header .head-logo{width: 280px;} .wrap-header .head-navi .div_1 .a_1{font-size: 16px;} .wrap-header .head-logo .logo-img span{font-size: 18px;} .wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 15px;} } @media all and (min-width:1024px) and (max-width:1400px){ .wrap-header .head-logo{width: 180px;} .wrap-header .head-logo .logo-img span{font-size: 22px;} .wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 9px;} } @media (max-width: 768px) { .main-link-list ul li a {min-height:142px;} } @media (max-width: 480px) { .ebook-title{display: block;width: 100%; margin-bottom: 10px;} .ebook-btn{display: block; width: 100%;} .ebook-btn .btnM{display: block; width: 100%;} } @media (max-width: 400px){ .main-link-list ul li {display: table; width: 100%;} }