@charset "UTF-8";
/* HOME
/* OPINIONS
/* PROGRAM


*******************************************************/
/* MIXIN2
-------------------------------------------------- */
/* pc
-------------------------------------------------- */
#spMenuWrap, .spOnly, .pc_hidden, .br999, .br640 { display: none; }

/* pc-small
-------------------------------------------------- */
@media only screen and (max-width: 999px) { .br999 { display: block; } }

/* tablet
-------------------------------------------------- */
/* sp-side
-------------------------------------------------- */
@media only screen and (max-width: 640px) { html { font-size: 62.5%; } body { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .pcOnly, .sp_hidden { display: none; } .spOnly, .pc_hidden, .br640 { display: block; } .spOnly.spOnly-inline, .pc_hidden.spOnly-inline, .br640.spOnly-inline { display: inline; } /*base*/ .asideOpen { position: fixed !important; height: 100% !important; overflow: hidden !important; } body { min-width: 100%; margin: 0; padding: 0; } img { width: 100%; height: auto; } a[href*="tel:"] { pointer-events: auto; } /*baseWrap*/ #wrap { min-width: 100%; min-height: 100%; } .cookie_approval { position: relative; top: 0; left: 0; z-index: 9999; width: 100%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; overflow: hidden; } .cookie_approval.fixed { position: relative; } .cookie_approval.show { padding: 4.6875% 3.125%; max-height: 100%; } .cookie_approval .inner { display: block; width: 100%; } .cookie_approval.close { padding: 0; max-height: 0; overflow: hidden; -webkit-animation: close2 1s; animation: close2 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes close2 { from { padding: 4.6875% 3.125%;
      max-height: 100%; }
    to { padding: 0 3.125%;
      height: 0;
      max-height: 0; } } @keyframes close2 { from { padding: 4.6875% 3.125%;
      max-height: 100%; }
    to { padding: 0 3.125%;
      height: 0;
      max-height: 0; } } .btn_close_approval { margin: 1.25em auto .75em; padding: 1em; display: block; width: 62.5%; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; text-align: center; } .mark_close { position: absolute; top: 50%; -webkit-transform: translateY(-60%); transform: translateY(-60%); right: .25em; line-height: 1; font-size: 2.25em; font-weight: normal; } .have_cookie #wrap #contentsWrap { padding-top: 68.75%; } .close_cookie #wrap #contentsWrap { -webkit-animation: closept 0.5s; animation: closept 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes closept { from { padding-top: 68.75%; }
    to { padding-top: 17.1875%; } } @keyframes closept { from { padding-top: 68.75%; }
    to { padding-top: 17.1875%; } } #header.have_cookie { margin-top: 0; } #header.have_cookie.open { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #002f58; } #header.have_cookie.fixed { margin-top: 0; } #header.have_cookie.fixed #headerWrapper { margin-top: 0; } #header.have_cookie #headerWrapper.open { margin-top: 0; position: relative; overflow: visible; } /*header*/ header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: auto; margin: 0 auto; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; color: #3E3A39; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1); } header:before, header:after, header.clearFix:after { content: none; } header #spMenuWrap { border-bottom: solid 3px #d4da54; -js-display: flex; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; padding: 3.125% 6.25% 3.125% 3.125%; background: #fff; } header #spMenuWrap .logo { width: 57.9310344828%; height: auto; margin: 0 auto; padding-left: 10.3448275862%; } header #spMenuWrap .logo img { position: relative; top: -.125em; } header #spMenuWrap a { display: block; line-height: 1; } header #spMenu { position: relative; top: 0; left: 0; width: 10%; height: 1em; cursor: pointer; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; margin-top: .3em; -js-display: flex; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; z-index: 999; } header #spMenu:after { display: block; position: fixed; top: 0; right: 0; width: 20%; height: 10%; background: transparent; content: ""; } header #spMenu > span { display: block; position: relative; width: 100%; height: 100%; line-height: 1; height: 0; padding-bottom: 4px; background: #3E3A39; -webkit-transition: 0s; transition: 0s; } header #spMenu > span.top { -webkit-animation: menu1 0.2s forwards; animation: menu1 0.2s forwards; -webkit-animation-fill-mode: both; animation-fill-mode: both; } header #spMenu > span.mid { opacity: 1; } header #spMenu > span.btm { -webkit-animation: menu2 0.2s forwards; animation: menu2 0.2s forwards; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes menu1 { 0% { top: 50%;
      -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    50% { -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    100% { top: 0;
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); } } @keyframes menu1 { 0% { top: 50%;
      -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    50% { -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    100% { top: 0;
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); } } @-webkit-keyframes menu2 { 0% { top: -50%;
      -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    50% { -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    100% { top: 0;
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); } } @keyframes menu2 { 0% { top: -50%;
      -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    50% { -webkit-transform: translateY(0%) rotate(0);
      transform: translateY(0%) rotate(0); }
    100% { top: 0;
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); } } header #spMenu > span.menuStr { position: absolute; bottom: -.4125em; padding: 0; border: none; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } header #spMenu > span.menuStr > span { display: block; width: 100%; text-align: center; } header #spMenu > span.menuStr .close { display: none; } header #spMenu.open { display: block; } header #spMenu.open > span { position: absolute; } header #spMenu.open > span.top { top: 50%; -webkit-animation: menu3 0.2s forwards; animation: menu3 0.2s forwards; -webkit-animation-fill-mode: both; animation-fill-mode: both; } header #spMenu.open > span.mid { opacity: 0; } header #spMenu.open > span.btm { top: 50%; -webkit-animation: menu4 0.2s forwards; animation: menu4 0.2s forwards; -webkit-animation-fill-mode: both; animation-fill-mode: both; } header #spMenu.open > span.menuStr { background: transparent; } header #spMenu.open > span.menuStr .menu { display: none; } header #spMenu.open > span.menuStr .close { display: block; margin-top: .25em; } @-webkit-keyframes menu3 { 0% { -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); }
    50% { -webkit-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0); }
    100% { -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); } } @keyframes menu3 { 0% { -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); }
    50% { -webkit-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0); }
    100% { -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); } } @-webkit-keyframes menu4 { 0% { -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); }
    50% { -webkit-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0); }
    100% { -webkit-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg); } } @keyframes menu4 { 0% { -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0); }
    50% { -webkit-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0); }
    100% { -webkit-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg); } } header #headerWrapper { position: fixed; top: 0; left: 0; max-width: 100%; min-width: 100%; height: auto; margin: 0 auto; background: #fff; z-index: -1; max-height: 0; opacity: 0; overflow: hidden; padding: 4.6875% 6.25%; } header #headerWrapper:before, header #headerWrapper:after, header #headerWrapper.clearFix:after { content: none; } header #headerWrapper.open { height: 100%; max-height: 100%; opacity: 1; overflow: auto; z-index: 800; } header #headerWrapper .upperHeader { height: 0; line-height: 1; } header #headerWrapper .upperHeader .langSelector { width: 22%; background: transparent; height: auto; line-height: 1; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: normal; } header #headerWrapper .upperHeader .icon-earth { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } header #headerWrapper .upperHeader .icon-earth img { margin: 0; padding-right: 5.6910569106%; width: 34.1463414634%; } header #headerWrapper .upperHeader .icon-earth span { font-size: 25px; font-size: 2.5rem; font-size: 3.90625vw; } header #headerWrapper .upperHeader .icon-earth:before { margin-right: .25em; font-size: 1.75em; line-height: 1; } header #headerWrapper .upperHeader .language { display: none; } header #headerWrapper .upperHeader .sns { display: none; } header #headerWrapper .upperHeader .aboutWrap { display: none; } header #headerWrapper .gNav { max-width: 100%; min-width: 100%; padding-top: 0; top: 0; background: #fff; } header #headerWrapper .gNav h1 { display: none; } header #headerWrapper .gNav nav { float: none; padding-top: 1.3em; } header #headerWrapper .gNav nav ul { display: block; } header #headerWrapper .gNav nav li { float: left; width: 33.333333333%; margin-left: 0; text-align: center; border-bottom: solid 1px #999; border-left: solid 1px #999; height: 6.7em; } header #headerWrapper .gNav nav li:nth-child(-n+3) { border-top: solid 1px #999; } header #headerWrapper .gNav nav li:nth-child(3n+3) { border-right: solid 1px #999; } header #headerWrapper .gNav nav li.lastLi { border-right: solid 1px #999; width: 33.4%; } header #headerWrapper .gNav nav li a { position: relative; top: -0.5em; left: 0; height: 9em; padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } header #headerWrapper .gNav nav li a > span { display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding-bottom: 16.0714285714%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.05em; vertical-align: bottom; } header #headerWrapper .gNav nav li a:before { display: block; margin-bottom: 0; font-size: 56.25px; font-size: 5.625rem; font-size: 8.7890625vw; position: relative; top: 50%; -webkit-transform: translateY(-75%); transform: translateY(-75%); } header #headerWrapper .gNav nav li a.icon-opinion:before { margin: 0; font-size: 49.5px; font-size: 4.95rem; font-size: 7.734375vw; } header #headerWrapper .gNav nav li a.icon-consult:before { margin: 0; font-size: 49.5px; font-size: 4.95rem; font-size: 7.734375vw; } header #headerWrapper .gNav nav li a.icon-training:before { margin: 0; } header #headerWrapper .gNav nav li a.icon-video:before { margin: 0; font-size: 60.75px; font-size: 6.075rem; font-size: 9.4921875vw; } header #headerWrapper .gNav nav li a.icon-assessment:before { margin: 0; font-size: 49.5px; font-size: 4.95rem; font-size: 7.734375vw; } header #headerWrapper .gNav nav li a.icon-dispatch:before { margin: 0; } header #headerWrapper .gNav nav li a.icon-cases:before { margin: 0; font-size: 67.5px; font-size: 6.75rem; font-size: 10.546875vw; } header #headerWrapper .gNav nav li .spletter { letter-spacing: -.1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } header #headerWrapper .gNav nav li .spletterLong { letter-spacing: -.15em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } header #headerWrapper .spOnly { color: #ccc; } header #headerWrapper .spOnly a { display: block; color: #3E3A39; } header #headerWrapper .spOnly .linkList li { display: inline-block; margin-right: .5em; margin-bottom: .5em; line-height: 1; } header #headerWrapper .spOnly .linkList li.contactLi { display: none; } header #headerWrapper .spOnly .aboutCicomWrap { padding: 1.1em 0; border-bottom: solid 1px #375b79; } header #headerWrapper .spOnly .aboutCicomWrap .aboutCicom { margin-bottom: 0; } header #headerWrapper .spOnly .overseasLink { padding: 1em; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; text-align: center; font-weight: normal; color: #666; } header #headerWrapper .spOnly .overseasLink li a { padding: 0 1em; color: #666; } header #headerWrapper .spOnly .overseasLink li:first-child { width: 100%; } header #headerWrapper .spOnly .overseasLink li:nth-child(2) { border-right: 1px solid #666; } header #headerWrapper .spOnly .overseasLink li:nth-child(3) { border-right: 1px solid #666; } header #headerWrapper .spOnly .headNoLink { display: block; width: 100%; height: auto; margin-right: 0; margin-bottom: 0; padding-bottom: .75em; color: #809fb8; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } header #headerWrapper .spOnly .otherListWrap { padding: 7.1428571429% 0; } header #headerWrapper .spOnly .otherListWrap li a { color: #809fb8; } header #headerWrapper .spOnly .btnHome { width: 100%; margin: 0; padding: .4em 1em; background: #dadf00; } header #headerWrapper .spOnly .btnHome a:before { border-color: #3E3A39; } header #headerWrapper .spOnly .btnDownload { width: 100%; margin: 1em 0 0 0; padding: .4em 1em; background: #3E3A39; } header #headerWrapper .spOnly .btnDownload a { color: #fff; } header #headerWrapper .spOnly .btnDownload a:before { border-color: #fff; } header #headerWrapper .spOnly .sns { padding: 7.8125% 0 3.90625%; text-align: center; } header #headerWrapper .spOnly .sns li { display: inline-block; padding: 0 1em; } header #headerWrapper .spOnly .sns li:before { content: none; } header #headerWrapper .spOnly .sns li a:before { font-size: 1.4em; font-family: "ilm"; } header #headerWrapper .spOnly .sns li.icon-facebook a:before { content: "K"; } header #headerWrapper .spOnly .sns li.icon-twitter a:before { content: "L"; } header #headerWrapper .spOnly .sns li.icon-youtube a:before { content: "R"; } header #headerWrapper .spOnly .icon-andLt a { -js-display: flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; line-height: 1; } header #headerWrapper .spOnly .icon-andLt a:after { line-height: 1; } header #headerWrapper .gNav li a { color: blue; } header.en #headerWrapper .gNav nav li a span { letter-spacing: 0; } /*//header*/ #languagePopup { position: relative; width: 90%; font-family: "existence"; font-size: 2.5em; } #languagePopup li { height: auto; line-height: 1; } #languagePopup li img { display: none; } #languagePopup li .existence { display: block; padding: .5em .25em; } #languagePopup li.popupCloseMark { top: -1em; width: 1em; height: 1em; border: none; } #languagePopup li.popupCloseMark .mfp-close { display: block; width: 100%; height: auto; } #comingPopup, #comingPopup1, #comingPopup2 { width: 70%; max-width: 100%; min-width: 100%; background: url(/images/images2016/online/modal-bg.png); background-size: cover; text-align: center; } #comingPopup .mfp-close-btn-in .mfp-close, #comingPopup1 .mfp-close-btn-in .mfp-close, #comingPopup2 .mfp-close-btn-in .mfp-close { display: none; } #comingPopup .popupCloseMark, #comingPopup1 .popupCloseMark, #comingPopup2 .popupCloseMark { top: 0; right: 0; left: 0; margin: auto; width: 30%; height: 2em; font-size: 1em; letter-spacing: .05em; line-height: 2; } #comingPopup .popupCloseMark:after, #comingPopup1 .popupCloseMark:after, #comingPopup2 .popupCloseMark:after { top: 0; font-size: 1em; line-height: 2; } #comingPopup.line2 .popupCloseMark, #comingPopup1.line2 .popupCloseMark, #comingPopup2.line2 .popupCloseMark { top: auto; margin-top: 1em; } #comingPopup dl, #comingPopup1 dl, #comingPopup2 dl { padding: 2em 1em; } #comingPopup dt, #comingPopup1 dt, #comingPopup2 dt { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #comingPopup dd, #comingPopup1 dd, #comingPopup2 dd { margin: 1em auto 0; background: #0086af; } #comingPopup dd:hover, #comingPopup1 dd:hover, #comingPopup2 dd:hover { background: #62bad5; } #comingPopup.sales li, #comingPopup1.sales li, #comingPopup2.sales li { width: 100%; } #comingPopup.sales li.backgroun-white, #comingPopup1.sales li.backgroun-white, #comingPopup2.sales li.backgroun-white { padding: 1em; } #comingPopup.sales.line2, #comingPopup1.sales.line2, #comingPopup2.sales.line2 { margin: 0 auto; padding: 0; } #comingPopup.sales.line2 .popupCloseMark, #comingPopup1.sales.line2 .popupCloseMark, #comingPopup2.sales.line2 .popupCloseMark { top: auto; bottom: 0; } /*contentsWrap*/ #contentsWrap { width: 100%; margin: 0 auto; padding: 17.1875% 0 0; } #mainContent { width: 100%; /*#localNav1*/ /*#localNav2 _背景blue*/ } #mainContent #mainLead { width: 100%; margin: 0 auto; padding: 6.25% 3.125%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.5; } #mainContent #mainLead.col2Lead { width: 100%; padding: 6.25% 0 0; } #mainContent #mainLead.col2Lead .contentImg { margin-top: 1em; text-align: center; } #mainContent #mainLead > .oList, #mainContent #mainLead .oListN { padding-left: .35em; } #mainContent .col2headline3 + #mainLead { padding-top: 0; } #mainContent .col2headline3 + #mainLead > p:first-child { padding-top: 6.6666666667%; } #mainContent #mainheadline3 { width: 100%; margin: 0 auto; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #mainContent #localNav1 { width: 100%; margin: 0 auto; padding: 0; border-top: solid 1px #999; border-bottom: solid 1px #999; overflow: hidden; /*policy.htmlのlocalNav*/ } #mainContent #localNav1 li { float: left; } #mainContent #localNav1 li:before { padding: 0; color: #58a7bf; content: "｜"; } #mainContent #localNav1 li:first-child:before { content: none; } #mainContent #localNav1 li a { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.4; } #mainContent #localNav1.policyNavi { margin-top: 0; padding: 1.5em 0; border-top: solid 1px #999; border-bottom: solid 1px #999; } #mainContent #localNav1.policyNavi li:before { padding: 0; } #mainContent #localNav1.policyNavi li.lastChild:before { content: none; } #mainContent #localNaviWrap { width: 100%; } #mainContent #localNaviWrap #localNav2 { width: 100%; margin: 0 auto; padding: 1.5em 0.78125% 1.5em 3.125%; } #mainContent #localNaviWrap #localNav2 li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 2; } #mainContent #localNaviWrap #localNav2 li:after { padding: .5em .8em; content: "|"; } #mainContent #localNaviWrap #localNav2 li a { line-height: 1; font-weight: normal; } #mainContent #localNaviWrap #localNav2 .clear { clear: none; } #mainContent #localNaviWrap #localNav2 .spClear { clear: both; } #mainContent #localNaviWrap.localNavi_consulting { padding: 1em 0; } #mainContent #localNaviWrap.localNavi_consulting #locBgWrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; margin: 0 auto; } #mainContent #localNaviWrap.localNavi_consulting #locBgWrap #locBg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; } #mainContent #localNaviWrap.localNavi_consulting #localNav2 { padding: 0 3.125%; } #mainContent #localNaviWrap.localNavi_consulting #localNav2 li { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #mainvisual { position: relative; display: table; } #mainvisual h1 { display: table-cell; width: 100%; height: auto; font-size: 32px; font-size: 3.2rem; font-size: 5vw; vertical-align: middle; letter-spacing: normal; line-height: 1.1; } #mainvisual h1 span { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #mainvisual h1 span.subTitle { display: inline-block; margin: 0 -0.5em 0 0; text-indent: -0.5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #mainvisual h1 .ruby { display: inline; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #mainvisual.secondLayer h1 { height: 100%; } .col2ContentWrap { width: 100%; margin: 0 auto; } .col2Content { width: 100%; padding: 0 3.125%; } .col2Content.firstPadding { padding-top: 6.25%; } /*titleArea, #topicPath*/ #titleArea { width: 100%; margin: 0 auto; } #titleArea .talkGenreWrap { position: relative; bottom: 0; right: 0; padding: 1em 3.125%; } #titleArea .talkGenreWrap p { display: inline-block; float: none; padding: 0; } #titleArea .talkGenreWrap .talkGenre { display: inline-block; padding: 0 1em 0 0; } #titleArea.col2Content { padding: 0; } #titleArea.col2Content #pageTitle { width: 100%; } #titleArea.ttlOneline #topicPath { margin-bottom: 0; } #titleArea.ttlOneline #pageTitle.noSns { margin-bottom: 0; } #topicPath { display: none; } #pageTitle { margin-bottom: 0; padding: 7.8125% 3.125%; font-size: 60px; font-size: 6rem; font-size: 9.375vw; color: #0086af; line-height: 1.2; } #pageTitle span.titleExplan { margin: 0 0 .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.2; } #pageTitle span.titleExplan.shaded { display: inline-block; padding: 0 .5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -0.05em; line-height: 1.5; } #pageTitle span.titleExplan:last-child, #pageTitle span.titleExplan:empty { margin-bottom: 0; } #pageTitle span.titleExplan.spLine2 { line-height: 1.2; } #pageTitle span.titleMain { display: block; font-size: 40px; font-size: 4rem; font-size: 6.25vw; color: #3E3A39; } #pageTitle span.titleMain + br { display: none; } #pageTitle span.titleSub { display: block; margin-top: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; color: #3E3A39; line-height: 1.3; } #pageTitle span.titleSub:empty { margin-top: 0; } #pageTitle span.titleSub.titleSub_consulting { margin-top: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.3; } #pageTitle span.titleSupple { margin-top: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #pageTitle small { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #pageTitle .titleMid { margin-top: 0; font-size: .5em; } #pageTitle.noSns { margin-bottom: 0; } #pageTitle.noSns span.titleExplan { margin: 0 0 .5em; } #pageTitle.noSns span.titleExplan:empty { margin-bottom: 0; } #pageTitle.line3 { margin-top: 0; margin-bottom: 0; } #pageTitle.lineEn { margin-bottom: 0; } #pageTitle .existence { display: block; margin-top: 0; font-size: inherit; letter-spacing: inherit; line-height: 1; } #pageTitle .existence.spOnly { display: block; } /*snsArea*/ .snsArea { padding: 0 3.125%; overflow: hidden; } @-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } } .snsArea ul li { position: relative; margin-right: .25em; height: auto; line-height: 1; vertical-align: middle; } .snsArea ul li:nth-of-type(2) { position: relative; top: 0; } .snsArea ul li:nth-of-type(1) { -webkit-animation: fadeIn 1s forwards 0s; animation: fadeIn 1s forwards 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .snsArea ul li:nth-of-type(2) { -webkit-animation: fadeIn 1s forwards 1.5s; animation: fadeIn 1s forwards 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .snsArea ul li:nth-of-type(3) { -webkit-animation: fadeIn 1s forwards 0s; animation: fadeIn 1s forwards 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .snsArea ul li:nth-of-type(4) { -webkit-animation: fadeIn 1s forwards 0s; animation: fadeIn 1s forwards 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .snsArea ul li iframe { vertical-align: middle; } /* basicContent */ .basicContent.midContent { padding-bottom: 9.375%; } .basicContent.lastContent, .basicContent:last-of-type { padding-bottom: 15.625%; } .basicContent .basicContentWrap { width: 100%; margin: 0 auto; } .basicContent .basicContentWrap p { margin-top: 1.5em; line-height: 1.5; } .basicContent .basicContentWrap figure { margin-top: 1.5em; } .basicContent .basicContentWrap figure figcaption { width: 100%; margin-top: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: 0; } .basicContent .basicContentWrap figure.guestInfo figcaption { display: block; width: 100%; margin-top: 0; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .basicContent .basicContentWrap figure.guestInfo figcaption small { margin-left: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: 0; } .basicContent .basicContentWrap figure.guestInfo figcaption span { margin-top: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.025em; line-height: 1.5; } .basicContent .basicContentWrap .boxCommentary ul { margin: 0; } .basicContent .basicContentWrap .boxCommentary ul li { margin: 0; } .basicContent .basicContentWrap .boxCommentary p { margin-top: 0; } .basicContent .basicContentWrap > ul { margin-top: 2em; } .basicContent .basicContentWrap > ul li { margin-top: 1em; } .basicContent .basicContentWrap > ul li dl { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; } .basicContent .basicContentWrap > ul li dl dt { float: none; width: 100%; margin: 0; text-align: left; } .basicContent .basicContentWrap > ul li dl dd { float: none; width: 100%; margin-top: .5em; padding-left: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; line-height: 1.5; } .basicContent .basicContentWrap > ul li.listenerLine + li, .basicContent .basicContentWrap > ul li.speakerLine + li { margin-top: 2.5em; } .basicContent .basicContentWrap > ul li.listenerLine dt, .basicContent .basicContentWrap > ul li.speakerLine dt { float: none; width: 20%; margin: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } .basicContent .basicContentWrap > ul li.listenerLine dt img, .basicContent .basicContentWrap > ul li.speakerLine dt img { width: 100%; } .basicContent .basicContentWrap > ul li.listenerLine dd, .basicContent .basicContentWrap > ul li.speakerLine dd { position: relative; top: 0; float: none; width: 80%; margin-top: 2%; padding-left: .0em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } .basicContent .basicContentWrap > ul li.listenerLine dl, .basicContent .basicContentWrap > ul li.speakerLine dl { display: block; } .basicContent .basicContentWrap > ul li.listenerLine dl dt, .basicContent .basicContentWrap > ul li.speakerLine dl dt { margin-bottom: 0%; } .basicContent .basicContentWrap > ul li.listenerLine dl dt span, .basicContent .basicContentWrap > ul li.speakerLine dl dt span { width: 0; height: 0; padding: 35.5%; } .basicContent .basicContentWrap > ul li.listenerLine dl dt:after, .basicContent .basicContentWrap > ul li.speakerLine dl dt:after { border: none; content: none; } .basicContent .basicContentWrap > ul li.listenerLine dd, .basicContent .basicContentWrap > ul li.speakerLine dd { width: 100%; } .basicContent .basicContentWrap > ul li.listenerLine .paragraph p, .basicContent .basicContentWrap > ul li.speakerLine .paragraph p { margin-top: 0; } .basicContent .basicContentWrap > ul li.listenerLine .paragraph p + p, .basicContent .basicContentWrap > ul li.speakerLine .paragraph p + p { margin-top: 1em; } .basicContent .basicContentWrap > ul li.iconDoubleLine { position: relative; } .basicContent .basicContentWrap > ul li.iconDoubleLine + li { margin-top: 2.5em; } .basicContent .basicContentWrap > ul li.iconDoubleLine dt { float: none; width: 20%; margin: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } .basicContent .basicContentWrap > ul li.iconDoubleLine dt img { width: 100%; } .basicContent .basicContentWrap > ul li.iconDoubleLine dd { position: relative; top: 0; float: none; width: 80%; margin-top: 2%; padding-left: .0em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } .basicContent .basicContentWrap > ul li.speakerLine2 dd { text-align: left; } .basicContent .basicContentWrap > ul.topicDetail { margin: 2em 0; padding: 0 0 0 1em; line-height: 1.5; } .basicContent .basicContentWrap > ul.topicDetail li { margin-top: 0; padding-left: 1.5em; text-indent: -0.66666em; } .basicContent .basicContentWrap > ul.topicDetail span { display: inline-block; margin-right: .5em; } .basicContent .basicContentWrap > ul.topicDetail.Bold { font-weight: bold; } .basicContent .basicContentWrap > ul.topicDetail.normal { margin-top: 1em; } .basicContent .basicContentWrap > ul.topicDetail.normal li { padding-left: 1.5em; text-indent: -0.66666em; } .basicContent .basicContentWrap > ul.topicDetail.comment li + li { margin-top: .5em; } .basicContent .basicContentWrap > ul.topicDetail.exList .normal { margin: .25em auto .5em; } .basicContent .basicContentWrap > ul.twoComment { margin-top: 0px; width: 100%; } .basicContent .basicContentWrap > ul.twoComment li { width: 50%; margin-top: .5em; padding: 0 .5em; line-height: 1.3; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .basicContent .basicContentWrap > ul.cusumano02 { margin-top: 0; width: 100%; margin-bottom: 1em; padding-left: 0; text-align: center; } .basicContent .basicContentWrap > ul.cusumano02 li { display: inline-block; float: none; } .basicContent .basicContentWrap > ul.cusumano02 a { display: block; } .basicContent .basicContentWrap > ul.lineMargin1 { padding-left: 1em; } .basicContent .basicContentWrap > ul.lineMargin1 li { margin-top: .25em; text-indent: -2em; padding-left: 2em; } .basicContent .basicContentWrap > ul.shanghaitop { margin-top: 2em; } .basicContent .basicContentWrap > ul.shanghaitop li + li { margin-top: .5em; } .basicContent .basicContentWrap > ul.list2.list2-1em { margin-top: 2em; } .basicContent .basicContentWrap > ul.list2.list2-1em li + li { padding-top: .5em; } .basicContent .basicContentWrap .tableContentWrap { position: relative; } .basicContent .basicContentWrap .tableContent { position: relative; width: 700px; font-size: 14px; } .basicContent .basicContentWrap .tableContent.sessionTable { margin-top: 40px; } .basicContent .basicContentWrap .tableContent.sessionTable dl { height: 90px; } .basicContent .basicContentWrap .tableContent.boothTable { margin-top: 2px; } .basicContent .basicContentWrap .tableContent.boothTable dl { height: 159px; } .basicContent .basicContentWrap .tableContent h4 { position: absolute; width: 110px; height: 100%; background: #0086af; color: #fff; font-weight: bold; text-align: center; } .basicContent .basicContentWrap .tableContent h4 span { display: inline-block; position: absolute; top: 50%; right: 0; left: 0; margin-top: -12px; } .basicContent .basicContentWrap .tableContent ul { float: right; width: 590px; margin: 0; } .basicContent .basicContentWrap .tableContent ul li { margin: 0px 0px 2px 0px; } .basicContent .basicContentWrap .tableContent ul li:last-child { margin: 0; } .basicContent .basicContentWrap .tableContent ul li dl { margin: 0 0 0 2px; background: #fff; } .basicContent .basicContentWrap .tableContent ul li dl dt, .basicContent .basicContentWrap .tableContent ul li dl dd { display: table; float: left; width: 100%; height: 100%; margin: 0; padding: 0 30px; text-align: left; box-sizing: border-box; } .basicContent .basicContentWrap .tableContent ul li dl dt span, .basicContent .basicContentWrap .tableContent ul li dl dd span { display: table-cell; vertical-align: middle; } .basicContent .basicContentWrap .tableContent ul li dl dd { width: 365px; border-left: solid 2px #f2f2f2; } .basicContent .basicContentWrap .tableContent:after { display: block; clear: both; content: ""; } .basicContent .basicContentWrap .Afterword { margin-top: 60px; padding: 65px 70px; background: #fff; color: #0086af; font-size: 16px; line-height: 28px; } .basicContent .basicContentWrap .snsArea { margin-top: 45px; padding-bottom: 0; overflow: hidden; text-align: center; } .basicContent .basicContentWrap .snsArea ul { display: inline-block; margin: 0; overflow: hidden; } .basicContent .basicContentWrap .snsArea ul li { float: left; margin-top: 0; margin-right: 4px; } .basicContent .basicContentWrap .snsArea a:hover { opacity: 0.8; } /* introContent */ .introContent .introContentWrap { width: 100%; } .introContent .introContentWrap li { margin-bottom: 1.75em; text-align: center; } .introContent .introContentWrap li:last-child { margin-bottom: 0; } .introContent .introContentWrap li dt { display: inline-block; width: 100%; vertical-align: top; } .introContent .introContentWrap li dt img { width: 33.333333%; max-width: 120px; } .introContent .introContentWrap li dd { display: block; width: 100%; margin-top: 1em; width: 100%; text-align: left; } .introContent .introContentWrap li dd .itim { float: none; } .introContent .introContentWrap li dd p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .introContent .introContentWrap li dd p .name { margin-bottom: .5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; text-align: center; } .introContent .introContentWrap li dd p .guest { text-align: center; } .introContent .introContentWrap li dd p .alphabet { margin-left: 0; padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-align: center; } .introContent .introContentWrap li dd p .alphabet:before { display: inline; margin-right: .5em; margin-left: .5em; content: "｜"; } .introContent .introContentWrap li dd p .belong { display: block; margin-bottom: 0; padding: .25em 0 .5em; text-align: center; } .introContent .introContentWrap li dd p:last-child { color: #3E3A39; letter-spacing: -.025em; } .introContent .introContentWrap li.col2ContentWrap { width: 100%; } .introContent .introContentWrap li.col2ContentWrap dd { width: 100%; } .introContent .introContentWrap a { color: #0086af; } .introContent .introContentWrap a:hover { opacity: .7; } .introContent .introContentWrap.col2ContentWrap { border: none; } .introContent .introContentWrap.col2ContentWrap li dt { width: 100%; } .introContent .introContentWrap.col2ContentWrap li dt img { width: 33.333333%; max-width: 100%; } .introContent .introContentWrap.col2ContentWrap li dd { width: 100%; } .introContentBox { margin-bottom: 1.75em; text-align: center; } .introContentBox:last-child { margin-bottom: 0; } .introContentBox dt { display: inline-block; width: 100%; vertical-align: top; } .introContentBox dt img { width: 33.333333%; max-width: 120px; } .introContentBox dd { display: block; width: 100%; margin-top: 1em; width: 100%; text-align: left; } .introContentBox dd .itim { float: none; } .introContentBox dd p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .introContentBox dd p .name { margin-bottom: .5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; text-align: center; } .introContentBox dd p .guest { text-align: center; } .introContentBox dd p .alphabet { margin-left: 0; padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-align: center; } .introContentBox dd p .alphabet:before { display: inline; margin-right: .5em; margin-left: .5em; content: "｜"; } .introContentBox dd p .belong { display: block; margin-bottom: 0; padding: .25em 0 .5em; text-align: center; } .introContentBox dd p:last-child { color: #3E3A39; letter-spacing: -.025em; } .introContentBox.col2ContentWrap { width: 100%; } .introContentBox.col2ContentWrap dd { width: 100%; } /* outlineWrap */ #outlineWrap, .outlineWrap { border-bottom: solid 0.13333em #3E3A39; } #outlineWrap .address, .outlineWrap .address { padding-bottom: 1em; } #outlineWrap .address dt, .outlineWrap .address dt { float: none; width: 100%; padding: .5em 0; font-weight: bold; } #outlineWrap .address dt:first-of-type, .outlineWrap .address dt:first-of-type { padding-top: 0; } #outlineWrap .address dd, .outlineWrap .address dd { padding: 0 0 1em; border-bottom: solid 1px #ccc; } #outlineWrap .address dd:first-of-type, .outlineWrap .address dd:first-of-type { padding-top: 0; } #outlineWrap .address dd:last-of-type, .outlineWrap .address dd:last-of-type { border: none; } #outlineWrap .address dd .redNote, .outlineWrap .address dd .redNote { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #outlineWrap .address iframe, .outlineWrap .address iframe { width: 100%; } #outlineWrap .address #mapWrap + p, .outlineWrap .address #mapWrap + p { margin: 1em auto; } #outlineWrap .address .mapWrap + p, .outlineWrap .address .mapWrap + p { margin: 1em auto; } #outlineWrap .address .linkList, .outlineWrap .address .linkList { overflow: hidden; } #outlineWrap .address .linkList li, .outlineWrap .address .linkList li { float: left; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #outlineWrap .address .linkList li a:before, .outlineWrap .address .linkList li a:before { top: 0; } #outlineWrap .inlineBox, .outlineWrap .inlineBox { padding-left: 1em; } #outlineWrap .inlineBox span, .outlineWrap .inlineBox span { letter-spacing: -.075em; white-space: nowrap; } #outline hr, .outline hr { border: none; } .tabOutline .tabNav li { padding: 1em 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .tabOutline .tabContentWrap > .tabContent { padding: 1.5em; } .tabOutline .tabContentWrap > .tabContent #outlineWrap, .tabOutline .tabContentWrap > .tabContent .outlineWrap { border: none; } /*#mailRegistration*/ #mailRegistration { width: 100%; padding: 9.375% 0 15.625%; background: #f0f0f0; } #mailRegistration #mailRegistWrap { width: 100%; margin: 0 auto; } #mailRegistration #mailRegistWrap label { float: none; margin: 0; text-align: center; } #mailRegistration #mailRegistWrap label span { display: block; margin-top: 1em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #mailRegistration #mailRegistWrap p { width: 100%; margin: 0 auto; } #mailRegistration #mailRegistWrap p label img { display: block; width: 20%; margin: 0 auto; } #mailRegistration #mailRegistWrap p input { width: 100%; border: 0; line-height: 1; } #mailRegistration #mailRegistWrap p input.emailInput { width: 100%; } #mailRegistration #mailRegistWrap p #submitWrap { position: relative; } #mailRegistration #mailRegistWrap p #submitWrap img { position: absolute; top: 0; right: 0; } #mailRegistration #mailRegistWrap p .btnSubmit { width: 100%; background: #005198; color: #fff; font-size: 16px; font-weight: bold; text-align: left; text-indent: 1em; letter-spacing: 2px; } #mailRegistration #mailRegistWrap p .btnSubmit:hover { background: #62bad5; } #mailRegistration #mailRegistWrap .mailBtnWrap { top: 0; padding: 1em 3.125% 0; } #mailRegistration #mailRegistWrap .mailBtnWrap .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; float: none; } #mailRegistration #mailRegistWrap .mailBtnWrap .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #mailRegistration #mailRegistWrap .mailBtnWrap .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #mailRegistration #mailRegistWrap .mailBtnWrap .btnHome:after { content: ""; } #mailRegistration #mailRegistWrap li dd.pcOnly { display: none; } #mailRegistration #mailRegistWrap li dd.icon-tel-circle, #mailRegistration #mailRegistWrap li dd.btnMail { display: none; } #mailRegistration:after { clear: both; display: block; content: ""; } #mailRegistration.home { min-width: 100%; margin: 0 auto; padding: 0; } #mailRegistration.home #mailRegistWrap { text-align: left; background: #fff; padding: 0 0 1.5625%; } #mailRegistration.home #mailRegistWrap ul { display: block; } #mailRegistration.home #mailRegistWrap li { position: relative; background: #f0f0f0; } #mailRegistration.home #mailRegistWrap li:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #mailRegistration.home #mailRegistWrap li + li { margin-top: 2px; } #mailRegistration.home #mailRegistWrap li dt { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; padding: 3.125% 6.25%; text-align: left; } #mailRegistration.home #mailRegistWrap li dt:before { width: 1.5em; line-height: 1; vertical-align: middle; } #mailRegistration.home #mailRegistWrap li dt.icon-tel:before { display: table-cell; margin-bottom: 0; font-size: 2.1em; } #mailRegistration.home #mailRegistWrap li dt.icon-tel > a { pointer-events: auto; } #mailRegistration.home #mailRegistWrap li dt.icon-desk:before { display: table-cell; margin-bottom: 0; font-size: 2.205em; } #mailRegistration.home #mailRegistWrap li dt.icon-mail { padding-left: 7.25%; } #mailRegistration.home #mailRegistWrap li dt.icon-mail:before { display: table-cell; margin-bottom: 0; font-size: 1.82em; } #mailRegistration.home #mailRegistWrap li dt.icon-mail a { padding-left: .25em; } #mailRegistration.home #mailRegistWrap li dt.askForm { line-height: 1; } #mailRegistration.home #mailRegistWrap li dt a { display: table-cell; vertical-align: middle; padding: 0; text-align: left; } #mailRegistration.home #mailRegistWrap li dd.pcOnly { display: none; } #mailRegistration.home #mailRegistWrap li dd.icon-tel-circle, #mailRegistration.home #mailRegistWrap li dd.btnMail { display: none; } #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dt { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dt:before, #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dt a { display: inline; } #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dt a + a { margin-left: 1em; padding-left: 1em; border-left: solid 1px #ccc; } #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap span.spOnly { display: inline; } #mailRegistration.home #mailRegistWrap li.mail_magazin_wrap:after { content: none; } /*#applyArea*/ #applyArea { padding: 0 0 2em; } #applyArea #applyWrap { width: 100%; } #applyArea #applyWrap .applyHeadline { padding-top: 10%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #applyArea #applyWrap .applyHeadline:before { top: -1px; border-style: solid; border-width: 1em 1em 0 1em; border-color: #f2f2f2 transparent transparent transparent; content: ''; } #applyArea #applyWrap .excuse { display: block; width: 70%; margin: 1em auto; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #applyArea #applyWrap .applyNotes { padding: 1em 0 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #applyArea #applyWrap .applyNotes .excuse { display: block; font-weight: normal; } #applyArea #applyWrap .applyNotes + .entryList { margin-top: 1em; } #applyArea.contactCol2 { width: 100%; margin: 0; background: #0086af; } #applyArea.contactCol2 .applyHeadline { width: 100%; } #applyArea.contactCol2 .boxentryList { margin-bottom: 0; padding-bottom: 1em; } #applyArea.contactCol2 .boxentryList p { margin-bottom: 1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #applyArea.contactCol2 .boxentryList p.place { margin-bottom: .5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #applyArea.contactCol2 .boxentryList .entry-Btn { overflow: hidden; text-align: center; margin-bottom: 2em; } #applyArea.contactCol2 .boxentryList .entry-Btn li { display: inline-block; width: 100%; float: none; margin: 0; padding: 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #applyArea.contactCol2 .boxentryList .entry-Btn li a { display: block; padding: 1em 2em; } #applyArea.contactCol2 .boxentryList .entry-Btn li span { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #applyArea.contactCol2 .boxentryList .entry-Btn li + li { margin-top: .25em; } #applyArea.contactCol2 .boxentryList_row { margin-bottom: 0; padding-bottom: 1em; margin-top: 7.3333333333%; } #applyArea.contactCol2 .boxentryList_row ul.listTitle { display: none; } #applyArea.contactCol2 .boxentryList_row .listPlace, #applyArea.contactCol2 .boxentryList_row .listDate, #applyArea.contactCol2 .boxentryList_row .listLimit, #applyArea.contactCol2 .boxentryList_row .listBtn { width: 100%; } #applyArea.contactCol2 .boxentryList_row .listPlace span, #applyArea.contactCol2 .boxentryList_row .listDate span, #applyArea.contactCol2 .boxentryList_row .listLimit span { margin-right: 0; display: block; width: 100%; } #applyArea.contactCol2 .boxentryList_row .entryList { padding: 0; } #applyArea.contactCol2 .boxentryList_row .entryList ul { display: block; padding: 1.75em 1.5em 1.6em; } #applyArea.contactCol2 .boxentryList_row .entryList ul li { display: -webkit-box; display: flex; height: auto; line-height: 1.25; font-size: 25.6px; font-size: 2.56rem; font-size: 4vw; text-align: left; } #applyArea.contactCol2 .boxentryList_row .entryList ul li + li { margin-top: .5em; } #applyArea.contactCol2 .boxentryList_row .entryList ul li > span { flex-shrink: 0; width: 5.65em; letter-spacing: .01em; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listPlace { text-indent: 0; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listPlace span.-icon-online { width: 100%; -webkit-box-pack: start; justify-content: flex-start; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listPlace span.-icon-online::before { margin: 0 -0.1333333333em 0 0; position: relative; top: -.1em; left: -.1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listDate { text-indent: 0; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listLimit { text-indent: 0; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listBtn { margin-top: 1em; width: 100%; height: 3em; line-height: 3em; text-align: center; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #applyArea.contactCol2 .boxentryList_row .entryList ul li.listBtn a { width: 100%; height: 100%; font-size: 1em; } #applyArea.contactCol2 .boxentryList_row .entryList.line2 { padding: 0; } #applyArea.contactCol2 .applyHeadline + .boxentryList, #applyArea.contactCol2 .applyHeadline + .boxentryList_row { margin-top: 10.6666666667%; } #applyArea + #contactArea.contactCol2 { padding-top: 0; } #applyArea + #contactArea.contactCol2 #contactWrap { padding-top: 0; } #applyArea + #contactArea.contactCol2 #contactWrap .contactLabel { padding-top: 1.5em; border-top: solid 1px rgba(0, 134, 175, 0.2); } #guideArea { padding: 6.25% 0; } #guideArea #guideWrap { width: 100%; margin: 0 auto; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #guideArea #guideWrap p:after { content: none; } .entryList { text-align: center; } .entryList dt { padding-top: 1em; } .entryList dt:first-child { border-top: solid 1px #66afc5; border: none; padding-top: 0; } .entryList dd { padding-bottom: 1em; } .entryList dd:last-of-type { border: none; } .entryList dd.limit { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .entryList .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: auto; margin: 1em auto; } .entryList .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } .entryList .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .entryList .btnHome:after { content: ""; } .entryList .btnHome a { text-indent: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .entryList .btnHome a:before { content: none; } .entryList .btnHome:last-child { margin-bottom: 0; } /*#contactArea*/ #contactArea { padding-bottom: 23.4375%; } #contactArea #contactWrap { width: 100%; height: auto; padding: 12.5% 3.125% 9.375%; background: #EEE; } #contactArea #contactWrap:after { display: block; clear: both; content: ""; } #contactArea #contactWrap .contactLabel { display: block; float: none; width: 100%; height: auto; } #contactArea #contactWrap .contactLabel br { display: none; } #contactArea #contactWrap .contactLabel span { display: block; padding: 0 0 1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: normal; line-height: 1.2; color: #3E3A39; } #contactArea #contactWrap .contactLabel:after { content: none; } #contactArea #contactWrap .contactTel, #contactArea #contactWrap .contactMail { float: none; height: auto; margin: 0; padding: 10% 6.6666666667% 1em; border-right: none; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: 0; line-height: 1; -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } #contactArea #contactWrap .contactTel dt, #contactArea #contactWrap .contactMail dt { right: 0; } #contactArea #contactWrap .contactTel dd, #contactArea #contactWrap .contactMail dd { float: none; right: 0; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } #contactArea #contactWrap .contactTel dd:before, #contactArea #contactWrap .contactMail dd:before { font-size: 40px; font-size: 4rem; font-size: 6.25vw; margin-right: .25em; vertical-align: sub; } #contactArea #contactWrap .contactMail dd a:before { padding-left: .125em; font-size: 48px; font-size: 4.8rem; font-size: 7.5vw; } #contactArea #contactWrap .contactLink { display: block; height: auto; margin-top: -1px; padding-bottom: 10%; line-height: 1; background: #fff; } #contactArea #contactWrap .contactLink p.btnHome { display: block; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: 86.6666666667%; margin: 0 auto; text-indent: 0; } #contactArea #contactWrap .contactLink p.btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #contactArea #contactWrap .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea #contactWrap .contactLink p.btnHome:after { content: ""; } #contactArea #contactWrap .contactLink p.btnHome a { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #contactArea #contactWrap .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #3E3A39; border-right: 0.0769230769em solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea #contactWrap .tel_and_mail { margin-left: 0; padding: 0; float: none; width: 100%; height: auto; line-height: 1; } #contactArea #contactWrap .tel_and_mail .contactTel, #contactArea #contactWrap .tel_and_mail .contactMail { margin: 0; padding: 6.6666666667% 6.6666666667% 1em; display: block; float: none; height: auto; line-height: 1; } #contactArea #contactWrap .tel_and_mail .contactTel dt, #contactArea #contactWrap .tel_and_mail .contactMail dt { right: 0; width: auto; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #contactArea #contactWrap .tel_and_mail .contactTel dd, #contactArea #contactWrap .tel_and_mail .contactMail dd { margin-top: .25em; font-size: 40px; font-size: 4rem; font-size: 6.25vw; } #contactArea #contactWrap .tel_and_mail .contactTel a, #contactArea #contactWrap .tel_and_mail .contactMail a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } #contactArea #contactWrap .tel_and_mail .contactMail { margin-top: -1px; padding-top: 0; line-height: 1; } #contactArea #contactWrap .tel_and_mail + .contactLink { padding: 0.75em 0 8.3333333333%; border: none; display: block; float: none; width: 100%; text-align: center; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome { display: block; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: 86.6666666667%; margin: 0 auto; padding: 0; text-indent: 0; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome:after { content: ""; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome a { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #3E3A39; border-right: 0.0769230769em solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea #contactWrap .tel_and_mail.longAddress { width: 100%; } #contactArea #contactWrap .tel_and_mail.longAddress .contactTel { padding: 6.6666666667% 6.6666666667% 1em; } #contactArea #contactWrap .tel_and_mail.longAddress .contactMail { padding: 0 6.6666666667% 1em; } #contactArea.contactCol2 { width: 100%; margin: 0; padding-bottom: 0; } #contactArea.contactCol2 #contactWrap { padding: 9.375% 3.125%; } #contactArea.contactCol2 #contactWrap .contactLabel { width: 100%; margin-bottom: 1em; padding: 0 0 1em; letter-spacing: .05em; line-height: 1.2; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #contactArea.contactCol2 #contactWrap .contactNotes { width: 100%; margin: 0 0 1em; letter-spacing: 0; line-height: 1.6153846154; } #contactArea.contactCol2 #contactWrap .contactTel, #contactArea.contactCol2 #contactWrap .contactMail { float: none; height: auto; margin: 0; padding: 10% 6.6666666667% 1em; border-right: none; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: 0; line-height: 1; -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } #contactArea.contactCol2 #contactWrap .contactTel dt, #contactArea.contactCol2 #contactWrap .contactMail dt { right: 0; } #contactArea.contactCol2 #contactWrap .contactTel dd, #contactArea.contactCol2 #contactWrap .contactMail dd { float: none; right: 0; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } #contactArea.contactCol2 #contactWrap .contactTel dd:before, #contactArea.contactCol2 #contactWrap .contactMail dd:before { font-size: 40px; font-size: 4rem; font-size: 6.25vw; margin-right: .25em; vertical-align: sub; } #contactArea.contactCol2 #contactWrap .contactMail dd a:before { padding-left: .125em; font-size: 48px; font-size: 4.8rem; font-size: 7.5vw; } #contactArea.contactCol2 #contactWrap .contactLink { display: block; height: auto; margin-top: -1px; padding-bottom: 10%; line-height: 1; background: #fff; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome { display: block; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: 86.6666666667%; margin: 0 auto; text-indent: 0; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome:after { content: ""; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome a { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #contactArea.contactCol2 #contactWrap .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #3E3A39; border-right: 0.0769230769em solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea.contactCol2 #contactWrap .tel_and_mail { margin-left: 0; padding: 0; float: none; width: 100%; height: auto; line-height: 1; } #contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { margin: 0; padding: 6.6666666667% 6.6666666667% 1em; display: block; float: none; height: auto; line-height: 1; } #contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel dt, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dt { right: 0; width: auto; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel dd, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dd { margin-top: .25em; font-size: 40px; font-size: 4rem; font-size: 6.25vw; } #contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel a, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { margin-top: -1px; padding-top: 0; line-height: 1; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink { padding: 0.75em 0 8.3333333333%; border: none; display: block; float: none; width: 100%; text-align: center; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome { display: block; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: 86.6666666667%; margin: 0 auto; padding: 0; text-indent: 0; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome:after { content: ""; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome a { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #3E3A39; border-right: 0.0769230769em solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress { width: 100%; } #contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress .contactTel { padding: 6.6666666667% 6.6666666667% 1em; } #contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress .contactMail { padding: 0 6.6666666667% 1em; } #contactArea.contactCol2 #contactWrap .contactLink { float: none; padding: 0 0 10%; } #contactArea.dl2Line { padding-bottom: 0; } #contactArea.dl2Line .bgWhite { display: block; overflow: hidden; } #contactArea.dl2Line #contactWrap .contactTel { display: block; float: none; padding: 1em 0 0; line-height: 1.2; vertical-align: middle; } #contactArea.dl2Line #contactWrap .contactTel dl { padding: 1em 0; } #contactArea.dl2Line #contactWrap .contactTel dt { width: 100%; margin-bottom: .25em; } #contactArea.dl2Line #contactWrap .contactTel dt, #contactArea.dl2Line #contactWrap .contactTel dd { line-height: 1; vertical-align: middle; } #contactArea.dl2Line #contactWrap .contactTel .faxLine dd a:before { font-size: 40px; font-size: 4rem; font-size: 6.25vw; margin-right: .25em; vertical-align: sub; } #contactArea.dl2Line #contactWrap .contactTel dl, #contactArea.dl2Line #contactWrap .contactTel .faxLine { text-align: center; } #contactArea.dl2Line #contactWrap .contactTel dl dt, #contactArea.dl2Line #contactWrap .contactTel .faxLine dt { margin: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #contactArea.dl2Line #contactWrap .contactTel dl dd, #contactArea.dl2Line #contactWrap .contactTel .faxLine dd { font-size: 54px; font-size: 5.4rem; font-size: 8.4375vw; } #contactArea.dl2Line #contactWrap .contactTel dl dd a:before, #contactArea.dl2Line #contactWrap .contactTel .faxLine dd a:before { font-size: 62px; font-size: 6.2rem; font-size: 9.6875vw; } #contactArea.dl2Line #contactWrap .contactTel .faxLine { padding: 0 0 1.5em; } #contactArea.dl2Line #contactWrap .contactTel dd:before { font-size: 62px; font-size: 6.2rem; font-size: 9.6875vw; } #contactNotes { width: 100%; margin: 0 auto; padding-top: 30px; font-size: 14px; letter-spacing: -1px; line-height: 1.42857142857143; text-justify: inter-ideograph; text-align: justify; } /* aside */ #aside { margin: 0; position: fixed; top: auto; left: 0; bottom: 0; z-index: 1000; padding: 0; width: 23.4375%; height: 23.4375%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; -webkit-transition: 0s; transition: 0s; } #aside #asideIn { margin-top: 0; position: relative; top: 0; left: 0; margin-left: -100%; width: 78.125%; height: 100%; background: #fff; } #aside #asideIn .topLink { width: 100%; height: auto; line-height: 1; padding: 0; } #aside #asideIn .topLink a { width: 100%; height: 100%; padding: 8% 8%; padding-right: 6%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; text-indent: 0; } #aside #asideIn .topLink a:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: 8%; font-size: 1em; right: 0; opacity: 1; } #aside #asideIn .topLink.noLink { padding: 8% 8%; padding-right: 6%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; text-indent: 0; } #aside #asideIn .panelContent h3 { text-align: left; } #aside #asideIn dd li .category, #aside #asideIn dd li a { padding: 0; } #aside #asideIn dd li .category { padding: 0; text-align: center; } #aside #asideIn dd li .category a { padding: 5.2% 14% 5.2% 8%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-indent: 0; } #aside #asideIn dd li .category a:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 0; margin-right: 8%; font-size: 1em; } #aside #asideIn dd li > a { padding: 1em 18% 1em 4%; letter-spacing: -.025em; line-height: 1.3; } #aside #asideIn dd li > a br { display: none; } #aside #asideIn dd li > a br.spOnly { display: block; } #aside #asideIn dd li > a:after { right: 0; margin-top: 0; margin-right: 6%; font-size: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #aside #asideIn dd li .hoverOn { padding: .5em 1em .5em; font-size: .85em; } #aside #asideIn dd li .hoverOn:before { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #aside #asideIn dd .sideBnr { position: static !important; width: 100%; border-top: solid 2px #ddd; } #aside #asideIn dd .sideBnr a { display: block; } #aside #asideIn dd .sideBnr.-bnrBox { margin-top: 0; } #aside #asideIn dd .listMark1 > li > a { padding: 1em 18% 1em 4%; letter-spacing: -.025em; line-height: 1.3; } #aside #asideIn dd .listMark1 > li > a br { display: none; } #aside #asideIn dd .listMark1 > li > a:after { right: 0; margin-top: 0; margin-right: 4.6875%; font-size: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #aside #asideIn dd .listMark1 > li .caseCompany { display: block; } #aside #asideIn .iconNew, #aside #asideIn .iconUpdate { display: none; } #aside #asideIn .iconDd:after { content: none; } #aside #asideIn.noCurrent dd li .category .current { background: inherit; } #aside #asideIn.noCurrent dd li .category .current:hover { background: transparent; } #aside #asideIn .opinionsBnr { position: relative; bottom: 0; border-bottom: 1px solid #333; } #aside #asideIn .opinionsBnr .panelContent { height: auto; padding-bottom: 2em; } #aside #asideIn .opinionsBnr .panelContent dd { padding: 0 1em; } #aside #asideIn .opinionsBnr .panelContent dd h2 { margin-top: 1.5em; line-height: 1; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -0.025em; } #aside #asideIn .opinionsBnr .panelContent dd h3 { margin-top: .5em; line-height: 1.3; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.025em; word-break: break-all; } #aside #asideIn .opinionsBnr .panelContent dd p { margin-top: .5em; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; } #aside #asideIn .opinionsBnr .panelHover { height: 100%; } #aside #asideIn .opinionsBnr .panelContent dd .talkGenreWrap { padding-top: .5em; position: relative; bottom: 0; } #aside #asideIn .bnr_openclass { position: relative; bottom: 0; } #aside #asideIn .bnr_openclass .panelContent { height: auto; padding-bottom: 2em; } #aside .kana { letter-spacing: -0.025em; } #aside li a .dispatchHover { font-size: 0; } #aside.open { background: rgba(0, 0, 0, 0.7); z-index: 10000; overflow-y: scroll; width: 100%; height: 100%; top: 0; bottom: auto; -webkit-transition: 0s; transition: 0s; } #aside.open #asideIn { margin-left: 0; -webkit-transition: 0.2s; transition: 0.2s; overflow-x: visible; } #aside.open #asideOpen { margin-left: 76.5625%; -webkit-transition: 0.2s; transition: 0.2s; } #aside.open #asideOpen:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } #aside.open #asideOpen:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } #asideOpen { position: fixed; top: auto; right: 0; bottom: 0; z-index: 999; margin: 0 3.125% 1.5625% 0; padding: 9.375%; width: 0; height: 0; opacity: .9; background: #dadf00; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; border-width: 0; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); right: auto; left: 0; margin: 0 0 17.1875% 3.125%; } #asideOpen a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #asideOpen a:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 32px; font-size: 3.2rem; font-size: 5vw; padding: 0; text-indent: 0; } #asideOpen a:hover { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #asideOpen:before, #asideOpen:after { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1em; height: .175em; background: #fff; font-size: 32px; font-size: 3.2rem; font-size: 5vw; content: " "; -webkit-transition: 0.3s; transition: 0.3s; } #asideOpen:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } #program #aside #subNav li.categoryList, #caseStudy #aside #subNav li.categoryList, #online #aside #subNav li.categoryList { display: none; } #program .caseCompany, #caseStudy .caseCompany, #online .caseCompany { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #caseStudy #aside #asideIn dd li .category, #online #aside #asideIn dd li .category { display: table; width: 100%; height: auto; } #caseStudy #aside #asideIn dd li .category a, #online #aside #asideIn dd li .category a { display: block; vertical-align: middle; line-height: 1.3; } #caseStudy #aside #asideIn dd li .category.noLink, #online #aside #asideIn dd li .category.noLink { pointer-events: none; } #caseStudy #aside #asideIn dd li .category.noLink a, #online #aside #asideIn dd li .category.noLink a { padding: 4.0625% 10.9375% 4.0625% 6.25%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } /* 2019年版 aside */ #newAside { position: fixed; margin-bottom: 1.5625%; padding-top: 18.75%; top: auto; bottom: 0; left: 3.125%; z-index: 1111; width: 18.75%; } #newAside .sideWrap { position: fixed; top: 0; left: -78.125%; z-index: 990; width: 78.125%; height: 100%; background: #FFF; -webkit-transition: .2s; transition: .2s; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #newAside .navBox { box-shadow: none; } #newAside .navBox .topLinkInner { height: 17.5vw; } #newAside .navBox .topLinkInner:after { right: 4.8%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #newAside .navBox .topLinkTitle { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #newAside .navBox .category { padding: 0 4.8%; font-size: 14px; font-size: 1.4rem; font-size: 2.1875vw; height: 6vw; line-height: 1; } #newAside .navBox .sideNavList > li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #newAside .navBox .sideNavList > li a { padding: 4.8% 18% 4.8% 4%; } #newAside .navBox .sideNavList > li a:after { right: 4.8%; } #newAside .navBox .sideNavList > li:last-child { border-bottom: solid 1px #ddd; } #newAside .sideBnr { margin-top: 0; box-shadow: none; } #newAside.open { margin: 0; padding: 0; top: 0; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } #newAside.open .sideWrap { left: 0; } #newAside.open #asideOpen { margin-left: 76.5625%; } #newAside.open #asideOpen:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } #newAside.open #asideOpen:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } #microlearning #newAside .navBox .topLinkTitle { padding-right: 0; } /*footer*/ .consultingHome #contactArea, .programHome #contactArea, .onlineHome #contactArea, .assessmentHome #contactArea, .openClassHome #contactArea, .caseHome #contactArea, .eventHome #contactArea { margin-bottom: -1px; padding-bottom: 0; } .consultingHome #contactArea #contactWrap, .programHome #contactArea #contactWrap, .onlineHome #contactArea #contactWrap, .assessmentHome #contactArea #contactWrap, .openClassHome #contactArea #contactWrap, .caseHome #contactArea #contactWrap, .eventHome #contactArea #contactWrap { padding: 12.5% 3.125% 0; } .consultingHome #contactArea #contactWrap:after, .programHome #contactArea #contactWrap:after, .onlineHome #contactArea #contactWrap:after, .assessmentHome #contactArea #contactWrap:after, .openClassHome #contactArea #contactWrap:after, .caseHome #contactArea #contactWrap:after, .eventHome #contactArea #contactWrap:after { padding-bottom: 16.6666666667%; } footer p#pageTop { position: fixed; top: auto; right: 0; bottom: 0; z-index: 999; margin: 0 3.125% 1.5625% 0; padding: 9.375%; width: 0; height: 0; opacity: .9; background: #dadf00; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; border-width: 0; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); margin: 0 3.125% 17.1875% 0; padding: 8.75%; border: solid 0.155em #dadf00; background: #fff; opacity: .8; } footer p#pageTop a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } footer p#pageTop a:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 32px; font-size: 3.2rem; font-size: 5vw; padding: 0; text-indent: 0; } footer p#pageTop a:hover { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } footer p#pageTop a:after { color: #3E3A39; } footer #footerWrapper { width: 100%; margin: 0 auto; padding: 14.0625% 3.125% 0; } footer #footerWrapper #footerSiteMap { float: none; width: 100%; margin-left: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } footer #footerWrapper #footerSiteMap h3 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; margin-bottom: 0; line-height: 1; text-align: center; } footer #footerWrapper #footerSiteMap h3 a { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } footer #footerWrapper #footerSiteMap .siteList { margin-top: 1em; margin-bottom: 0; } footer #footerWrapper #footerSiteMap .siteList ul { display: none; } footer #footerWrapper #footerSiteMap .siteList .categoryWrap h3 { display: block; } footer #footerWrapper #footerSiteMap .siteList .categoryWrap h3:not(:first-child) { margin: 1em 0 0; padding: 0; border: none; } footer #footerWrapper #footerSiteMap .otherList { margin: 0; padding: 0 0 16.6666666667%; border-top: none; } footer #footerWrapper #footerSiteMap .otherList ul { display: block; margin-top: 5%; text-align: center; font-size: 0; } footer #footerWrapper #footerSiteMap .otherList ul li { display: inline-block; float: none; } footer #footerWrapper #footerSiteMap .otherList ul li:nth-child(3) a, footer #footerWrapper #footerSiteMap .otherList ul li:nth-child(5) a, footer #footerWrapper #footerSiteMap .otherList ul li:last-child a { border-right: none; } footer #footerWrapper #footerSiteMap .otherList ul li a { display: block; margin-top: .75em; margin-right: .666em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding-right: .666em; border-right: solid 1px #ccc; line-height: 1; color: #999; } footer #footerWrapper #footerSiteMap .otherList li:last-child { border: none; } footer #footerWrapper #footerSiteMap .otherList .headNoLink { margin-bottom: .25em; } footer #footerWrapper #footerSiteMap .otherList .mail_magazine_list li:nth-child(3) a { border-right: solid 1px #ccc; } footer #footerWrapper #footerAddress { margin: 0; padding: 5% 0 6.6666666667%; position: relative; float: none; width: 100%; } footer #footerWrapper #footerAddress:before { border-top: solid 1px #375b79; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 106.6666666667%; height: 1px; content: ""; } footer #footerWrapper #footerAddress p.logo { font-size: 20px; font-size: 2rem; font-size: 3.125vw; position: relative; top: 0; left: -1em; width: 53.3333333333%; height: auto; margin: 0 auto; } footer #footerWrapper #footerAddress .address { display: none; } footer #footerWrapper #footerAddress .tel { margin-top: 1em; -webkit-box-pack: center; justify-content: center; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: center; } footer #footerWrapper #footerAddress .tel:before { position: relative; margin-right: .125em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } footer #footerWrapper #footerAddress .privacyIcon { margin: 0; position: absolute; top: 3.5em; right: 0; width: 15%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } footer #footerWrapper .snsLineWrap { margin: 10.9375% auto; text-align: center; } footer #footerWrapper .snsLineWrap li { display: inline-block; position: relative; top: 0; left: 0; width: 15.625%; height: auto; } footer #footerWrapper .snsLineWrap li:before { font-size: 1.5em; color: #3E3A39; } footer #footerWrapper .snsLineWrap a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } footer #footerWrapper .overseasLink { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; text-align: center; } footer #footerWrapper .overseasLink li { line-height: 1.3; } footer #footerWrapper .overseasLink li a { display: block; } footer #footerWrapper .overseasLink li em { padding: 0 .66666em; border-left: solid 1px #ccc; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; color: #999; } footer #footerWrapper .overseasLink li:nth-child(2) em { padding-left: 0; border-left: none; } footer #footerWrapper .overseasLink li:last-child em { padding-right: 0; } footer #footerWrapper .headNoLink { display: block; width: 100%; margin-bottom: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; color: #005198; } footer #copyrightWrap { width: 100%; padding: 1.7em 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .mcPersonWrap .mcPerson { display: table; width: 100%; margin: 0 auto; padding: 6.25% 3.125%; } .mcPersonWrap .mcPerson dt { display: table-cell; float: none; vertical-align: middle; width: 20%; max-width: 120px; margin-right: 0; } .mcPersonWrap .mcPerson dd { display: table-cell; float: none; vertical-align: middle; width: auto; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding-left: .5em; } .mcPersonWrap .mcPerson dd .belong { font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; } .mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -.025em; } .mcPersonWrap .mcPerson:after { display: block; clear: both; content: ""; } .mcPersonWrap + hr { margin: 0; } .mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; } .mcPersonWrap.col2 { display: block; width: 100%; } .mcPersonWrap.col2 .mcPerson { width: 100%; } /*COMMON layout*/ .parag > p { margin-bottom: 1.5em; line-height: 1.75; } .parag > p:last-of-type { margin-bottom: 0; } .textCenter { text-align: center; } .textJust .blueTitle_sub { margin: 1em 0 2em; } .textLeft.assessmentddtop { padding: 40px 4px 0; } .clearFix:after { clear: both; display: block; content: ''; } .clearFix.cusumano01 ul { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-top: 2em; padding-bottom: 2em; } .clearFix.cusumano01 ul li { float: none; width: 45%; height: 100%; text-align: center; } .clearFix.cusumano01 ul li dl { margin-top: .5em; } .clearFix.cusumano01 ul li dl dt { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .clearFix.cusumano01 ul li dl dd { font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } .clearFix.cusumano01 ul li:nth-child(n+3) { margin-top: 1em; } .clearFix.cusumano01 ul.cusumano02 { display: block; text-align: right; margin-top: 0px; float: right; } .clearFix.cusumano01 ul.cusumano02 li { display: block; width: 30px; height: auto; font-size: larger; font-weight: 900; } .clearFix.cusumano01 ul.cusumano02 li.underline { position: relative; } .clearFix.cusumano01 ul.cusumano02 li.underline:after { display: block; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; border-bottom: 1px solid; padding-bottom: 2px; content: ""; } .anchorLink { padding-top: 17.1875% !important; } a.noIcon:after { content: none !important; } .top0, .spTop0 { margin-top: 0 !important; padding-top: 0 !important; } .spMt0 { margin-top: 0 !important; } .spPt0 { padding-top: 0 !important; } .top5emM, .spMt5em { margin-top: .5em; } .top5emP, .spPt5em { padding-top: .5em; } .spMt1em { margin-top: 1em; } .spPt1em { padding-top: 1em; } .spMt2em { margin-top: 2em; } .spPt2em { padding-top: 2em; } .top30m { margin-top: 6.6666666667%; } .top30p { padding-top: 6.6666666667%; } .top40m { margin-top: 6.6666666667%; } .top40p { padding-top: 6.6666666667%; } .btm0, .spBtm0 { margin-bottom: 0 !important; padding-bottom: 0 !important; } .btm5emM { margin-bottom: .5em; } .btm5emP { padding-bottom: .5em; } .btm1emM { margin-bottom: 1em; } .btm1emP { padding-bottom: 1em; } .btm15 { padding-bottom: 3.3333333333%; } .btm30m { margin-bottom: 6.6666666667%; } .btm30p { padding-bottom: 6.6666666667%; } .btm40m { margin-bottom: 6.6666666667%; } .btm40p { padding-bottom: 6.6666666667%; } .bracket { display: inline-block; text-indent: -0.5em; } .asterLine { display: inline-block; padding-left: 1em; text-indent: -1em; } .bracketsLine { display: inline-block; padding-left: 0.5em; text-indent: -0.5em; } .aster { margin-right: 0.5em; } .spMt1em { margin-top: 1em; } .spMt2em { margin-top: 2em; } .spBtm1em { margin-bottom: 1em; } .spBtm2em { margin-bottom: 2em; } /**btnHome**/ .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; } .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .btnHome:after { content: ""; } .btnHome.btnHome_width_auto { display: block; } .btnHome.btnHome_width_auto a { padding: 1em; } .kana1, .spKana1 { letter-spacing: -0.025em; } .kana, .spKana, .kana2, .spKana2 { letter-spacing: -.05em; } .kana3, .spKana3 { letter-spacing: -.075em; } .panelContent h3 { text-justify: inter-ideograph; text-align: justify; } .letterSpace0 { letter-spacing: 0; } .letterSpace1 { letter-spacing: -0.025em; } .letterSpace2 { letter-spacing: -0.05em; } .letterSpace3 { letter-spacing: -0.075em; } .w105 { width: 105%; } .headlineOpinion { padding: .5em 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: 0.05em; line-height: 1.3; } .headline3Border { color: #0086af; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: 0.05em; line-height: 1.3; } .headline4 { margin-bottom: 1em; padding: 2em 0 .25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.025em; line-height: 1.3; border-width: .13333em; } .headline_bk { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } .headline_lb { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } .col2headline3 { width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; } .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } .col2headline5 { width: 100%; margin: 1.5em 0; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; } .col2headline-blue { width: 100%; margin: 1.5em 0 .5em; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; } .col2headline-yellow { width: 100%; margin: 1.5em 0 .5em; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; } .col2headline_lb { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } .col2headline20_bk { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.3; } .midLine { position: relative; font-weight: bold; overflow: hidden; } .midLine:after { display: block; position: absolute; top: 50%; left: 5em; width: 100%; border-bottom: solid 1px #000; content: " "; } .borderTtl { margin: 0 0 1em; padding: 2em 0 2.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .lead { padding: 0 0 1em; } .lead.lead-pb2 { padding-bottom: 2em; } .lead:last-child { padding-bottom: 0; } .col2Lead { width: 100%; padding-top: 0; } .col2Lead p { letter-spacing: 0; text-align: left; word-break: break-all; } /*catch*/ .catch { width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; } .catch1, .catch2 { clear: both; line-height: 1.1; } .catch1 { margin: 0 0 20px; color: #cc0000; font-size: 19px; } .catch2 { color: #3E3A39; font-size: 14px; } /*notes*/ .notes, .spNotes { padding: 0 0 0 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-indent: -1em; line-height: 1.3; color: #666; } .notes + .notes, .spNotes + .notes { margin: 0 !important; } .notes.noneIndent, .spNotes.noneIndent { padding: 0; text-indent: 0; } .notes.spTop1em, .spNotes.spTop1em { margin-top: 1em; } .notes.textCenter, .spNotes.textCenter { padding-left: 0; } .col2Notes { padding: 0 0 0 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-indent: -1em; line-height: 1.3; color: #666; width: 100%; } .col2Notes + .notes { margin: 0 !important; } .col2Notes.noneIndent { padding: 0; text-indent: 0; } .col2Notes.spTop1em { margin-top: 1em; } .col2Notes.textCenter { padding-left: 0; } .redNotes { color: #c00; } .redNotesBrd { padding: 1em 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } .co2Visual { width: 100%; padding: 40px 0; } .co2Visual + * { margin-top: 0 !important; padding-top: 0 !important; } .shaded { display: inline-block; padding: 0 14px; background: url(/images/images2016/case/label-bg.png) repeat-x; color: #fff; } .boxShadow { box-shadow: 0px 0px 10px rgba(171, 139, 110, 0.39); } .boxCommentary, .boxCommentary2 { width: 100%; margin-top: 0; padding: 6.6666666667% 3.3333333333%; letter-spacing: 0; } .boxCommentary.top30m, .boxCommentary2.top30m { margin-top: 5%; } .boxCommentary + .ideaLead, .boxCommentary2 + .ideaLead { margin-top: 2em; } .boxCommentary.sideNo, .boxCommentary2.sideNo { padding-right: 0; padding-left: 0; } .boxCommentary.borderBox, .boxCommentary2.borderBox { border: 2px solid #1b5172; } .boxCommentary.bottomArrow, .boxCommentary2.bottomArrow { padding: 0; } .boxCommentary.noAfter:after, .boxCommentary2.noAfter:after { content: none; } .boxCommentary:last-child, .boxCommentary2:last-child { margin-bottom: 0; } .boxCommentary ul, .boxCommentary ol, .boxCommentary2 ul, .boxCommentary2 ol { margin: 0; padding-left: .5em; } .boxCommentary ul li, .boxCommentary ol li, .boxCommentary2 ul li, .boxCommentary2 ol li { margin: 0; line-height: 1.3; } .boxCommentary ul li + li, .boxCommentary ol li + li, .boxCommentary2 ul li + li, .boxCommentary2 ol li + li { padding-top: .5em; } .boxCommentary ul li dd, .boxCommentary ol li dd, .boxCommentary2 ul li dd, .boxCommentary2 ol li dd { top: 0; } .boxCommentary .list2, .boxCommentary2 .list2 { padding-left: 0; } .boxCommentary .list2 li, .boxCommentary2 .list2 li { padding-left: 1em; } .boxCommentary .list4, .boxCommentary2 .list4 { padding-left: 1.5em; } .boxCommentary ol, .boxCommentary2 ol { padding-left: 1.5em; text-indent: -1.1em; } .boxCommentary dl, .boxCommentary2 dl { overflow: hidden; } .boxCommentary dl dt, .boxCommentary2 dl dt { display: block; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .boxCommentary dl dd, .boxCommentary2 dl dd { display: block; top: 0; margin-top: .25em; line-height: 1.5; } .boxCommentary dl:nth-of-type(2), .boxCommentary2 dl:nth-of-type(2) { margin-top: 1em; } .boxCommentary dl + dl, .boxCommentary2 dl + dl { margin-top: 1em; } .boxCommentary.picLeft, .boxCommentary2.picLeft { position: relative; top: 0; right: 0; width: 100%; margin-top: 0; padding: 0; } .boxCommentary.picLeft dd, .boxCommentary2.picLeft dd { padding: 1em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .boxCommentary p, .boxCommentary figure, .boxCommentary2 p, .boxCommentary2 figure { margin-top: 0; } .boxCommentary:after, .boxCommentary2:after { bottom: -0.99em; width: 100%; height: 0; padding-bottom: 1em; background: url(/images/images2016/box-shadow.png) no-repeat; background-size: contain; content: ""; } .boxCommentary2.thumbBox a { padding: 5%; display: block; } .boxCommentary2.thumbBox .thumbArea { margin-right: 0; margin-bottom: 3.7037037037%; width: 100%; } .boxCommentary2.thumbBox .textArea { width: 100%; } .boxCommentary2.thumbBox .blueText { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .boxCommentary2.thumbBox .barText { margin-top: .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .boxCommentary2.thumbBox .barText:after { margin-left: .5em; width: 100%; } .boxCommentary2.thumbBox ul li { margin: 0; padding: 0; text-indent: 0; } .boxCommentary2.thumbBox .list2 { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .boxNotes { margin-top: 2em; line-height: 1.75; } .blackBox { margin-bottom: 1em; padding: 1.5em 3.3333333333%; } .blackBox dt { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .blackBox li { padding-left: 1em; text-indent: -1em; } .blackBox li + li { margin-top: .25em; } /*画像*/ .textPhotoSmall { float: right; width: 50%; margin: 2em 0 0; padding: 0.25em 3.125% 3.125%; } .textPhotoSmall span { display: block; width: 100%; margin-top: 0.5em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; line-height: 1.3; } .textPhotoSmall.afterPhoto { position: absolute; top: 0; right: 0; } .textPhotoSmall300 { float: right; width: 50%; margin: 2em 0 0; padding: 0.25em 3.125% 3.125%; } .textPhotoSmall300 span { display: block; width: 100%; margin-top: 0.5em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; line-height: 1.3; } .textPhotoSmall300.afterPhoto { position: absolute; top: 0; right: 0; } .textPhoto { width: 100%; } .photoCenter { position: relative; width: 395px; margin: 0 auto; padding-bottom: 40px; } .photoCenter p { padding: 5px 7px 20px 7px; background: url(/images/opinions/ASTD2014/01_yamazaki/photoBoxBg.png); border: 1px solid #e0dfdf; box-shadow: 0 0 3px #e0dfdf; -moz-box-shadow: 0 0 3px #e0dfdf; -webkit-box-shadow: 0 0 3px #e0dfdf; } .photoCenter p span { display: block; padding: 0.5em 0.5em 0; } .photoCenter:after { display: block; position: absolute; width: 57px; height: 88px; top: -10px; left: -35px; background: url(/images/opinions/ASTD2014/03_kato/photo1-bg.png) no-repeat; content: ''; } .photoLeft { display: table; width: 66.6666%; margin-right: auto; margin-left: auto; } .photoLeft img { display: table-cell; margin-right: 20px; vertical-align: middle; } .photoLeft span { display: table-cell; font-size: 12px; vertical-align: middle; } .photoRight p { float: left; } .photoRight figure { float: right; display: inline-block; width: inherit; } .photoRight figcaption { width: 100%; } /*LINK*/ .linkBlue { color: #0086af; text-decoration: underline; } .link_arrow_wrap { width: 100%; } .link_arrow { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .link_arrow:hover { color: #0086af; } .link_arrow:before { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .innerLink2 { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .innerLink3 { margin: 0 auto; padding: 1em 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; /* /ul */ } .innerLink3 ul { /* column2 */ /* column3 */ } .innerLink3 ul li a { padding: .25em; letter-spacing: -.05em; font-size: 1em; } .innerLink3 ul li a:after { width: .4em; height: .5em; } .innerLink3 ul li.type2 a span { margin-top: .75em; } .innerLink3 ul.column2 li { width: 49%; } .innerLink3 ul.column3 li { width: 32%; } .innerLink3 ul.line3 li a { padding-top: .5em; height: 6em; } .innerLink3 ul.line3 li span { margin-top: .25em; -webkit-transform: scale(0.9); transform: scale(0.9); } .innerLink3 ul.line3 li span.info { font-size: 1em; margin: 0 auto; } /*LIST*/ .list1 { margin-top: 1em; } .list1 li { margin-top: .75em; padding-left: 1em; text-indent: -1em; } .list1 li:first-child { margin-top: 0; } .list1 dt { margin-bottom: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } .list2 li { padding-left: 1.25em; letter-spacing: 0; text-indent: -1.25em; } .list2 li:before { display: inline; margin-right: 0.25em; content: "・"; } .list2 li + li { margin-top: .5em; } .list3 li { margin: 0 0 .75em; padding: 0 0 0 1.8em; text-indent: -1.8em; line-height: 1.5; } .list3 li:last-child { margin-bottom: 0; } .list3 li:before { top: .075em; font-size: 1.2em; } .list3 li dl { margin: .25em 0 0; } .list3 li dt { margin: 0 0 .25em; text-indent: 0; } .list3 li dd { margin: 0; padding: 0; } .list3 li ul { list-style: disc; margin: 0 0 0 2em; font-weight: normal; } .list3 li ul.number { list-style: decimal; } .list3 li ul.m125 { margin: .5em 0 .5em 1.5em; } .list3 li ul.m125 li { font-weight: normal; } .list3 li ul.noDisc { margin-left: 0; list-style-type: none; } .list3 li li { margin: 0; padding: 0; text-indent: 0; } .list3 li li:before { content: none; } .list3 li li li { list-style: circle; } .list3.number { list-style: decimal; } .list3.listInP li { font-weight: bold; } .list3.listInP p { font-weight: normal; text-indent: 0; } .list3.noBefore li:before { content: none; } .list4 { list-style: disc; margin: 0 0 0 1.25em; } .list4 li { margin: 0 0 0.5em; } .list4 li:last-child { margin-bottom: 0; } .listSol { list-style: square; list-style-position: inside; margin: 0; font-weight: bold; text-align: left; } .listSol > li { margin-bottom: 0; padding-left: 1.5em; text-indent: -1.25em; } .listSol > li + li { padding-top: .5em; } .listSol > li ul { list-style: disc; margin: .75em 0 0 .75em; } .listSol > li ul li { padding-left: 0; text-indent: 0; } .listSol > li .listSolInline { list-style: none; margin-left: -.25em; padding-left: 0; } .listSol > li .listSolInline li { padding-left: 1.5em; text-indent: -1.25em; } .listSol .listSolEx1 > li + li { padding-top: 1em; } .listSol .top1em { padding-top: 1em; } .detailList { margin: 2em 0 0; } .detailList li { padding: 1em 0; } .detailList.large { margin: 10px 0 15px 1.6em; } .detailList dd { margin-left: 1.425em; color: #3E3A39; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .detailList dd a { display: inline-block; margin: .25em 0; } .detailList dd a:after { content: ''; } .detailList dd p:last-child { margin-top: 0.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .grayList, .grayList2 { margin: 1em auto; padding: 6.6666666667% 3.3333333333%; } .grayList:last-child, .grayList2:last-child { margin-bottom: 0.5em; } .grayList li, .grayList2 li { padding-left: 1.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.3; } .grayList li:before, .grayList2 li:before { display: inline-block; width: 1em; height: 0; margin-right: 0.5em; } .grayList li .listTtl, .grayList2 li .listTtl { display: inline-block; width: 3em; margin-left: 1.5em; margin-bottom: .5em; font-weight: bold; } .grayList li li, .grayList2 li li { margin-left: 1.5em; padding-left: 1.5em; list-style-type: disc; } .grayList li li:before, .grayList2 li li:before { content: none; } .grayList .notes, .grayList2 .notes { color: #005198; } .grayList2 { margin: 0 0 1em; } .grayList2 li { text-indent: -1.25em; } .grayList2 li:before { content: none; } .lineList li { padding-left: 1.5em; text-indent: -1.5em; } .lineList li:before { width: 1em; } .linkList li, .linkList p { padding-left: 1.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .linkList li a, .linkList p a { left: -1.5em; font-weight: normal; } .linkList li a:before, .linkList p a:before { top: 0; margin-right: 0.25em; font-size: 1.2em; line-height: 1.2; vertical-align: sub; } .linkList li:not(:last-child) { margin-bottom: .5em; } .linkList2 { width: 100%; margin: 0 auto; } .linkList2 li { display: block; position: relative; margin-top: 1em; padding: 0 0.5em 0 0; font-size: inherit; text-indent: inherit; } .linkList2 li a { display: block; position: static; padding: 0 1em 0 10.9375%; line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .linkList2 li a:before { position: absolute; top: 0; left: 0; margin: 0 0 0 3.3333333333%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .linkList2 li a.slashLast:after { content: "／"; } .linkList2.number { list-style: decimal; } .linkList3 li { margin-bottom: 0; } .linkList3 li + li { margin-top: 2em; } .linkList3 li p { display: inline-block; vertical-align: middle; } .linkList3 li p:first-child { width: 100%; margin-right: 0; } .linkList3 li p:first-child img { width: auto; height: 50%; max-width: 100%; margin-bottom: .5em; } .oList li:first-child, .oListN li:first-child { margin-top: 0; } .oList li p, .oListN li p { margin-top: .5em; font-weight: normal; } .oList li p.spOnlyIndent, .oListN li p.spOnlyIndent { text-indent: 0px; padding-left: 0; } .oList li .ddd, .oListN li .ddd { list-style: disc; margin: 0; font-weight: normal; padding: 0; } .oList li .ddd:last-child, .oListN li .ddd:last-child { margin-bottom: .25em; } .oList li .ddd li, .oListN li .ddd li { margin: 0 0 .25em 0; padding-left: 1em; list-style-position: inside; } .oList + .noteO, .oListN + .noteO { margin-top: 1em; padding-left: 1.5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .oList.number, .oListN.number { list-style: decimal; } .oListN { font-weight: normal; } .panelList1 { width: 100%; margin: 0 auto; padding-bottom: 0; } .panelList1 li { margin-bottom: 1.6666666667%; } .panelList1 li:before { top: 0; left: 0; margin: 3.6666666667% 0 0 3.3333333333%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .panelList1 li p { padding: 1em 1em 1em 10.9375%; line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.0625em; } .panelList1 li a { display: block; width: 100%; height: 100%; } .panelList1 li.pdf a p small:after { margin-left: .5em; display: inline-block; width: 1.2em; height: 1.2em; content: ""; background: url(/images/images2016/case/icon-pdf.png) no-repeat center center; background-size: cover; vertical-align: top; } .panelList1 li.pdf:after { display: none; } .panelList1 .label { min-width: 6em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .squareList1 li { padding: 6.6666666667%; } .voiceList li { margin-top: 0.75em; padding: 0 0 0 1.8em; line-height: 1.6; } .voiceList li:before { margin: 0 0.5em 0 0; font-size: 1.2em; } .inlineList { padding: .5em 0 0; } .inlineList h4 { margin: 0 0 .5em; } .inlineList li { padding-left: 1em; position: relative; } .inlineList li:before { content: "▶　"; font-size: 50%; position: absolute; top: .4em; left: 0; } .headPointList li { padding-left: 1em; text-indent: -1em; } .headPointList li:before { content: ""; display: inline-block; position: relative; top: -2px; width: 0; height: 0; margin-right: .75em; padding: 3.5px; background: #000; border-radius: 50%; } .col2CenterList { padding: 0 0 1em; } .col2CenterList li { padding: 1em; } .mohanList { margin: 0 auto 10%; } .mohanList dt { margin-bottom: 1em; } .arrowList { padding-bottom: 1em; } .arrowList li { padding-top: .5em; padding-left: 1em; text-indent: -1.25em; } .movieList { display: block; } .movieList li { display: block; width: 100%; } .movieList li + li { margin-top: 1em; } .faqList > li:not(:last-child) { margin-bottom: 1.25em; } .faqList p.q { margin-bottom: .5em; } .faqList p .icon { margin-right: 1em; line-height: 1.3; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } /*tab1*/ #tabMenu1 { width: 100%; margin: 0 auto; padding: 0 3.125%; } #tabMenu1 .tabmenu { display: -webkit-box; display: flex; } #tabMenu1 .tabmenu li { position: relative; float: left; width: 199px; margin-right: 1px; line-height: 50px; background: #79bcd0; box-sizing: border-box; color: #fff; } #tabMenu1 .tabmenu li:last-child { width: 100%; margin-right: 0; } #tabMenu1 .tabmenu li a { display: block; color: #fff; text-align: center; } #tabMenu1 .tabmenu li.selected { background: #0086af; } #tabMenu1 .tabmenu li.selected:after { position: absolute; top: 49px; right: 0px; width: 0; height: 0; LEFT: 0; MARGIN: AUTO; border-style: solid; border-width: 7px 7px 0 7px; border-color: #0086af transparent transparent transparent; content: ''; } #tabMenu1 .tabmenu:after { display: block; content: ""; clear: both; } #tabMenu1 .tabmenu.pcOnly { display: none; } .openClassHome #tabMenu1 { padding: 0; } .content { width: 100%; margin: 0 auto; } .tabbox { display: none; position: relative; margin-top: 0; padding-bottom: 0; } .tabbox li + li { margin-top: .25em; } .tabbox dl { margin-bottom: 0; padding: 3.3333333333% 3.3333333333% 3.3333333333% 12%; } .tabbox dl:before { display: inline; position: absolute; top: 50%; left: 0; margin-top: 0; margin-left: 3.3333333333%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tabbox dl .datePlace { margin-bottom: .25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.2; } .tabbox dl .subTitle { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .tabbox dl dd { line-height: 1.3333; } #openClass.openClassHome .tabbox dl .datePlace, #event.eventHome .tabbox dl .datePlace { line-height: 1.4; } /*table*/ .table1, .table2, .table3, .table4, .tableMini { position: relative; table-layout: fixed; width: 100%; margin-top: 6.6666666667%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 900; } .table1 td, .table1 th, .table2 td, .table2 th, .table3 td, .table3 th, .table4 td, .table4 th, .tableMini td, .tableMini th { display: block; width: 100%; border: 1px solid #f2f2f2; } .table1 th, .table2 th, .table3 th, .table4 th, .tableMini th { width: 100%; padding: 1em; color: #FFF; background: #0086af; text-align: left; } .table1 td, .table2 td, .table3 td, .table4 td, .tableMini td { width: 100%; padding: 1em; background: #fff; text-align: left; } .table1.grid td, .table1.grid th, .table2.grid td, .table2.grid th, .table3.grid td, .table3.grid th, .table4.grid td, .table4.grid th, .tableMini.grid td, .tableMini.grid th { display: table-cell; word-break: break-all; } .table2 { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .table2 th, .table2 td { display: block; width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .table2 th small, .table2 td small { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .table2 th p, .table2 td p { margin: 0 0 1em 0; } .table2 th { padding: .5em; text-align: center; vertical-align: middle; } .table2 th.tall { padding: .25em 0; } .table2 th span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .table2.enProfile td p { margin: 0; } .table2.programFollowTable th { width: 100%; text-align: left; padding: 10px; } .table2.programFollowTable td { padding: 10px; letter-spacing: -1.5px; } .table2.mgt { margin-bottom: 1.5em; } .table2.mgt th { padding: 1em; } .table2.mgt td { padding: 0.5em 1em; } .table2.spAlsoTable { width: 93.75%; margin: 2em auto; } .table2.spAlsoTable th, .table2.spAlsoTable td { display: table-cell; width: auto; } .table2.spAlsoTable:last-child { margin-bottom: .25em; } .table4 th, .table4 td { border: 1px solid #f2f2f2; letter-spacing: -.1em; } .table4 th { width: 100%; padding: 1em; text-align: center; vertical-align: middle; } .table4 td { padding: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.05em; } .table4 td p { margin: .5em auto; } .table4 td p:first-child { margin-top: 0; } .table4 td p:last-child { margin-bottom: 0; } .table4 td .list4 li { margin-bottom: .25em; } .table4 td .list4 li:last-child { margin-bottom: 0; } .table5 td, .table5 th { padding: 1em .5em; } .tableNenpyo tr { border-bottom: solid 1px #f2f2f2; } .tableNenpyo tr:first-child th, .tableNenpyo tr:first-child td { padding-top: 0; } .tableNenpyo th, .tableNenpyo td { padding: 1em 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .tableNenpyo th { width: 25%; } .flowRight img { float: right; margin-left: 1em; } .flowRight:after { clear: both; display: block; content: ''; } .flowRight + .arrow { list-style: none; text-align: right; } .borderTable th[colspan="2"], .borderTable .gray { color: #3E3A39; } .borderTable tbody { display: table; } .borderTable tbody th, .borderTable tbody td { display: table-cell; width: 50% !important; } /*explanation*/ .explanation1, .explanation2, .explanation3 { margin: 0 0 6.6666666667%; } .explanation1 dt, .explanation2 dt, .explanation3 dt { margin: 1em 0 .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .explanation2 { padding: 6.6666666667% 3.3333333333%; } .explanation2 dd > ul { padding: 0; font-weight: normal; } .explanation3 { padding: 6.6666666667% 3.3333333333%; } .outlineBox1 { margin: 0 0 1em; padding: 3.3333333333%; } .outlineBox1 dt { margin-top: .5em; } .outlineBox1 dt:first-child { margin-top: 0; } .outlineBox2, .outlineBox3 { margin: 0 0 1em; background: url(/images/headline3BorderBg.png); padding: 0.8333333333%; } .outlineBox2 dl, .outlineBox3 dl { padding: 1.6666666667%; } .outlineBox2 ul, .outlineBox3 ul { padding: 1.6666666667%; } .outlineBox3 { background: url(/images/outlineBoxBg3.png); } .outlineBox3 .title { margin: 0 0 1em; padding: 0 0 .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .outlineBox3 dd dl { margin-bottom: 1em; } .outlineBox3 dd dl dt { float: left; width: 100%; } .outlineBox3 dd dl dd { padding-left: 0; } .outlineBox3 dd dl dd img { border: 1px solid #CCC; } .outlineBox4 dt { padding: .5em; } .outlineBox4 dd { padding: 1em 1.6666666667%; } .outlineBox4.textLeftBox ul { padding-left: 1.5em; } .outlineBox4.textLeftBox dd { margin: 0; } .outlineBox4 .list4 { margin: .5em 0; padding: 0; } .outlineBox4 .list4 li { line-height: 1.5; } .ovalArrow { width: 50%; margin: 0 auto 1em; } .ovalArrow img { vertical-align: top; } .ovalArrow + .outlineBox1 { border: solid 1px #005198; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: left; } /*lecturer*/ #lecturerWrap, #lecturerWrapS, #lecturerWrapSS, .lecturerWrapClass { margin: 0 0 6.6666666667%; } #lecturerWrap:last-child, #lecturerWrapS:last-child, #lecturerWrapSS:last-child, .lecturerWrapClass:last-child { margin-bottom: .5em; } #lecturerWrap .supervision, #lecturerWrapS .supervision, #lecturerWrapSS .supervision, .lecturerWrapClass .supervision { margin: 0 !important; padding: .25em 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #lecturerWrap .lecturer, #lecturerWrapS .lecturer, #lecturerWrapSS .lecturer, .lecturerWrapClass .lecturer { padding: 0 0 1em; } #lecturerWrap .lecturer .photo, #lecturerWrapS .lecturer .photo, #lecturerWrapSS .lecturer .photo, .lecturerWrapClass .lecturer .photo { display: block; float: none; width: 33.3333333333%; margin: 1em auto .5em; text-align: center; } #lecturerWrap .lecturer .name, #lecturerWrapS .lecturer .name, #lecturerWrapSS .lecturer .name, .lecturerWrapClass .lecturer .name { margin: 0 !important; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #lecturerWrap .lecturer .alphabet, #lecturerWrapS .lecturer .alphabet, #lecturerWrapSS .lecturer .alphabet, .lecturerWrapClass .lecturer .alphabet { padding: 0 0 0 .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; vertical-align: baseline; } #lecturerWrap .lecturer .title, #lecturerWrapS .lecturer .title, #lecturerWrapSS .lecturer .title, .lecturerWrapClass .lecturer .title { margin: 0 0 .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #lecturerWrap .lecturer dl, #lecturerWrapS .lecturer dl, #lecturerWrapSS .lecturer dl, .lecturerWrapClass .lecturer dl { float: none; width: 100%; text-align: center; } #lecturerWrap .lecturer dt, #lecturerWrapS .lecturer dt, #lecturerWrapSS .lecturer dt, .lecturerWrapClass .lecturer dt { margin: .5em 0; } #lecturerWrap .lecturer dt p, #lecturerWrapS .lecturer dt p, #lecturerWrapSS .lecturer dt p, .lecturerWrapClass .lecturer dt p { margin: 0; } #lecturerWrap .lecturer dd, #lecturerWrapS .lecturer dd, #lecturerWrapSS .lecturer dd, .lecturerWrapClass .lecturer dd { font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-align: left; } #lecturerWrapS .photo { display: inline; float: left; width: 120px; margin: 0; } #lecturerWrapSS .lecturer .photo { display: inline; float: left; width: 80px; margin: 0; } #lecturerWrapSS .lecturer dl { width: 570px; } #lecturerWrap .lecturer.noPhoto dl { float: none !important; width: 100% !important; padding: 2% 3%; } #lecturerWrap-2column { font-size: 12px; } #lecturerWrap-2column .supervision { margin: 0 !important; padding: 4px 0; background: #1b5172; color: #FFF; text-align: center; font-weight: bold; font-size: 16px; } #lecturerWrap-2column .lecWrap { padding: 10px 0 0 0; margin-bottom: 15px; border-bottom: 2px solid #77a4c4; } #lecturerWrap-2column .lecturer { width: 320px; float: left; } #lecturerWrap-2column .lecturer.first { margin: 0 15px 0 0; } #lecturerWrap-2column .lecturer .photo { float: left; } #lecturerWrap-2column .lecturer .name { font-size: 24px; } #lecturerWrap-2column .lecturer dl { position: relative; height: 105px; } #lecturerWrap-2column .lecturer dl dd { position: absolute; bottom: 0; width: 240px; left: 90px; margin-bottom: 5px; } #lecturerWrap-2column .lecturer .prof { clear: both; } #lecturerWrap-2column .lecturer .posi { font-size: 10px; line-height: 1.1; display: block; } .lecturerWrapClass { margin: 0; } .lecturerWrapClass .lecturer { border-bottom: none; } #lecturerWrap + #columnWrap { margin: -30px 0 0; } .lecturerPanel { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-top: 0; padding-bottom: 0; } .lecturerPanel li { position: relative; float: none; margin: 1em 0 0; padding-bottom: 3em; width: 49.1666666667%; height: auto; } .lecturerPanel li:nth-of-type(3n) { margin-right: 0; } .lecturerPanel li dl { width: 100%; height: 100%; } .lecturerPanel li dd P { display: none; } .lecturerPanel li .name { padding: 6.7796610169% 0 0.5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .lecturerPanel li .name .alphabet { font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1; } .lecturerPanel li .photo.ajaxNo img { width: 50%; } .lecturerPanel li .belong { padding: .5em 1em 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .lecturerPanel li .belong.line2 { padding: .5em 1em 0; letter-spacing: -.025em; } .lecturerPanel li .belong.line3 { padding: .5em 1em 0; letter-spacing: -.025em; } .lecturerPanel li .profile { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .lecturerPanel li .profile:after { top: 0; right: .5em; font-family: "ilm"; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .lecturerPanel:after { display: block; clear: both; content: ""; } /*book dvd*/ .bookWrap { margin: 0; } .bookWrap .streamer { margin: 0; padding: .25em 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .bookWrap .item { padding: 1.5em 0; } .bookWrap .item:first-child { padding-top: 0; } .bookWrap .item .photo { display: inline; float: left; width: 100%; margin: 0 0 1em; } .bookWrap .item .photo img { width: 50%; } .bookWrap .item .name { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } .bookWrap .item .subtitle { position: relative; top: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.3; letter-spacing: -.05em; } .bookWrap .item .price { margin-top: 1em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: .025em; } .bookWrap .item .kana { letter-spacing: -.025em; } .bookWrap .item .notes { display: block; margin-top: .25em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .bookWrap .item dl { float: left; width: 100%; } .bookWrap .item dd { position: relative; margin-top: .75em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.3; } .bookWrap .item dd ul { list-style: none; text-align: center; width: 100%; border-top: 1px dotted #ccc; padding: 0; } .bookWrap .item dd li { display: inline-block; } .bookWrap .item .detailLink { margin-top: 1em; padding-top: 1em; border-top: dotted 1px #b5b5b5; } .bookWrap .item .detailLink .btnHome { display: inline-block; width: 100%; height: auto; margin-top: 0; line-height: 1; } .bookWrap .item .detailLink .btnHome a { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: .025em; } .bookWrap .item .detailLink .btnHome a:hover { background: #7da0c6; color: #fff; } .bookWrap .item .detailLink .btnHome:after { right: 0; } .bookWrap .item .detailLink .btnHome:hover { background: #7da0c6; color: #fff; } .bookWrap .item .detailLink .btnHome + .notes { margin-top: .5em; } .bookWrap .item:after { clear: both; display: block; content: ''; } #DVD li.btnHome { margin-top: .5em; width: auto; height: auto; line-height: 1; } #DVD li.btnHome:first-child { width: 100%; } #DVD li.btnHome a { display: block; padding: .5em 2em; letter-spacing: .05em; } #DVD li.btnHome a:hover { background: #7da0c6; color: #fff; } #DVD li.btnHome:after { right: 0; } #publishDetail { display: table; position: relative; width: 100%; margin-top: 0; padding: 6.6666666667% 3.3333333333%; text-align: center; } #publishDetail:after { display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; margin: 0 auto; background: url(/images/images2016/box-shadow-col2.png) no-repeat; background-size: contain; content: ""; z-index: 999; } #publishDetail .photo { display: block; width: 100%; margin: 0; padding-right: 0; } #publishDetail .photo img { width: 70%; } #publishDetail .detail { display: block; width: 100%; margin-top: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } #publishDetail .detail dd { padding-left: 0; text-align: left; } .publishContact { padding: 20px 30px 30px; border-top: 1px solid #CCC; } .publishContact dl dt { font-weight: bold; } .book dt { float: left; width: 100px; } .book dd { float: left; width: 550px; } /*proposal-case_introduction-*/ .proposal { padding: 0 3.3333333333% 3.3333333333%; } .proposal .title { padding: 1em 0; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .proposal dt { padding: 3.5714285714% 3.5714285714% 0; } .proposal > dd { margin: 0 0 1em; } .proposal > dd .sub { padding: .5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } .proposal > dd div { padding: 3.5714285714%; } .proposal > dd.figure { margin: 1em 0; border: .1em solid #234d54; } .proposal > dd dd { padding: 3.5714285714%; } .proposal > dd dd p { padding: 7.6923076923% 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .proposal > dd dd dl { padding: 0; } .proposal > dd dd dt { padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .proposal > dd dd dd { margin-top: .25em; padding: 0; font-weight: normal; } .proposal > dd dd dd + dt { margin-top: .5em; } .proposal > dd dd ul { padding: 0; } .proposal > dd dd li { margin-bottom: 0; } .proposal > dd dd li + li { margin-top: .25em; } .proposal > dd dd li:before { display: inline; margin-right: 0.25em; content: "・"; } .proposal > dd dd li.noDisc:before { content: none; } .proposal > dd dd .list2 { padding-top: .25em; } .proposal .photo { float: none; width: 100%; padding: 0; } .proposal .photo + p { float: left; width: 100%; font-size: inherit; } .proposal.type1 > dd dd p:first-child { padding: 0 0 1em; } .proposal.type1 > dd dd ul { padding: 0; } .phaseBox { padding: 0; } .phaseBox > li { padding: 6.25% 3.125% 0; } .phaseBox > li + li { padding-top: 1em; } .phaseBox > li:last-child { padding-bottom: 6.25%; } .phaseBox > li dl { padding: 6.6666666667% 3.3333333333%; background: #fff; } .phaseBox > li dl .col2headline4 { position: relative; margin-top: 0; padding-top: 0; } .phaseBox > li dl ul { padding: 0; } .phaseBox > li dl li { position: relative; margin-left: -0.25em; padding-left: 1.25em; font-weight: bold; text-indent: -1.25em; } .phaseBox > li dl li:before { display: inline; margin-right: 0.25em; content: "・"; } .phaseBox .phaseImg { position: relative; margin-top: -1em; padding: 3.5714285714%; background: #fff; } .button1 { -ms-box-shadow: 0px 0px 0px 2px #81abc4; -o-box-shadow: 0px 0px 0px 2px #81abc4; box-shadow: 0px 0px 0px 2px #81abc4; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6f9fbb), color-stop(1, #4c87ab)); background: -webkit-linear-gradient(top, #6f9fbb 5%, #4c87ab 100%); background: linear-gradient(to bottom, #6f9fbb 5%, #4c87ab 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$btnBgColor', endColorstr='$btnBgBtm',GradientType=0); background-color: #6f9fbb; border-radius: 10px; -webkit-transition: 0s; transition: 0s; display: inline-block; cursor: pointer; color: #fff; text-shadow: 0px 1px 0px #283966; box-shadow: 0 2px #666; } .button1:hover { opacity: .9; } .button1:active { position: relative; top: 1px; box-shadow: 0 1px #666; } .telBox { letter-spacing: -.025em; } .telBox dt { float: none; margin-right: 0; margin-bottom: .5em; line-height: 1; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .telBox dd { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; float: none; font-size: 46px; font-size: 4.6rem; font-size: 7.1875vw; line-height: 1; } .telBox .tel:before { font-size: 60px; font-size: 6rem; font-size: 9.375vw; margin-right: .2em; } .telBox .lastTel { margin-top: .25em; margin-left: 0; } .telBox .notes { margin-top: .25em; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-indent: -.5em; } .telBox .contactMail { margin-top: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } .telBox .contactMail:before { content: none; } .telBox .contactMail.line1 { margin-left: 0; } .telBox .contactMail a { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; margin-left: 0; letter-spacing: .025em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .telBox .contactMail a:before { font-size: 56px; font-size: 5.6rem; font-size: 8.75vw; margin-top: 2%; margin-right: .2em; } .iconUpdate { position: absolute; top: -45px; right: 5px; width: 60px; height: 60px; line-height: 60px; font-size: 14px; text-align: center; background: #f30; color: #fff; border-radius: 50%; } .kouzaGaiyoWrap { margin-bottom: 3em; } .kouzaGaiyoWrap h2 { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .kouzaGaiyoWrap h2 span { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dt { padding: .25em .25em .25em .66em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; text-align: left; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dt small { margin-top: .5em; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left; transform-origin: left; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd { padding: 1em; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h3 { margin-bottom: .2em; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h4 { line-height: 1.3; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; background: none; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p { text-indent: 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p small { margin-left: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p.min { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .facName { display: block; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .facName small { margin: 0; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .name_belong { display: block; } .kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .name_belong > small { margin-left: 0; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy h4 { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy h5 { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg { margin: .5em 0; padding: .8em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg + h4 { margin-top: .75em; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg li { padding-left: 1em; text-indent: -1em; line-height: 1.2; } .kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg li + li { margin-top: .25em; } .kouzaGaiyoWrap .kouzaGaiyoDetail .networkingBranch { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .kouzaGaiyoWrap .kouzaGaiyoDetail .kouzaGaiyoDetailInner { padding: 1em; } .kouzaGaiyoWrap .kouzaGaiyoDetail .kouzaGaiyoDetailInner h3 { margin-bottom: .2em; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } .free, .experience, .paid { position: relative; top: 0; left: 0; overflow: hidden; } .free:before, .experience:before, .paid:before { top: -5.5em; left: -5.5em; width: 8em; height: 8em; } .free:after, .experience:after, .paid:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; top: .4em; left: .075em; letter-spacing: .125em; -webkit-transform: rotate(-45deg) scale(0.7); transform: rotate(-45deg) scale(0.7); } .free:before, .free:after, .experience:before, .experience:after, .paid:before, .paid:after { content: none; } .free dl, .experience dl, .paid dl { position: relative; position: relative; top: 0; left: 0; overflow: hidden; } .free dl:before, .experience dl:before, .paid dl:before { position: absolute; z-index: 900; background: #005198; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .free dl:after, .experience dl:after, .paid dl:after { content: "無料"; position: absolute; z-index: 900; color: #fff; font-weight: 600; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .free dl:before, .experience dl:before, .paid dl:before { top: -5.5em; left: -5.5em; width: 8em; height: 8em; } .free dl:after, .experience dl:after, .paid dl:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; top: .4em; left: .075em; letter-spacing: .125em; -webkit-transform: rotate(-45deg) scale(0.7); transform: rotate(-45deg) scale(0.7); } .experience:before, .experience dl:before { background: #ffa83f; } .experience:after, .experience dl:after { content: "体験会"; left: -0.3em; letter-spacing: 0; } .paid:before, .paid dl:before { background: #b23031; } .paid:after, .paid dl:after { content: "有料"; letter-spacing: 0; } .LowerRightIcon:before { position: absolute; bottom: .5em; right: .6em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .LowerRightIcon:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; border-width: 0 0 5em 3.75em; } #home .free dl:before, #home .experience dl:before, #home .paid dl:before { display: none; } #home .free dl:after, #home .experience dl:after, #home .paid dl:after { display: none; } #home .free dt:after, #home .experience dt:after, #home .paid dt:after { padding: 0; position: static; width: auto; height: auto; font-size: 20px; font-size: 2rem; font-size: 3.125vw; -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } #aside .free:before, #aside .free:after, #aside .free dl:before, #aside .free dl:after, #aside .experience:before, #aside .experience:after, #aside .experience dl:before, #aside .experience dl:after, #aside .paid:before, #aside .paid:after, #aside .paid dl:before, #aside .paid dl:after { content: none; } .headPoint { padding-bottom: .25em; } .panelContent h3 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.25; } .panelContent .titleSubSmall { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelContent .datePlace { position: relative; top: 0; bottom: 0; width: 100%; } .panelContent .datePlace .slideDate, .panelContent .datePlace .slidePlace { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: 0; text-indent: -1.8em; padding-left: 1.8em; } .panelContent .datePlace .slideDate.off, .panelContent .datePlace .slidePlace.off { display: none; } .panelContent .datePlace .slideDate:before, .panelContent .datePlace .slidePlace:before { position: relative; top: 0; left: 0; margin-right: .5em; font-family: "ilm"; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; vertical-align: middle; } .panelContent .datePlace .slideDate { margin-bottom: 0; } .panelContent .datePlace .slideDate:before { content: "T"; } .panelContent .datePlace .slidePlace:before { content: "M"; } #aside li .datePlace { position: relative; position: relative; bottom: 0; width: 100%; margin-top: .75em; } #aside li .datePlace .slideDate { margin: 0; } #aside li .datePlace .slideDate, #aside li .datePlace .slidePlace { text-indent: -1.75em; padding-left: 1.75em; } #aside li .datePlace .slideDate:before, #aside li .datePlace .slidePlace:before { top: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .customSelect { position: relative; height: 3.5em; line-height: 3.5; padding: 0; } .customSelect .refineLabelWrap { padding-top: .125em; padding-left: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 100%; line-height: 1; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.025em; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; } .customSelect .arrow { display: block; position: absolute; top: 0; right: 0; width: 3em; height: 100%; background: #005198; color: #fff; } .customSelect .arrow:after { display: block; position: absolute; top: 50%; left: 55.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 10px; font-size: 1rem; font-size: 1.5625vw; content: "▼"; } .customSelect select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } /*円グラフ
******************************************************/ .pie-chart { width: 60vw; height: 60vw; } .pie:before { border-radius: 30vw 0 0 30vw; } .pie.large:after { border-radius: 0 30vw 30vw 0; } .graphInner { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .graphInner img { margin: 0 auto .25em; } .piechartWrap { margin: 0; padding: 33.3333333333% 0 0; } .piechartWrap .list2 { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .piechartWrap .list2 li { padding: .5em 1em .5em 1.75em; line-height: 1.3; } .piechartWrap .list2 li + li { margin-top: .125em; } .piechartWrap .communicationList { margin: 3.5% 0; width: 48%; } .piechartWrap .expertList { margin: 11% 0 0; width: 49%; } .piechartWrap .adaptList { margin: 95.5% auto 0; } .graphLead, #event.detail .contentEvent p.graphLead:last-child { margin: 18.75% 0 0; padding: 0; } /*end_円グラフ*****************************************************/ .mfp-container { box-sizing: border-box; padding: 0; } .popup .popupPlate { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 87.5%; margin: 0 auto; padding: 4.6875% 6.25%; background: #fff; } .popup .popupPlate .popupHeadline { padding-bottom: .5em; margin-bottom: .5em; border-bottom: solid .25em #d7e1e3; font-size: 32px; font-size: 3.2rem; font-size: 5vw; text-align: center; } .popup .popupPlate p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .popup .popupPlate .popupClose { display: block; text-align: center; } .popup .popupPlate .popupClose img { margin-top: 1.5em; width: 25%; } .popup .whatsCultureCompass .sampleImg { padding: 1em .5em; width: 100%; } .popup .whatsCultureCompass .sampleImg .figcaption { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .btnClose { width: 34%; height: 2em; padding: .4em 24px .4em 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .btnClose:after { right: .8em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .iframeWrap { position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 56.25%; } .iframeWrap iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .toBackNumber a { margin-bottom: 2em; } .en .btnHome { letter-spacing: 0; } .en .panelContent h3 { text-align: left; letter-spacing: 0; } .bar-graph { padding: 1em; } .bar-graph ul { margin: 1.5em 0 0; padding: 0; } .bar-graph li { margin: 0 0 1em !important; padding: 0 !important; } .bar-graph .bar-title { padding: 0 0 0 1.2em !important; } .studentGrid .col1 { display: block; } .studentGrid .col1 li { padding: .8em; } .studentGrid .col1 li h3 { margin: 0 0 .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .studentGrid .col1 li .imgArea { width: 30%; } .studentGrid .col1 li .textArea { padding: 0 0 0 .5em; width: 70%; } .studentGrid .col1 li .textArea .degree { margin: 0 0 .5em; font-size: 14px; font-size: 1.4rem; font-size: 2.1875vw; } .studentGrid .col1 li .textArea .name { margin: 0 0 .5em; position: relative; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: normal; } .studentGrid .col1 li .textArea .btnArchive { position: relative; padding: .5em 0; width: 100%; height: auto; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; font-weight: normal; } .studentGrid .col1 li .textArea .btnArchive:before { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .studentGrid .col1 .title { margin: 0 0 2%; width: 100%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .studentGrid .col1 .title + li { width: 100%; } .studentGrid .col2, .studentGrid .col3 { display: block; } .studentGrid .col2 li, .studentGrid .col3 li { margin: 0 0 2%; padding: .8em; width: 100%; } .studentGrid .col2 li .imgArea, .studentGrid .col3 li .imgArea { width: 30%; } .studentGrid .col2 li .textArea, .studentGrid .col3 li .textArea { width: 70%; padding: 0 0 0 .5em; } .studentGrid .col2 li .textArea .degree, .studentGrid .col3 li .textArea .degree { margin: 0 0 .5em; font-size: 14px; font-size: 1.4rem; font-size: 2.1875vw; } .studentGrid .col2 li .textArea .degree.min, .studentGrid .col3 li .textArea .degree.min { margin: 0; letter-spacing: 0; } .studentGrid .col2 li .textArea .name, .studentGrid .col3 li .textArea .name { margin: 0 0 .5em; position: relative; bottom: 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: normal; } .studentGrid .col2 li .textArea .btnArchive, .studentGrid .col2 li .textArea .btnMovie, .studentGrid .col3 li .textArea .btnArchive, .studentGrid .col3 li .textArea .btnMovie { width: 95%; padding: .5em 0; font-weight: normal; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .studentGrid .col2 li .textArea .btnArchive:before, .studentGrid .col2 li .textArea .btnMovie:before, .studentGrid .col3 li .textArea .btnArchive:before, .studentGrid .col3 li .textArea .btnMovie:before { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .imgRight { display: block; margin: 1em auto; width: 100%; } .imgRight a, .imgRight .inner { display: block; margin: auto; } .imgRight a img, .imgRight .inner img { display: block; float: none; margin-left: 0px; margin-bottom: 1em; } .imgRight a img.half, .imgRight .inner img.half { width: 50%; margin: 0 auto 1em; } .imgRight a p, .imgRight .inner p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .imgRight a p .caption, .imgRight .inner p .caption { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .imgRight.noneBottom { margin-bottom: 0; } .imgRight > P { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .imgLeft { display: block; margin: 1em auto; width: 100%; } .imgLeft a { display: block; margin: auto; } .imgLeft a img { display: block; margin-right: 0px; margin-bottom: 1em; } .imgLeft a img.half { width: 50%; margin: 0 auto 1em; } .imgLeft a p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .imgLeft a p .caption { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .imgLeft.noneBottom { margin-bottom: 0; } .imgLeft > P { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .microFlow { margin: 2em auto; display: block; background: none; } .microFlow li { padding: 6.6666666667%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; background: url(/images/images2016/online/micro-mgr02/flow_step-bgi.png) repeat-x #99e6e4; background-size: auto 100%; } .microFlow li img { margin-right: 10.1923076923%; margin-left: 3.8461538462%; width: 16.7307692308%; height: auto; } .microFlow li .step_title { margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 2px #005198; line-height: 1; display: block; color: #005198; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .microFlow li p { padding: 0; width: 69.2307692308%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .microFlow li:after { margin-left: 12.8333333333%; padding-bottom: 5.3333333333%; top: auto; right: auto; bottom: 0; left: 0; z-index: 800; width: 8.6666666667%; -webkit-transform: translate(0%, 75%) rotate(0); transform: translate(0%, 75%) rotate(0); background: url(/images/images2016/online/micro-mgr02/flow_step-arrow-sp.png) no-repeat; background-size: contain; content: ""; } .microFlow li:last-child:after { content: none; } .themabox { padding: 18.3333333333% 6.6666666667% 6.6666666667%; } .themabox:before { font-size: 20px; font-size: 2rem; font-size: 3.125vw; border-width: 7.25em 12em 0 0; } .themabox .label-ttl { margin: 5% 6.6666666667%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: normal; } .themabox h5 { margin-bottom: 1.25em; padding-bottom: 1.25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .themabox ul { padding: 0; } .themabox li { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; line-height: 1.2; letter-spacing: -.05em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .themabox li:before { margin-right: .5em; padding-top: .25em; padding-bottom: 4.6153846154%; width: 5.9615384615%; line-height: 1.2; background: url(/images/images2016/online/micro-mgr02/bullet-movie.png) no-repeat center center; background-size: contain; content: ""; } .themabox li span { display: none; } .themabox li + li { margin-top: .5em; } .themabox + .themabox { margin-top: 3.3333333333%; } .themabox + .themabox_attention { margin-top: 6.6666666667%; } .themabox_attention { line-height: 1.2; } .themabox_attention + .themabox_attention { margin-top: .75em; } .sceneflow { display: block; } .sceneflow li { padding: 8.3333333333% 6.6666666667%; width: 100%; } .sceneflow li:before { font-size: 20px; font-size: 2rem; font-size: 3.125vw; border-width: 18em 18em 0 0; content: ""; } .sceneflow li + li { margin-top: 0.6666666667%; } .sceneflow .font_century { margin: 0 0 .75em; padding-left: 0; padding-bottom: .75em; width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .sceneflow h5 { margin-bottom: 7.6923076923%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; text-align: left; } .sceneflow p { line-height: 1.333; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .sceneflow p b { display: block; } .sceneflow p + p { margin-top: 1.25em; } .imlist-col3 { display: block; letter-spacing: -.05em; line-height: 1.33; font-weight: bold; } .imlist-col3 li { width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .imlist-col3 li + li { margin-top: 1.5em; } .imlist-col3 li:nth-child(2) img { margin-bottom: 0; } .imlist-col3 img { margin-bottom: .75em; } .readMoreBnr { display: block; height: auto; } .readMoreBnr .leadArea { padding: 1.5em 1em 7em; } .readMoreBnr .leadArea.leadArea_global { padding-top: 2em; } .readMoreBnr .leadArea.leadArea_global h2 .sub { margin: 0 0 .5em; } .readMoreBnr .leadArea.leadArea_global + .startBtn { bottom: 2em; } .readMoreBnr .leadArea .inline.pcOnly { display: none; } .readMoreBnr .leadArea .inline.spOnly { display: inline; } .readMoreBnr h2 { margin-bottom: .5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: normal; } .readMoreBnr h2 .sub { margin-bottom: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .readMoreBnr h2 small { font-size: .9em; } .readMoreBnr h2 .inlineSubTtl { display: block; margin-left: 0; margin-bottom: .5em; } .readMoreBnr .startBtn { padding: .8em 0; bottom: 2em; width: 90%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; border-radius: 2em; box-shadow: 0 0.2em 0.8em rgba(0, 0, 0, 0.5); } .readMoreBnr .startBtn.startBtn_small { box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; right: 0; left: auto; margin: .75em 1.25em; padding: .5em 3em .5em 2em; width: auto; height: auto; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .readMoreBnr:last-child { margin-bottom: .5em; } .readMoreBnr.readMoreBnr_type2 { height: auto; } .readMoreBnr.readMoreBnr_type2 .inner { display: block; } .readMoreBnr.readMoreBnr_type2 .inner + .inner p { display: block; } .readMoreBnr.readMoreBnr_type2.lageBlock { height: auto; } .readMoreBnr.readMoreBnr_type2.smallBlock { height: auto; } .readMoreBnr.readMoreBnr_type2.smallBlock p { display: block; } .readMoreBnr.readMoreBnr_type2.smallBlock2 { height: auto; } .readMoreBnr.readMoreBnr_type2.smallBlock2 p { display: block; } .readMoreBnr.readMoreBnr_type2 img { width: 100%; height: auto; } .readMoreBnr.readMoreBnr_type2 .leadArea { padding: 1.5em 1em 1em; } .readMoreBnr.readMoreBnr_type2 h2 { margin-bottom: 1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .readMoreBnr.readMoreBnr_type2 h2 small { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .readMoreBnr.readMoreBnr_type2 .startBtn_small { position: relative; margin-bottom: 2em; } .readMoreBnr.readMoreBnr_type2.ieMeasures .inner { display: block; } .readMoreBnr.readMoreBnr_type2.ieMeasures .inner .spOnly { display: block; } .readMoreBnr.readMoreBnr_type2.ieMeasures .inner .pcOnly { display: none; } .seminarPics_upc { margin: 0 auto 40px; } .seminarPics_upc:after { display: block; clear: both; content: ''; } .seminarPics_upc li { width: 48.3333333333%; float: left; vertical-align: top; margin-right: 3.3333333333%; } .seminarPics_upc li:nth-child(3) { margin-top: 3.3333333333%; margin-right: 3.3333333333%; } .seminarPics_upc li:nth-child(2n) { margin-right: 0; } .seminarPics_upc li:nth-child(n + 4) { margin-top: 3.3333333333%; } .seminarPics_upc li span { height: auto; } .slickSlide .centerItem { padding-top: 1em; } .slickSlide .centerItem * { box-sizing: border-box; } .slickSlide .centerItemsmall { margin-top: .3em; } .slickSlide .centerItemsmall .slider { margin: 0; } .slickSlide .centerItemsmall .slider img { width: 100%; } .slickSlide .slick-list { margin-right: 0; /* ガター分ネガティブマージン */ width: 100%; } .apologyBox { margin-bottom: 2em; padding: 6.6666666667%; } .apologyBox.this_apologyBox { margin-top: 9.375%; } .apologyTtl { margin-bottom: .75em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .panelbox_col3 li { padding: .75em .5em; width: calc((100/3)*1% - .15em); font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .panelbox_col3 li:before { width: 1.5em; height: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; content: ""; } .panelbox_col3 li span { -webkit-box-flex: 1; flex: 1; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } .panelbox_col3 li:nth-child(n+1) { margin-top: 0.2em; } .panelbox_col3 li:nth-child(1):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-1.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(2):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-2.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(3):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-3.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(4):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-4.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(5):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-5.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(6):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-6.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(7):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-7.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(8):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-8.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(9):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-9.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(10):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-10.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(11):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-11.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(12):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-12.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(13):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-13.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(14):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-14.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(15):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-15.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(16):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-16.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(17):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-17.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(18):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-18.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(19):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-19.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(20):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-20.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(21):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-21.svg) no-repeat; background-size: auto 1em; } .panelbox_col3 li:nth-child(22):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-22.svg) no-repeat; background-size: auto 1em; } .thumbnail_panel { padding: 1em; -webkit-box-align: start; align-items: flex-start; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .thumbnail_panel .img_area { padding-right: 1em; width: 37.5%; } .thumbnail_panel .text_area p { line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .thumbnail_panel + .thumbnail_panel { margin-top: .5em; } .schedule { margin-bottom: 1em; padding: 0 1.6666666667% 1.6666666667%; } .schedule:last-child { margin-bottom: .5em; } .schedule p { margin-bottom: 1em; } .schedule p:last-child { margin-bottom: 0; } .schedule .title { margin: 0; padding: 0.75em 3.4482758621%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .schedule .title span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .schedule .day { margin: 0; } .schedule .day dt { padding: .5em 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .schedule .day.bgWhite { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: bold; text-align: left; } .schedule .day.sideNo { padding: .5em 0; } .schedule .day .scheduleList li { width: 100%; padding: 0.75em 3.4482758621%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .schedule .day .scheduleList li:after { content: none; } .schedule .day .scheduleList dl { padding: 0 !important; width: 50%; height: auto; } .schedule .day .scheduleList dl.wide { width: 100%; height: auto; } .schedule .day .scheduleList dt { padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .schedule .day .scheduleList dd { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .schedule .day .scheduleList .icon { width: 50%; padding: 0 0 0 .5em; vertical-align: middle; } .schedule .day .scheduleList .icon img { width: 66.6666666667%; margin: 0; } .schedule .day .scheduleList .icon img.w1 { width: 33.3333333333%; } .schedule .day .scheduleList .icon img.w3 { width: 100%; } .schedule .day .scheduleList .text { width: 28%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .schedule .before dt, .schedule .after dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .schedule .before dd, .schedule .after dd { width: 100%; margin: 0 auto; } .schedule .before { padding: 0.75em 1.6666666667%; } .schedule .after { padding: 6.6666666667% 1.6666666667% 1em; background: transparent; } .schedule .after dd { text-align: left; } .schedule.wmgrList .day > dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: 0.1em; } .schedule.wmgrList .day .scheduleList dl { width: 50%; } .schedule.wmgrList .day .scheduleList dt { padding-right: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: left; } .schedule.wmgrList .day .scheduleList .icon { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -0.025em; line-height: 1.5; } .schedule.wmgrList .day .scheduleList .icon.text { padding: 0 0 0 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .schedule.wmgrList .day .scheduleList .icon li { margin-bottom: .5em; padding: 0 0 0 1em; text-indent: -1.25em; } .schedule.wmgrList .day .scheduleList .icon li:last-child { margin-bottom: 0; } .schedule.wmgrList .day .scheduleList .icon b { margin-left: .5em; } .schedule.wmgrList .day .scheduleList .icon.noTh { width: 100%; padding: 0; } .schedule.wmgrList .day .scheduleList.noKana dt, .schedule.wmgrList .day .scheduleList.noKana .icon { letter-spacing: .025em; } .schedule.wmgrList .day:last-of-type { margin-bottom: 0; } /* HOME
-------------------------------------------------- */ @-webkit-keyframes homeFadein { 0% { opacity: 0;
      -webkit-transform: translateY(6vw);
              transform: translateY(6vw); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); } } @keyframes homeFadein { 0% { opacity: 0;
      -webkit-transform: translateY(6vw);
              transform: translateY(6vw); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); } } #home .js-fadein-up { -webkit-transform: translateY(6vw); transform: translateY(6vw); } #home .firstviewPanel { padding-top: 27.5%; position: relative; height: 137.5vw; background: url(/images/images2016/home/mainvisual/newnormal-sp.jpg) no-repeat center center; background-size: cover; } #home .firstviewPanel .leadText { line-height: 1.3; font-size: 50px; font-size: 5rem; font-size: 7.8125vw; text-shadow: 0 0 0.5em rgba(119, 171, 216, 0.4); } #home .mainSliderContainer { border-bottom: 1px solid #e5e5e5; opacity: 1; width: 100%; height: auto; } #home .mainSliderContainer .mainSliderWrap { display: block; } #home .mainSliderContainer .swiper-slide { width: 100%; } #home .mainSliderContainer .swiper-slide .textWrap { padding: 23.4375% 6.25% 4.6875%; } #home .mainSliderContainer .swiper-slide .label { margin-bottom: 3.2142857143%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #home .mainSliderContainer .swiper-slide .title { margin-bottom: 0.8928571429%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #home .mainSliderContainer .swiper-slide .title small { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #home .mainSliderContainer .swiper-slide .description { line-height: 1.2; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #home .mainSliderContainer .swiper-slide .summaryList { margin-top: 1.4285714286%; line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home .mainSliderContainer .swiper-slide .summaryList li:before { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home .mainSliderContainer .swiper-slide.firstviewScroll { display: none; } #home .mainSliderContainer .swiper-slide.firstviewScroll .text { font-size: 45px; font-size: 4.5rem; font-size: 7.03125vw; text-shadow: 0 0 0.5em rgba(119, 171, 216, 0.4); } #home .mainSliderContainer .swiper-slide.online a:after { padding: 25% 0 0; width: 32vw; height: 32vw; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: 0; } #home .mainSliderContainer .swiper-button-prev, #home .mainSliderContainer .swiper-button-next { display: none; } #home .subLead { padding: 8.59375% 0; font-size: 31px; font-size: 3.1rem; font-size: 4.84375vw; text-align: left; } #home .subLead .subLeadWrap { width: 87.5%; } #home .popup_movie .popupPlate { padding: 0; width: 90%; } #home .popup_movie .closeBtn { font-size: .75em; } #home #note { padding: 6.25% 0; } #home #note .noteWrap { width: 93.75%; } #home #note .noteBox { margin-top: 2.5em; border-width: 2px; } #home #note .noteBox:after { right: .75em; } #home .homeHeadline { margin-bottom: 6.6666666667%; } #home .homeHeadline .en { font-size: 62px; font-size: 6.2rem; font-size: 9.6875vw; } #home .homeHeadline .ja { margin-top: 1.2em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #pickup { position: relative; float: none; width: 100%; height: auto; margin: 0; padding: 9.375% 0 6.25%; box-shadow: none; } #home #pickup .pickupWrap { width: 93.75%; } #home #pickup .pickupLabel { margin-bottom: 6.6666666667%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #home #pickup .textLead { margin-bottom: 8.3333333333%; padding: 6.3333333333% 5%; line-height: 1.4; text-align: left; } #home .pickupBnrList { display: block; } #home .pickupBnrList li { width: 100%; } #home .pickupBnrList li:not(:nth-child(3n)) { margin-right: 0; } #home .pickupBnrList li:nth-child(n+4) { margin-top: 0; } #home .pickupBnrList li:not(:last-child) { margin-bottom: 3.3333333333%; } #home .pickupBnrList.accordion { margin-top: 3.3333333333%; } #home .pickupMoreBtn { margin: 6.6666666667% auto 0; padding: .6em; width: 66.6666666667%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #home .pickupMoreBtn:hover { opacity: 1; } #home #info { padding: 6.25% 3.125% 12.5%; overflow: hidden; } #home #infoWrap { position: relative; width: 100%; margin: 0 auto; } #home #infoWrap hr { margin-bottom: 6.6666666667%; } #home #infoList li { display: none; } #home #infoList li:nth-child(-n+3) { display: block; } #home #infoList li:nth-child(n+4) { display: none; } #home #infoList li.homeDispNo { display: none; } #home #infoList li ul > li { padding-left: 1em; text-align: left; } #home #infoList { margin-top: 0; margin-bottom: 2em; padding-right: 0; height: auto; border: none; background: transparent; } #home #infoList .ps__rail-y { display: none; } #home #infoList > li { position: relative; margin: 0; padding-left: 0; } #home #infoList > li + li { margin-top: 2em; } #home #infoList .newLabel { position: relative; top: 1.6em; } #home #infoList .newLabel:before { display: inline-block; position: absolute; left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: normal; line-height: 1; } #home #infoList .newLabel ~ a dt.ymd, #home #infoList .newLabel ~ dl dt.ymd { padding-bottom: .5em; } #home #infoList dt.ymd { width: 100%; margin-bottom: 0; padding-left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1; } #home #infoList dt.ymd .infoLabel { margin-left: .5em; padding: .25em .75em; } #home #infoList dd { width: 100%; margin-top: 1em; padding-left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #infoList dd dt { margin-bottom: 0.5em; } #home #infoList dd dd p { margin-bottom: 1em; letter-spacing: -.05em; } #home #infoList dd dd p:last-child { margin-bottom: 0; } #home #infoList dd .inlineList.oneRow li:nth-child(odd) { margin-right: 1em; } #home #infoList .infoGenre { margin-top: 0.25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #infoLink { position: relative; top: 0; right: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #home #infoLink img { vertical-align: middle; -webkit-transition: 0.2s; transition: 0.2s; } #home #infoLink a { display: block; text-align: center; } #home #infoLink a:before { position: relative; top: -.09em; right: 0; padding-right: .5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; vertical-align: middle; } #home .link_arrow { display: none; } #home #otherContent { width: 100%; padding: 9.375% 0; } #home #otherContent #otherContentWrap { padding: 0 3.125%; width: 100%; } #home #otherContent #otherContentWrap ul { display: block; } #home #otherContent #otherContentWrap li { font-size: 20px; font-size: 2rem; font-size: 3.125vw; width: 100%; height: 13em; } #home #otherContent #otherContentWrap li + li { margin-top: 1.6666666667%; } #home #otherContent #otherContentWrap li:nth-child(n+3) { margin-top: 1.6666666667%; } #home #otherContent #otherContentWrap li a { padding: 6.6666666667% 5% 0; display: block; } #home #otherContent #otherContentWrap li h3 { margin: 0 0 .8em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #home #otherContent #otherContentWrap li .inner { width: 20em; } #home #otherContent #otherContentWrap li p { line-height: 1.2; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #home #openclass, #home #eventHome, #home #notfound { width: 100%; padding: 6.25% 0; } #home #openclass .btnHome, #home #eventHome .btnHome, #home #notfound .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; } #home #openclass .btnHome a, #home #eventHome .btnHome a, #home #notfound .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #home #openclass .btnHome a:before, #home #eventHome .btnHome a:before, #home #notfound .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #home #openclass .btnHome:after, #home #eventHome .btnHome:after, #home #notfound .btnHome:after { content: ""; } #home #openclass .iconNew, #home #openclass .iconUpdate, #home #eventHome .iconNew, #home #eventHome .iconUpdate, #home #notfound .iconNew, #home #notfound .iconUpdate { display: none; } #home #openclassWrap, #home #eventHomeWrap, #home #notfoundWrap { max-width: 100%; margin: 0 auto; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #home #openclassWrap .textLead, #home #eventHomeWrap .textLead, #home #notfoundWrap .textLead { width: 100%; margin: 0 auto 6.25%; padding: 0 3.125%; text-align: left; line-height: 1.3076923077; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #openclassWrap .detailTtl, #home #eventHomeWrap .detailTtl, #home #notfoundWrap .detailTtl { display: none; } #home #openclassWrap { width: 100%; } #home .openclassBnr { margin-bottom: 9.375%; padding: 0 3.125%; display: block; } #home .openclassBnr > li { width: 100%; } #home .openclassBnr > li:not(:last-child) { margin-right: 0; margin-bottom: 3.3333333333%; } #home .openclassBnr > li.online a:after { padding: 16.5% 0 0; width: 20vw; height: 20vw; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #notfoundWrap h1 { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #notfoundWrap h2 { margin-bottom: 6.25%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #home #notfoundWrap p { margin-top: 3em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #notfoundWrap .btn { width: 62.5%; margin-top: 2em; display: inline-block; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #notfoundWrap .btn a { padding: 1em; line-height: 1; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #notfoundWrap .btn a:before { font-size: 20px; font-size: 2rem; font-size: 3.125vw; right: 1em; } #home #listOpenClass { margin: 0; padding: 0 3.125%; } #home #listOpenClass ul { display: block; } #home #listOpenClass ul.odd li:nth-child(2n+1) { margin-left: 0; } #home #listOpenClass ul.odd li:first-child dd { width: 75%; } #home #listOpenClass li { padding: 1em 0; } #home #listOpenClass li:nth-child(2n) { margin-left: 0; } #home #listOpenClass li:nth-child(2) { border-top: none; } #home #listOpenClass li:last-child, #home #listOpenClass li:nth-child(8) { border-bottom: 1px solid #CCC; } #home #listOpenClass li dt { width: 20%; } #home #listOpenClass li dt:before { display: none; } #home #listOpenClass li dd { margin-left: 3%; position: relative; width: 77%; } #home #listOpenClass li h3 { line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #home #listOpenClass li h3 .titleSub { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #home #listOpenClass li .datePlace { margin: .5em 0 0; position: static; } #home #listOpenClass li .datePlace .slideDate, #home #listOpenClass li .datePlace .slidePlace { display: table; width: 100%; float: none; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: 0; text-indent: -1.8em; padding-left: 1.8em; } #home #listOpenClass li .datePlace .slideDate:before, #home #listOpenClass li .datePlace .slidePlace:before { display: table-cell; width: 1.5em; vertical-align: middle; position: relative; top: 0; left: 0; margin-right: .5em; font-family: "ilm"; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #listOpenClass li .datePlace .slideDate { margin-bottom: 0; } #home #listOpenClass li.online dt:after { padding: 0; position: static; width: auto; height: auto; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.1em; -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } #home #eventHome .comingSoon { opacity: 0; padding: 0 0.5em; } #home #listEvent { padding: 0 3.125%; } #home #listEvent ul { display: block; } #home #listEvent ul.odd li:nth-child(2n+1) { margin-left: 0; } #home #listEvent ul.odd li:first-child dd { width: 75%; } #home #listEvent li { padding: 1em 0; } #home #listEvent li:nth-child(2n) { margin-left: 0; } #home #listEvent li:nth-child(2) { border-top: none; } #home #listEvent li dt { width: 20%; } #home #listEvent li dt:before { display: none; } #home #listEvent li dd { margin-left: 3%; position: relative; width: 77%; } #home #listEvent li h3 { line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #home #listEvent li h3 .titleSub { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #home #listEvent li .datePlace { margin: .5em 0 0; position: static; } #home #listEvent li .datePlace .slideDate, #home #listEvent li .datePlace .slidePlace { display: table; width: 100%; float: none; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: 0; text-indent: -1.8em; padding-left: 1.8em; } #home #listEvent li .datePlace .slideDate:before, #home #listEvent li .datePlace .slidePlace:before { display: table-cell; width: 1.5em; vertical-align: middle; position: relative; top: 0; left: 0; margin-right: .5em; font-family: "ilm"; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #listEvent li .datePlace .slideDate { margin-bottom: 0; } #home #consulHome { width: 100%; padding: 12.5% 0 6.25%; } #home #consulHome #consulHomeWrap { width: 93.75%; margin: 0 auto; } #home #consulHome .textLead { margin: 0 auto 6.6666666667%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #consulHome #consulPanel li { padding-bottom: 24%; position: relative; width: 50%; height: 0; } #home #consulHome #consulPanel li:nth-child(8n+2), #home #consulHome #consulPanel li:nth-child(8n+4), #home #consulHome #consulPanel li:nth-child(8n+5), #home #consulHome #consulPanel li:nth-child(8n+7) { background: #f3f3f0; } #home #consulHome #consulPanel li:nth-child(4n+2), #home #consulHome #consulPanel li:nth-child(4n+3) { background: #e8e8e3; } #home #consulHome #consulPanel li a { position: absolute; top: 0; left: 0; width: 100%; } #home #consulHome #consulPanel li .tagArea { display: none; } #home #consulHome #consulPanel li h3 { padding-right: 0.5769230769em; line-height: 1.2; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #home #consulHome #consulPanel li h3:after { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #home #consulHome .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; } #home #consulHome .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #home #consulHome .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #home #consulHome .btnHome:after { content: ""; } #home #opinions { padding: 6.25% 0 12.5%; } #home #opinions .opinionsWrap { width: 93.75%; } #home #opinions .textLead { margin: 0 auto 8.3333333333%; width: 100%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } #home #opinions .textLead small { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #opinions .opinionsList { display: block; } #home #opinions .opinionsList > li { width: 100%; box-shadow: 0px 0px 1.3vw rgba(171, 139, 110, 0.39); } #home #opinions .opinionsList > li .panelContent { width: 100%; } #home #opinions .opinionsList > li .textWrap { padding: 5.8333333333% 3.3333333333% 3.3333333333%; display: block; height: auto; } #home #opinions .opinionsList > li .category { margin-bottom: 2.1428571429%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #opinions .opinionsList > li .title { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #home #opinions .opinionsList > li .subTitle { margin: 2.8571428571% 0 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #home #opinions .opinionsList > li .talkGenreWrap { margin-top: 11.7857142857%; padding-top: 3.5714285714%; } #home #opinions .opinionsList > li .talkGenreWrap .talkGenre { padding-right: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #opinions .opinionsList > li .talkGenreWrap .date { padding-left: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #opinions .opinionsList > li .talkGenreWrap:before { top: 0; width: 3vw; height: .3vw; } #home #opinions .opinionsList > li:not(:last-child) { margin-bottom: 6.6666666667%; } #home #download { padding: 6.25% 0 12.5%; } #home #download .downloadWrap { margin: 0 auto; width: 93.75%; } #home #download .textLead { margin: 0 auto 8.3333333333%; width: 100%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } #home #download .textLead small { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #home #download #mainPanel { padding: 0; } .mail_popup { right: 0; bottom: 0; width: 100%; } .mail_popup ul li { padding: 3.75% 0 3.75% 3.90625%; width: 50%; height: auto; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .mail_popup ul li.downloadBtn::before { margin-right: .1em; width: 13.6%; height: 100%; background-size: cover; } .mail_popup ul li.mailBtn { padding-left: 1.5625%; background-color: #eeeeee; border: solid 1px #cfcfcf; } .mail_popup ul li.mailBtn::before { width: 13.6%; height: 100%; background-size: cover; } .mail_popup ul li.mailBtn::after { right: 1em; border-color: #3E3A39; } /* OPINIONS
-------------------------------------------------- */ /* OPINIONS
-------------------------------------------------- */ #opinions #titleArea #pageTitle span.titleSub, #opinions #titleArea #pageTitle span.titleMain { display: block; } #opinions:not(.opinionsHome) .talkGenreWrap { padding: 7.8125% 3.125% 4.6875%; } #opinions:not(.opinionsHome) #pageTitle { padding-top: 0; padding-bottom: .66em; } #opinions:not(.opinionsHome) #pageTitle .titleSub { margin-top: 3.3333333333%; } #opinions:not(.opinionsHome) .socialWrap { margin-bottom: 6.25%; padding: 0 3.125%; display: block; } #opinions:not(.opinionsHome) .socialWrap .snsArea { margin-top: 4.6666666667%; margin-left: 0; } #opinions:not(.opinionsHome) .socialWrap .titleExplan { display: block; letter-spacing: -1px; line-height: 1; color: #666; font-size: 16px; font-weight: normal; } #opinions:not(.opinionsHome) .label_list { width: 100%; flex-wrap: wrap; } #opinions:not(.opinionsHome) .label_list li { margin-right: 0.4166666667em; margin-bottom: 0.4166666667em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #opinions:not(.opinionsHome) .label_list li a { padding: 0.4583333333em 0.625em; } #opinions #mainPanel, #opinions .autors_panel { width: 100%; margin: 9.375% auto 0; padding: 0 3.125% 9.375%; } #opinions #mainPanel li, #opinions .autors_panel li { display: block; } #opinions #mainPanel li:nth-child(-n + 4), #opinions #mainPanel li:nth-child(n + 5), #opinions #mainPanel li#oldPanelImg ~ li, #opinions .autors_panel li:nth-child(-n + 4), #opinions .autors_panel li:nth-child(n + 5), #opinions .autors_panel li#oldPanelImg ~ li { width: 100%; margin: 6.6666666667% 0 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #opinions #mainPanel li:nth-child(-n + 4) .panelContent, #opinions #mainPanel li:nth-child(n + 5) .panelContent, #opinions #mainPanel li#oldPanelImg ~ li .panelContent, #opinions .autors_panel li:nth-child(-n + 4) .panelContent, #opinions .autors_panel li:nth-child(n + 5) .panelContent, #opinions .autors_panel li#oldPanelImg ~ li .panelContent { position: relative; display: block; width: 100%; height: auto; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd { margin-top: 0; padding: 6.6666666667% 3.3333333333% 3.3333333333%; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .iconNew, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .iconNew, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .iconNew, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .iconNew, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .iconNew, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .iconNew { position: absolute; top: 0; right: 0; width: 16%; margin: 55.8333333333% 3.3333333333% 0 0; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd h2, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd h2, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd h2, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd h2, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd h2, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd h2 { margin-top: 0; line-height: 1; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -0.025em; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd h3, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd h3, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd h3, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd h3, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd h3, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd h3 { margin-top: .5em; line-height: 1.3; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.025em; word-break: break-all; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd p, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd p, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd p, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd p, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd p, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd p { margin: .25em 0 0; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .talkGenreWrap, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap { position: relative; bottom: 0; margin: 1em 0 0; padding: 1.75em 0 .5em; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:before, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap:before, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap:before, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:before, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .talkGenreWrap:before, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap:before { position: absolute; bottom: 1.75em; width: 1em; height: 2px; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:after, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap:after, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap:after, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:after, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .talkGenreWrap:after, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap:after { display: block; clear: both; content: ""; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap p, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap p, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap p, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap p, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .talkGenreWrap p, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap .talkGenre, #opinions #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap .talkGenre, #opinions #mainPanel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap .talkGenre, #opinions .autors_panel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap .talkGenre, #opinions .autors_panel li:nth-child(n + 5) .panelContent dd .talkGenreWrap .talkGenre, #opinions .autors_panel li#oldPanelImg ~ li .panelContent dd .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent .LowerRightIcon:before, #opinions #mainPanel li:nth-child(n + 5) .panelContent .LowerRightIcon:before, #opinions #mainPanel li#oldPanelImg ~ li .panelContent .LowerRightIcon:before, #opinions .autors_panel li:nth-child(-n + 4) .panelContent .LowerRightIcon:before, #opinions .autors_panel li:nth-child(n + 5) .panelContent .LowerRightIcon:before, #opinions .autors_panel li#oldPanelImg ~ li .panelContent .LowerRightIcon:before { position: absolute; bottom: .5em; right: .6em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #opinions #mainPanel li:nth-child(-n + 4) .panelContent .LowerRightIcon:after, #opinions #mainPanel li:nth-child(n + 5) .panelContent .LowerRightIcon:after, #opinions #mainPanel li#oldPanelImg ~ li .panelContent .LowerRightIcon:after, #opinions .autors_panel li:nth-child(-n + 4) .panelContent .LowerRightIcon:after, #opinions .autors_panel li:nth-child(n + 5) .panelContent .LowerRightIcon:after, #opinions .autors_panel li#oldPanelImg ~ li .panelContent .LowerRightIcon:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; border-width: 0 0 5em 3.75em; } #opinions #mainPanel li .comingHover, #opinions .autors_panel li .comingHover { display: block; position: absolute; width: 100%; height: 100%; padding: 0; background: url(/images/images2016/home/comingsoon-kv.png); z-index: 999; } #opinions #mainPanel li.nopanel .panelContent, #opinions .autors_panel li.nopanel .panelContent { padding-left: 0; } #opinions #mainPanel #noPanelImg ~ li .panelBgImg, #opinions #mainPanel.noPanelImgLi .panelBgImg, #opinions #mainPanel .nopanel .panelBgImg, #opinions .autors_panel #noPanelImg ~ li .panelBgImg, #opinions .autors_panel.noPanelImgLi .panelBgImg, #opinions .autors_panel .nopanel .panelBgImg { display: none; } #opinions #mainPanel #noPanelImg ~ li .panelContent .panelInline, #opinions #mainPanel.noPanelImgLi .panelContent .panelInline, #opinions #mainPanel .nopanel .panelContent .panelInline, #opinions .autors_panel #noPanelImg ~ li .panelContent .panelInline, #opinions .autors_panel.noPanelImgLi .panelContent .panelInline, #opinions .autors_panel .nopanel .panelContent .panelInline { margin-bottom: 0; } #opinions #mainPanel #noPanelImg ~ li .panelContent dd .talkGenreWrap, #opinions #mainPanel #noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #opinions #mainPanel.noPanelImgLi .panelContent dd .talkGenreWrap, #opinions #mainPanel.noPanelImgLi .panelContent .panelInline .talkGenreWrap, #opinions #mainPanel .nopanel .panelContent dd .talkGenreWrap, #opinions #mainPanel .nopanel .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel #noPanelImg ~ li .panelContent dd .talkGenreWrap, #opinions .autors_panel #noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel.noPanelImgLi .panelContent dd .talkGenreWrap, #opinions .autors_panel.noPanelImgLi .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel .nopanel .panelContent dd .talkGenreWrap, #opinions .autors_panel .nopanel .panelContent .panelInline .talkGenreWrap { position: relative; } #opinions #mainPanel #noPanelImg ~ li .talkGenreWrap, #opinions #mainPanel.noPanelImgLi .talkGenreWrap, #opinions #mainPanel .nopanel .talkGenreWrap, #opinions .autors_panel #noPanelImg ~ li .talkGenreWrap, #opinions .autors_panel.noPanelImgLi .talkGenreWrap, #opinions .autors_panel .nopanel .talkGenreWrap { margin-top: .5em; } #opinions #mainPanel #noPanelImg ~ li .panelContent, #opinions #mainPanel.noPanelImgLi .panelContent, #opinions #mainPanel .nopanel .panelContent, #opinions .autors_panel #noPanelImg ~ li .panelContent, #opinions .autors_panel.noPanelImgLi .panelContent, #opinions .autors_panel .nopanel .panelContent { padding-left: 0; } #opinions #mainPanel #noPanelImg ~ li .panelContent dd, #opinions #mainPanel.noPanelImgLi .panelContent dd, #opinions #mainPanel .nopanel .panelContent dd, #opinions .autors_panel #noPanelImg ~ li .panelContent dd, #opinions .autors_panel.noPanelImgLi .panelContent dd, #opinions .autors_panel .nopanel .panelContent dd { margin: 0; } #opinions #mainPanel #noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #opinions #mainPanel.noPanelImgLi .panelContent .panelInline .talkGenreWrap, #opinions #mainPanel .nopanel .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel #noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel.noPanelImgLi .panelContent .panelInline .talkGenreWrap, #opinions .autors_panel .nopanel .panelContent .panelInline .talkGenreWrap { position: relative; } #opinions #mainPanel #noPanelImg ~ li .talkGenreWrap, #opinions #mainPanel.noPanelImgLi .talkGenreWrap, #opinions #mainPanel .nopanel .talkGenreWrap, #opinions .autors_panel #noPanelImg ~ li .talkGenreWrap, #opinions .autors_panel.noPanelImgLi .talkGenreWrap, #opinions .autors_panel .nopanel .talkGenreWrap { margin-top: .5em; } #opinions #mainPanel #noPanelImg, #opinions .autors_panel #noPanelImg { display: none !important; } #opinions #mainPanel .col2, #opinions .autors_panel .col2 { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } #opinions #mainPanel .col2 li, #opinions .autors_panel .col2 li { float: none; width: 48.3333333333%; padding-bottom: 20%; background: #fff; } #opinions #mainPanel .col2 li .panelContent, #opinions .autors_panel .col2 li .panelContent { position: static; } #opinions #mainPanel .col2 li .panelContent dl, #opinions .autors_panel .col2 li .panelContent dl { position: static; } #opinions #mainPanel .col2 li .panelContent dl dd, #opinions .autors_panel .col2 li .panelContent dl dd { position: static; padding: 13.7931034483% 6.8965517241% 6.8965517241%; } #opinions #mainPanel .col2 li .panelContent dl dd .iconNew, #opinions .autors_panel .col2 li .panelContent dl dd .iconNew { width: 20.6896551724%; margin: 53.4482758621% 1.724137931% 0 0; } #opinions #mainPanel .col2 li .panelContent dl dd h2, #opinions #mainPanel .col2 li .panelContent dl dd h3, #opinions .autors_panel .col2 li .panelContent dl dd h2, #opinions .autors_panel .col2 li .panelContent dl dd h3 { line-height: 1.125; } #opinions #mainPanel .col2 li .panelContent dl dd p, #opinions .autors_panel .col2 li .panelContent dl dd p { margin-top: .5em; word-wrap: break-word; } #opinions #mainPanel .col2 li .panelContent dl dd .talkGenreWrap, #opinions .autors_panel .col2 li .panelContent dl dd .talkGenreWrap { position: absolute; bottom: 0; margin: 0 0 8%; } #opinions .autors_panel li .panelContent dd .talkGenreWrap { position: relative; bottom: 0; margin-top: 2.5em; } #opinions .autors_panel li .panelContent dd .talkGenreWrap:before { position: absolute; bottom: 1.75em; width: 1em; height: 2px; } #opinions .autors_panel li .panelContent dd .talkGenreWrap:after { display: block; clear: both; content: ""; } #opinions .autors_panel li .panelContent dd .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #opinions .autors_panel li .panelContent dd .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; } #opinions #mainContent #narrowedWrap { width: 100%; padding: 0 3.125%; } #opinions #mainContent #narrowedWrap dt { margin-bottom: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #opinions #mainContent #narrowedWrap dt:after { bottom: .75em; } #opinions #mainContent #narrowedWrap dd { padding: 0; overflow: visible; } #opinions #mainContent #narrowedWrap:after { content: none; } #opinions .mcPersonWrap .mcPerson { display: table; width: 100%; margin: 0 auto; padding: 6.25% 3.125%; } #opinions .mcPersonWrap .mcPerson dt { display: table-cell; float: none; vertical-align: middle; width: 20%; max-width: 120px; margin-right: 0; } #opinions .mcPersonWrap .mcPerson dd { display: table-cell; float: none; vertical-align: middle; width: auto; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding-left: .5em; } #opinions .mcPersonWrap .mcPerson dd .belong { font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; } #opinions .mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -.025em; } #opinions .mcPersonWrap .mcPerson:after { display: block; clear: both; content: ""; } #opinions .mcPersonWrap + hr { margin: 0; } #opinions .mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; } #opinions .mcPersonWrap.col2 { display: block; width: 100%; } #opinions .mcPersonWrap.col2 .mcPerson { width: 100%; } #opinions #mainVisualWrap { width: 100%; margin: 0 auto; } #opinions #mainVisualWrap .listener { display: block; float: left; height: 2em; margin-right: 0.5em; } #opinions #mainVisualWrap > * { width: 93.75%; margin-left: auto; margin-right: auto; } #opinions #mainVisualWrap #mainVisual figcaption { display: block; width: 100%; margin-top: .5em; padding: 0 1em; line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; color: #666; } #opinions #mainVisualWrap #mainVisual figcaption.textRight { text-align: center; } #opinions #mainVisualWrap #mainVisual figcaption.textLeft { text-align: center; } #opinions #mainVisualWrap #mainVisual .lead { display: block; margin-top: 2em; padding-bottom: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.025em; text-align: left; } #opinions #mainVisualWrap #mainVisual .lead + .lead { margin-top: 2em; } #opinions #mainVisualWrap #mainVisual .lead.fontSmall { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; line-height: 1.6; } #opinions #mainVisualWrap #mainVisual .roundArrow-link { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; margin: 0 0.8em; } #opinions #mainVisualWrap #mainVisual .roundArrow-link a { margin-left: 0.8em; } #opinions #mainVisualWrap #mainVisual .roundArrow-link a:after { left: 0em; } #opinions #mainVisualWrap #mainVisual .opinions-anchorLink { padding-left: 2.5em; margin: 2em 0.5em 0 0.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions #mainVisualWrap #mainVisual .opinions-anchorLink li { margin-bottom: 1em; } #opinions #mainVisualWrap #mainVisual p { padding-left: 3.125%; padding-right: 3.125%; } #opinions #mainLeadWrap { width: 93.75%; margin: 0 auto; border-top: solid 1px #ccc; } #opinions #mainLeadWrap #mainLead { width: 100%; margin: 2em auto 0; text-align: left; } #opinions #mainLeadWrap #mainLead .lead { display: block; margin-top: 2em; padding-bottom: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.5; letter-spacing: -0.025em; text-align: left; } #opinions figcaption { display: block; width: 100%; margin-top: .5em; padding: 0 1em; line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; color: #666; } #opinions figcaption.textRight { text-align: center; } #opinions figcaption.textLeft { text-align: center; } #opinions .basicContent { position: relative; background: #f2f2f2; padding: 12.5% 0 0; } #opinions .basicContent.lastContent, #opinions .basicContent:last-of-type { padding: 3em 0; } #opinions .basicContent.cusumano01 { padding-top: 1em; padding-bottom: 0; } #opinions .basicContent.cusumano01 + .basicContent { padding-top: 0; } #opinions .basicContent .basicContentWrap { width: 100%; margin: 0 auto; } #opinions .basicContent .basicContentWrap.akiba p:first-child { margin-top: 0; padding-top: 0; } #opinions .basicContent .basicContentWrap > *, #opinions .basicContent .basicContentWrap > .photoLeft, #opinions .basicContent .basicContentWrap > .photoRight { width: 93.75%; margin-right: auto; margin-left: auto; } #opinions .basicContent .basicContentWrap h4 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #opinions .basicContent .basicContentWrap p { margin-top: 2em; text-align: left; } #opinions .basicContent .basicContentWrap p.inyou { line-height: 1.7; } #opinions .basicContent .basicContentWrap p.inyou:after { bottom: -0.99em; } #opinions .basicContent .basicContentWrap p.topicTitle { margin-bottom: 0; } #opinions .basicContent .basicContentWrap p.topicDetail { margin-left: 1em; } #opinions .basicContent .basicContentWrap p.exList { margin-top: 0; } #opinions .basicContent .basicContentWrap p.smallright { display: block; width: 100%; margin-top: .25em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; color: #666; line-height: 1.4; letter-spacing: .025em; text-align: center; } #opinions .basicContent .basicContentWrap p + h4 { margin-top: 2em; } #opinions .basicContent .basicContentWrap .list2 { margin-top: 2em; } #opinions .basicContent .basicContentWrap .list2 li { margin-top: 0; } #opinions .basicContent .basicContentWrap .list2 li + li { margin-top: .5em; } #opinions .basicContent .basicContentWrap figure + h4 { margin-top: 2em; } #opinions .basicContent .basicContentWrap h4 + p { margin-top: 1em; } #opinions .basicContent .basicContentWrap.cusumano { margin-top: 1em; } #opinions .basicContent .basicContentWrap.cusumano p { font-size: .95em; } #opinions .basicContent .basicContentWrap.cusumano ul { margin-top: 1em; } #opinions .basicContent .basicContentWrap.cusumano ul li { display: inline-block; font-size: larger; font-weight: 900; width: 35px; } #opinions .basicContent .basicContentWrap.cusumano ul li.underline { position: relative; } #opinions .basicContent .basicContentWrap.cusumano ul li.underline:after { display: block; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; border-bottom: 1px solid; padding-bottom: 2px; content: ""; } #opinions .basicContent .basicContentWrap.cusumano ul li a { display: block; } #opinions .basicContent .basicContentWrap.cusumano.noboder { margin-top: 0; border-bottom: none; padding-bottom: 0px; } #opinions .basicContent .basicContentWrap .figCaption { display: block; width: 100%; margin-top: .5em; padding: 0 1em; line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; color: #666; } #opinions .basicContent .basicContentWrap .figCaption.textRight { text-align: center; } #opinions .basicContent .basicContentWrap .figCaption.textLeft { text-align: center; } #opinions .basicContent .basicContentWrap ul + figure { margin-top: 2em; } #opinions .basicContent .basicContentWrap figure { margin-top: 2em; } #opinions .basicContent .basicContentWrap figure figcaption { display: block; width: 100%; margin-top: .5em; padding: 0 1em; line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; color: #666; } #opinions .basicContent .basicContentWrap figure figcaption.textRight { text-align: center; } #opinions .basicContent .basicContentWrap figure figcaption.textLeft { text-align: center; } #opinions .basicContent .basicContentWrap figure.guestInfo figcaption { display: block; width: 100%; margin-top: 0; padding: 6.25% 3.125%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #opinions .basicContent .basicContentWrap figure.guestInfo figcaption small { display: block; margin-top: .75em; margin-left: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; text-align: left; } #opinions .basicContent .basicContentWrap figure.guestInfo figcaption span { display: block; margin-top: .75em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; text-align: left; } #opinions .basicContent .basicContentWrap figure.halfFigureRight { margin-bottom: 0em; padding: 3.125% 3.125% 6.25%; background: #ddd; } #opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption { float: none; width: 100% !important; height: auto !important; margin: 1em 0 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption strong, #opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption b { margin-bottom: .75em; } #opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption .ttl { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption .name { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #opinions .basicContent .basicContentWrap figure.halfFigureRight img { display: block; width: 100%; margin: 0 auto; padding: 0; } #opinions .basicContent .basicContentWrap figure.halfFigureRight.afterHeadLine { margin-top: 6.25%; } #opinions .basicContent .basicContentWrap figure.halfFigureleft { margin-bottom: 0em; padding: 3.125% 3.125% 6.25%; background: #ddd; } #opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption { float: none; width: 100% !important; height: auto !important; margin: 1em 0 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption strong, #opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption b { margin-bottom: .75em; } #opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption .ttl { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption .name { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #opinions .basicContent .basicContentWrap figure.halfFigureleft img { display: block; width: 100%; margin: 0 auto; padding: 0; } #opinions .basicContent .basicContentWrap figure.halfFigureleft.afterHeadLine { margin-top: 6.25%; } #opinions .basicContent .basicContentWrap .boxCommentary { margin-top: 2em; } #opinions .basicContent .basicContentWrap .boxCommentary ul { margin: 0; } #opinions .basicContent .basicContentWrap .boxCommentary ul li { margin: 0; } #opinions .basicContent .basicContentWrap .boxCommentary ul.list1 li { padding-left: 0; text-indent: 0; } #opinions .basicContent .basicContentWrap .boxCommentary ul.list1.spLeftMargin { margin-left: 1em; } #opinions .basicContent .basicContentWrap .boxCommentary ol li { padding-left: 0.5em; text-indent: -0.1em; } #opinions .basicContent .basicContentWrap .boxCommentary p { margin-top: 0; } #opinions .basicContent .basicContentWrap .boxCommentary.skill .text { margin-left: 0; } #opinions .basicContent .basicContentWrap .boxCommentary.skill h1 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; margin-bottom: 1em; } #opinions .basicContent .basicContentWrap .boxCommentary.skill h1 br { display: none; } #opinions .basicContent .basicContentWrap .boxCommentary.skill p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; margin: 0 0 1em; } #opinions .basicContent .basicContentWrap .boxCommentary.skill p:last-child { margin: 0 0 1em; } #opinions .basicContent .basicContentWrap .boxCommentary.skill p br { display: none; } #opinions .basicContent .basicContentWrap .boxCommentary.skill .sub { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap .boxCommentary.boxCommentary_mini { padding: 6.6666666667%; display: inline-block; font-size: 1.1em; } #opinions .basicContent .basicContentWrap .boxCommentary.boxCommentary_mini:after { height: 0; } #opinions .basicContent .basicContentWrap > ul { margin-top: 2em; } #opinions .basicContent .basicContentWrap > ul li { margin-top: 1em; } #opinions .basicContent .basicContentWrap > ul li dl { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; } #opinions .basicContent .basicContentWrap > ul li dl dt { float: none; width: 100%; margin: 0; text-align: left; } #opinions .basicContent .basicContentWrap > ul li dl dd { float: none; width: 100%; margin-top: .5em; padding-left: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; line-height: 1.5; } #opinions .basicContent .basicContentWrap > ul li.listenerLine + li, #opinions .basicContent .basicContentWrap > ul li.speakerLine + li { margin-top: 2.5em; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dt, #opinions .basicContent .basicContentWrap > ul li.speakerLine dt { float: none; width: 20%; margin: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dt img, #opinions .basicContent .basicContentWrap > ul li.speakerLine dt img { width: 100%; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dd, #opinions .basicContent .basicContentWrap > ul li.speakerLine dd { position: relative; top: 0; float: none; width: 80%; margin-top: 2%; padding-left: .0em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: left; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dl, #opinions .basicContent .basicContentWrap > ul li.speakerLine dl { display: block; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dl dt, #opinions .basicContent .basicContentWrap > ul li.speakerLine dl dt { margin-bottom: 0%; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dl dt span, #opinions .basicContent .basicContentWrap > ul li.speakerLine dl dt span { width: 0; height: 0; padding: 35.4166666667%; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dl dt:after, #opinions .basicContent .basicContentWrap > ul li.speakerLine dl dt:after { border: none; content: none; } #opinions .basicContent .basicContentWrap > ul li.listenerLine dd, #opinions .basicContent .basicContentWrap > ul li.speakerLine dd { width: 100%; } #opinions .basicContent .basicContentWrap > ul li.listenerLine .paragraph p, #opinions .basicContent .basicContentWrap > ul li.speakerLine .paragraph p { margin-top: 0; } #opinions .basicContent .basicContentWrap > ul li.listenerLine .paragraph p + p, #opinions .basicContent .basicContentWrap > ul li.speakerLine .paragraph p + p { margin-top: 1em; } #opinions .basicContent .basicContentWrap > ul li.listenerLine.iconDoubleLine, #opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine { position: relative; } #opinions .basicContent .basicContentWrap > ul li.listenerLine.iconDoubleLine dt, #opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine dt { width: 31.5%; } #opinions .basicContent .basicContentWrap > ul li.listenerLine.iconDoubleLine dt span, #opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine dt span { padding: 22.4867724868%; } #opinions .basicContent .basicContentWrap > ul li.speakerLine2 dd { text-align: left; } #opinions .basicContent .basicContentWrap > ul.topicDetail { margin: 2em 0; padding: 0 0 0 1em; line-height: 1.5; } #opinions .basicContent .basicContentWrap > ul.topicDetail li { margin-top: 0; padding-left: 1.5em; text-indent: -0.66666em; } #opinions .basicContent .basicContentWrap > ul.topicDetail span { display: inline-block; margin-right: .5em; } #opinions .basicContent .basicContentWrap > ul.topicDetail.Bold { font-weight: bold; } #opinions .basicContent .basicContentWrap > ul.topicDetail.normal { margin-top: 1em; } #opinions .basicContent .basicContentWrap > ul.topicDetail.normal li { padding-left: 1.5em; text-indent: -0.66666em; } #opinions .basicContent .basicContentWrap > ul.topicDetail.comment li + li { margin-top: .5em; } #opinions .basicContent .basicContentWrap > ul.topicDetail.exList .normal { margin: .25em auto .5em; } #opinions .basicContent .basicContentWrap > ul.twoComment { margin-top: 0px; width: 100%; } #opinions .basicContent .basicContentWrap > ul.twoComment li { width: 50%; margin-top: .5em; padding: 0 .5em; line-height: 1.3; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #opinions .basicContent .basicContentWrap > ul.cusumano02 { margin-top: 0; width: 100%; margin-bottom: 1em; padding-left: 0; text-align: center; } #opinions .basicContent .basicContentWrap > ul.cusumano02 li { display: inline-block; float: none; } #opinions .basicContent .basicContentWrap > ul.cusumano02 a { display: block; } #opinions .basicContent .basicContentWrap > ul.lineMargin1 { padding-left: 1em; } #opinions .basicContent .basicContentWrap > ul.lineMargin1 li { margin-top: .25em; text-indent: -2em; padding-left: 2em; } #opinions .basicContent .basicContentWrap > ul.shanghaitop { margin-top: 2em; } #opinions .basicContent .basicContentWrap > ul.shanghaitop li + li { margin-top: .5em; } #opinions .basicContent .basicContentWrap > ul.list2.list2-1em { margin-top: 2em; } #opinions .basicContent .basicContentWrap > ul.list2.list2-1em li + li { padding-top: .5em; } #opinions .basicContent .basicContentWrap .tableContent { width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #opinions .basicContent .basicContentWrap .tableContent.sessionTable { margin-top: 2em; } #opinions .basicContent .basicContentWrap .tableContent.sessionTable dl { height: auto; } #opinions .basicContent .basicContentWrap .tableContent.boothTable { margin-top: 0; } #opinions .basicContent .basicContentWrap .tableContent.boothTable dl { height: auto; } #opinions .basicContent .basicContentWrap .tableContent h4 { position: relative; width: 100%; height: 100%; padding: .5em; text-align: center; } #opinions .basicContent .basicContentWrap .tableContent h4 span { display: inline-block; position: relative; top: 0; right: 0; left: 0; margin-top: 0; } #opinions .basicContent .basicContentWrap .tableContent ul { float: none; width: 100%; margin: 0; } #opinions .basicContent .basicContentWrap .tableContent ul li { margin: 0; } #opinions .basicContent .basicContentWrap .tableContent ul li + li { border-top: solid 1px #f2f2f2; } #opinions .basicContent .basicContentWrap .tableContent ul li:last-child { margin: 0; } #opinions .basicContent .basicContentWrap .tableContent ul li dl { margin: 0; padding: 1em 0; } #opinions .basicContent .basicContentWrap .tableContent ul li dl dt, #opinions .basicContent .basicContentWrap .tableContent ul li dl dd { display: table; float: none; width: 100%; height: 100%; margin: 0; padding: 0 1em; border: none; } #opinions .basicContent .basicContentWrap .tableContent ul li dl dt span, #opinions .basicContent .basicContentWrap .tableContent ul li dl dd span { display: table-cell; vertical-align: middle; } #opinions .basicContent .basicContentWrap .tableContent ul li dl dt { margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid 1px #f2f2f2; font-weight: bold; } #opinions .basicContent .basicContentWrap .tableContent ul li dl dd { width: 100%; border: none; } #opinions .basicContent .basicContentWrap .Afterword { margin-top: 2em; padding: 6.6666666667% 3.3333333333%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.5; } #opinions .basicContent .basicContentWrap .snsArea { margin-top: 6.25%; padding-bottom: 0; overflow: hidden; text-align: center; } #opinions .basicContent .basicContentWrap .snsArea ul { display: inline-block; margin: 0; overflow: hidden; } #opinions .basicContent .basicContentWrap .snsArea ul li { float: left; margin-top: 0; margin-right: 4px; } #opinions .basicContent .basicContentWrap .snsArea a:hover { opacity: 0.8; } #opinions .basicContent .basicContentWrap .textPhotoSmall { float: right; width: 50%; margin: 2em 0 0; padding: 0.25em 3.125% 3.125%; } #opinions .basicContent .basicContentWrap .textPhotoSmall span { display: block; width: 100%; margin-top: 0.5em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; line-height: 1.3; } #opinions .basicContent .basicContentWrap .textPhotoSmall.afterPhoto { position: absolute; top: 0; right: 0; } #opinions .basicContent .basicContentWrap .textPhotoSmall300 { float: right; width: 50%; margin: 2em 0 0; padding: 0.25em 3.125% 3.125%; } #opinions .basicContent .basicContentWrap .textPhotoSmall300 span { display: block; width: 100%; margin-top: 0.5em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; line-height: 1.3; } #opinions .basicContent .basicContentWrap .textPhotoSmall300.afterPhoto { position: absolute; top: 0; right: 0; } #opinions .basicContent .basicContentWrap .textPhoto { width: 100%; } #opinions .basicContent .basicContentWrap .photoCenter { position: relative; width: 100%; margin: 6.6666666667% auto; padding-bottom: 0; } #opinions .basicContent .basicContentWrap .photoCenter.photoCenter-last { margin-bottom: 0; } #opinions .basicContent .basicContentWrap .photoCenter > p { width: 93.75%; margin: 0 auto; padding: 3.125%; } #opinions .basicContent .basicContentWrap .photoCenter > p span { display: block; padding: 0.5em 0.5em 0; } #opinions .basicContent .basicContentWrap .photoCenter img { width: 100%; height: auto; margin-bottom: .5em; } #opinions .basicContent .basicContentWrap .photoCenter:after { content: none; } #opinions .basicContent .basicContentWrap .photoCenter.lttleLeft { clear: both; width: 100%; } #opinions .basicContent .basicContentWrap .photoCenter.lttleLeft p { clear: both; width: 100%; } #opinions .basicContent .basicContentWrap .photoCenter.lastPhoto { margin-bottom: 0; padding-bottom: 0; } #opinions .basicContent .basicContentWrap .photoCenter.col2 { width: 100%; } #opinions .basicContent .basicContentWrap .photoCenter.col2 p { padding: 3.125%; } #opinions .basicContent .basicContentWrap .photoCenter.col2 p > img { width: 50%; padding: 0 1.6694490818% 0 0; } #opinions .basicContent .basicContentWrap .photoCenter.col2 p > img:last-child { padding: 0 0 0 1.6694490818%; } #opinions .basicContent .basicContentWrap .photoLeft { display: block; margin-right: auto; margin-left: auto; } #opinions .basicContent .basicContentWrap .photoLeft img { display: block; width: 50%; margin: 0 auto 1em; } #opinions .basicContent .basicContentWrap .photoLeft span { display: block; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #opinions .basicContent .basicContentWrap .photoLeft b, #opinions .basicContent .basicContentWrap .photoLeft strong { display: inline-block; margin-bottom: 1em; } #opinions .basicContent .basicContentWrap .photoRight p { float: none; } #opinions .basicContent .basicContentWrap .photoRight figure { float: none; display: block; width: 100%; } #opinions .basicContent .basicContentWrap .photoRight img { width: 50%; margin: 0 auto; } #opinions .basicContent .basicContentWrap .photoRight figcaption { width: 100%; } #opinions .basicContent .basicContentWrap .photoRight b, #opinions .basicContent .basicContentWrap .photoRight strong { display: inline-block; margin-bottom: 1em; } #opinions .basicContent .lineShanghai h4 strong { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #opinions .introContent { padding: 0 3.125%; background: #f2f2f2; } #opinions .introContent .introContentWrap { width: 100%; margin: 6.25% auto 0; padding: 2em 0 3em; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) { margin-bottom: 1em; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) + li { margin-top: 2em; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dt { width: 100%; text-align: center; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dt img { width: 33.333333%; max-width: 120px; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd { display: inline-block; margin-top: 1em; width: 100%; vertical-align: top; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p span { text-align: center; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p .name { margin-bottom: .5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p .belong { margin-bottom: 1em; } #opinions .introContent .introContentWrap strong { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #opinions .introContent .introContentWrap .listAbout { float: none; margin-left: 0; padding: 0 6.6666666667%; } #opinions .introContent .introContentWrap .listAbout li:last-child { margin-bottom: 0; } #opinions .introContent .introContentWrap .listAbout li.spPurchase { margin-top: 2em; margin-bottom: 0; } #opinions .introContent .introContentWrap .listAbout li.spDetails { margin-top: .5em; margin-bottom: 0; } #opinions .introContent .introContentWrap .autors_panel { margin-bottom: 0; } #opinions .introContent .introContentWrap .autors_panel .autors_panel_headline { margin-bottom: 0; } #opinions .introContent .introContentWrap .autors_panel .autors_panel_headline span { font-size: 31px; font-size: 3.1rem; font-size: 4.84375vw; } #opinions .introContent .introContentWrap .autors_panel .autors_panel_headline .link_arrow { margin: .5em auto -.5em; -webkit-box-pack: end; justify-content: flex-end; position: relative; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #opinions .introContent .introContentWrap .autors_panel dt img, #opinions .introContent .introContentWrap .autors_panel dd img { width: 100%; max-width: 100%; } #opinions .introContent .introContentWrap .autors_panel + li { margin-top: 3em; } #opinions #relateContent { padding-top: 15.625%; background: #f2f2f2; overflow: hidden; background: #e5e5e5; } #opinions #relateContent .relateContentWrap { max-width: 100%; margin: 0 auto; padding: 0 0 12.5%; overflow: hidden; } #opinions #relateContent .relateContentWrap h4 { margin-bottom: 6.25%; } #opinions #relateContent .relateContentWrap h4 img { display: none; } #opinions #relateContent .relateContentWrap h4:after { font-size: 60px; font-size: 6rem; font-size: 9.375vw; font-family: 'existence'; color: #005198; font-weight: bold; content: 'RELATED ARTICLES'; } #opinions #relateContent .relateContentWrap dd { line-height: 1.4; } #opinions .cultureContent #mainVisual .lead { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.5; } #opinions .cultureContent .textPhotoSmall { padding: 0 0 10px 50px; } #opinions .cultureContent .reportPhoto { line-height: 1.5; } #opinions .cultureContent .reportPhoto.horizontally:after { clear: both; display: block; content: ''; } #opinions .cultureContent .reportPhoto.horizontally li { float: left; margin: 0 10px 0 0; } #opinions .cultureContent .list1 { margin-bottom: 0; list-style-type: disc; list-style-position: outside; } #opinions #mailRegistration { border-top: solid 1px #ccc; } #opinions #mailRegistration .btnHome a { text-indent: 1em; } #opinions .introContent .bookBlock { margin-top: 1.5em; padding-left: 0; } #opinions .introContent .bookBlock h3, #opinions .introContent .bookBlock .bold, #opinions .introContent .bookBlock h4, #opinions .introContent .bookBlock .lead { display: block; text-align: center; } #opinions .introContent .bookBlock .left { float: none; text-align: center; } #opinions .introContent .bookBlock .left img { width: 33.3333333333%; } #opinions .introContent .bookBlock .listAbout li + li { margin-top: 1em; } #opinions #listBold { padding-left: 1em; } #opinions #listBold li { padding-left: 1.25em; text-indent: -1.25em; line-height: 1.4; } #opinions #listBold li + li { padding-top: .5em; } #opinions #Next-Workshop { margin-top: 1em; } #opinions #Next-Workshop ul { margin-top: .5em; } #opinions #Next-Workshop ul li { margin-top: 0; } #opinions #Next-Workshop ul li + li { margin-top: .5em; } #opinions .photo33R { display: block; float: none; width: 100%; height: auto; margin: 1em auto 1em; padding: 0; } #opinions .photo33R.btm0 { padding-bottom: 0; } #opinions .photo33L { display: block; float: none; width: 100%; height: auto; margin: 1em auto 1em; padding: 0; } #opinions .photo33L.btm0 { padding-bottom: 0; } #opinions .basicContent .basicContentWrap .listVoiceSimple { margin: 1em 0 0; padding-left: 2em; } #opinions .basicContent .basicContentWrap .listVoiceSimple li { margin: .25em 0 0; padding-left: 2.25em; text-indent: -2.25em; } #opinions.naito .fontOrange { display: block; margin-bottom: .25em; color: #ff8100; font-size: 18px; } #opinions.naito .basicContent .basicContentWrap .topicDetail { margin-top: 0; padding-left: 1em; line-height: 1.8; } #opinions.naito .basicContent .basicContentWrap .topicDetail li { margin-top: 0; padding-left: 2em; text-indent: -.75em; font-weight: bold; } #opinions.naito .basicContent .basicContentWrap .topicDetail span { display: inline-block; margin-right: .5em; } #opinions.naito .basicContent .basicContentWrap .topicDetail.comment li + li { margin-top: .5em; } .bnrContent { background: #f2f2f2; overflow: hidden; padding: 0 3.125%; } .bnrContent .bnrContentWrap { width: 100%; margin: 2em auto; padding: 0; } .bnrContent .bnrContentWrap li { margin-bottom: 0; } .bnrContent .bnrContentWrap li dt { display: inline-block; width: 100%; } .bnrContent .bnrContentWrap li dd { position: relative; display: inline-block; width: 100%; padding: 6.6666666667% 3.3333333333% 3.3333333333%; } .bnrContent .bnrContentWrap li dd p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .bnrContent .bnrContentWrap li dd p.titleExplan { display: block; margin-top: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .bnrContent .bnrContentWrap li dd p.titleMain { display: block; margin-top: .5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .bnrContent .bnrContentWrap li dd .titleSub { display: block; margin-top: .25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; color: #666; padding-left: .5em; } .bnrContent .bnrContentWrap li .talkGenreWrap { position: relative; left: 0; margin-top: 1em; } .bnrContent .bnrContentWrap li .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .bnrContent .bnrContentWrap li .talkGenreWrap .talkGenre { display: block; margin-right: 1em; padding-right: 1em; } .bnrContent.bnrContent_small { padding: 0; } .bnrContent.bnrContent_small .bnrContentWrap { width: 100%; margin: 1em auto 10%; padding: 0; border: none; } .bnrContent.bnrContent_small .bnrContentWrap li { margin-bottom: 0; } .bnrContent.bnrContent_small .bnrContentWrap li dl:after { display: block; clear: both; content: ""; } .bnrContent.bnrContent_small .bnrContentWrap li dt { float: none; width: 100%; } .bnrContent.bnrContent_small .bnrContentWrap li dd { float: none; width: 100%; padding: 6.6666666667% 3.3333333333%; } .bnrContent.bnrContent_small .bnrContentWrap li dd .titleSub { padding: 0; letter-spacing: -.025em; line-height: 1.4; } .bnrContent.bnrContent_text_short { padding-top: 2em; } .bnrContent.bnrContent_text_short .bnrContentWrap { margin-top: 0; padding-bottom: 0; border: none; } .bnrContent.bnrContent_text_short dl { display: block; -webkit-box-align: center; align-items: center; } .bnrContent.bnrContent_text_short dd { padding-left: 0; } .bnrContent.bnrContent_text_short .bnrContentWrap li dd p.titleMain { margin: 0; padding: 0; line-height: 1.3; text-indent: 0; } .bnrContent.bnrContent_text_short .bnrContentWrap li dd .titleSub { padding-left: 0; text-indent: 0; } #opinions .bnrContent_text_short + .basicContent { padding-top: 0; } .commentBtn { margin-top: 2em; } .commentBtn .text { text-align: center; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .commentBtn .combtn { margin-top: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding: .5em 2em; } .commentBtn .combtn img { width: 1.5em; margin-right: .5em; vertical-align: middle; } .commentBtn .combtn.combtn_mt1 { padding: .5em 1em; } .commentBtn .commentHeadline { margin-top: .5em; font-size: 1.5em; line-height: 1.2; } .commentBtn.atd_ice2018 { padding-top: 16.6666666667%; } .largeBnrWrap { margin: 2em auto 0; padding: 2em 0 0; width: 100%; } #opinions .introContent .largeBnrWrap { padding: 2em 0; } .anchor { margin-top: -17.1875%; width: 100%; } .profile_iconlist { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 0 3.125%; text-align: center; } .profile_iconlist > li { width: 50%; } .profile_iconlist > li:nth-child(n+3) { margin-top: 1.5em; } .profile_iconlist img { max-width: 66.6666666667%; } .profile_iconlist .name { line-height: 1.3; } .profile_iconlist .name.line2 { line-height: 2.6; } .profile_iconlist .belong { line-height: 1.3; font-size: .7em; letter-spacing: -.05em; } .contentsLead { font-size: 1em; text-align: left; } .contentsLead span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .contents_category_list { text-align: center; } .contents_category_list li { margin: 0; padding: 1em .5em; float: left; display: block; width: 49%; background: #e9cccc; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; white-space: nowrap; } .contents_category_list li span { display: block; } .contents_category_list li:nth-child(n+3) { margin-top: 2%; } .contents_category_list li:nth-child(2n+1) { margin-left: 0; float: left; } .contents_category_list li:nth-child(2n+2) { margin-left: 0; float: right; } .contents_category_list:after { display: block; clear: both; content: ""; } .flexwrap { margin: 1em auto; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .flexwrap .customize_list li { padding-left: 1.25em; text-indent: -1.25em; } .flexwrap.col2 > * { width: 49%; } .pickupCourse { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #opinions .authors-box { padding: 3.125% 0; } #opinions .authors-box .profileBox { margin: 3.125%; padding: 6.6666666667% 3.3333333333%; width: 93.75%; display: block; } #opinions .authors-box .profileBox li dl { padding-right: 0; display: block; } #opinions .authors-box .profileBox li dl dt { margin: 0 auto 4.4883303411%; width: 56%; } #opinions .authors-box .profileBox li dl dd { margin-bottom: 3.5906642729%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-align: center; line-height: 1.2; } #opinions .authors-box .profileBox li dl dd .belong { margin-bottom: 3.5906642729%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-align: center; line-height: 1.2; } #opinions .authors-box .profileBox li dl dd .name { margin-bottom: 2.513464991%; font-size: 50px; font-size: 5rem; font-size: 7.8125vw; text-align: center; } #opinions .authors-box .profileBox li dl dd .name .alphabet { display: block; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1; } #opinions .authors-box .profileBox li dl dd .name .alphabet:before { display: none; } #opinions .authors-box .profileBox li dl dd p:last-child { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } #opinions .authors-wrap { padding-top: 0; } #opinions .authors-wrap dl { padding: 9.375% 3.125% 0; } #opinions .authors-wrap dl .headline4 { width: 100%; margin: 0 0 1em; padding: 0 0 .25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } /* CONSULTING
-------------------------------------------------- */ #consulting { letter-spacing: 0; /*DETAIL*/ /*ASIDE*/ /* w-mgr */ /* mid-career */ } #consulting #aside #asideIn .topLink a { margin-top: 0; } #consulting.consultingHome #mainContent { background: #f2f2f2; overflow: hidden; } #consulting.consultingHome #mainContent ul { width: 93.75%; margin: 0 auto 15.625%; padding: 0; } #consulting.consultingHome #mainContent ul li { width: 50%; height: auto; -webkit-transition: 0s; transition: 0s; } #consulting.consultingHome #mainContent ul li:not(:nth-child(4n)) { border-right: none; } #consulting.consultingHome #mainContent ul li:not(:nth-child(2n)) { border-right: 1px solid #DDD; } #consulting.consultingHome #mainContent ul li:nth-child(8n+2) h3, #consulting.consultingHome #mainContent ul li:nth-child(8n+4) h3, #consulting.consultingHome #mainContent ul li:nth-child(8n+5) h3, #consulting.consultingHome #mainContent ul li:nth-child(8n+7) h3 { background: #f3f3f0; } #consulting.consultingHome #mainContent ul li:nth-child(4n+2) h3, #consulting.consultingHome #mainContent ul li:nth-child(4n+3) h3 { background: #e8e8e3; } #consulting.consultingHome #mainContent ul li h3 { display: block; position: relative; width: 100%; height: 0; padding-bottom: 66.6666666667%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; z-index: 900; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #consulting.consultingHome #mainContent ul li h3:after { position: relative; margin: auto; width: 1em; height: 0; border-style: solid; border-width: 0.5em 0.5em 0 0.5em; position: absolute; top: auto; right: 0; bottom: -0.45em; left: 0; box-sizing: border-box; } #consulting.consultingHome #mainContent ul li h3 > span { display: block; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #consulting.consultingHome #mainContent ul li .text { height: auto; padding: 13.3333333333% 6.6666666667%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting.consultingHome #mainContent ul li:nth-of-type(even) a { border: none; } #consulting.consultingHome #mainContent ul li:nth-of-type(even) h3, #consulting.consultingHome #mainContent ul li:nth-of-type(even) .text { border: none; } #consulting.consultingHome #mainContent ul li:nth-of-type(even) h3 { padding-bottom: 66.6666666667%; } #consulting.consultingHome #mainContent ul li:nth-of-type(even) .text { padding: 13.3333333333% 6.6666666667%; } #consulting.consultingHome #mainContent ul li:hover h3 { background: #ED7A3E; } #consulting.consultingDetail { /*solution*/ /*main_program*/ } #consulting.consultingDetail #titleArea #pageTitle.subLine2 { margin-bottom: 0; } #consulting.consultingDetail #titleArea #pageTitle span.titleSub { margin-top: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.3; } #consulting.consultingDetail #mainContent { padding: 0 0 15.625%; } #consulting.consultingDetail #mainContent.lastContent { padding-bottom: 15.625%; } #consulting.consultingDetail #mainContent .col2headline3 { padding-top: 10%; } #consulting.consultingDetail #mainContent .col2headline3.col2headline3_mainContent { padding-top: 0; } #consulting.consultingDetail #mainContent .col2headline5 { width: 100%; margin: 1.5em 0; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; } #consulting.consultingDetail #mainContent .col2headline5.w-mgrTitle { padding-bottom: .25em; } #consulting.consultingDetail #mainContent .col2headline5.spmbHalf { margin-bottom: .5em; } #consulting.consultingDetail #mainContent .col2headline5:first-child { margin-top: 0; padding-top: 10%; } #consulting.consultingDetail #mainContent .col2headline5 + .col2headline4 { margin-top: 2em; padding-top: 0; } #consulting.consultingDetail #mainContent .list1 { margin-top: 0; } #consulting.consultingDetail #mainContent .list1 li { margin-top: 0; margin-bottom: 1em; letter-spacing: -.025em; } #consulting.consultingDetail #mainContent .list1 li:last-child { margin-bottom: 0; } #consulting.consultingDetail #mainContent .cnclLead { margin: 2em auto; } #consulting.consultingDetail #mainContent .cnclLead:last-of-type { margin: 0 0 2em; } #consulting.consultingDetail #mainContent .cnclLead.top0 { margin-top: 0; padding-top: 0; } #consulting.consultingDetail #mainContent .cnclLead.btm1em { margin-bottom: 2em; } #consulting.consultingDetail #mainContent #localNaviWrap { padding: 1em 0; } #consulting.consultingDetail #mainContent #locBgWrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; margin: 0 auto; } #consulting.consultingDetail #mainContent #locBgWrap #locBg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; } #consulting.consultingDetail #mainContent #localNav2 { padding: 0 3.125%; } #consulting.consultingDetail #mainContent #localNav2 li { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting.consultingDetail #mainContent #localNaviWrap.localLine2 { padding: 1em 0; } #consulting.consultingDetail #mainContent #localNaviWrap.localLine2 #locBgWrap #locBg { height: 100%; } #consulting.consultingDetail #mainContent #localNaviWrap.localLine2 #localNav2 { padding: 0 3.125%; } #consulting.consultingDetail #mainContent .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #consulting.consultingDetail #mainContent .btnWrap { margin-top: 2em; padding-top: 2em; border-top: solid 0.1em #3E3A39; } #consulting.consultingDetail #mainContent .col2Content dl:first-child { padding-top: 1em; } #consulting.consultingDetail .btnWrap { margin-top: 2em; padding-top: 2em; border-top: solid 0.1em #3E3A39; } #consulting.consultingDetail .btnWrap .btnL { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: auto; padding-right: 2em; } #consulting.consultingDetail .btnWrap .btnL a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #consulting.consultingDetail .btnWrap .btnL a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #consulting.consultingDetail .btnWrap .btnL:after { content: ""; } #consulting.consultingDetail .btnWrap .btnS { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: auto; margin-top: 0; padding-right: 2em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting.consultingDetail .btnWrap .btnS a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #consulting.consultingDetail .btnWrap .btnS a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #consulting.consultingDetail .btnWrap .btnS:after { content: ""; } #consulting.consultingDetail .btnWrap .btnS a { padding: .5em 1em; } #consulting.consultingDetail header .btnWrap { margin-top: 0; padding-top: 0; border-top: none; } #consulting.consultingDetail #mainProgram, #consulting.consultingDetail #intoCase { padding-bottom: 2em; background: #fff; } #consulting.consultingDetail #mainProgram .col2headline4, #consulting.consultingDetail #intoCase .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #consulting.consultingDetail #intoCase { padding-bottom: 3em; background: #f2f2f2; } #consulting.consultingDetail .list2 li { margin-bottom: 0; } #consulting.consultingDetail .list2 li:last-child { margin-bottom: 0; } #consulting.consultingDetail .list2.liBtm05 li { margin-bottom: 0; } #consulting.consultingDetail .hexaImg { margin-top: 2em; padding-bottom: 1em; } #consulting.consultingDetail .hexaImg p { padding-bottom: 0.5em; border-bottom: solid 3px #005488; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.025em; line-height: 1.3; } #consulting.consultingDetail .hexaImg p span { letter-spacing: -0.075em; } #consulting.consultingDetail .hexaImg .halfSize { width: 100%; height: auto; } #consulting.consultingDetail .hexaImg.img-2column { width: 100%; display: inline-block; margin-right: 0; } #consulting.consultingDetail .hexaImg.img-2column img { width: 100%; } #consulting.consultingDetail .hexaImg.img-2column:after { display: none; } #consulting.consultingDetail .hexagon_plus-2column { margin-top: 35px; } #consulting.consultingDetail .hexagon_plus-2column .details-2column { width: 100%; margin-top: 1em; } #consulting.consultingDetail .hexaDl { margin: 2em 0 0; padding: 2em 3.3333333333%; } #consulting.consultingDetail .hexaDl dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting.consultingDetail .hexaDl li { padding-left: 1em; text-indent: -1em; } #consulting.consultingDetail .hexaDl.ulImg { overflow: hidden; } #consulting.consultingDetail .hexaDl.ulImg dt, #consulting.consultingDetail .hexaDl.ulImg dd { width: 100%; } #consulting.consultingDetail .hexaDl.ulImg dd { float: none; } #consulting.consultingDetail .hexaDl.ulImg .rightImg { position: absolute; top: inherit; right: 0; width: 100%; text-align: right; padding-right: .25em; } #consulting.consultingDetail .hexaDl.ulImg3 { display: block; width: 100%; padding: 2em 3.3333333333% 0; } #consulting.consultingDetail .hexaDl.ulImg3 dt, #consulting.consultingDetail .hexaDl.ulImg3 dd { width: 100%; } #consulting.consultingDetail .hexaDl.ulImg3 ul, #consulting.consultingDetail .hexaDl.ulImg3 .rightImg { display: block; } #consulting.consultingDetail .hexaDl.ulImg3 .rightImg { position: relative; width: 100%; margin: 2em auto; padding-left: 0; padding-right: 0; } #consulting.consultingDetail .hexaDl.ulImg3 .rightImg:last-child { margin-bottom: 0; } #consulting.consultingDetail .hexaDl .centerImg { margin: 1em 0; } #consulting.consultingDetail .hexaDl.sales { padding: 2em 3.3333333333% 0; } #consulting.consultingDetail .hexaDl.sales:last-child { margin-bottom: 0; } #consulting.consultingDetail .hexaDl.w700 .boxCommentary2 { width: 100%; } #consulting.consultingDetail .ulImg4 { display: block; width: 100%; margin: 2em auto; padding: 3.3333333333%; } #consulting.consultingDetail .ulImg4:last-child { margin-bottom: 0; } #consulting.consultingDetail .ulImg4 .leftList { display: block; } #consulting.consultingDetail .ulImg4 .leftList ul { margin-top: .5em; text-align: left; } #consulting.consultingDetail .ulImg4 .rightImg { display: block; padding-left: 0; padding-right: 0; vertical-align: top; } #consulting.consultingDetail .boxCommentary2.ulImg4 img { width: 100%; height: auto; } #consulting.consultingDetail .btnOnBrdr .btnS { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; margin-top: 0; padding: 0 2em 0 0; width: 50%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting.consultingDetail .btnOnBrdr .btnS a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #consulting.consultingDetail .btnOnBrdr .btnS a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #consulting.consultingDetail .btnOnBrdr .btnS:after { content: ""; } #consulting.consultingDetail .btnOnBrdr .btnS a { padding: .5em; } #consulting.consultingDetail .topSecBorder { position: relative; top: 0; left: 0; margin-top: 2em; padding-top: 2.5em; border-top: none; } #consulting.consultingDetail .topSecBorder:after { display: block; position: absolute; top: 0; left: 0; width: 93.75%; margin: 0 0 0 3.125%; border-top: solid 0.1em #3E3A39; content: ""; } #consulting.consultingDetail .blackBox + .list2 li { margin-bottom: 0; } #consulting.consultingDetail .list2.btm0 li { margin-bottom: 0; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox { margin-top: 2em; padding: 6.6666666667% 3.3333333333% 8.3333333333%; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 { padding-top: 0; padding-bottom: .5em; letter-spacing: -.05em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 small { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 .spInline { display: inline; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 .shaded { margin-bottom: .5em; padding: .25em .75em; line-height: 1; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; background-size: cover; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox h4 { margin-top: 1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .list2 { padding-top: .5em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .list2 li { margin-bottom: 0; line-height: 1.5; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline-blue { margin: 0 0 .75em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .noBorder { padding: 1em 0 0; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox:first-of-type { margin-top: 2em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox dl { margin-bottom: 1em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox dl dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .pBlue { margin-top: -.25em; padding-bottom: .25em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .col2headline4 { margin-bottom: 1em; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .col2headline4.caseType span { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .barList { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .btnS { letter-spacing: 0; } #consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .btnHome:after { right: 0; } #consulting.consultingDetail .progList { padding: 1em 0 2em; } #consulting.consultingDetail .progList ul { overflow: hidden; } #consulting.consultingDetail .progList .col2headline4 { margin-bottom: 1em; } #consulting.consultingDetail .progList li, #consulting.consultingDetail .progList p { padding-left: 0; text-indent: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting.consultingDetail .progList li a, #consulting.consultingDetail .progList p a { display: -webkit-box; display: flex; font-weight: normal; } #consulting.consultingDetail .progList li a:before, #consulting.consultingDetail .progList p a:before { top: 0; margin-right: 0.25em; font-size: 1.2em; line-height: 1.2; vertical-align: sub; } #consulting.consultingDetail .progList.linkList-yohakuAri li + li, #consulting.consultingDetail .progList.linkList-yohaku li + li { margin-top: .5em; } #consulting.consultingDetail .progList li.sizeLarge { float: none; margin-bottom: .25em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting.consultingDetail .progList li.sizeLarge a:before { top: auto; } #consulting.consultingDetail .progList li + .thisNote { padding-left: 3em; } #consulting.consultingDetail .progList.bottom0, #consulting.consultingDetail .progList:last-child { padding-bottom: 0; } #consulting.consultingDetail .progList.brdrTop { margin-top: 2em; border-top: solid 1px #999; } #consulting.consultingDetail .progList .orgList .list1 { padding-bottom: 0 !important; } #consulting.consultingDetail .progList .orgList p { padding-left: 0; text-indent: 0; } #consulting.consultingDetail .progList .orgList li { padding: 0 0 0 1em; } #consulting.consultingDetail .progList .orgList li p { margin-bottom: .5em; text-indent: -1em; } #consulting.consultingDetail .progList .orgList .btnWrap { margin: 0 !important; } #consulting.consultingDetail .progList.progList-global .globalHead { margin-top: 0; } #consulting.consultingDetail .progList.progList-global > ul { margin: .5em auto; } #consulting.consultingDetail .progList.progList-global > ul li { margin-right: 0; } #consulting.consultingDetail .progList.progList-global + .progList-global { margin-top: 1.5em; padding-top: 0em; } #consulting.consultingDetail .progList.progList-global + .progList-global .globalHead { margin-top: 1.5em; } #consulting.consultingDetail .list2.blueList { margin: 2em 0; } #consulting.consultingDetail .list2.blueList li { margin-bottom: 0; letter-spacing: -.05em; } #consulting.consultingDetail .borderTop { margin: 2em auto 1em; padding-top: .5em; } #consulting.consultingDetail .globalHead { margin: 6.6666666667% auto 3.3333333333%; padding-bottom: 1em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.25; } #consulting.consultingDetail .boxCommentary2 + .btnOnBrdr { margin-top: 2em; } #consulting.consultingDetail #mainContent.global .boxCommentary2.mainProBox .noBorder { margin-top: 0; } #consulting.consultingDetail .listBlue { margin-bottom: .5em; padding-top: .5em; } #consulting.consultingDetail .listBlue li { margin-bottom: .25em; } #consulting.consultingDetail .listBlue li + li { padding-top: 0; } #consulting.consultingDetail .listBlue:last-child { margin-bottom: 0; } #consulting.consultingDetail .thisP + .listBlue { margin-top: .5em; } #consulting.consultingDetail #cnclTable { margin-top: 0; } #consulting.consultingDetail #cnclTable caption { margin-bottom: .75em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting.consultingDetail #cnclTable caption.textCenter { text-align: center; } #consulting.consultingDetail #cnclTable th, #consulting.consultingDetail #cnclTable td { width: 100%; padding: 1em; } #consulting.consultingDetail #cnclTable .leftHead { width: 100%; } #consulting.consultingDetail #cnclTable .ttlJa { background: #888; color: #fff; } #consulting.consultingDetail #cnclTable .ttlNstaff { background: #5cad5c; } #consulting.consultingDetail #cnclTable .spHead { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; clear: both; float: left; width: 27%; } #consulting.consultingDetail #cnclTable td { display: block; float: right; position: relative; top: 0; left: 0; width: 73%; } #consulting.consultingDetail #cnclTable td > .oneline { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #consulting.consultingDetail #cnclTable .list2 li { margin-bottom: 0; line-height: 1.4; } #consulting.consultingDetail #cnclTable .pcOnly { display: none; } #consulting.consultingDetail .listInline { margin-top: 0; } #consulting.consultingDetail .listInline > ul > li + li { padding-top: 0; } #consulting.consultingDetail #mainContent .salesDl { margin-top: .5em; } #consulting.consultingDetail #mainContent .salesDl.top40 { margin-top: 2em; } #consulting.consultingDetail #mainContent .salesDl .list1 li { margin-bottom: 0; } #consulting.consultingDetail .salesTtl { font-weight: bold; } #consulting.consultingDetail .figImg { display: block; float: none; margin: 1em auto; } #consulting.consultingDetail .figImg img { width: 100%; height: auto; } #consulting.consultingDetail .fecundity { text-align: center; } #consulting.consultingDetail .fecundity img { width: 70%; } #consulting.consultingDetail .salesImgSol { margin-bottom: 2em; } #consulting.consultingDetail .rightImg.sales { display: block; } #consulting.consultingDetail .rightImg.sales img { width: 100%; height: auto; } #consulting.consultingDetail #mainContent.info .col2Content { padding: 7.8125% 3.125%; } #consulting.consultingDetail #mainContent.info .col2Content .headline { margin-bottom: 7.8125%; } #consulting.consultingDetail #mainContent.info .col2Content .headline .lead { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; } #consulting.consultingDetail #mainContent.info .col2Content .headline h3 { margin-bottom: 2.34375%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; line-height: 1.2; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea { padding: 9.375% 0 10.9375%; border-top: solid 3px #339900; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea p + p { margin-top: 1em; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea:last-child { padding-bottom: 0; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li { margin-bottom: 1em; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li .name { margin-right: 1em; width: auto; float: left; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li p { display: inline; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile { margin-top: 7.8125%; padding: 1.5em; text-align: left; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figure + figure { margin-top: 1.5em; padding-top: 1.7em; border-top: solid 1px #666; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figure div { display: -webkit-box; display: flex; overflow: hidden; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile img { margin: 0 1em 1em 0; float: none; width: 30%; height: 30%; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figcaption { margin: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile p { margin-left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: justify; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference { padding: 2.34375%; margin-left: 0px; width: 100%; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference img { padding-right: 7.03125%; float: none; width: 100%; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference figcaption { width: 60%; padding: 0; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference strong { margin-bottom: 0; display: inline-block; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference .btnHome { margin: 3.125% auto 0; display: block; width: auto; height: auto; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-align: center; text-align: left; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference .btnHome a { padding: 3.125%; margin: 0; line-height: 1.2; } #consulting.consultingDetail #mainContent.info .col2Content .contentsArea h4 { margin-bottom: 1.5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual { margin-top: 0; padding: 0px; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle { padding: .5em .5em .5em 1em; top: 0; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle:after { content: ""; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal { width: 110px; height: 110px; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal:after { content: ""; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal p .number { font-size: 60px; font-size: 6rem; font-size: 9.375vw; font-weight: normal; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner { padding: 3em 3.125% 0; border: none; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-subtitle { padding: 1.5em 1em 0; display: block; position: relative; border-left: solid 2px #3E3A39; border-right: solid 2px #3E3A39; height: 100%; background: #fff; opacity: 1; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-subtitle:after { content: none; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-subtitle p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; color: #339900; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-ordinal { width: 100px; height: 100px; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-ordinal .number { margin: 0em; font-size: 60px; font-size: 6rem; font-size: 9.375vw; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents { padding: .5em 1em 1.5em; position: relative; width: 100%; top: 100%; height: 100%; background: #fff; border: solid 2px #3E3A39; border-top: none; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents h2 { margin-bottom: .5em; position: relative; top: 25%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents p { padding-right: 0; margin-bottom: 1.5em; position: relative; top: 50%; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm { padding-right: 0; margin-bottom: 0; position: relative; top: 80%; background: #339900; text-align: center; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm a { padding: .3em 0; display: inline-block; width: 100%; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm a:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; top: 25%; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .rightContents { position: relative; overflow: hidden; width: 100%; left: 0; border: solid 2px #3E3A39; border-bottom: none; } #consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .rightContents img { max-width: 100%; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } #consulting.consultingDetail #mainContent .col2Content .list2:first-child { padding-top: 9.375%; } #consulting.consultingDetail #mainContent .col2Content .list2:first-child + .boxCommentary2 { margin-top: 10%; } #consulting #aside .linkList li { padding-left: 0; font-size: inherit; font-weight: normal; text-indent: 0; } #consulting #aside #asideIn dd .listMark1 > li > a { padding: 1em 14.0625% 1em 3.125%; letter-spacing: -.025em; line-height: 1.3; } #consulting #aside #asideIn dd li .category { padding: 4.0625% 10.9375% 4.0625% 6.25%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-indent: 0; } #consulting #aside #asideIn dd li .category.twoLine { padding: 4.0625% 10.9375% 4.0625% 6.25%; } #consulting #aside #asideIn dd li .category:after { content: none; } #consulting .w-mgrTitle { padding-bottom: 0; } #consulting .w-mgrListitem { margin: 1em 0; padding-left: 5%; } #consulting .stageQuestion { margin: 2em 0  1em; } #consulting .stageList { margin: 1em 0 2em; padding-left: 5%; } #consulting .organizationChart { margin-top: 2em; } #consulting .organizationChart .w-mgrListitem2 { margin: 1em 0; padding-left: 0; padding: 0; } #consulting .organizationChart .w-mgrListitem2 li { margin: 1em 0; } #consulting .organizationChart img { float: none; margin-left: 0; } #consulting .midSpace { padding-top: 0; } #consulting #midTable { margin: auto 0; } #consulting #midTable th, #consulting #midTable td { width: 160px; padding: 0; background: #9c6; border-color: #fff; color: #fff; font-weight: bold; font-size: 12px; text-align: center; vertical-align: center; } #consulting #midTable .lineHead { background-color: #545552; } #consulting #midTable .firstTr { background-color: #3eb038; } #consulting #midTable .secondTr { background-color: #d2d2d2; } #consulting #midTable .listMid { margin: 1em 0; padding-left: 40px; list-style-type: disc; color: #3E3A39; font-size: 10px; } #consulting .solutionMid { margin-top: 15px; } #consulting .ulProBox { margin-bottom: 0; padding: .5em 0 0; } #consulting .ulProBox li { display: 　block; float: none; width: 100%; } #consulting .ulProBox .mpl_one { float: none; } #consulting .detailInfoWrap { padding-top: 10%; } #consulting .detailInfo { padding: 5%; } #consulting .detailInfo h2 { margin: 0 0 5%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #consulting .detailInfo dl:not(:last-child) { margin: 0 0 5%; } #consulting .detailInfo dt { margin: 0 0 3%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting .detailInfo dt .label { padding: .25em .75em; } #consulting .detailInfo dd { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting .detailInfo .width-half li { display: block; width: 100%; } #consulting.en.consultingHome #mainContent ul { box-shadow: none; } #consulting.en.consultingDetail #mainContent.list1 li { letter-spacing: 0; } #consulting.en #contactArea.contactCol2 { padding-bottom: 0; } #consulting #diagnosis { height: 28em; } #consulting #diagnosis .title { padding: 3% 3% 0; height: 10%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting #diagnosis #start { padding: 20% 5% 0; } #consulting #diagnosis #start p { margin: 10% 0 0; text-align: left; } #consulting #diagnosis #start .title { margin: 0; } #consulting #diagnosis #start .btnStart { margin: 10% auto 0; width: 45%; height: 15%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting #diagnosis .question { top: 10%; height: 80%; } #consulting #diagnosis .question .description { margin-bottom: 5%; padding: 0 3% 0 1.5em; height: 15%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting #diagnosis .question .title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting #diagnosis .question li { margin-right: 16%; width: 42%; height: 7em; } #consulting #diagnosis .question li p { margin: 0 0 1em; } #consulting #diagnosis .question li:nth-child(2n) { margin-right: 0; } #consulting #diagnosis .question input { display: none; } #consulting #diagnosis .question label { height: 55%; background-size: 30%; } #consulting #diagnosis .question label.circleDouble { background-size: 28%; } #consulting #diagnosis .question label.circle { background-size: 28%; } #consulting #diagnosis .question label.triangle { background-size: 28%; } #consulting #diagnosis .question label.cross { background-size: 23%; } #consulting #diagnosis .question .btnBack { margin: 0 auto; width: 42%; height: 2.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting #diagnosis #result .groupTtl { margin: 0 0 6%; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } #consulting #diagnosis #result .groupTtl:before { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.2; } #consulting #diagnosis #progressArea { height: 10%; } #consulting #diagnosis .progress { height: 1.5em; } #consulting #diagnosis .progress-bar p { font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.8em; } #consulting #diagnosis.end { height: 65em; } #consulting #diagnosis.online-check2020 { margin: 0 auto 3.3em; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 106.6666666667%; height: 40.9230769231em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; background: url(../../images/images2016/consulting/sales_enhancement/online-check/bg_diagnosis-sp.jpg) no-repeat center center, #e3ecf2; background-size: 100% auto; } #consulting #diagnosis.online-check2020.end { height: 65em; } #consulting #diagnosis.online-check2020 #start { padding: 41.25% 0; background: url(../../images/images2016/consulting/sales_enhancement/online-check/bg_diagnosis-sp.jpg) no-repeat center center, #e3ecf2; background-size: 100% auto; } #consulting #diagnosis.online-check2020 #start .title { margin-top: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting #diagnosis.online-check2020 #start .title small { font-size: 22.8px; font-size: 2.28rem; font-size: 3.5625vw; } #consulting #diagnosis.online-check2020 #start .title + p { margin: 6.875% auto; padding: 0px 15.9375% 0 16.875%; letter-spacing: 0; -webkit-font-feature-settings: normal; font-feature-settings: normal; line-height: 1.4; } #consulting #diagnosis.online-check2020 #start .btnStart { margin-top: 15.3125%; width: 42.1875%; height: 3em; } #consulting #diagnosis.online-check2020 > .title { margin-top: 1em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting #diagnosis.online-check2020 > .title small { margin-top: .4em; display: block; text-indent: -.5em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #consulting #diagnosis.online-check2020.question_start { height: 43.8461538462em; } #consulting #diagnosis.online-check2020 .question { margin-top: 3.5em; padding: 0 3.125%; } #consulting #diagnosis.online-check2020 .question .description { margin-bottom: 9.6666666667%; padding: .9em .5em .9em 2em; height: auto; font-size: 27.3px; font-size: 2.73rem; font-size: 4.265625vw; } #consulting #diagnosis.online-check2020 .question .description p:before { left: .7em; } #consulting #diagnosis.online-check2020 .question ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; overflow: visible; } #consulting #diagnosis.online-check2020 .question li { margin-right: 0; width: 43.3333333333%; } #consulting #diagnosis.online-check2020 .question li:nth-child(n+3) { margin-top: 10%; } #consulting #diagnosis.online-check2020 .question li:last-child { margin-right: 0; } #consulting #diagnosis.online-check2020 .question li p { margin-top: .5em; white-space: nowrap; } #consulting #diagnosis.online-check2020 .question label { position: relative; padding-bottom: 53.8461538462%; height: 0; } #consulting #diagnosis.online-check2020 .question label:before { margin-top: 2.6923076923%; top: 0; width: 100%; height: 100%; background: url(/images/images2016/consulting/sales_enhancement/online-check/box-shadow-sp.png) no-repeat; background-size: 100% 100%; content: ""; } #consulting #diagnosis.online-check2020 .question .btnBack { margin-top: 15.8333333333%; width: 45%; height: 3.125em; } #consulting #diagnosis.online-check2020 #q1.question .btnBack { display: none; } #consulting #diagnosis.online-check2020 #progressArea { bottom: -0.5384615385em; } #consulting #diagnosis.online-check2020 #progressArea .progress { height: 1.5384615385em; } #consulting #diagnosis.online-check2020 #progressArea .progress-bar p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.6666666667em; } #consulting #diagnosis.online-check2020 #result { padding: 0 3.125%; } #consulting #diagnosis.online-check2020 #result .groupTtl { margin: 0 0 6%; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; line-height: 1.2; } #consulting #diagnosis.online-check2020 #result .groupTtl:before { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.2; } #consulting #diagnosis.online-check2020.result_open { margin-bottom: 0; height: auto; } #consulting #diagnosis.online-check2020.result_open #result { display: block; position: relative; background: url(/images/images2016/consulting/sales_enhancement/online-check/box-shadow-result.png) no-repeat; background-size: 100% auto; } #consulting #diagnosis.online-check2020.result_open #result .resultBox { position: relative; } #consulting #diagnosis.online-check2020.result_open #result .resultBox.high, #consulting #diagnosis.online-check2020.result_open #result .resultBox.low { display: block; } #consulting #diagnosis.online-check2020.result_open .skill_explain, #consulting #diagnosis.online-check2020.result_open + .relate_info { display: block; } #consulting #diagnosis.online-check2020 #result .resultBox { padding: 7% 0 0; width: 100%; height: auto; } #consulting #diagnosis.online-check2020 #result .resultBox .groupTtl { margin: 0 0 4%; letter-spacing: -.05em; padding-left: 2.6666666667%; margin-left: 2.3333333333%; border-width: 0.4705882353em; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } #consulting #diagnosis.online-check2020 #result .resultBox .groupTtl:before { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting #diagnosis.online-check2020 #result .resultBox.high .groupTtl:before { content: "あなたの強みは、"; } #consulting #diagnosis.online-check2020 #result .resultBox.low .groupTtl:before { content: "あなたの課題は、"; } #consulting #diagnosis.online-check2020 #result .resultBox p { padding: 0.5em 6.6666666667% 2.5em 5%; width: auto; height: auto; line-height: 1.45; letter-spacing: .05em; } #consulting #diagnosis.online-check2020 #result .resultBox.low { padding-top: 11.3333333333%; padding-bottom: 3%; } #consulting #diagnosis.online-check2020 .skill_explain { display: none; padding: 7.8125% 3.125% 4.6875%; position: relative; z-index: 900; background: url(/images/images2016/consulting/sales_enhancement/online-check/skill_explain-bgi-sp.png) no-repeat #b1cedb; background-size: 100% auto; } #consulting #diagnosis.online-check2020 .skill_explain .groupTtl { margin: 0 0 4%; padding-bottom: .2em; letter-spacing: -.05em; padding-left: 2.6666666667%; margin-left: 2.3333333333%; border-width: 0.4705882353em; border-color: #0086ab; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; } #consulting #diagnosis.online-check2020 .skill_explain .groupTtl small { margin-bottom: .6em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #consulting #diagnosis.online-check2020 .skill_explain .whitebox { margin: 5.8333333333% auto 0; padding: 3.3333333333% 2.8333333333% 5.3333333333%; width: 95%; line-height: 1.4; } #consulting #diagnosis.online-check2020 .skill_explain .whitebox ul { margin: .75em .25em .55em; line-height: 1.45; } #consulting #diagnosis.online-check2020 .skill_explain .whitebox ul + p { margin-top: 0; } #consulting .relate_info { margin-bottom: 10.625%; display: none; } #consulting .relate_info .col2headline4 { margin-bottom: 2.6666666667%; padding-top: 14.1666666667%; border-width: 0.1875em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #consulting .relate_info .flexbox + .flexbox { margin-top: 1em; } #consulting .relate_info .flexbox { display: block; } #consulting .relate_info .flexbox img { width: 60.8333333333%; margin: 0 auto; display: block; } #consulting .relate_info .flexbox .text_area { padding: 2% 0; line-height: 1.4; letter-spacing: .05em; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } #consulting .relate_info .flexbox .text_area small { margin-top: .5em; display: block; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; letter-spacing: -.025em; } #consulting .salesSliderWrap { padding: 2em 0 0; } #consulting #salesSlider .salesSliderArrow { padding: .2em; width: auto; height: auto; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #consulting .salesTable { margin: 0 0 2em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #consulting .salesTable thead tr { height: 10em; } #consulting .salesTable thead th.category { width: 2em; } #consulting .salesTable thead th:first-child { width: 6em; } #consulting .salesTable tbody .title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting .salesTable tbody td { padding: 5px; } #consulting .annotation { margin: 0 0 1em; padding: 1em; } #consulting .opinionsPanel { display: block; } #consulting .opinionsPanel dl:first-child { padding: 0 !important; } #consulting .opinionsPanel li { margin: 0 0 1em; width: 100%; } #consulting .opinionsPanel li .panelContent { height: auto; } #consulting .opinionsPanel li .panelContent dd { padding: 1em; } #consulting .opinionsPanel li .panelContent dd h2 { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting .opinionsPanel li .panelContent dd h3 { margin: .5em 0 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #consulting .opinionsPanel li .panelContent dd p { margin: .5em 0 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #consulting .opinionsPanel li:not(:nth-child(3n)) { margin-right: 0; } #consulting .opinionsPanel.dateInfo li .panelContent { height: auto; } #consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap { position: relative; bottom: 0; margin-top: 2.5em; } #consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap:before { position: absolute; bottom: 1.75em; width: 1em; height: 2px; } #consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap:after { display: block; clear: both; content: ""; } #consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap .talkGenre { margin-right: 1em; padding-right: 1em; display: inline-block; border-right: solid 1px #0086af; color: #0086af; } #consulting .col2Content .panelList1 { width: 100%; } #consulting .col2Content .panelList1 p { line-height: 1.5; } #consulting .anchorDownBtn .title { padding: .6em 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #consulting .anchorDownBtn ul { flex-wrap: wrap; } #consulting .anchorDownBtn li { width: 50%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #consulting .anchorDownBtn li a { padding: 1em 1em 2em; min-height: 10em; line-height: 1.5; } .panelLinkParts:first-child { margin-top: 2em; } .panelLinkParts h3 { padding: .25em .5em; line-height: 1.3; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; text-align: center; } .panelLinkParts .hexagon_plusContents { padding: 0; } .panelLinkParts .hexagon_plusContents img { vertical-align: top; } .panelLinkParts .left { width: 100%; margin-right: 0; } .panelLinkParts .left .btnMore { margin: 1em auto; width: 40%; } .panelLinkParts .left .btnMore:after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; } .panelLinkParts .title span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; margin: .5em 0 0em .5em; } .panelLinkParts .title h4 { padding: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .panelLinkParts .movie p { padding: .5em; } .panelLinkParts .hexagon_background { margin-top: 0; } .panelLinkParts .hexagon_background h4 { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .hexagon_background p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts dl { padding: 0; } .panelLinkParts dl dt { padding-right: 0; width: 100%; } .panelLinkParts dl dd { padding: .5em; display: inline-block; } .panelLinkParts dl dd .titleMain { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .panelLinkParts dl dd .titleSub { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts dl dd .purposeWrap p { font-size: 20px; font-size: 2rem; font-size: 3.125vw; margin-top: .5em; } .panelLinkParts .related { width: auto; } .panelLinkParts .related li { width: 100%; margin-right: 0%; margin-top: 2em; height: auto; } .panelLinkParts .related li:first-child { margin-top: 0em; } .panelLinkParts .related li a:last-child { margin-bottom: 1em; } .panelLinkParts .related li h3 { text-align: center; } .panelLinkParts .related li.related-article.imgOnly { width: 100%; margin-left: 0; } .panelLinkParts .related li.related-article a:last-child { margin-bottom: 0em; } .panelLinkParts .related li.related-article dl { padding: 0em; } .panelLinkParts .related li.related-article dl dt { padding-right: 0px; } .panelLinkParts .related li.related-article dl dt img { width: 100%; } .panelLinkParts .related li.related-article dl dd { padding: .5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .panelLinkParts .related li.related-article dl dd h2 { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .related li.related-article dl dd .title { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .panelLinkParts .related li.related-article dl dd .talkGenreWrap { position: relative; bottom: 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .related li.program img { width: 50%; } .panelLinkParts .related li.assessment a { height: auto; margin-top: 1em; padding: .5em; } .panelLinkParts .related li.assessment a:first-child { padding: 0; } .panelLinkParts .related li.report { margin-top: 2em; width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .panelLinkParts .related li.report img { display: block; float: none; margin: 0 auto 1.25em; width: 100%; } .panelLinkParts .related li.report .reportTitle small, .panelLinkParts .related li.report .reportTitle .mainTitle { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .related li.report .reportTitle .mainTitle { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .panelLinkParts .related li.report .continueBtn { margin-bottom: 0; } .panelLinkParts .mainVisual { margin-top: .5em; } .panelLinkParts .mainVisual h5 { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts.panelLinkParts_main { margin-top: 0; padding-top: 2em; } .panelLinkParts.panelLinkParts_main + .panelLinkParts_main { margin-top: 1.5em; padding-top: 0; } .panelLinkParts.panelLinkParts_main .hexagon_plusContents { padding: .5em .5em 1em; } .panelLinkParts.panelLinkParts_main .title h4 { padding: .5em 0; letter-spacing: -.025em; } .panelLinkParts.panelLinkParts_naiteisha .inner { padding: 1em 1em 0; } .panelLinkParts.panelLinkParts_naiteisha .textArea { width: 100%; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts.panelLinkParts_naiteisha .rightImg { display: block; margin: 0 1em 0 0; width: 50%; } .panelLinkParts.panelLinkParts_naiteisha .iconList { display: block; padding: 1em 0; width: 33.3333333333%; } .panelLinkParts.panelLinkParts_naiteisha .iconList li { width: 100%; } .panelLinkParts.panelLinkParts_naiteisha .iconList li + li { margin-top: .5em; } .panelLinkParts.greenPanel { padding: 1.5em; } .panelLinkParts.greenPanel .greenTitle { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .panelLinkParts.greenPanel .greenTitle .bottom { margin-top: 1.5em; } .panelLinkParts.panelLinkParts_rightBottomImg { padding: 2em 1em 1em; } .panelLinkParts.panelLinkParts_rightBottomImg .bigTitle { margin-bottom: .5em; font-size: 40px; font-size: 4rem; font-size: 6.25vw; } .panelLinkParts.panelLinkParts_rightBottomImg .textArea { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .panelLinkParts.yellowPanel .textArea { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .panel_interview.sub_page { padding: 1em; } .panelLinkParts .panel_interview.sub_page .title { margin-bottom: .5em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .panelLinkParts .panel_interview.sub_page .textArea { margin-top: 0; } .panelLinkParts .panel_interview.sub_page .title_interview { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .panelLinkParts .panel_interview.sub_page .name { margin: .25em 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .panelLinkParts .panel_interview.sub_page .name strong { margin-right: .5em; } .panelLinkParts .panel_interview.sub_page .belong { line-height: 1.3; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; } .panelLinkParts .panel_interview.sub_page .profile { padding-top: 1em; } .panelLinkParts .panel_interview.sub_page .profile p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .btnLinkList { margin-top: 1.5em; display: flex; display: -webkit-box; display: -webkit-flex; justify-content: space-around; -webkit-box-pack: justify; } .btnLinkList li.new:before { top: -.5em; left: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .btnLinkList a { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #aside .panelLinkParts.panelLinkParts_related { margin-top: 0; padding: 0 1em; border: none; border-top: solid 1px #eee; } #aside .panelLinkParts.panelLinkParts_related .related { margin: 1em auto; border: solid 1px #ddd; } #aside .panelLinkParts.panelLinkParts_related .related a { padding: 0 !important; } .bigTitle { font-size: 48px; font-size: 4.8rem; font-size: 7.5vw; } .middleTitle { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .subTitle { display: block; margin-top: .5em; font-size: .8em; line-height: 1.3; } .redLabel { display: inline-block; position: relative; margin: .5em 0; padding: 0 2em 0 .75em; background: #ea5404; color: #fff; font-family: 'メイリオ', Meiryo,'MS ゴシック',sans-serif; line-height: 2; } .redLabel:after { position: absolute; top: 0; right: 0; width: 30%; height: 100%; -webkit-transform: translateX(99%); transform: translateX(99%); background: url(/images/images2016/consulting/mid-career/index/redLabel-bgi.png) no-repeat left top; background-size: 100% 100%; content: ""; } .iconList li { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .labelCircle { display: -webkit-box; display: flex; align-items: center; -webkit-box-align: center; justify-content: center; -webkit-box-pack: center; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .columnWrap { display: block; } .columnWrap .col1 { width: 100%; } .columnWrap .col2 { width: 100%; } .columnWrap .col3 { width: 100%; } .sp-70percent { width: 70%; } .newsDetail .infocontent { padding-top: 3em; } .newsDetail .infocontent:last-child { padding-bottom: 4em; } .newsDetail .postDay { display: block; margin: .5em 1em; position: static; text-align: right; } .newsDetail .col2Content figure.right { margin: 0 0 1em 0em; float: none; width: 100%; } .newsDetail .col2Content figure p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .newsDetail .col2Content .oList { margin-bottom: 1em; } .newsDetail .col2Content .text-collar-red { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: bold; } .newsDetail .col2Content .subtitle-underBar { margin: 2em 0 0em; padding: 0 1em .2em 1em; width: 100%; } .newsDetail #pageTitle .titleMain.bracket { font-size: 4rem; font-size: 6.25vw; } .newsDetail #mainContent .col2headline4.infoh3 { margin-bottom: 1em; } .newsDetail .introContent .introContentWrap { padding: 2em 0 9.375%; } .newsDetail .introContent .introContentWrap li dl { display: block; } .newsDetail .movieWrap p { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .newsDetail .movieWrap.vertical { width: 60%; } .opinions-anchorLink.global-sa-anchorLink { padding-left: 2.5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .global-sa-title .subtitle { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; } .whiteBox { padding: .5em; } .panelLinkParts h3.panelLinkParts_headlineBlue { padding: 1em 0; } .management-table { margin: .5em; display: block; } .management-table .management-table-content { float: none; } .management-table .management-table-content p { margin: .5em 0 1em; height: auto; text-align: center; font-weight: bold; } .management-table .management-table-content div { display: block; } .management-table .management-table-content dl { padding: 0; border: 1px solid #d6d6d6; } .management-table .management-table-content dl dt { padding: .5em; width: 100%; text-align: left; } .management-table .management-table-content dl dd { padding: .5em; min-height: 3.5em; overflow: hidden; } .management-table .management-table-content dl + dl { margin-top: .5em; } .management-table .management-table-content:first-child { width: 100%; } .management-table .management-table-content:first-child dl { float: none; width: 100%; } .management-table .management-table-content:first-child dl:nth-child(n + 2) { margin-left: 1%; } .management-table .management-table-content:last-child { margin-left: 0; width: 100%; } .management-table .management-table-content:last-child dl { width: 100%; } .management-table .management-table-content + .management-table-content { margin-top: .5em; } #consulting.consultingDetail #mainContent .col2Content .management-table-content dl:first-child { padding-top: 0; } #consulting.consultingDetail #mainContent .col2Content .result-table dl:first-child { padding-top: 0; } .result-table ul { margin-left: 1em; list-style: disc; } .result-table dl { display: block; } .result-table dl dt { position: relative; width: 100%; } .result-table dl dt p { font-weight: bold; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .result-table dl dt span { display: block; position: absolute; bottom: 5%; right: 5%; width: 25%; } .result-table dl dt span img { width: 100%; } .result-table dl dt ul li { margin-bottom: .5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .result-table dl dd { width: 100%; } .result-table dl dd ul li { margin-bottom: .25em; } .result-table dl + dl { margin-top: 1em; } .result-table.headline-center dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .result-table.headline-center dd dl dt { width: 100%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .result-table.headline-center dd dl + dl { margin-top: .5em; } .result-table.headline-center dd h4 { margin-bottom: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .result-table.headline-center dd div + div { margin-top: 2em; } #consulting #aside #asideIn dd li .category.bg_white { padding: 1em 18% 1em 4%; letter-spacing: -.025em; line-height: 1.3; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .programDetail_ERGP { padding: 6.6666666667%; margin-bottom: 0; /* /dd */ } .programDetail_ERGP + .programDetail_ERGP { margin-top: 3.3333333333%; } .programDetail_ERGP dt { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; margin-bottom: .5em; line-height: 1.2; } .programDetail_ERGP dd:first-of-type { margin-bottom: 3.8461538462%; padding-left: 1em; } .programDetail_ERGP dd:first-of-type ul { line-height: 1; } .programDetail_ERGP dd:first-of-type ul:before { width: 100%; position: absolute; top: 1.2em; left: 2em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; content: none; } .programDetail_ERGP dd:first-of-type ul:after { display: block; clear: both; content: ""; } .programDetail_ERGP dd:first-of-type li { margin: 0.5em 3.05em 0 0; padding: 0 0 0 .5em; display: inline-block; width: auto; height: 1.4em; line-height: 1.4; font-size: 20px; font-size: 2rem; font-size: 3.125vw; font-family: 'メイリオ', Meiryo,'MS ゴシック',sans-serif; } .programDetail_ERGP dd:first-of-type li:before { left: -2.779em; top: 0px; border-width: 1.4em 1.4em 0 1.4em; } .programDetail_ERGP dd:first-of-type li:after { right: -2.779em; top: 0px; border-width: 1.4em 1.4em 0 1.4em; } .programDetail_ERGP dd.moreDetail { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; padding-bottom: .75em; margin-bottom: .5em; } .programDetail_ERGP dd:last-child { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .programDetail_ERGP dd:last-child li { padding-left: 1em; text-indent: -1em; } .programDetail_ERGP:after { bottom: -0.99em; width: 100%; height: 0; padding-bottom: 1em; background: url(/images/images2016/box-shadow.png) no-repeat; background-size: contain; content: ""; } /* /programDetail */ .priceTxt_ERGP { font-size: 1em; } .priceTxt_ERGP .notes { display: block; margin-top: .25em; margin-bottom: 1em; } .priceTxt_ERGP + .noList { margin-top: 1em; padding-left: 1em; text-indent: -1em; font-size: .9em; } .table2 + .list_ti { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .imageLeft { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .imageLeft p { margin: 0; width: 32%; } .imageLeft:after { content: none; } .banner-column4, .banner-column5 { flex-wrap: wrap; } .banner-column4 li, .banner-column5 li { width: 49%; } .banner-column4 li:nth-child(odd), .banner-column5 li:nth-child(odd) { margin-right: 2%; } .banner-column4 li:nth-child(n+3), .banner-column5 li:nth-child(n+3) { margin-top: 2%; } .banner-column4 li + li, .banner-column5 li + li { margin-left: 0%; } .career-development #titleArea { width: 100%; } .career-development .innerWrap { width: 100%; } .career-development .kv { padding: 0; background: #fff; } .career-development .kv .kvImg { margin: 0 auto; position: relative; top: 1px; width: 100%; height: auto; } .career-development .kv .kvImg img { position: relative; } .career-development .kv .textArea { padding: 5% 3.125% 0; background: #fff; color: #3f3a39; } .career-development .kv .textArea .subTitle { margin: 0 0 3.3333333333%; line-height: 0.7916666667; letter-spacing: -.02em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .career-development .kv .textArea .pageTitle { font-size: 83px; font-size: 8.3rem; font-size: 12.96875vw; } .career-development .kv .textArea .addTitle { padding-top: 3.3333333333%; line-height: 1.5; letter-spacing: -.02em; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; } .career-development .kv .textArea .titleLead { margin-top: 6.6666666667%; padding: 0 4.1666666667%; border-left: .2em solid #db5f45; line-height: 1.35; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.04em; color: #db5f45; } .career-development .lead_sec { padding: 13.3333333333% 5% 8.3333333333% 3.3333333333%; margin-top: 8.3333333333%; } .career-development .lead_headline { font-size: 33px; font-size: 3.3rem; font-size: 5.15625vw; } .career-development .lead_wrap { flex-wrap: wrap; } .career-development .lead_wrap img { margin: 1.6666666667% auto; padding-left: 0; width: 42.6785714286%; height: 46.6071428571%; flex-shrink: 0; } .career-development .lead_text { margin-top: 0; padding-left: 0; padding-right: 0; text-align: justify; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .career-development .voice_sec { height: auto; margin-top: 0; padding-bottom: 20.3125%; } .career-development .voice_sec:before { content: ''; width: 78.75%; height: calc(12.3% + 60px); } .career-development .voice_headline { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding: 6.25% 0; } .career-development .voice_list { margin-top: 0; padding-bottom: 7.8125%; display: block; } .career-development .voice_list li { margin: 0 auto 7.8125%; padding-bottom: 7.8125%; width: 88.75%; height: auto; } .career-development .voice_list li:after { position: absolute; border: solid transparent; border-width: 0 1em 1em 0; border-color: transparent #fff transparent transparent; top: 100%; left: 47%; content: ''; height: 0; width: 0; } .career-development .voice_list .thumb { text-align: center; } .career-development .voice_list .thumb img { margin: 0 auto; width: 16.9014084507%; height: auto; } .career-development .voice_list .text-divider { padding: 5.2816901408% 8.8028169014% 1.7605633803%; font-size: 19px; font-size: 1.9rem; font-size: 2.96875vw; } .career-development .voice_list p { margin-top: .5em; padding: 0 auto; line-height: 1.3571428571; font-size: 19px; font-size: 1.9rem; font-size: 2.96875vw; font-weight: normal; letter-spacing: -.06em; text-align: center; } .career-development .voice_list .comment { margin-top: 0; position: relative; line-height: 1.5; text-align: justify; letter-spacing: -.01em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .career-development .voice_list .comment:before { margin: 0 0 0 -1em; display: block; position: relative; content: ''; width: auto; height: 1em; } .career-development .voice_list .comment:after { display: block; position: relative; right: 0; content: ''; width: auto; height: 1em; background-position-x: 100%; } .career-development .arrow_solution { position: absolute; top: -3em; left: 50%; width: 14.84375%; height: 5em; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .career-development .support_sec { padding: 0px 0 9.375%; } .career-development .headline_area { padding-top: 9.375%; height: 23em; background: url(/images/images2016/consulting/career-development/support-bg-sp.png) no-repeat center top #2C97DD; background-size: contain; } .career-development .headline_area .support_headline { line-height: 1.3; color: #fff; font-size: 33px; font-size: 3.3rem; font-size: 5.15625vw; font-weight: bold; text-align: center; letter-spacing: -.04em; background: none; background-size: auto; } .career-development .headline_area > p { padding: 7.8125% 10.9375%; width: 100%; margin: 0 auto; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .career-development .support_list { margin-top: -6.25em; display: block; } .career-development .support_list > li { margin: 0 auto 7.03125%; width: 88.75%; } .career-development .support_list img { width: 100%; height: auto; } .career-development .support_list .text_area { padding: 3.90625%; } .career-development .support_list .text_area li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; margin-bottom: 0; text-indent: -1.8em; letter-spacing: -.06em; padding-left: 2em; line-height: 1.5; width: 100%; } .career-development .support_list h3 { padding: 3.125% 0; line-height: 1.3333333333; color: #0097dd; font-size: 32px; font-size: 3.2rem; font-size: 5vw; font-weight: bold; letter-spacing: -.06em; text-align: center; } .career-development .support_list h3 span { letter-spacing: -.15em; } .career-development .support_list h4 { text-align: center; font-weight: bold; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; } .career-development .support_list .list3 { padding: .5em 0; } .career-development .inquirySection { padding: 1.9615384615em 0; } .career-development .inquirySection .btn_wrap { text-align: center; } .career-development .inquirySection .btn-cl { width: 76.5625%; height: 4em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .career-development .inquirySection .btn-cl:after { right: 0.9230769231em; width: 1.0769230769em; height: 1.0769230769em; } .career-development .relatedSection { padding: 12.65625% 3.125% 0; } .career-development .relatedSection .sectionHeadline { font-size: 37px; font-size: 3.7rem; font-size: 5.78125vw; letter-spacing: -.06em; } .career-development .relatedSection .columnWrap { margin-top: 4.6875%; } .career-development .relatedSection .columnWrap li { width: 100%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .career-development .relatedSection .columnWrap li + li { margin-top: 4.6875%; } .career-development .relatedSection .columnWrap a { display: -webkit-box; display: flex; flex-wrap: wrap; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .career-development .relatedSection .columnWrap img { width: 100%; height: auto; } .career-development .relatedSection h2 + .headline4 { margin-top: 3.125%; } .career-development .relatedSection .headline4 { margin-bottom: 3.125%; } .career-development .relatedSection .icon-andLt { position: relative; } .career-development .relatedSection .icon-andLt:before { display: none; } .career-development .relatedSection .leftArea { flex-shrink: 0; width: 100%; } .career-development .relatedSection .rightArea { padding: 4.6875% 3.125% 7.8125%; width: 100%; color: #3e3a39; letter-spacing: -.06em; } .career-development .relatedSection .rightArea h3 { padding-left: 12.5%; line-height: 1.2; font-size: 29px; font-size: 2.9rem; font-size: 4.53125vw; font-weight: bold; } .career-development .relatedSection .rightArea h3.icon-andLt:before { display: block; position: absolute; top: .5em; left: .5em; font-size: 1.3em; } .career-development .relatedSection .rightArea p { margin-top: .66em; padding: 0 4.6875%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .career-development .relatedSection + #contactArea { padding: 12.5% 0 9.375%; } .career-development .relatedSection + #contactArea .contactLabel { letter-spacing: -.06em; } /* PROGRAM
-------------------------------------------------- */ #program #titleArea #pageTitle span.titleExplan { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -0.05em; } #program #titleArea #pageTitle.line3 { margin-bottom: 0; } #program.programHome #mainContent { padding-bottom: 15.625%; } #program.programHome #mainContent #mainLead p { margin-bottom: 0; } #program.programHome #mainContent .programList-en { margin-top: 0; } #program.programHome #mainContent .linkList2 li { float: none; } #program #mainContent { padding-bottom: 0; background: #f2f2f2; } #program #mainContent .headline4 { width: 100%; margin: 0 0 1em; padding: 0 0 .25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #program #mainContent .programLink { padding: 9.375% 3.125% 0; } #program #mainContent .linkList2 { padding: 0; } #program #mainContent .linkList2 li a { letter-spacing: 0; } #program #mainContent .linkList2 .btnWrap { margin-top: .5em; padding: 0 1em; } #program #mainContent .linkList2 .btnWrap a:hover { color: #fff; } #program #mainContent #others .linkList2 a { letter-spacing: 0; } #program.programDetail #mainContent { padding: 9.375% 0; } #program.programDetail #mainContent #mainLead p { margin-bottom: 2em; } #program.programDetail #mainContent #mainLead p:last-child { margin-bottom: 0; } #program.programDetail .headline3 { padding: 1em 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #program.programDetail .headline3:first-child { padding-top: 10%; } #program.programDetail .col2headline4 { margin-bottom: 1em; padding: 10% 0 0.25em; } #program.programDetail .onlyHead { padding-bottom: 0; } #program.programDetail .grayList { margin-top: 0; margin-bottom: 1em; } #program.programDetail .grayList:last-child { margin-bottom: 0.5em; } #program.programDetail .featureLead p { padding: 0 0 1em; } #program.programDetail .featureLead p.firstChild { margin-top: 2em; } #program.programDetail .featureLead p:last-of-type { padding-bottom: 1em; } #program.programDetail .featureLead p:last-child { padding-bottom: 0; } #program.programDetail .sampleLead { margin-bottom: 0; padding-top: 0; } #program.programDetail .ideaLead { margin-bottom: 0; padding-top: 0; } #program.programDetail .notes { margin-top: 1em; } #program.programDetail .notes + .notes { margin: 0; } #program.programDetail .manageNotes { display: block; padding-left: 1em; text-indent: -1em; } #program.programDetail .list1 { margin-bottom: 2em; } #program.programDetail .list1:last-child { margin-bottom: 0; } #program.programDetail .list1.number { margin-left: 1.2em; } #program.programDetail .list1.list2 li { padding-left: 1.25em; letter-spacing: 0; text-indent: -1.25em; } #program.programDetail .list3 li { padding: 0 0 0 1.8em; text-indent: -1.8em; } #program.programDetail .list4 { margin-top: .5em; } #program.programDetail .featureList { margin-bottom: 6.6666666667%; padding-bottom: 0; } #program.programDetail .featureList:last-child { margin-bottom: 0; } #program.programDetail .featureList + .contentImg { margin-top: 1.6666666667%; } #program.programDetail .contentImg { margin: 2em auto; } #program.programDetail .contentImg:last-child { margin-bottom: 0.5em; } #program.programDetail .contentImg + .notes { position: relative; top: 0; margin-top: -1.5em; } #program.programDetail .contentImg2 { margin: 1em auto 2em; } #program.programDetail .contentImg2 + .notes { position: relative; top: 0; margin-top: -1.5em; } #program.programDetail .pentaImg { border: 4px solid #1b5172; } #program.programDetail .featureImg { margin-bottom: .25em; } #program.programDetail .featureImg span { display: inline-block; margin-bottom: 1.5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #program.programDetail .explanation2 { margin-top: 1em; background: #fff; } #program.programDetail .txtNormal.first { margin-top: 2em; } #program.programDetail .arrowStep { width: 3em; margin: 0 auto 1em; } #program.programDetail #mainContent .linkList2.reference { margin-top: 0; margin-bottom: 6.6666666667%; padding: 0; } #program.programDetail #mainContent .linkList2.reference li { display: block; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: bold; } #program.programDetail #mainContent .linkList2.reference li a { position: relative; padding: 0 0 0 2em; text-indent: -.5em; font-weight: normal; } #program.programDetail #mainContent .linkList2.reference li a:before { margin: 0 0 0 3.125%; } #program.programDetail #mainContent .linkList2.reference:last-child { margin-bottom: 0; } #program.programDetail .basicContent { padding-bottom: 9.375%; } #program.programDetail .basicContent.lastContent, #program.programDetail .basicContent:last-of-type { padding-bottom: 12.5%; } #program.programDetail .separate30 { padding-top: 6.6666666667%; } #program.programDetail .separate40 { padding-top: 6.6666666667%; } #program.programDetail .schedule2 { margin-top: 1em; padding: 0 1.6666666667% 1.6666666667%; } #program.programDetail .schedule2 .title { padding: 0.75em 3.4482758621%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #program.programDetail .schedule2 .title span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #program.programDetail .schedule2 > dd { margin: 0; } #program.programDetail .schedule2 > dd .day { padding: 0.5em 3.4482758621%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #program.programDetail .schedule2 > dd .day.bgWhite { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: left; } #program.programDetail .schedule2 > dd .day.sideNo { padding: .5em 0; } #program.programDetail .schedule2 > dd p { padding: 0 3.4482758621%; } #program.programDetail .schedule2 .day .notes { display: inline; margin: 0; padding: 0; color: #ddd; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #program.programDetail .schedule2 .scheduleList > li { padding: 0.75em 3.4482758621%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #program.programDetail .schedule2 .scheduleList > li p:first-child { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #program.programDetail .schedule2 .scheduleList > li p { padding: 0; font-weight: bold; } #program.programDetail .schedule2 .scheduleList > li ul { margin: 0; } #program.programDetail .schedule2 .scheduleList dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #program.programDetail .schedule2 .scheduleList .box { margin: 0; padding: 0; border: none; background: transparent; } #program.programDetail .schedule2 .scheduleList .box dt { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #program.programDetail .schedule2.noTitl { padding-top: 1.6666666667%; } #program.programDetail .program-aim-navigation thead th, #program.programDetail .program-aim-navigation thead td { padding: .5em; } #program.programDetail .program-aim-navigation thead th { width: 30%; } #program.programDetail .program-aim-navigation tbody th a { padding: .5em .5em .5em 1.5em; } #program.programDetail .program-aim-navigation tbody th a span { margin-left: -1em; text-indent: 1em; } #program.programDetail .program-aim-navigation tbody td { padding: 1em; } #program.programDetail #feature { padding-top: 1.5em; /*table*/ } #program.programDetail #feature .headline3 { padding: 1em 0 0.5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #program.programDetail #feature .list3 li:before { content: none; } #program.programDetail #feature .table1, #program.programDetail #feature .table2, #program.programDetail #feature .table3, #program.programDetail #feature .table4, #program.programDetail #feature .tableMini { table-layout: fixed; width: 100%; margin: 0 0 1em; } #program.programDetail #feature .table1 td, #program.programDetail #feature .table1 th, #program.programDetail #feature .table2 td, #program.programDetail #feature .table2 th, #program.programDetail #feature .table3 td, #program.programDetail #feature .table3 th, #program.programDetail #feature .table4 td, #program.programDetail #feature .table4 th, #program.programDetail #feature .tableMini td, #program.programDetail #feature .tableMini th { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #program.programDetail #feature .table1 th, #program.programDetail #feature .table2 th, #program.programDetail #feature .table3 th, #program.programDetail #feature .table4 th, #program.programDetail #feature .tableMini th { width: 100%; } #program.programDetail #feature .table1 th span, #program.programDetail #feature .table2 th span, #program.programDetail #feature .table3 th span, #program.programDetail #feature .table4 th span, #program.programDetail #feature .tableMini th span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #program.programDetail #feature .table1 td, #program.programDetail #feature .table2 td, #program.programDetail #feature .table3 td, #program.programDetail #feature .table4 td, #program.programDetail #feature .tableMini td { padding: 1em; vertical-align: top; } #program.programDetail #feature .table1 ul, #program.programDetail #feature .table2 ul, #program.programDetail #feature .table3 ul, #program.programDetail #feature .table4 ul, #program.programDetail #feature .tableMini ul { margin: 0 0 1em 1em; } #program.programDetail #feature .table1 .title, #program.programDetail #feature .table2 .title, #program.programDetail #feature .table3 .title, #program.programDetail #feature .table4 .title, #program.programDetail #feature .tableMini .title { margin: 0 0 .5em; } #program.programDetail #feature .table1 ol, #program.programDetail #feature .table2 ol, #program.programDetail #feature .table3 ol, #program.programDetail #feature .table4 ol, #program.programDetail #feature .tableMini ol { padding-left: 1em; } #program.programDetail #feature .table1 ol li, #program.programDetail #feature .table2 ol li, #program.programDetail #feature .table3 ol li, #program.programDetail #feature .table4 ol li, #program.programDetail #feature .tableMini ol li { margin-bottom: .25em; } #program.programDetail #feature .table1 .day, #program.programDetail #feature .table2 .day, #program.programDetail #feature .table3 .day, #program.programDetail #feature .table4 .day, #program.programDetail #feature .tableMini .day { margin: .5em 0; } #program.programDetail #feature .table1 .day dt, #program.programDetail #feature .table2 .day dt, #program.programDetail #feature .table3 .day dt, #program.programDetail #feature .table4 .day dt, #program.programDetail #feature .tableMini .day dt { padding: .25em 1em; } #program.programDetail #feature .table1 .day dd, #program.programDetail #feature .table2 .day dd, #program.programDetail #feature .table3 .day dd, #program.programDetail #feature .table4 .day dd, #program.programDetail #feature .tableMini .day dd { padding: .5em 1em; } #program.programDetail .outlineBox1, #program.programDetail .squareList1 li { padding: 3.3333333333%; } #program.programDetail .explanation2 { padding: 6.6666666667% 3.3333333333%; } #program #aside #asideIn .topLink a { text-indent: 0; } #program #aside #asideIn .sideBnrProgram { position: static; box-shadow: none; } #program #aside #subNav > dd > ul { border-bottom: solid 1px #ddd; } .stepList .movieWrap .saleyoutubeWrap iframe { width: 49%; height: auto; } .stepList .movieWrap .saleyoutubeWrap a { width: 49%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .stepList .arrow { margin: 1em auto; } .stepHeadlne { font-size: 1.2em; } .parallelogram { font-size: 20px; font-size: 2rem; font-size: 3.125vw; margin-left: 1.66em; line-height: 1.4em; } .parallelogram + .parallelogram { margin-left: 1.66em; } .parallelogram.g { letter-spacing: -0.2em; } .parallelogram:before { position: absolute; top: 0; left: -1.4em; width: 0; height: 0; border-style: solid; border-width: 0 0 1.4em 1.4em; content: ""; } .parallelogram:after { position: absolute; top: 0; right: -1.4em; width: 0; height: 0; border-style: solid; border-width: 1.4em 1.4em 0 0; content: ""; } /* ONLINE
-------------------------------------------------- */ #online #mainContent { background: #f2f2f2; } #online #mainContent .headline4 { width: 93.75%; margin: 0 auto 1.25em; } #online #mainContent #mainPanel { padding: 6.25% 0; width: 93.75%; margin: 0 auto; } #online #mainContent #mainPanel .boxCommentary { margin: 0 auto 6.6666666667%; } #online #mainContent #mainPanel .boxCommentary dl { padding: 0; } #online #mainContent #mainPanel .boxCommentary dl dt { float: none; padding-right: 0; } #online #mainContent #mainPanel .boxCommentary dl dd { margin: 0; padding: 6.6666666667% 3.3333333333%; } #online #mainContent #mainPanel .boxCommentary dl dd .titleMain { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } #online #mainContent #mainPanel .boxCommentary dl dd .titleMain small { display: block; margin-top: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #online #mainContent #mainPanel .boxCommentary dl dd .titleMain.spkana { letter-spacing: -0.05em; } #online #mainContent #mainPanel .boxCommentary dl dd .titleSub { margin-top: .25em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.3; letter-spacing: 0; } #online #mainContent #mainPanel .boxCommentary dl dd .titleSub:empty { margin-top: 0; } #online #mainContent #mainPanel .boxCommentary dl dd .midLine { margin: .5em auto; } #online #mainContent #mainPanel .boxCommentary:last-child { margin-bottom: 0; } #online #mainContent.lastContent { padding-bottom: 15.625%; } #online #othersLinkWrap { padding: 6.25% 3.125%; } #online #othersLinkWrap.externalLink { padding: 9.375% 0px 21.875%; } #online #othersLinkWrap.externalLink .bnrList { padding: 0px; } #online #othersLinkWrap.externalLink .btnHome { margin: 0; width: 100%; } #online #othersLinkWrap.externalLink .btnHome:after { top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "ilm"; font-size: 18px; content: "P"; } #online #othersLinkWrap.externalLink .btnHome a:before { content: none; } #online #othersLink { width: 100%; margin: 0 auto; padding: 6.6666666667% 0; } #online #othersLink .headLine { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #online #othersLink .linkList li { display: block; padding: .5em 0 0; } #online #othersLink .linkList li a { display: block; line-height: 1.3; vertical-align: middle; } #online #othersLink .linkList li a:before { top: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.3; vertical-align: middle; } #online .bnrList { padding: 0 0 6.25%; width: 93.75%; } #online .bnrList li { float: left; margin-right: 0; padding-bottom: 0; } #online .bnrList li:nth-child(2n) { margin-right: 0; } #online .bnrList li:last-child { padding-bottom: 0; } #online .bnrList li + li { margin-top: 3.125%; } #online .bnrList.otherBnrList { margin-top: 6.6666666667%; } #online .bnrList.otherBnrList li { float: none; width: 100%; margin: 0 auto; padding: 0; } #online .bnrList.otherBnrList li a { display: block; letter-spacing: .05em; } #online .bnrList.otherBnrList li:after { top: 0; right: 1em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #online .bnrList.otherBnrList.onlineHome li, #online .bnrList.otherBnrList.otherBtnHome li { width: 100%; } #online .bnrList.otherBnrList.onlineHome li a, #online .bnrList.otherBnrList.otherBtnHome li a { font-size: 32px; font-size: 3.2rem; font-size: 5vw; padding: .5em; } #online .bnrList.otherBnrList.onlineHome li a:before, #online .bnrList.otherBnrList.otherBtnHome li a:before { opacity: 0; } #online .bnrList.otherBnrList.onlineHome li:after, #online .bnrList.otherBnrList.otherBtnHome li:after { top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #online .bnrList.otherBnrList.top0m { margin-top: 0; position: relative; top: 1em; } #online .bnrList.otherBnrList.otherBtnHome { top: 0; } #online .bnrList.otherBtnHome { top: 0; } #online #panelList { display: block; width: 100%; margin: 0 auto; padding: 0 3.125% 6.25%; } #online #panelList li { width: 100%; margin: 0; } #online #panelList li + li { margin-top: 6.6666666667%; } #online #panelList li dd { padding: 6.6666666667% 3.3333333333%; min-height: 0; letter-spacing: -.025em; text-align: left; } #online #bnrListWrap { padding: 6.25% 3.125% 15.625%; } #online #bnrListWrap .bnrList { padding: 0; } #online .basicContent { padding-bottom: 0; } #online .basicContent.lastContent { padding-bottom: 15.625%; } #online.onlineDetail #pageTitle .detaiSublTtl { display: block; margin-top: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #online.onlineDetail #mainContent { padding: 6.25% 0; } #online.onlineDetail #mainContent .col2ContentWrap { padding: 0 3.125%; } #online.onlineDetail #mainContent .col2headline3 { width: 100%; width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; } #online.onlineDetail #mainContent #mainLead.col2Lead { padding-bottom: 2em; } #online.onlineDetail #mainContent #mainLead.col2Lead + .col2headline3 { padding: 0 0 2em; } #online.onlineDetail #mainContent.lastContent { padding-bottom: 15.625%; } #online #dvdPreview, #online .dvdPreview { display: block; width: 93.75%; margin: 6.25% auto 0; padding: 6.25% 3.125%; font-weight: normal; } #online #dvdPreview:first-child, #online .dvdPreview:first-child { margin-top: 0; } #online #dvdPreview .photo, #online .dvdPreview .photo { display: block; } #online #dvdPreview .sampleDetail, #online .dvdPreview .sampleDetail { display: block; position: relative; width: 100%; margin-left: 0; } #online #dvdPreview .sampleDetail .language3, #online .dvdPreview .sampleDetail .language3 { margin: .5em auto; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #online #dvdPreview .sampleDetail .language3 + ul > li, #online .dvdPreview .sampleDetail .language3 + ul > li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.4; } #online #dvdPreview .sampleDetail .labelArea, #online .dvdPreview .sampleDetail .labelArea { padding-top: 1em; } #online #dvdPreview .sampleDetail .labelArea ul, #online .dvdPreview .sampleDetail .labelArea ul { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 100%; } #online #dvdPreview .sampleDetail .labelArea li.label, #online .dvdPreview .sampleDetail .labelArea li.label { float: none; width: 32%; height: auto; margin-right: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.5; vertical-align: middle; } #online #dvdPreview .sampleDetail .labelArea li.label + li, #online .dvdPreview .sampleDetail .labelArea li.label + li { padding-top: 0; } #online #dvdPreview .sampleDetail .supervise, #online .dvdPreview .sampleDetail .supervise { margin: 1em 0; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online #dvdPreview ul, #online .dvdPreview ul { padding-left: 0; } #online #dvdPreview li, #online .dvdPreview li { line-height: 1.5; } #online #dvdPreview li .line2, #online .dvdPreview li .line2 { display: block; text-indent: 0; } #online #dvdPreview .btnHome, #online .dvdPreview .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; width: 100%; height: auto; margin-top: 0; } #online #dvdPreview .btnHome a, #online .dvdPreview .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #online #dvdPreview .btnHome a:before, #online .dvdPreview .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #online #dvdPreview .btnHome:after, #online .dvdPreview .btnHome:after { content: ""; } #online #dvdPreview .btnHome:first-child, #online .dvdPreview .btnHome:first-child { margin-top: 1em; } #online #dvdPreview .btnHome a, #online .dvdPreview .btnHome a { line-height: 1.5; text-indent: 0; } #online #dvdPreview .btnHome:after, #online .dvdPreview .btnHome:after { top: 0; right: 0; } #online #dvdPreview.top, #online .dvdPreview.top { margin-bottom: 0; } #online #dvdPreview.top:last-child, #online .dvdPreview.top:last-child { margin-bottom: 0; } #online #dvdPreview.top .col2headline4, #online .dvdPreview.top .col2headline4 { padding-top: 0; } #online #dvdPreview.top .photo, #online .dvdPreview.top .photo { display: block; float: none; } #online #dvdPreview.top .sampleDetail, #online .dvdPreview.top .sampleDetail { display: block; float: none; vertical-align: top; } #online #dvdPreview.top .btnHome, #online .dvdPreview.top .btnHome { position: relative; float: none; top: 0; width: 100%; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; margin-top: 1em; } #online #dvdPreview.top .btnHome a, #online .dvdPreview.top .btnHome a { letter-spacing: 0; text-indent: 0; } #online #dvdPreview.top .btnHome:after, #online .dvdPreview.top .btnHome:after { top: 0; right: 0; } #online #dvdPreview.top .btnHome a, #online .dvdPreview.top .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #online #dvdPreview.top .btnHome a:before, #online .dvdPreview.top .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #online #dvdPreview.top .btnHome:after, #online .dvdPreview.top .btnHome:after { content: ""; } #online #dvdPreview.top .btnHome a, #online .dvdPreview.top .btnHome a { padding: .5em 1em; } #online .col2headline-blue { width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; margin: 10% 0 0; padding-bottom: .25em; } #online .table1 th, #online .table2 th { width: 100%; padding-left: 1em; } #online .table1 th .spInline, #online .table2 th .spInline { display: inline; } #online .table1 td, #online .table2 td { padding: 1em; } #online .table1 td li, #online .table2 td li { padding-left: 1em; letter-spacing: 0; text-indent: -1.25em; } #online .table1 td li:before, #online .table2 td li:before { display: inline; margin-right: 0.25em; content: "・"; } #online .table1 td li + li, #online .table2 td li + li { margin-top: .5em; } #online .table1 td .noDisc li:before, #online .table2 td .noDisc li:before { content: " "; } #online .table1 td .tdTtl, #online .table2 td .tdTtl { display: block; margin-bottom: .5em; } #online .table1 td > .indent, #online .table2 td > .indent { padding-left: 1em; text-indent: -1em; } #online .table1 td .notes, #online .table2 td .notes { margin-top: 1em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #online .table1 h6, #online .table2 h6 { margin: .5em auto .25em; } #online .table1 h6:first-child, #online .table2 h6:first-child { margin-top: 0; } #online .table1 h6:last-child, #online .table2 h6:last-child { margin-bottom: 0; } #online .table1 .dayList > p, #online .table2 .dayList > p { display: table; } #online .table1 .dayList > p + p, #online .table2 .dayList > p + p { margin-top: .25em; } #online .table1 .dayList > p span, #online .table2 .dayList > p span { display: table-cell; } #online .table1 .dayList > p span:first-child, #online .table2 .dayList > p span:first-child { width: 2.5em; text-align: right; } #online .table1 .dayList > p span:last-child, #online .table2 .dayList > p span:last-child { padding-left: 1em; text-indent: -1em; } #online .table2 { margin-top: 1em; } #online .table2 th span { display: block; padding-left: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online .table2 th span.pcInline { display: none; } #online #lecturerWrap { margin: 0; } #online #lecturerWrap .lecturer { margin-top: 6.6666666667%; padding: 3.3333333333%; } #online #lecturerWrap .lecturer .alphabet:before { display: inline; margin-right: 0; margin-left: 0; content: "｜"; } #online #lecturerWrap .lecturer .title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online #lecturerWrap .lecturer .title:empty { margin: 0; } #online #lecturerWrap .lecturer dt { margin-bottom: 0; font-weight: bold; } #online #lecturerWrap .lecturer dd p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; padding-bottom: 1em; } #online #lecturerWrap .lecturer dd p:first-child { text-align: center; } #online #lecturerWrap .lecturer dd p.linkText a { color: #0086af; } #online #lecturerWrap .lecturer dd p.spTextLeft { text-align: left; } #online #lecturerWrap .lecturer dd p b { display: block; margin-bottom: .25em; text-align: center; } #online .captureList { display: block; width: 100%; } #online .captureList li { margin: 0 0 1em; width: 100%; } #online .captureList li p.caption { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online .captureList li:last-child { margin: 0; } #online .eem03LinkArea .boxCommentary2 { display: block !important; } #online .eem03LinkArea .left { float: none; width: 100%; text-align: center; } #online .eem03LinkArea .left img { width: 50%; } #online .methodP { display: block; margin-top: 1em; } #online .methodP .detailLink { float: none !important; margin-top: 0 !important; width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; } #online .methodP .detailLink a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #online .methodP .detailLink a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #online .methodP .detailLink:after { content: ""; } #online .dl4Box { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; width: 100%; } #online .dl4Box dl { float: none; width: 50%; padding-right: 1.6666666667%; } #online .dl4Box dl:nth-of-type(even) { margin: 0; padding-right: 0; padding-left: 1.6666666667%; } #online .dl4Box dl:nth-child(n + 3) dd { padding-bottom: 0; } #online .dl4Box dl + dl { margin-top: 0; } #online .dl4Box dl dd { padding: .5em 0 2em; line-height: 1.4; } #online .dl4Box dl dd .bold { display: inline-block; margin-bottom: .25em; line-height: 1.3; } #online .boxCommentary2.salesHpc .textLeft { margin-bottom: .5em; } #online .boxCommentary2.salesHpc .left { float: none; text-align: center; } #online .boxCommentary2.salesHpc .left img { width: 70%; margin: 1em auto; } #online .boxCommentary2.salesHpc .right { float: none; margin-top: .5em; } #online .boxCommentary2.salesHpc dd { text-align: left; } #online .boxCommentary2.salesHpc .notesText { margin: 2em auto 1em; padding: 0; } #online .boxCommentary2.salesHpc .notesText li { padding-left: 1em; text-indent: -1em; color: #666; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; font-weight: normal; text-align: left; } #online .boxCommentary2.top30m { margin-top: 6.6666666667%; } #online .notesOnline + .notes, #online .oList + .notes, #online ul + .notes { padding-left: 1em; text-indent: -1em; color: #666; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; font-weight: normal; text-align: left; margin: 1em auto 0; } #online .saleBox { padding: 3.3333333333%; } #online .saleBox .rightFig { float: none; width: 100%; margin-bottom: 3.3333333333%; padding-left: 0; } #online .saleBox .leftArea { float: none; width: 100%; } #online .saleBox h3 { font-size: 40px; font-size: 4rem; font-size: 6.25vw; } #online .saleBox h3 + p { padding: .5em 0 0; } #online .saleDownloadArea { padding-bottom: 16.6666666667%; } #online .saleyoutubeWrap { display: block; float: left; position: relative; width: 52%; padding: 0 0 31.25%; } #online .saleyoutubeWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0; vertical-align: bottom; } #online .saleyoutubeWrap iframe + iframe { margin-top: 60.5%; } #online .saleyoutubeWrap + a { display: block; float: right; width: 48%; padding-left: 4%; } #online .saleyoutubeWrap + a img { width: 100%; height: auto; } #online .saleyoutubeWrap.movie { width: 100%; padding: 6.6666666667% 3.3333333333%; } #online .saleyoutubeWrap .threeItems { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; } #online .saleyoutubeWrap .threeItems li { width: 100%; } #online .saleyoutubeWrap .threeItems li img { margin-bottom: 0; } #online .saleyoutubeWrap .threeItems li:last-child { margin-bottom: 0; } #online .stepList-disc { margin-left: 0; text-indent: 0; } #online #aside .otherBnr { display: none; } #online #aside.bnrOn #subNav li.categoryList.bnr { display: block; } #online #aside.bnrOn #subNav li.categoryList.bnr li, #online #aside.bnrOn #subNav li.categoryList.bnr a { padding: 0; border: none; } #online #aside.bnrOn #subNav li.categoryList.bnr li:after, #online #aside.bnrOn #subNav li.categoryList.bnr a:after { content: none; } #online #aside.bnrOn #subNav li.categoryList.bnr .otherBnr { margin-top: 0; } #online #aside.bnrOn .otherBnr { display: block; position: relative; } #online #aside.bnrOn .otherBnr a { display: block; position: static; top: 0; width: 100%; height: auto; } #online .basicContent.teaching_material { padding: .5em 0 1.5em 0; } #online .basicContent.teaching_material li { position: relative; background: #fff; text-align: center; } #online .basicContent.teaching_material li + li { margin-top: 3.3333333333%; } #online .basicContent.teaching_material dl { padding: 0; } #online .basicContent.teaching_material dt { padding-right: 0; float: none; } #online .basicContent.teaching_material dd { margin-left: 0; padding: 3.3333333333%; } #online .basicContent.teaching_material .number_of_times { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online .basicContent.teaching_material .titleMain { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #online .basicContent.teaching_material .learning { margin-left: 5em; line-height: 1.3; text-indent: -5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online #pageTtl { margin: 17.1875% 0 0; padding: 7.8125% 3.125% 7.8125%; } #online #pageTtl #topicPath { margin: 0 auto 35px; width: 100%; } #online #pageTtl #topicPath li:last-child:after { content: ""; } #online #pageTtl h2 { margin: 0 auto; width: 100%; font-size: 40px; font-size: 4rem; font-size: 6.25vw; color: #3E3A39; } #online #pageTtl h2 .titleExplan { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #online #main { padding: 9.375% 3.125%; } #online #main #container { margin: 0 auto; display: block; width: 100%; } #online #main #article { margin: 0; width: 100%; } #online #main #article section:not(:last-child) { margin: 0 0 10%; } #online #main #article h3 { margin: 0 0 1.25em; padding: 0 0 2%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; border-width: .13333em; line-height: 1.3; } #online #main #article p:not(:last-child) { margin: 0 0 1em; } #online #main #article .lineListBlue { margin: 0 0 1em; } #online #main #article .lineListBlue li { padding-left: 1.8em; margin: 0 0 2%; } #online #main #article .lineListBlue li:before { width: 1em; } #online #main #article .whiteArea { margin: 0 0 1em; padding: 3.3333333333%; } #online #main #sidebar { display: none; } #online .onlineTable th { padding: .5em; border-right: 1px solid #FFF; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #online .onlineTable td { padding: .5em; border-right: 1px solid #005198; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } #online.en #mainContent { padding: 45px 0 80px; } #online.en #mainLead { padding: 0; } #online.en #mainLead p { margin-bottom: 1em; } #online.en .boxCommentary { text-align: left; } #online.en .normalTx { text-indent: 0; } .meritbox { padding: .5em 1em 1em; } .meritbox li { padding-left: 1em; float: left; width: 33.3333333333%; background-position: left .3em; background-size: .8em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.2; } .meritbox li + li { margin-left: 1em; } .meritbox ul + ul { margin-top: .33em; } .proposal_online .title { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .proposal_online .col2headline_obi { font-size: 1em; } .proposal_online .serviceContent { padding: 1em; } .proposal_online .serviceContent dt { padding-bottom: .5em; line-height: 1.3; font-size: .9em; } .proposal_online .serviceContent .subTitle { font-size: .8em; } .proposal_online .serviceContent dd { padding: 0; display: block; } .proposal_online .serviceContent dd ul { padding: .5em 0 0; } .proposal_online .serviceContent dd li { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } /* ASSESSMENT
-------------------------------------------------- */ #assessment { letter-spacing: 0; } #assessment p { margin-bottom: 1em; letter-spacing: 0; } #assessment p:last-child { margin-bottom: 0; } #assessment #mainContent { background: #f2f2f2; overflow: hidden; } #assessment #mainContent #mainheadline3 { padding: 6.25% 3.125%; letter-spacing: -0.06666em; } #assessment #mainContent #localNav1 { width: 93.75%; margin: 0 auto; padding: 1.5em 0; } #assessment #mainContent #localNav1 li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 2; } #assessment #mainContent #localNav1 li:before { content: none; } #assessment #mainContent #localNav1 li a { margin: 0 1em 0 0; padding: 0 1em 0 0; border-right: solid 1px #999; line-height: 1; font-weight: normal; } #assessment #mainContent #localNav1 li::last-child a { border: none; } #assessment #mainContent #mainPanel { width: 93.75%; margin: 0 auto 6.25%; } #assessment #mainContent #mainPanel ul { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0; width: 100%; } #assessment #mainContent #mainPanel ul.en { box-shadow: none; } #assessment #mainContent #mainPanel ul li { float: none; width: 50%; height: auto; } #assessment #mainContent #mainPanel ul li:nth-child(odd) { border-right: inset 2px #efefef; } #assessment #mainContent #mainPanel ul li:nth-child(even) { border-right: none; border-left: inset 2px transparent; } #assessment #mainContent #mainPanel ul li .panelContent { padding: 13.4228187919% 0%; } #assessment #mainContent #mainPanel ul li h3 { padding: 0; line-height: 0; } #assessment #mainContent #mainPanel ul li h3 span { display: block; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.2; } #assessment #mainContent #mainPanel ul li h3 .spArrow { position: relative; padding-top: 0; } #assessment #mainContent #mainPanel ul li h3 .spArrow img { width: 50%; } #assessment #mainContent #mainPanel ul li h3 .spArrow:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.1em solid #333; border-right: 0.1em solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 1px; } #assessment #mainContent #mainPanel ul li h3 .spArrow + span { margin-bottom: 6.711409396%; padding-top: 6.711409396%; line-height: 1.2; height: auto; } #assessment #mainContent #mainPanel ul li h3:after { content: none; } #assessment #mainContent #mainPanel ul li h3.en:after { content: none; } #assessment #mainContent #mainPanel ul li dl { padding: 0 6.711409396%; letter-spacing: -.05em; } #assessment #mainContent #mainPanel ul li dl dt { text-align: center; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; line-height: 1.3; min-height: 0; margin-bottom: 1em; } #assessment #mainContent #mainPanel ul li dl dd { padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.4; } #assessment #mainContent #mainPanel ul li:nth-of-type(4n+4) { border-right: none; } #assessment #mainContent #mainPanel ul li a { display: block; width: 100%; height: 100%; } #assessment #mainContent #mainPanel ul li.en { float: left; width: 25%; height: 740px; background: #fff; color: #3E3A39; border-right: inset 2px #efefef; box-sizing: border-box; } #assessment #mainContent #mainPanel ul li.en.small { height: 700px; } #assessment #mainContent #mainPanel ul.col2Panel { width: 100%; margin: 0; } #assessment #mainContent .assessmentBnr { margin: 0 auto 15.625%; width: 93.75%; } #assessment.assessmentDetail #mainContent { padding: 9.375% 0 0; } #assessment.assessmentDetail .table2.mgt th, #assessment.assessmentDetail .table2.mgt td { display: table-cell; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #assessment.assessmentDetail .table2.mgt th:first-child, #assessment.assessmentDetail .table2.mgt th:last-child { width: 7em; } #assessment.assessmentDetail .table2.mgt td:nth-child(2) { text-align: center; } #assessment.assessmentDetail .table2.mgt .spline1 { display: inline-block; width: 1em; } #assessment.assessmentDetail .table2.mgt .txtSmall { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #assessment.assessmentDetail .table2.mgt .spPadding0 { padding: 0; } #assessment.assessmentDetail .table2.mgt + .list2.palt li { padding-left: .8em; text-indent: -.8em; } #assessment .basicContent.lastContent { padding-bottom: 15.625%; } #assessment .col2headline8 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #assessment .oList { margin: 1em auto 2em; padding-left: .25em; } #assessment .contentImg { padding-top: 2em; padding-left: 0; padding-right: 0; } #assessment .contentImg.contentImg_spDefault { padding: 6.6666666667% 3.3333333333%; } #assessment .discCopy { padding-top: 1.5em; } #assessment .discList li { padding-left: 0; text-indent: 0; } #assessment .tdpList { width: 100%; margin-top: 1.5em; text-align: left; } #assessment .tdpList dd { margin-bottom: 1.5em; } #assessment .tdpList dd:last-child { margin-bottom: 0; } #assessment .tdpImg { margin-top: 1.5em; padding: 0; } #assessment .tdpImg img { float: none; margin: 0; } #assessment .tdpImg.spHalfImg { width: 50%; margin-right: auto; margin-left: auto; } #assessment .tdpList2 { margin: 1.5em 0; font-weight: bold; } #assessment .tdpList3 { margin: 1.5em 0 0; } #assessment .tdpList3 li { margin-bottom: 1em; text-indent: -1em; margin-left: 0; padding-left: 1em; } #assessment .tdpList3 li:last-child { margin-bottom: 0em; } #assessment .hpcImg { position: relative; padding-top: 2em; } #assessment .hpcImg.iframeWrap { margin-top: 2em; padding-top: 0; } #assessment .hpcFigure2 { margin-bottom: 1em; } #assessment .insightDt { margin: 1em auto .5em; } #assessment .opinionsPanel { display: block; } #assessment .opinionsPanel dl:first-child { padding: 0 !important; } #assessment .opinionsPanel li { margin: 0 0 1em; width: 100%; } #assessment .opinionsPanel li .panelContent { height: auto; } #assessment .opinionsPanel li .panelContent dd { padding: 1em; } #assessment .opinionsPanel li .panelContent dd h2 { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #assessment .opinionsPanel li .panelContent dd h3 { margin: .5em 0 0; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #assessment .opinionsPanel li .panelContent dd p { margin: .5em 0 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #assessment .opinionsPanel li:not(:nth-child(3n)) { margin-right: 0; } #assessment.assessmentDetail .assessment_report #mainContent { padding-top: 0; } #assessment.assessmentDetail .assessment_report #mainLead.col2Lead { padding: 0; } #assessment.assessmentDetail .assessment_report .report_mainProBox { margin-top: 2em; } #assessment.assessmentDetail .assessment_report .report_mainProBox .btnHome { width: 100%; } #assessment.assessmentDetail .assessment_report .report_imgLeft, #assessment.assessmentDetail .assessment_report .report_imgRight { width: 100%; height: auto; } #assessment.assessmentDetail .assessment_report .col2Notes { text-indent: 0; padding: 0px 3.125%; } #assessment.assessmentDetail .assessment_report .col2Notes ul li { margin-left: 1em; text-indent: -1em; } #assessment.assessmentDetail .assessment_report .report_introContent dd { width: 100%; } #assessment.assessmentDetail .assessment_report .introContentWrap .clearFix { margin: 2em 0; } #assessment #aside #asideIn .sideBnrAssessment { position: static; } .balloon_area { padding: 4.0625% 0 0; background: #d6ebf5; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .balloon_area.balloon_area-type2 { background: #d6ebf5; } .balloon_area img { margin-top: .25em; } .balloon_list { display: none; } .flow_area { padding: 11.6666666667% 6.6666666667% 8.3333333333%; } .flow_area:before { font-size: 40px; font-size: 4rem; font-size: 6.25vw; top: .25em; } .flow_area .underline_yellow .pcOnly { display: none; } .flow_area > figure { margin: 11.5384615385% auto 3.8461538462%; display: block; } .graybox { padding: 7.6923076923%; } .graybox .graybox_title { margin: .75em auto .25em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .graybox .letterspace_sp { letter-spacing: -.025em; } .col2headline_blue { padding-left: 1.125em; text-indent: -1.125em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .col2headline_blue + p { padding-left: 1.25em; } .demo_area .title { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .demo_area figure { margin-top: 1em; } .relate_area .linkList li { font-size: 1em; } .relate_area .linkList a { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .img_wraparound .picimg { float: none; width: 100%; } .img_wraparound .img_Contents { width: 100%; } .img_wraparound.adjust-img { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } .img_wraparound.adjust-img p { width: 100%; display: block; margin-top: 1em; } .img_wraparound.adjust-img h4 { margin: 0; padding: 1.25em 0 1.25em 1em; width: 100%; display: block; border: none; position: relative; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .img_wraparound.adjust-img .picimg { margin: 0 1em 0 0; width: 35%; float: left; } #assessment .introductory_interview { margin-top: 0; margin-bottom: 2em; padding: 1em; } #assessment .introductory_interview.sp_introductory_interview { margin-top: 3em; margin-bottom: 0; } #assessment .introductory_interview .tag { padding: .25em 1.25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; width: 50%; } #assessment .introductory_interview .tag:after { content: ""; border-right: 2em solid transparent; border-top: 100% solid #3E3A39; border-left: 2em solid transparent; } #assessment .introductory_interview .name { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #assessment .introductory_interview h3 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #assessment .introductory_interview .btnArchive { margin-top: .5em; padding: .5em; top: 0; left: 0; position: relative; width: 100%; height: auto; } #assessment .introductory_interview .btnArchive a:before { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } /*  各レポートのご紹介エリア */ #assessment.hoggan_assesment .reportWrap, #assessment.assessmentDetail .reportWrap { padding: 9.1666666667% 0; } #assessment.hoggan_assesment .reportWrap .reportHead, #assessment.assessmentDetail .reportWrap .reportHead { margin-bottom: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #assessment.hoggan_assesment .reportWrap .reportList, #assessment.assessmentDetail .reportWrap .reportList { box-shadow: none; flex-wrap: wrap; -webkit-filter: drop-shadow(0 0 10px rgba(62, 58, 57, 0.2)); filter: drop-shadow(0 0 10px rgba(62, 58, 57, 0.2)); } #assessment.hoggan_assesment .reportWrap .reportList > li, #assessment.assessmentDetail .reportWrap .reportList > li { width: 50%; } #assessment.hoggan_assesment .reportWrap .reportList > li:not(:last-child), #assessment.assessmentDetail .reportWrap .reportList > li:not(:last-child) { border-right: none; } #assessment.hoggan_assesment .reportWrap .reportList > li:nth-child(odd), #assessment.assessmentDetail .reportWrap .reportList > li:nth-child(odd) { border-right: .39vw solid #dcdcdc; } #assessment.hoggan_assesment .reportWrap .reportList > li:nth-child(even), #assessment.assessmentDetail .reportWrap .reportList > li:nth-child(even) { border-left: .39vw solid #dcdcdc; } #assessment.hoggan_assesment .reportWrap .reportList > li:nth-child(n+3), #assessment.assessmentDetail .reportWrap .reportList > li:nth-child(n+3) { border-top: .78vw solid #dcdcdc; } #assessment.hoggan_assesment .reportWrap .reportList > li:last-child, #assessment.assessmentDetail .reportWrap .reportList > li:last-child { border-right: none; } #assessment.hoggan_assesment .reportWrap .reportList .reportBox, #assessment.assessmentDetail .reportWrap .reportList .reportBox { padding: 6.6666666667%; display: block; box-shadow: none; } #assessment.hoggan_assesment .reportWrap .reportList .reportBox .thumbWrap, #assessment.assessmentDetail .reportWrap .reportList .reportBox .thumbWrap { margin-bottom: 7.8431372549%; width: 100%; } #assessment.hoggan_assesment .reportWrap .reportList .reportBox .downloadBtn, #assessment.assessmentDetail .reportWrap .reportList .reportBox .downloadBtn { margin: 0 auto; padding: .7em 0; width: 98.8235294118%; } #assessment.hoggan_assesment .reportWrap .reportBox, #assessment.assessmentDetail .reportWrap .reportBox { padding: 3.3333333333%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; box-shadow: 0 0 3.1vw 0 rgba(0, 0, 0, 0.12); } #assessment.hoggan_assesment .reportWrap .reportBox .thumbWrap, #assessment.assessmentDetail .reportWrap .reportBox .thumbWrap { margin-bottom: 0; width: 46.0714285714%; } #assessment.hoggan_assesment .reportWrap .reportBox .downloadBtn, #assessment.assessmentDetail .reportWrap .reportBox .downloadBtn { margin-left: 3.5714285714%; padding: .7em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #assessment.hoggan_assesment .reportWrap.column, #assessment.assessmentDetail .reportWrap.column { display: block; } #assessment.hoggan_assesment .reportWrap.column .textWrap, #assessment.assessmentDetail .reportWrap.column .textWrap { margin-bottom: 4.6666666667%; padding-right: 0; width: 100%; } #assessment.hoggan_assesment .reportWrap.column .reportBox, #assessment.assessmentDetail .reportWrap.column .reportBox { width: 100%; } #assessment .basicContent.relate_area { padding-bottom: 15.625%; } a.btnSampleQuestion { width: 80%; } #assessment.profilext .anchor { margin-top: 1.25em; } #assessment.profilext #pageTitle { margin-bottom: -.05em; } #assessment.profilext #pageTitle span.titleExplan { margin-bottom: .5em; } #assessment.profilext .col2headline3 { line-height: 1.5; } #assessment.profilext .col2headline3 + .col2headline3 { padding-top: .75em; } #assessment.profilext #mainContent #mainLead.col2Lead { padding-top: 1.875em; } #assessment.profilext #mainContent #mainLead.col2Lead .kv + p { margin-top: 1.4em; } #assessment.profilext .index_box { margin-top: 1.7em; } #assessment.profilext .index_box dt { padding: .5em 1.25em .7em; } #assessment.profilext .index_box dd { padding: 1.6923076923em 1.0769230769em 1.8076923077em; } #assessment.profilext .index_box .link_list > li { margin-top: 0; } #assessment.profilext .index_box .link_list > li + li { margin-top: .6em; } #assessment.profilext .index_box .link_list > li a:before { width: 1em; } #assessment.profilext .index_box .link_list > li .link_list { margin: .8em 0; padding-left: 1.2em; } #assessment.profilext .index_box .link_list > li .link_list > li a:before { margin-right: .25em; } #assessment.profilext .index_box .line_list { margin-top: .8em; margin-bottom: .75em; padding-left: 1.33em; } #assessment.profilext .index_box .line_list li { -webkit-box-align: start; align-items: flex-start; } #assessment.profilext .index_box .line_list li:before { width: 0; text-align: left; } #assessment.profilext .index_box .line_list li + li { margin-top: .6em; } #assessment.profilext .basicContent p { line-height: 1.5; } #assessment.profilext .basicContent p + .boxCommentary2 { margin-top: 20px; } #assessment.profilext .basicContent .col2headline3 { font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; line-height: 1.55; } #assessment.profilext .basicContent .col2headline3.-anchor_headline .anchor { margin-top: -.8em; } #assessment.profilext .basicContent .col2headline3.-anchor_headline #succession_plan.anchor, #assessment.profilext .basicContent .col2headline3.-anchor_headline #career_planning.anchor { margin-top: .75em; } #assessment.profilext .basicContent .col2headline4 + p { margin-top: -.4em; } #assessment.profilext .basicContent .col2Notes { padding-top: .2em; line-height: 1.33; } #assessment.profilext .basicContent .col2Notes.-attentions { line-height: 1.33; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #assessment.profilext .basicContent .col2Notes.-attentions:before { width: 1em; } #assessment.profilext .basicContent .col2Content + .col2Content { margin-top: 1.35em; } #assessment.profilext .basicContent .col2Content.-separator { margin-top: 1.65em; } #assessment.profilext .basicContent .col2Content.-separator .col2headline3 { padding-top: 1.62em; } #assessment.profilext .whitebox { margin-top: -.3em; padding: 0.8461538462em 1em 1.1538461538em; } #assessment.profilext .whitebox dt { font-weight: bold; } #assessment.profilext .whitebox dd { margin-top: .4em; line-height: 1.5; } #assessment.profilext .whitebox + p { margin-top: 1.6923076923em; } #assessment.profilext .boxCommentary2.-padding0 { padding: 0; } #assessment.profilext .boxCommentary2.-padding0 + p { margin-top: 35px; } #assessment.profilext .boldHeadline { margin-bottom: .4em; font-weight: bold; } #assessment.profilext .right_img_area { margin-top: 1.333em; display: block; } #assessment.profilext .right_img_area .text_area { padding-right: 0; width: 100%; } #assessment.profilext .right_img_area .attentions { font-size: 20px; font-size: 2rem; font-size: 3.125vw; margin-top: -.5em; line-height: 1.3; } #assessment.profilext .right_img_area .img_area { margin-top: 1.25em; width: 100%; } #assessment.profilext .table2 p { line-height: 1.4; } /* CASE STUDY
-------------------------------------------------- */ #caseStudy #mainContent { padding-bottom: 15.625%; background: #f2f2f2; } #caseStudy #mainContent #localNaviWrap #localNav2 li a.leftEdge { padding-left: 0; } #caseStudy #mainContent .headline4 { width: 100%; margin: 0 0 1em; padding: 0 0 .25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #caseStudy #mainContent .caseLink { padding: 9.375% 3.125% 0; } #caseStudy #mainContent .caseLink li a p small, #caseStudy #mainContent .caseLink li a p span { display: block; margin-top: .25em; margin-left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #caseStudy #mainContent .caseLink .newLabel { display: inline-block; position: absolute; top: auto; right: 0; bottom: 0; margin: 1em 1.4em; padding: .25em 1em; } #caseStudy.caseDetail { /*	.supplementary{ margin: 0 0 10px; padding: 20px; dt{ font-size: 16px; margin: 0 0 0 -0.5em; } dd{ font-size: 12px; ul{ list-style: disc; padding: 0 0 0 1.5em; } li{ margin: 0 0 0.2em; font-weight: bold; } } .photo{ float: right; width:300px; padding-left:10px; & + dl{ float: left; width: 410px; } & + p { margin-top: 90px; text-align: left; } } }*/ } #caseStudy.caseDetail #titleArea #pageTitle { margin-bottom: 0; } #caseStudy.caseDetail #titleArea #pageTitle.oneLine { padding: 7.8125% 3.125%; } #caseStudy.caseDetail #titleArea #pageTitle span.titleExplan { display: block; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.025em; line-height: 1.5; background: none; } #caseStudy.caseDetail #titleArea #pageTitle span.titleExplan span { display: inline-block; padding: 0 1em; background: url(/images/images2016/case/label-bg.png) repeat-x; background-size: cover; } #caseStudy.caseDetail #titleArea #pageTitle span.titleSub { margin-top: .25em; } #caseStudy.caseDetail #mainContent { padding-bottom: 9.375%; } #caseStudy.caseDetail #mainContent #mainLead p { margin-bottom: 2em; } #caseStudy.caseDetail #mainContent #mainLead p:last-child { margin-bottom: 1em; } #caseStudy.caseDetail #mainContent .lead { font-weight: bold; } #caseStudy.caseDetail #mainContent .col2headline3 { width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; padding: 10% 0 0; } #caseStudy.caseDetail #mainContent .col2headline3 + .col2headline4 { padding-top: 10%; } #caseStudy.caseDetail #mainContent .explanation1 { margin-bottom: 0; } #caseStudy.caseDetail .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #caseStudy.caseDetail .col2headline4 + ul.lead.list1.noPadding, #caseStudy.caseDetail .col2headline4 + ul.lead.list1.spPadding { margin-left: 1.5em; } #caseStudy.caseDetail .col2headline4 + ul.lead.list1.noPadding li, #caseStudy.caseDetail .col2headline4 + ul.lead.list1.spPadding li { padding-left: 0; text-indent: 0; list-style-position: outside; } #caseStudy.caseDetail .col2headline4 + ul.lead.list1.noPadding + .proposal, #caseStudy.caseDetail .col2headline4 + ul.lead.list1.spPadding + .proposal { margin-top: 1em; } #caseStudy.caseDetail .col2headline-blue { /* margin: 14px 0; padding-bottom: 13px; background: url(/images/images2016/case/border-1.png) repeat-x; background-position: left bottom; */ width: 100%; margin: 1.5em 0 .5em; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; margin-bottom: 1em; padding-bottom: .25em; } #caseStudy.caseDetail .onlyHead { padding: 10% 0 0.25em; } #caseStudy.caseDetail .noPadding { padding: 0; } #caseStudy.caseDetail .top50 { padding-top: 9.375%; } #caseStudy.caseDetail .top30 { padding-top: 1em; } #caseStudy.caseDetail .phaseBox .col2headline4 { margin-top: 0; margin-bottom: 1em; padding-top: 0; } #caseStudy.caseDetail p + .list4 { margin-top: .5em; } #caseStudy.caseDetail .list4 + p { margin-top: 1em; } #caseStudy.caseDetail .flowRight img { float: none; margin: .5em auto; } #caseStudy.caseDetail .arrow { margin-bottom: -.5em; } #caseStudy.caseDetail .arrow + .flowRight img { margin-top: 0; } #caseStudy.caseDetail .supplementary, #caseStudy.caseDetail .explanation2 { margin: 0 0 .5em; padding: 6.6666666667% 3.3333333333%; } #caseStudy.caseDetail .supplementary dt, #caseStudy.caseDetail .explanation2 dt { margin: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #caseStudy.caseDetail .supplementary dd, #caseStudy.caseDetail .explanation2 dd { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #caseStudy.caseDetail .supplementary dd li, #caseStudy.caseDetail .explanation2 dd li { margin: 0 0 1em; font-weight: bold; } #caseStudy.caseDetail .supplementary dd li:first-child, #caseStudy.caseDetail .explanation2 dd li:first-child { margin-top: 1em; } #caseStudy.caseDetail .supplementary dd li:last-child, #caseStudy.caseDetail .explanation2 dd li:last-child { margin-bottom: 0; } #caseStudy.caseDetail .supplementary .photo, #caseStudy.caseDetail .explanation2 .photo { float: none; margin-left: 0; } #caseStudy.caseDetail .supplementary .photo + dl, #caseStudy.caseDetail .explanation2 .photo + dl { float: none; width: 100%; margin-top: 1em; } #caseStudy.caseDetail .supplementary .photo + p, #caseStudy.caseDetail .explanation2 .photo + p { position: relative; top: 0; margin-top: 1em; text-align: center; } #caseStudy.caseDetail .supplementary:after, #caseStudy.caseDetail .explanation2:after { position: absolute; bottom: -0.99em; width: 100%; height: 0; padding-bottom: 1em; background: url(/images/images2016/box-shadow.png) no-repeat; background-size: contain; content: ""; } #caseStudy.caseDetail .btn { display: block; margin: 0; padding: .5em 2em .5em 3em; letter-spacing: -.025em; } #caseStudy.caseDetail .btn:before { position: absolute; top: 50%; left: 1em; margin-top: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #caseStudy.caseDetail .basicContent { padding-bottom: 9.375%; } #caseStudy.caseDetail .basicContent.mdg3Content { padding-bottom: 9.375%; } #caseStudy.caseDetail .basicContent.lastContent { padding-bottom: 15.625%; } #caseStudy.caseDetail .explanation3 li { padding-left: 0.25em; text-indent: 0; } #caseStudy.caseDetail table.table2.caseTable { margin-bottom: 2em; } #caseStudy.caseDetail table.table2.caseTable:last-child { margin-bottom: 0; } #caseStudy.caseDetail table.table2.caseTable th { font-weight: bold; } #caseStudy.caseDetail .list1.number { margin-bottom: 1em; list-style-position: inside; } #caseStudy.caseDetail .list1.number ul li { margin-top: 0.5em; list-style-position: inside; list-style-type: disc; } #caseStudy.caseDetail .list1.number ul li:first-child { margin-top: 1em; } #caseStudy.caseDetail .list1.number.spTop0 { margin: 0; padding-left: 1em; list-style-position: outside; } #caseStudy.caseDetail .list1.number.spTop0 li { padding: 0; } #caseStudy.caseDetail .list1.number.spTop0 b { display: block; margin-bottom: .25em; padding-left: 0; text-indent: 0; } #caseStudy.caseDetail .list1.number.spTop0 b + br { display: none; } #caseStudy.caseDetail .list1.number.spTop0.top1em { margin-top: 1em; } #caseStudy.caseDetail .list1.number.spTop0 .normalTx { display: block; text-indent: 0; } #caseStudy.caseDetail .list1.number.ghdList ul li { margin-top: .25em; text-indent: -1.5em; } #caseStudy.caseDetail .list1.number.ghdList ul li:first-child { margin-top: .5em; } #caseStudy.caseDetail .list1.number.ghdList + .table4 { margin-top: 6.6666666667%; } #caseStudy.caseDetail .caseTable { margin-top: 0; } #caseStudy.caseDetail .caseTable th, #caseStudy.caseDetail .caseTable td { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; border-width: 1px; } #caseStudy.caseDetail .caseTable th small, #caseStudy.caseDetail .caseTable td small { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #caseStudy.caseDetail .caseTable th p, #caseStudy.caseDetail .caseTable td p { margin: 0; } #caseStudy.caseDetail .caseTable th { width: 100%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; padding: 1em; } #caseStudy.caseDetail .caseTable th span { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #caseStudy.caseDetail .caseTable .lead { padding-bottom: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #caseStudy.caseDetail .caseTable.wmg4Table tr b { display: block; margin-bottom: .25em; } #caseStudy.caseDetail .caseTable.wMgr3Table { display: table; } #caseStudy.caseDetail .caseTable.wMgr3Table th, #caseStudy.caseDetail .caseTable.wMgr3Table td { display: table-cell; } #caseStudy.caseDetail .caseTable.wMgr3Table td { vertical-align: top; } #caseStudy.caseDetail #caseTableWrap .lead { padding-bottom: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #caseStudy.caseDetail #caseTableWrap .list1.number { margin: 0; padding-left: 1em; list-style-position: outside; } #caseStudy.caseDetail #caseTableWrap .list1.number li { padding: 0; } #caseStudy.caseDetail #caseTableWrap .list1.number b { display: block; margin-bottom: .25em; padding-left: 0; text-indent: 0; } #caseStudy.caseDetail #caseTableWrap .list1.number b + br { display: none; } #caseStudy.caseDetail .title.wMgr { padding: 1em 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } #caseStudy.caseDetail .title.wMgr:after { content: none; } #caseStudy.caseDetail .lead.wMgr { padding: 2em 1.5em; } #caseStudy.caseDetail .table1 th, #caseStudy.caseDetail .table3 th, #caseStudy.caseDetail .table4 th { width: 100%; } #caseStudy.caseDetail .table1.caseTable, #caseStudy.caseDetail .table3.caseTable, #caseStudy.caseDetail .table4.caseTable { box-shadow: none; } #caseStudy.caseDetail .figure.boxCommentary2 { margin-top: 2em; } #caseStudy.caseDetail .spBgWhite { background: #fff; } #caseStudy.caseDetail .stcWrap p { margin-bottom: 0; } #caseStudy.caseDetail .stcWrap p + p { margin-top: 1em; } #caseStudy.caseDetail .stcWrap .spLead { margin-bottom: 1em; line-height: 1.3; } #caseStudy.caseDetail .stcWrap #mainContent p.lead { margin-bottom: -1px; } #caseStudy.caseDetail .stcWrap .table1, #caseStudy.caseDetail .stcWrap .explanation2 { margin: 1.5em auto; } #caseStudy.caseDetail .stcWrap .table1 p, #caseStudy.caseDetail .stcWrap .explanation2 p { margin: 0; } #caseStudy.caseDetail .stcWrap .table1:last-child, #caseStudy.caseDetail .stcWrap .explanation2:last-child { margin-bottom: 0; } #caseStudy.caseDetail .stcWrap .explanation2 p { margin-top: 1em; padding-left: 0; } #caseStudy.caseDetail .stcWrap .outlineBox1 { margin: 1em 0; padding: 1em; } #caseStudy.caseDetail .stcWrap .outlineBox1:after { display: inline-block; position: relative; right: 0; bottom: -30px; left: 0; width: 680px; margin: 0 auto; content: none; z-index: 999; } #caseStudy.caseDetail .stcWrap .list1 { list-style: square; margin: 0; } #caseStudy.caseDetail .stcWrap .list1.pdg { padding-top: 1em; } #caseStudy.caseDetail .stcWrap .list1 li { margin: 0 0 .5em; padding: 0; text-indent: 0; } #caseStudy.caseDetail .stcWrap .list1 li:last-child { margin-bottom: 0; } #caseStudy.caseDetail .stcWrap .proposal .list1.pdg { padding-top: 0; } #caseStudy.caseDetail .stcWrap .proposal p { margin-bottom: 0; padding-bottom: 1em; } #caseStudy.caseDetail .stcWrap .proposal p:last-child { padding-bottom: 0; } #caseStudy.caseDetail .stcWrap .lead.proposal { position: relative; margin: 0 0 2em; padding: 0 0 1em; } #caseStudy.caseDetail .stcWrap .lead.proposal:after { position: relative; bottom: -1.999999999999999em; display: block; content: ''; width: 0; height: 0; margin: 0 auto; border-top: 1em solid #7fcdd7; border-left: 1em solid transparent; border-right: 1em solid transparent; } #caseStudy.caseDetail .stcWrap .table1 th { font-weight: bold; } #caseStudy.caseDetail .stcWrap .table1 ul { list-style: disc; margin: 0 0 1em 1em; font-weight: normal; } #caseStudy.caseDetail .stcWrap .table1 ul.spStyleNone { list-style: none; margin: 0; } #caseStudy.caseDetail .stcWrap .table1 ul.spStyleNone .title { list-style: none; } #caseStudy.caseDetail .stcWrap .table1 ul:last-child { margin-bottom: 0; } #caseStudy.caseDetail .stcWrap .table1 .title { list-style: square; margin: 0; } #caseStudy.caseDetail .stcWrap .table1 .title + .title { margin-top: .5em; } #caseStudy.caseDetail .stcWrap .table1 .title > ul { margin-top: .25em; } #caseStudy.caseDetail .stcWrap .table1 .title > ul li + li { margin-top: .25em; } #caseStudy.caseDetail .stcWrap .table1 .title span { font-weight: normal; } #caseStudy.caseDetail .stcWrap .table1 .title .figure { display: block; margin-top: .5em; } #caseStudy.caseDetail .stcWrap .table1 .stc9List .title > ul { margin-bottom: .5em; } #caseStudy.caseDetail .stcWrap .table1 .day { margin: 1em 0; } #caseStudy.caseDetail .stcWrap .table1 .day dt { padding: .25em 1em; } #caseStudy.caseDetail .stcWrap .table1 .day dd { padding: 1em; } #caseStudy.caseDetail .stcWrap .table1 .day dd + dd { padding-top: 0; } #caseStudy.caseDetail .stcWrap .table1 .arrow { text-align: center; } #caseStudy.caseDetail .stcWrap .table1.noMargin .figure { margin: 1em 0; } #caseStudy.caseDetail .stcWrap #stcTable2 th { width: 100%; padding: 1em; } #caseStudy.caseDetail .stcWrap #stcTable2 th span { display: block; margin-top: 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #caseStudy.caseDetail .stcWrap #aside #asideIn dd li .category { margin-bottom: 0; } #caseStudy.caseDetail .flow > dt { padding: .25em .5em; } #caseStudy.caseDetail .flow > dd { margin: 0 0 .5em; padding: .5em; } #caseStudy.caseDetail .flow > dd dd { margin: 0 0 .5em; } #caseStudy.caseDetail .flow > dd:last-child, #caseStudy.caseDetail .flow > dd:last-child p { margin-bottom: 0; padding-bottom: 0; } #caseStudy.caseDetail .skill { padding: .5em; background: #009cb0; color: #fff; font-weight: bold; text-align: center; opacity: .8; } #caseStudy.caseDetail #aside #asideIn .topLink a { text-indent: -0.5em; } /* NEWS
-------------------------------------------------- */ #news #mainContent { position: relative; padding-bottom: 2em; background: #f2f2f2; } #news #mainContent .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #news #infoList { margin-top: 1.25em; min-height: 0; } #news #infoList > li { position: relative; margin-bottom: 2em; } #news #infoList .newLabel { position: relative; top: 1.6em; } #news #infoList .newLabel:before { display: inline-block; position: absolute; left: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: normal; line-height: 1; content: "NEW"; } #news #infoList .newLabel ~ a dt.ymd, #news #infoList .newLabel ~ dl dt.ymd { padding-bottom: .5em; } #news #infoList dt.ymd { width: 100%; margin-bottom: .5em; padding-left: 0; color: #0086af; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; box-sizing: border-box; } #news #infoList dt.ymd .infoLabel { margin-left: .5em; padding: .25em .75em; } #news #infoList dt.ymd .infoLabel.press { color: #fff; background: #0086af; } #news #infoList dd { width: 100%; margin-top: 1em; padding-left: 0; line-height: 1.25; text-justify: inter-ideograph; text-align: justify; box-sizing: border-box; } #news #infoList dd p { letter-spacing: 0; } #news #infoList dd dt { margin-bottom: 0.5em; } #news #infoList dd dd p { margin-bottom: 1em; letter-spacing: -.05em; } #news #infoList dd dd p:last-child { margin-bottom: 0; } #news #infoList .infoGenre { margin-top: 0.25em; color: #0086af; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #news #infoList.archive .day p { display: inline-block; margin-bottom: .5em; padding-left: 0; color: #0086af; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; box-sizing: border-box; } #news #infoList.archive .day .infoLabel { margin-left: .5em; padding: .25em .75em; border: solid 1px #0086af; color: #0086af; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #news #infoList.archive .day .infoLabel.press { color: #fff; background: #0086af; } #news #infoList.archive .detailWrap > dl { padding-left: 0; line-height: 1.25; box-sizing: border-box; } #news #infoList.archive .detailWrap > dl dt, #news #infoList.archive .detailWrap > dl dd { margin-bottom: 0.25em; } #news #infoList.archive .detailWrap > dl dd { padding-left: 0; /*a{  &:before { position: relative; top: 3px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; } }*/ } #news #infoList.archive .detailWrap > dl dt a { display: inline-block; margin-bottom: 0.5em; } #news #infoList.archive .detailWrap > dl dt a a { text-justify: inter-ideograph; text-align: justify; } #news #infoList.archive .detailWrap > dl .detailL { display: block; margin-top: 0.25em; } #news #infoList.archive.year2014 .detailWrap dl dd a { display: block; margin-top: 0.25em; } #news #infoList.archive.year2012 .day { margin-bottom: .5em; padding-left: 0; color: #0086af; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; box-sizing: border-box; } #news #infoList.archive.year2012 .detailWrap > dl dt { display: inline-block; margin-bottom: 0.5em; } .newsDetail .introContent { padding: 13.3333333333% 0; } /* OPEN PROGRAMS
-------------------------------------------------- */ #openClass { /*UPC*/ /* HPC */ /* 女性管理職　全4回 */ } #openClass.openClassHome #titleArea { padding-bottom: 39%; min-height: auto; width: 100%; background: url(/images/images2016/open_class/kv-bg-sp.jpg) no-repeat top center; background-size: contain; } #openClass.openClassHome #titleArea .titleWrap { margin-left: 0; width: 100%; height: auto; } #openClass.openClassHome #titleArea .titleWrap #pageTitle { padding: 7.8125% 4.6875%; } #openClass.openClassHome #titleArea .titleWrap #pageTitle span.existence { line-height: 1; letter-spacing: -0.01em; } #openClass.openClassHome #titleArea .titleWrap #pageTitle span.titleExplan { text-indent: 0.2em; } #openClass.openClassHome #topicPath { display: none; } #openClass.openClassHome .titleLead { margin: 1.5em 4%; padding-bottom: 2em; line-height: 1.5; } #openClass .top0m { margin-top: 0; } #openClass .top0p { padding-top: 0; } #openClass .noMargin { margin: 0; } #openClass .noPadding { padding: 0; } #openClass .linkList li a:before { top: 0; margin-right: 0.25em; font-size: 1.2em; line-height: 1.2; vertical-align: sub; } #openClass .figImg { display: block; margin: 0 auto 1em; } #openClass .figImg img { width: 100%; height: auto; } #openClass .col2Content_upc1 { width: 100%; } #openClass .col2Content_upc { width: 100%; } #openClass .UPC { margin-top: 1.5625%; } #openClass .UPC:after { display: block; clear: both; content: ''; } #openClass .UPC ul { width: 28%; float: left; vertical-align: top; } #openClass .UPC ul li { font-size: 13px; font-size: 1.3rem; font-size: 2.03125vw; } #openClass #mainContent p a, #openClass #mainContent dd a, #openClass #mainContent table a, #openClass .basicContent p a, #openClass .basicContent dd a, #openClass .basicContent table a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; } #openClass #mainContent p a:hover, #openClass #mainContent dd a:hover, #openClass #mainContent table a:hover, #openClass .basicContent p a:hover, #openClass .basicContent dd a:hover, #openClass .basicContent table a:hover { opacity: 0.7; text-decoration: none; } #openClass #mainContent .linkList a, #openClass .basicContent .linkList a { color: inherit; text-decoration: none; } #openClass #mainContent .linkList a:hover, #openClass .basicContent .linkList a:hover { color: #0086af; } #openClass h3.col2headline4 { padding-top: 5%; } #openClass #mainPanel, #openClass #mainPanel2 { width: 100%; margin: 9.375% auto 0; padding: 0 3.125% 9.375%; } #openClass #mainPanel:after, #openClass #mainPanel2:after { display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto 3.125%; width: 93.75%; border-bottom: solid 2px #ccc; content: ""; } #openClass #mainPanel li, #openClass #mainPanel2 li { position: relative; float: none; width: 100%; height: auto; box-shadow: none; margin: 0; padding: 3.125% 0; border-top: solid 2px #ccc; } #openClass #mainPanel li:first-child, #openClass #mainPanel2 li:first-child { margin: 6.6666666667% 0 0; } #openClass #mainPanel li dl, #openClass #mainPanel2 li dl { display: table; position: relative; z-index: 800; } #openClass #mainPanel li dl dt, #openClass #mainPanel li dl dd, #openClass #mainPanel2 li dl dt, #openClass #mainPanel2 li dl dd { display: table-cell; vertical-align: top; } #openClass #mainPanel li dl dt, #openClass #mainPanel2 li dl dt { width: 30%; } #openClass #mainPanel li dl dd, #openClass #mainPanel2 li dl dd { position: relative; height: auto; padding: 0 0 0 3.3333333333%; background: transparent; letter-spacing: -0.025em; } #openClass #mainPanel li dl dd > h3, #openClass #mainPanel li dl dd > p, #openClass #mainPanel2 li dl dd > h3, #openClass #mainPanel2 li dl dd > p { padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; text-align: left; } #openClass #mainPanel li dl dd > h3.longText .titleMain, #openClass #mainPanel2 li dl dd > h3.longText .titleMain { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #openClass #mainPanel li dl dd > h3.longText .titleSub, #openClass #mainPanel2 li dl dd > h3.longText .titleSub { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #mainPanel li dl dd .twoLines, #openClass #mainPanel2 li dl dd .twoLines { margin-bottom: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } #openClass #mainPanel li dl dd .titleSubSmall, #openClass #mainPanel2 li dl dd .titleSubSmall { line-height: 2; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } #openClass #mainPanel li dl dd .iconNew, #openClass #mainPanel2 li dl dd .iconNew { position: absolute; top: 0; right: 0; width: 16%; margin: -10.8333333333% 3.3333333333% 0 0; } #openClass #mainPanel li dl dd.iconNewDd:after, #openClass #mainPanel2 li dl dd.iconNewDd:after { position: absolute; top: 0; left: 0; width: 0; height: 0; margin: -3.5714285714% 0 0 -7.1428571429%; padding: 5.9523809524%; background: url(/images/images2016/opinions/icon-new.png) no-repeat; background-size: contain; content: ""; } #openClass #mainPanel li.preparation, #openClass #mainPanel2 li.preparation { width: 100%; height: 100%; } #openClass #mainPanel li.preparation dl, #openClass #mainPanel2 li.preparation dl { display: block; position: relative; top: 50%; margin: 0; padding: 6.6666666667% 3.3333333333%; } #openClass #mainPanel li.preparation dl dt, #openClass #mainPanel li.preparation dl dd, #openClass #mainPanel2 li.preparation dl dt, #openClass #mainPanel2 li.preparation dl dd { display: block; width: 100%; } #openClass #mainPanel li.preparation dl dt, #openClass #mainPanel2 li.preparation dl dt { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: bold; line-height: 1.33333333333333; } #openClass #mainPanel li.preparation dl dd, #openClass #mainPanel2 li.preparation dl dd { height: auto; padding: 0.5em 0 0 0; background: transparent; } #openClass #mainPanel li.preparation p.oneSentence, #openClass #mainPanel2 li.preparation p.oneSentence { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; margin: 0; padding: 6.6666666667% 3.3333333333% 3.3333333333%; } #openClass #mainPanel li .slide_subTitle, #openClass #mainPanel2 li .slide_subTitle { display: block; margin-top: .5em; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; font-weight: normal; } #openClass #mainPanel li .datePlace, #openClass #mainPanel2 li .datePlace { margin-top: 4.7619047619%; } #openClass #mainPanel li .datePlace .slideDate, #openClass #mainPanel li .datePlace .slidePlace, #openClass #mainPanel2 li .datePlace .slideDate, #openClass #mainPanel2 li .datePlace .slidePlace { font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-indent: -2.15em; padding-left: 2.15em; } #openClass #mainPanel li.noPanel, #openClass #mainPanel2 li.noPanel { display: none; } #openClass #mainPanel li .newContent, #openClass #mainPanel2 li .newContent { position: absolute; top: 0; right: 0; width: 16%; height: auto; content: url(/images/images2016/opinions/icon-new.png); } #openClass #mainPanel.microlearning-link, #openClass #mainPanel2.microlearning-link { margin-top: 0; padding: 0; } #openClass #mainPanel.microlearning-link > li, #openClass #mainPanel2.microlearning-link > li { border-top: 0; } #openClass #mainPanel.microlearning-link dl, #openClass #mainPanel2.microlearning-link dl { padding: 1em; display: block; } #openClass #mainPanel.microlearning-link dl dt, #openClass #mainPanel.microlearning-link dl dd, #openClass #mainPanel2.microlearning-link dl dt, #openClass #mainPanel2.microlearning-link dl dd { display: block; } #openClass #mainPanel.microlearning-link dl dt, #openClass #mainPanel2.microlearning-link dl dt { padding-right: 0; margin-bottom: 1.1em; float: none; width: 100%; } #openClass #mainPanel.microlearning-link dl dd, #openClass #mainPanel2.microlearning-link dl dd { margin: 0 0 0 0; text-align: left; } #openClass #mainPanel.microlearning-link dl dd p, #openClass #mainPanel2.microlearning-link dl dd p { margin-top: 0; } #openClass #mainPanel.microlearning-link dl dd .titleMain, #openClass #mainPanel2.microlearning-link dl dd .titleMain { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.25; } #openClass #mainPanel.microlearning-link dl dd .min, #openClass #mainPanel2.microlearning-link dl dd .min { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #mainPanel.microlearning-link dl dd .titleSub, #openClass #mainPanel2.microlearning-link dl dd .titleSub { color: #0086af; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #openClass #mainPanel.microlearning-link dl dd .purposeWrap, #openClass #mainPanel2.microlearning-link dl dd .purposeWrap { margin-top: 1.8248175182%; } #openClass #mainPanel.microlearning-link dl dd .purposeWrap p:last-child, #openClass #mainPanel2.microlearning-link dl dd .purposeWrap p:last-child { letter-spacing: 0; line-height: 1.25; } #openClass #mainPanel:after, #openClass #mainPanel2:after { content: none; } #openClass #mainPanel.notNarrow, #openClass #mainPanel2.notNarrow { margin-top: 1.25em; } #openClass #mainPanel.notNarrow .panelContent li:first-child, #openClass #mainPanel2.notNarrow .panelContent li:first-child { margin-top: 0; padding-top: 0; border-top: none; } #openClass.openClassHome #mainContent { padding-top: 0; } #openClass.openClassHome #mainPanel { padding-bottom: 6.25%; } #openClass.openClassHome #archiveWrap { padding: 0 3.125%; } #openClass.openClassHome #archiveWrap .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #openClass.openClassHome #contactArea { margin-top: 0; padding-top: 15.625%; } #openClass.openClassHome .customSelect { padding: 0; background: #fff; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1); overflow: visible; } #openClass.openClassHome #archiveWrap .selectList { margin-top: 10%; list-style: none; } #openClass.openClassHome #archiveWrap .selectList .preparation { display: none !important; } #openClass #mainContent.onlyTop { padding: 0; background: -webkit-linear-gradient(top, #fff 0%, #fff 10%, #f2f2f2 10%, #f2f2f2 100%); background: linear-gradient(180deg, #fff 0%, #fff 10%, #f2f2f2 10%, #f2f2f2 100%); } #openClass #mainContent.onlyTop h3.leadTitle { width: 100%; height: auto; text-align: center; margin: 0 0 .5em; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.2; } #openClass #mainContent.onlyTop #missionArea { margin: 0 0 3em auto; padding: 0; display: block; width: 95%; } #openClass #mainContent.onlyTop #missionArea .column1 { padding: 1em 2.3em 1em 1.3em; width: 100%; } #openClass #mainContent.onlyTop #missionArea h4 { margin: 0 auto; width: 100%; font-size: 38px; font-size: 3.8rem; font-size: 5.9375vw; line-height: 1.4; letter-spacing: .025em; } #openClass #mainContent.onlyTop #missionArea #mainLead { margin: 0; padding: 1.26em 0 2em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.3; text-align: justify; } #openClass #mainContent.onlyTop #missionArea .column2 { position: relative; width: 100%; } #openClass #mainContent.onlyTop #missionArea .column2 img { position: absolute; bottom: -1.8em; left: 57%; width: 40%; } #openClass #mainContent.onlyTop .regularTitle { padding-top: 0; width: 93.75%; } #openClass #mainContent.onlyTop .regularPanelList { display: block; margin: 1em auto 0; padding: 4.5%; max-width: 100%; min-width: 0; width: 100%; } #openClass #mainContent.onlyTop .regularPanelList li { margin-bottom: 2em; width: 100%; border-right: none; border-bottom: 3px solid #62bad5; background-color: #fff; } #openClass #mainContent.onlyTop .regularPanelList li a { display: block; padding: 0; min-height: 0; } #openClass #mainContent.onlyTop .regularPanelList li a:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 134, 175, 0.5); content: ""; opacity: 0; z-index: -1; -webkit-transition: opacity .2s; transition: opacity .2s; } #openClass #mainContent.onlyTop .regularPanelList li a:hover:before { opacity: 1; z-index: 900; } #openClass #mainContent.onlyTop .regularPanelList li.online::after { padding: 7em 0 0; width: 9em; height: 9em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } #openClass #mainContent.onlyTop .regularPanelList li.fullHouse dd.openTitle h3::before { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap { display: block; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview { color: #fff; position: relative; width: 100%; height: 100%; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview img { width: 100%; height: auto; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle { padding: 0 6.6666666667% 0 0; left: 6.6666666667%; top: 3em; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle h3 { line-height: 1.3; font-size: 38px; font-size: 3.8rem; font-size: 5.9375vw; font-weight: bold; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle h3 span.small { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace { bottom: 1em; left: 6.6666666667%; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slideDate { padding-left: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slideDate:before { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slidePlace { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slidePlace:before { margin-left: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description { padding: 3.3333333333% 5% 11.6666666667%; position: relative; width: 100%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description .openText { margin-bottom: 1em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; font-weight: 600; letter-spacing: .02em; line-height: 1.4; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd.moreDetail { position: relative; top: 1em; right: 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd.moreDetail::after { position: relative; top: .2em; right: -0.5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #pickupArea { padding: 5%; } #openClass #pickupArea h3.regularTitle { border-bottom: solid 2px #fff; width: 100%; } #openClass #pickupArea #mainPanel { margin: 0 auto; max-width: 100%; } #openClass #pickupArea #mainPanel .new h3::before { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; margin-bottom: 0; } #openClass #pickupArea #mainPanel ul.panelContent { display: block; } #openClass #pickupArea #mainPanel ul.panelContent li { position: relative; width: 100%; margin: 1.5em 0; } #openClass #pickupArea #mainPanel ul.panelContent li dl { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } #openClass #pickupArea #mainPanel ul.panelContent li dl dt { width: 100%; padding: 0 3%; text-align: center; } #openClass #pickupArea #mainPanel ul.panelContent li dl dt.slideDate { display: none; } #openClass #pickupArea #mainPanel ul.panelContent li dl dt .panelYear { line-height: 1.2; text-indent: -5em; } #openClass #pickupArea #mainPanel ul.panelContent li dl dt .panelDate { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.2; } #openClass #pickupArea #mainPanel ul.panelContent li dl dt .panelDate span { padding-left: .3em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd { padding: 0; position: relative; height: auto; letter-spacing: -1px; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd.panelDetail { padding: 1em 1.3em 1.5em; border-left: none; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd.thumbnail { width: 100%; margin-right: 0; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd.thumbnail img { width: 100%; height: auto; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd h3 { margin-bottom: 1em; color: #3E3A39; line-height: 1.4; font-size: 38px; font-size: 3.8rem; font-size: 5.9375vw; font-weight: bold; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd h3 small { display: block; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd .slideDate-sp { margin-bottom: .2em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; letter-spacing: .01em; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd .slideDate-sp:before { position: relative; margin-right: .5em; color: #62bad5; font-family: "ilm"; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; content: "T"; vertical-align: middle; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd .slidePlace { margin-bottom: .2em; padding-left: .2em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; letter-spacing: .01em; } #openClass #pickupArea #mainPanel ul.panelContent li dl dd .slidePlace:before { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #interviewArea { margin-bottom: 0; padding: 4.5%; } #openClass #interviewArea ul { display: block; } #openClass #interviewArea ul li.interviewBox { margin: 0 auto 2em; padding: 0; width: 100%; } #openClass #interviewArea ul li.interviewBox img { width: 100%; height: 100%; } #openClass #interviewArea ul li.interviewBox h4 { margin: 1.5em 0 1em; padding: 0 5%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .01em; } #openClass #interviewArea ul li.interviewBox h4 .small { font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } #openClass #interviewArea ul li.interviewBox p { margin-bottom: 3em; padding: 0 5%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #openClass #bannerArea { padding: 4.5%; } #openClass #bannerArea ul { display: -webkit-box; display: flex; flex-wrap: wrap; } #openClass #bannerArea ul li { margin-bottom: 1.2em; width: 100%; height: auto; } #openClass #bannerArea ul li:nth-child(odd) { margin-right: 0; } #openClass #bannerArea ul li div.overseasBanner { margin: 1.5em auto 0 5%; } #openClass #bannerArea ul li div.overseasBanner p { position: relative; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.1em; } #openClass #bannerArea ul li div.overseasBanner p span { display: block; line-height: 1.7; color: #0086af; font-size: 16px; font-size: 1.6rem; font-size: 2.5vw; font-weight: 600; letter-spacing: -.01em; } #openClass #bannerArea ul li div.overseasBanner p.moreList { margin-top: 1.3em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass #bannerArea ul li div.overseasBanner p.moreList::after { top: 0.2em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass #bannerArea ul li img { width: 41%; height: 100%; } #openClass .toOpen { margin-left: 0.5em; color: #0086af; font-weight: normal; } #openClass .toOpen:hover { opacity: 0.7; } #openClass #pageTitle.openDetailTtl { margin: 0; } #openClass #pageTitle.openDetailTtl.line2 { margin: 0; } #openClass #pageTitle.openDetailTtl.line3 { margin: 0; } #openClass #pageTitle.openDetailTtl.line3 .titleExplan { margin: 0 0 .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #pageTitle.openDetailTtl.line3 .titleMain { display: block; font-size: 40px; font-size: 4rem; font-size: 6.25vw; color: #3E3A39; } #openClass #pageTitle.openDetailTtl.line3 .ruby { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #pageTitle.openDetailTtl span.fullHouse { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #localNavWrap { position: relative; width: 100%; height: auto; background-color: #98c9e8; } #openClass #localNavWrap .localNavBg { position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0, 134, 175, 0.2); z-index: 900; } #openClass #localNavWrap .localNavBg img { width: 100%; height: auto; } #openClass #localNavWrap #mainVisual { height: 100%; } #openClass #localNavWrap #mainVisual .kv { position: absolute; width: 100%; height: 100%; right: 0; z-index: 0; } #openClass #localNavWrap #mainVisual .kv img { position: absolute; right: 0; width: auto; height: 100%; } #openClass #localNavWrap #mainVisual .kv.kv_type2 img { right: 0; bottom: 0; width: 30%; height: auto; margin-bottom: 11%; } #openClass #localNavWrap #mainVisual .kv.bgBlue:before { display: block; position: absolute; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; background: rgba(0, 134, 175, 0.2); content: ""; } #openClass #localNavWrap #mainVisual .col2Content { display: block; height: 100%; padding: 6.25% 0 0; } #openClass #localNavWrap #mainVisual .col2headline3 { display: block; bottom: 0; padding: 0 3.125%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.025em; text-shadow: 0px 0px 1rem #0086af; } #openClass #localNavWrap #mainVisual .col2headline3 small { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #localNavWrap #localNav { position: relative; left: 0; bottom: 0; margin-top: 6.25%; padding: 3.125% 0; background: rgba(0, 134, 175, 0.8); overflow: hidden; } #openClass #localNavWrap #localNav li { float: left; line-height: 1.5; text-align: center; } #openClass #localNavWrap #localNav li a { display: block; position: relative; width: 100%; height: 100%; padding: 0 1em; color: #fff; box-sizing: border-box; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass #localNavWrap #localNav li a:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1em; margin-top: -.5em; border-right: solid 1px #fff; content: " "; } #openClass #localNavWrap #localNav li a.current { font-size: 25px; font-size: 2.5rem; font-size: 3.90625vw; letter-spacing: -.075em; white-space: nowrap; } #openClass #localNavWrap #localNav li a.current:before { content: none; } #openClass #localNavWrap #localNav li a.current:after { bottom: -.5em; border-width: .5em .5em 0 .5em; } #openClass #localNavWrap #localNav li:first-child { margin-left: 0; } #openClass #localNavWrap #localNav li:last-child a:before { border-right: none; } #openClass #localNavWrap #localNav.manyItems li a { padding: 0 1em; } #openClass #localNavWrap #localNav.localNav_report { overflow: visible; padding-left: 30%; } #openClass #localNavWrap #localNav.localNav_report:after { display: block; clear: both; content: ""; } #openClass #localNavWrap #localNav.localNav_report li:first-child { position: absolute; top: 0; left: 0; width: 30%; height: 100%; } #openClass #localNavWrap #localNav.localNav_report li:first-child a { display: -webkit-box; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-align: center; } #openClass #localNavWrap #localNav.localNav_report li a { padding: 3.125% 1em; padding: 0 1em; } #openClass #localNavWrap #localNav { background: rgba(0, 134, 175, 0.8); } #openClass #localNavWrap .localNavBg { background: rgba(0, 134, 175, 0.1); } #openClass #localNavWrap.localNavWrap_upc { background-color: #fc6129; } #openClass #localNavWrap.localNavWrap_upc .localNavBg { position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0, 134, 175, 0.1); z-index: 900; } #openClass #localNavWrap.localNavWrap_upc .localNavBg img { width: 100%; height: auto; } #openClass #localNavWrap.localNavWrap_upc .txtShadow { text-shadow: 0 0 5px #bbb; } #openClass #localNavWrap.line2 #localNav li a { padding: 0 1em; } #openClass #localNavWrap.wmgr #mainVisual.wMgr .kv img { margin-right: -22%; } #openClass #mainContent { padding-top: 9.375%; } #openClass #mainContent .col2Content > .linkList.otherLanguage { margin-top: -8.3333333333%; margin-bottom: 2em; } #openClass .catch + p { padding-top: 6.6666666667%; } #openClass .contentImg { margin: 2em 0 0; } #openClass .introContent .introContentWrap li dd p .belong { padding: 0 0 1em; font-weight: normal; } #openClass .list3 li li { margin-top: .5em; line-height: 1.3; } #openClass #introLecture .col2headline5 { margin-bottom: .5em; } #openClass .col2headline20_bk + .lead { margin-top: 1em; } #openClass .col2headline5 .notes { color: #0086af; } #openClass .jakartaNotes + .jakartaNotes { margin-bottom: 1.5em; padding-left: 1em; text-indent: -1em; } #openClass #coultureCompass { margin-top: 9.375%; padding: 9.375% 3.125%; } #openClass #coultureCompass h4 { margin: 0; padding: 0; font-size: 42px; font-size: 4.2rem; font-size: 6.5625vw; } #openClass #coultureCompass .lead { padding-bottom: 1em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.2; } #openClass #coultureCompass p { font-weight: normal; } #openClass #coultureCompass .col2headline4 { position: relative; padding-top: 10%; } #openClass #coultureCompass.boxCommentary2 .list3 { padding: 1em 0 1em 0.5em; } #openClass #coultureCompass .linkList { padding: 0 0 0 0.5em; } #openClass #coultureCompass .linkList li { margin-top: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass #coultureCompass .linkList li a:before { top: 0; font-size: 1.2em; } #openClass #coultureCompass .bold + .linkList { margin-top: .5em; } #openClass #coultureCompass .list3 { position: relative; } #openClass #coultureCompass .list3 #listImg { position: relative; top: 0; left: 0; margin-top: 1.5em; padding: 0; text-align: center; } #openClass #coultureCompass .list3 #listImg:before { content: none; } #openClass #coultureCompass .list3 #listImg img { width: 100%; height: auto; } #openClass #mainContent .infoMovie dt { margin-bottom: 3.3333333333%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #mainContent .infoMovie dd img { width: 100%; height: auto; padding-right: 2%; } #openClass #mainContent .infoMovie dd:last-child img { padding-right: 0; padding-left: 2%; } #openClass #mainContent .infoMovie dd .youtubeLink { margin-top: .25em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass .adviserWrap { text-align: left; } #openClass .adviserWrap .adviser { float: right; margin-left: 1em; width: 34%; } #openClass .adviserWrap .lecInfo { font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.2; letter-spacing: -.025em; } #openClass .adviserWrap ul { padding: 1em 0; } #openClass .adviserWrap ul li { padding-left: 1.25em; text-indent: -1.25em; } #openClass .adviserWrap dt { margin-bottom: .5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass .adviserWrap dd { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass .adviserWrap.spMt2em { margin-top: 2em; } #openClass .iframeWrap { position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 56.25%; } #openClass .iframeWrap iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #openClass #lecturerWrap-2column { font-size: 12px; } #openClass #lecturerWrap-2column .lecturer { width: 320px; float: left; } #openClass #lecturerWrap-2column .lecturer .namePosiWrap { display: table; position: relative; height: 105px; margin-top: 10px; } #openClass #lecturerWrap-2column .lecturer .namePosiWrap .namePosi { display: table-cell; position: relative; left: 3%; width: 240px; vertical-align: middle; } #openClass #lecturerWrap-2column .lecturer .namePosiWrap .posi { letter-spacing: -1px; } #openClass .lecturerWrapClass.introContent .introContentWrap { border: none; } #openClass .table2.top10 { margin-top: .5em; } #openClass .rightImg { position: relative; float: none; width: 100%; text-align: right; } #openClass .rightImg img { width: 100%; height: auto; } #openClass .border { margin-top: 2em; padding: 1em 0; border-top: solid 0.13333em #3E3A39; border-bottom: solid 0.13333em #3E3A39; } #openClass .border .belong { padding-bottom: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass.openClassAsideNew #aside #asideIn { margin-top: 0; margin-bottom: 0; } #openClass #aside #asideIn { margin-top: 0; } #openClass #aside #asideIn dd ul:not(.overseas_link) li :not(.category) a { padding: 0; } #openClass #aside #asideIn dd ul:not(.overseas_link) li :not(.category) a:after { content: none; } #openClass #aside #asideIn dd ul.overseas_link li a { padding: 1em 18% 1em 4%; letter-spacing: -.025em; line-height: 1.3; } #openClass #aside li dl { position: relative; top: 50%; margin: 0; padding: 6.6666666667%; } #openClass #aside li dl dd { height: auto; padding: 0; background: transparent; } #openClass #aside .spacs { margin-top: 0; } #openClass .upcApply { padding-top: 15px; } #openClass .btn3 { display: block; width: 100%; margin: 0 auto 0; padding: .5em .25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass #entryAttention_upc { color: #900000; text-align: center; } #openClass .col2Content_upc { position: relative; top: -20px; background: #0086af; } #openClass .basicContent .entryList .btnHome a { color: #0086af; text-decoration: none; } #openClass .basicContent .entryList .btnHome a:hover { opacity: 1; } #openClass .basicContent .entryList .btnHome:hover a { color: #fff; } #openClass .upcList { margin-top: 10px; } #openClass .upcList:after { display: block; clear: both; content: ''; } #openClass .upcList ul { width: 28%; float: left; vertical-align: top; } #openClass .upcList ul li { font-size: 13px; } #openClass .hpcPoint { margin-top: 1em; } #openClass #hpcPoint2 { padding-bottom: 1em; } #openClass .hpcHeadline3 { width: 100%; padding: 0; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.03333em; line-height: 1.3125; line-height: 1.3; } #openClass .basicList { padding-bottom: 1.5em; } #openClass .basicList:after { display: block; clear: both; content: ''; } #openClass .basicList dt { float: none; width: 100%; margin-bottom: 1em; } #openClass .basicList dd { padding-top: 0; } #openClass .basicList .hpcSkils li { padding-top: .5em; } #openClass #mainContent.report { padding-top: 40px; } #openClass #mainContent.report .col2headline4 { padding-top: 30px; } #openClass #mainContent.report .contentEvent img + p { margin-top: 26px; } #openClass #mainContent.report .contentEvent p:last-child { margin-bottom: 26px; } #openClass #mainContent.report .contentEvent p { margin-bottom: 1.5em; line-height: 1.75; } #openClass #mainContent.report .contentEvent.boxCommentary2 { font-weight: normal; letter-spacing: 0; } #openClass #mainContent.report .contentEvent.boxCommentary2 dl > dt { margin-bottom: 20px; color: #33a4ce; font-size: 24px; } #openClass #mainContent.report .contentEvent.boxCommentary2 .headline_bk { margin-bottom: 10px; font-size: 20px; } #openClass #mainContent.report .contentEvent.boxCommentary2 p:last-child { margin-bottom: 0; } #openClass .voiceBox { margin-top: 50px; padding: 26px 40px; border: solid 2px #33a4ce; line-height: 1.25; } #openClass .voiceTtl { margin-bottom: 20px; color: #33a4ce; font-size: 24px; font-weight: bold; } #openClass .voiceTtl small { font-size: 20px; } #openClass .voiceList li:before { color: #33a4ce; } #openClass #mainContent.interview { padding-top: 7.8125%; } #openClass #mainContent.interview .col2headline3 { padding: 0 3.125%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #openClass #mainContent.interview .col2headline4 { padding-top: 30px; } #openClass #mainContent.interview .col2headline41 { padding-top: -10px; } #openClass #mainContent.interview .col2headline5 { font-weight: bold; padding: 10px 0; margin-top: 50px; font-size: 22px; color: #3E3A39; letter-spacing: -1px; } #openClass #mainContent.interview .col2headline6 { padding: .5em 0; margin-top: 1em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #openClass #mainContent.interview .contentEvent img + p { margin-top: 26px; } #openClass #mainContent.interview .contentEvent p:last-child { margin-bottom: 26px; } #openClass #mainContent.interview .contentEvent p { margin-bottom: 1.5em; line-height: 1.75; } #openClass #mainContent.interview .contentEvent.boxCommentary2 { font-weight: normal; letter-spacing: 0; } #openClass #mainContent.interview .contentEvent.boxCommentary2 dl > dt { color: #33a4ce; font-size: 24px; } #openClass #mainContent.interview .contentEvent.boxCommentary2 .headline_bk { margin-bottom: 10px; font-size: 20px; } #openClass #mainContent.interview .contentEvent.boxCommentary2 p:last-child { margin-bottom: 0; } #openClass #mainContent.interview .col2ContentWrap .col2Content p + p { padding-top: 1em; } #openClass #mainContent.interview .introContent .introContentWrap li dt { width: 100%; } #openClass #mainContent.interview .introContent .introContentWrap li dd { width: 100%; } #openClass #mainContent.interview .introContent .introContentWrap li dd p .name { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass .voiceBox { margin-top: 50px; padding: 26px 40px; border: solid 2px #33a4ce; line-height: 1.25; } #openClass .voiceTtl { margin-bottom: 20px; color: #33a4ce; font-size: 24px; font-weight: bold; } #openClass .voiceTtl small { font-size: 20px; } #openClass .voiceList li:before { color: #33a4ce; } #openClass .program_list { margin: 0; padding-left: 1.5em; } #openClass .program_list li { padding: 0; } #openClass .continue_Openclass { padding-bottom: 30px; border-bottom: solid 1px #66afc5; } #openClass .noteWording { padding-top: .5em; line-height: 1.4; } #openClass .fontNotice_closed { border-bottom: none; line-height: 1.4; padding: 2% 0; color: #ffcc00; } #openClass .ancherDiv { margin-top: -17.1875%; padding-top: 17.1875%; } #openClass .headline4.kamikura { border-bottom: solid .1em #ccc; } #openClass #localNavWrap #mainVisual.wMgr .kv { overflow: hidden; } #openClass #localNavWrap #mainVisual.wMgr .kv img { margin-right: -6.6666666667%; } #openClass .sizeLittleSmall { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass .tableMargin { padding-bottom: 0; } #openClass .firstTable { display: table; width: 100%; margin-top: 0; } #openClass .firstTable th, #openClass .firstTable td { display: table-cell; } #openClass .firstTable th:first-child { width: 3em; } #openClass .firstTable + .textRight { margin: .5em auto 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass .firstTable.outlineDateTable th, #openClass .firstTable.outlineDateTable td { padding: 0; line-height: 1.2; vertical-align: top; } #openClass .firstTable.outlineDateTable tr:first-child th { left: 0; padding-top: 0; } #openClass .firstTable.outlineDateTable th:first-child { width: 3em; line-height: 1.2; } #openClass .firstTable.outlineDateTable .line1 { padding-left: 3em; } #openClass .firstTable.outlineDateTable tr th, #openClass .firstTable.outlineDateTable tr td { padding-top: .5em; } #openClass .firstTable.outlineDateTable tr + tr th, #openClass .firstTable.outlineDateTable tr + tr td { padding-top: .75em; } #openClass .firstTable.outlineDateTable tr + tr td:last-child { display: none; } #openClass .firstTable.outlineDateTable tr + tr.middleTr th, #openClass .firstTable.outlineDateTable tr + tr.middleTr td { display: table-cell; padding: 0 0 0 3em; text-align: center; } #openClass .adjustW { position: relative; left: 0; margin-right: 0; } #openClass .spBtm { margin: 1.5em auto; } #openClass .col2headline5 { margin: 2em auto .5em; padding-top: 0; } #openClass .headline5 + .table2 { margin-top: .75em; } #openClass .headline5 + .table2 td { line-height: 1.5; } #openClass .headline5 + .table2 + .col2headline5 { margin-top: 2em; } #openClass .indent { display: block; padding-left: 1em; text-indent: -1em; line-height: 1.3; } #openClass .studentsArea dl { height: auto; } #openClass .studentsArea dl dt, #openClass .studentsArea dl dd { display: block; width: 100%; height: auto; } #openClass .studentsArea dl dt { text-align: center; } #openClass .studentsArea dl dt img { width: 40%; height: auto; } #openClass .studentsArea dl dd { margin: 1.5em auto 1em; box-sizing: border-box; position: relative; } #openClass .studentsArea dl dd h3 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #openClass .studentsArea dl dd .degree { margin-top: 1.5em; display: block; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: center; line-height: 1.2; } #openClass .studentsArea dl dd .name { position: static; display: block; margin: 0 0 .5em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; text-align: center; } #openClass .studentsArea dl .btnArchive { position: static; display: block; padding: .5em; width: 100%; height: auto; } #openClass .studentsArea dl .btnArchive:before { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #openClass #localNavWrap.openclassJp20130527 .localNavBg { height: 100%; } #openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2headline3 { bottom: 0; } #openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content #localNav { bottom: 0; } #openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2Lead { bottom: 0; } #openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2Lead li { line-height: 1.5; } #openClass #mainContent .col2ContentWrap .col2Content .asterisk { position: relative; } #openClass #mainContent .col2ContentWrap .col2Content .asterisk span { position: absolute; left: 9.5em; font-size: 10px; } #openClass #mainContent .col2ContentWrap .col2Content .asterisk2 { position: relative; text-align: right; } #openClass .seminarPics_hunin { width: 100%; } #openClass .seminarPics_hunin li { width: 100%; float: left; vertical-align: top; margin-top: 0; } #openClass .seminarPics_hunin li:nth-child(2n) { margin: 0; } #openClass .seminarPics_hunin li:nth-child(n+3) { margin-top: 0; } #openClass .seminarPics_hunin li:nth-child(n+2) { margin-top: 1em; } #openClass .seminarPics_hunin li span { display: block; margin-top: .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 1.3; } #openClass .message_container { padding: 5.9701492537% 2.9850746269%; } #openClass .message_container .portrait p { margin-top: 0; } #openClass .message_container .portrait .name { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #openClass .message_container .portrait .belong { margin-top: 1.5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass .message_container .portrait .profile { margin-top: 1.25em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; width: 64.9253731343%; } #openClass .message_container .portrait .lecturer_img { position: absolute; top: 29.8507462687%; right: -2.9850746269%; width: 32.8358208955%; } #openClass .message_container .headline_lb { margin: 1.5em 0 1em; } #openClass .questionnaire .catch { margin-bottom: 1em; } #openClass .questionnaire .subtxt { margin-top: 1em; } #openClass .questionnaire .graph1 { float: right; padding: 0; } #openClass .questionnaire .questionnaireResult { margin-top: 1.5em; float: left; } #openClass .questionnaire .questionnaireResult table tr td::before { margin-left: 2em; content: "..."; } #openClass .questionnaire .questionnaireResult p { margin-top: 0.5em; float: right; font-size: 12px; } #openClass .questionnaire .questionaireRecommend { position: relative; } #openClass .questionnaire .questionaireRecommend .graph2 img { margin-top: 2em; } #openClass .questionnaire .questionaireRecommend p { margin-bottom: 2em; position: relative; top: 0; left: 0; } #openClass .lesson p.subtxt { margin-top: 1em; } #openClass .lesson .oList { margin-top: 1em; margin-bottom: 1em; } #openClass .distribution { display: block; } #openClass .distribution .col2headline5 { margin: 2em auto .5em; } #openClass .distribution > div { display: block; width: 100%; } #openClass .distribution > div .boxCommentary2 { margin-top: auto; padding: 3.3333333333% 0; width: 100%; height: auto; } #openClass .distribution > div.age .boxCommentary2 { margin-bottom: .1em; } #openClass .distribution > div.age .boxCommentary2 img { width: 78.3783783784%; height: auto; } #openClass .lecutureVoice .col2headline3 { margin-bottom: 1em; } #openClass .interview { padding-bottom: 15.625%; } #openClass .interview .voice { padding: 2em 0; } #openClass .interview .voice dt { padding: 15px 0; font-size: 22px; } #openClass .interview .voice dd ul { padding-left: 1em; } #openClass .interview .voice dd ul li { position: relative; margin-bottom: 0; padding: 5px 20px 5px 2.25em; color: #666; font-weight: bold; /**&:nth-of-type(2n){ background: rgb(195, 220, 241);}**/ } #openClass .interview .voice dd ul li::before { position: absolute; top: 0; left: 0; display: block; content: 'u'; font-family: "ilm"; font-size: 24px; color: #67a6e0; } #openClass .interview .questionaireRecommend { padding: 11.9402985075% 7.0149253731%; display: block; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass .interview .questionaireRecommend .graph2 { margin: 1em auto .5em; width: 89.552238806%; } #openClass .worldMap { padding: 1em; } #openClass .worldMap p { height: auto; } #openClass .worldMap p .mapbtn { margin-top: 2em; display: block; position: relative; left: 0; text-align: center; } #openClass .worldMap p .mapbtn a { width: auto; height: auto; padding: 1em 1.5em 1.25em 1.5em; display: inline-block; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass .worldMap p .mapbtn a::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #openClass .worldMap .worldMap-detail { display: none; padding-top: 2em; } #openClass .worldMap .worldMap-detail table { width: 100%; margin: 0; } #openClass .worldMap .worldMap-detail table tbody { width: 100%; } #openClass .worldMap .worldMap-detail table tbody tr { display: -webkit-box; display: flex; flex-wrap: wrap; } #openClass .worldMap .worldMap-detail table tbody tr:first-child { padding: .5em 0; height: auto; } #openClass .worldMap .worldMap-detail table tbody tr td { display: block; height: auto; } #openClass .worldMap .worldMap-detail td:first-child { display: none; } #openClass .worldMap .worldMap-detail td:nth-child(2), #openClass .worldMap .worldMap-detail td:nth-child(4) { padding: .5em 0; width: 70%; } #openClass .worldMap .worldMap-detail td:nth-child(3), #openClass .worldMap .worldMap-detail td:nth-child(5) { padding: .5em 0; width: 30%; } #openClass .worldMap .worldMap-detail td.text_hidden { display: none; } #openClass .worldMap .worldMap-detail .area td:first-child { display: block; padding: .5em 0; width: 100%; } #openClass .industry { padding-top: 3em; padding-bottom: 1em; background: #fff; margin-top: 2em; margin-bottom: 80px; } #openClass h2.recommendCourse { font-size: 40px; font-size: 4rem; font-size: 6.25vw; } #openClass #archiveWrap.basicContent #mainPanel2 { margin: 0; padding: 0; } #openClass #aside .huninCurrent dd li:last-child a dl { background: #cce7ef; } #openClass #aside .huninCurrent dd li:last-child a dl dd { background: #cce7ef; } #openClass .acdList { margin: 0 0 1.5em; } #openClass .acdList label { padding: 1em; } #openClass .acdList label:after { right: 1em; } #openClass .acdList .box ul { padding: 1em; } #openClass .acdList .box li { margin: 0 0 1em; } #openClass .latestArea { display: none; } #openClass .openclassJp2021renew-top { margin-top: 4.6875%; } #openClass .openclassJp2021renew-top #mainVisual .col2Content { width: 93.75%; padding: 0; margin: 0 3%; } #openClass .openclassJp2021renew-top #mainVisual .col2Content::before { padding: 7em 0 0; width: 9em; height: 9em; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } #openClass .openclassJp2021renew-top h2#pageTitle { top: .5em; pointer-events: none; } #openClass .openclassJp2021renew-top h2#pageTitle span.titleMain { color: #fff; } #openClass .openclassJp2021renew-top h2#pageTitle span.titleMain span.min { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #openClass .openclassJp2021renew-top h3.col2headline3 { padding: 5% 5% 5% 6%; left: 0; bottom: 0; width: 100%; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; } #openClass #applyArea-visit #applyWrap { width: 100%; } #openClass #applyArea-visit #applyWrap .col2Content { padding: 0 0 2em 0; width: 100%; background: #006693; } #openClass #applyArea-visit #applyWrap .applyHeadline { margin-bottom: .7em; font-size: 4.6vw; } #openClass #applyArea-visit #applyWrap .applyHeadline span { font-size: 15px; } #openClass #applyArea-visit #applyWrap .btnHome { width: 87.5%; height: 2.6em; } #openClass #applyArea-visit #applyWrap .btnHome a { font-size: 16px; } #openClass #applyArea-visit.contactCol2 { margin: 0; padding: 0 3.125%; padding-bottom: 3em; width: 100%; height: 32.5%; background: #0086af; } #openClass .openclassJp2021-top-subtitle #pageTitle { top: -0.3em; line-height: 1; } #openClass .openclassJp2021-top-subtitle #pageTitle .subtop { font-size: 15px; } #openClass .openclassJp2021-top-subtitle #pageTitle .subtop:last-of-type { position: relative; top: -.8em; } #openClass .openclassJp2021-top-subtitle .col2headline3 { padding: 5% 5% 5% 6%; left: 0; bottom: 0; width: 100%; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; line-height: 1.2; } #openClass .openclass_sub #mainVisual #pageTitle { margin: .1em 0; } #openClass .openclass_sub #mainVisual #pageTitle .titleMain { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #openClass .openclass_sub #mainVisual #pageTitle .titleExplan { margin: 0 0 .3em; font-size: 27px; font-size: 2.7rem; font-size: 4.21875vw; line-height: 1.2; } #openClass .openclass_sub #mainVisual #pageTitle .titleExplan.titleExplan_2line { margin-top: -1em; } #openClass .openclass_sub .openclassJp2021renew-top { margin-bottom: 5.46875%; } #openClass .openclass_sub #localNav { margin-bottom: 2.8333333333%; } #openClass .openclass_sub .lecturerWrapClass { width: 100%; } #openClass .openclass_sub .lecturerWrapClass .introContentWrap li dt { width: 100%; } #openClass .openclass_sub .lecturerWrapClass .introContentWrap li dt img { width: 200px; max-width: 34%; } #openClass .openclass_sub #document_download-area-bottom { padding-bottom: 10.9375%; } #openClass .openclass_sub .interview { padding-bottom: 21.09375%; } #openClass #apply-anchor-area { margin-bottom: 5.3125%; } #openClass #apply-anchor-area .col2Content { margin: 0 auto; padding-bottom: 5.3125%; width: 93.75%; } #openClass #apply-anchor-area .flex-table { border: 0; padding: 6.0714285714% 0; width: 92.8571428571%; } #openClass #apply-anchor-area .flex-table thead { display: none; } #openClass #apply-anchor-area .flex-table tbody tr { border: 1px solid #e0e0e0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #openClass #apply-anchor-area .flex-table tbody tr td { padding: .5em; display: block; } #openClass #apply-anchor-area .flex-table tbody tr td.place::before { margin-right: .1em; line-height: 1; } #openClass #apply-anchor-area .flex-table thead tr th, #openClass #apply-anchor-area .flex-table tbody tr td { width: 100%; font-size: 22.19px; font-size: 2.219rem; font-size: 3.4671875vw; } #openClass #apply-anchor-area .flex-table tbody tr td { border: none; } #openClass #apply-anchor-area .flex-table tbody tr td:before { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: -.5em -.5em .75em -.5em; padding: .22em; content: attr(data-label); color: #3e3a39; background: #f2f2f2; font-weight: bold; } #openClass #apply-anchor-area .flex-table tbody tr td span.place:before { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #openClass #apply-anchor-area .btnHome { padding: .3em 0; width: 92.8571428571%; height: 3.7em; line-height: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #openClass #document_download-area { padding: 0 0 8.125%; } #openClass #document_download-area .download div:first-child { width: 100%; padding: 6.6666666667% 6.6666666667% 0; font-size: 4.0625vw; } #openClass #document_download-area .download div:last-child { padding-bottom: 6%; width: 100%; } #openClass #document_download-area .download .btnHome { margin-top: 3%; width: 86.6666666667%; } #openClass #document_download-area-top { padding: 0 0 8.4375%; position: relative; width: 100%; background: #f2f2f2; } #openClass #document_download-area-top .btnHome-sp { text-indent: -1em; background: url(/images/images2016/open_class/download-materials-top−sp.svg) no-repeat; background-size: 100%; width: 100%; height: 14.8333333333%; text-align: left; text-indent: 0; letter-spacing: initial; padding: 18.6666666667% 5.8333333333% 5% 5.8333333333%; line-height: 1.3; } #openClass #document_download-area-top .btnHome-sp:after { position: absolute; top: 65%; right: 10%; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #openClass #document_download-area-top .btnHome-sp:before { display: none; position: absolute; top: 7.6923076923em; left: 0; width: 100%; margin: 0 auto; content: url(/images/images2016/open_class/box-shadow-download-sp.png); z-index: 999; } #openClass #document_download-area-top .btnHome-sp a { color: #3e3a39; text-indent: 0; text-decoration: none; } #openClass #document_download-area-top { padding: 0 0 8.4375%; position: relative; width: 100%; background: #f2f2f2; } #openClass #document_download-area-top .btnHome-sp { text-indent: -1em; background: url(/images/images2016/open_class/download-materials-top−sp.svg) no-repeat; background-size: 100%; width: 100%; height: 14.8333333333%; text-align: left; text-indent: 0; letter-spacing: initial; padding: 18.6666666667% 5.8333333333% 5% 5.8333333333%; line-height: 1.3; } #openClass #document_download-area-top .btnHome-sp:after { position: absolute; top: 65%; right: 10%; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #openClass #document_download-area-top .btnHome-sp:before { display: none; position: absolute; top: 7.6923076923em; left: 0; width: 100%; margin: 0 auto; content: url(/images/images2016/open_class/box-shadow-download-sp.png); z-index: 999; } #openClass #document_download-area-top .btnHome-sp a { color: #3e3a39; text-indent: 0; text-decoration: none; } #openClass #document_download-area-bottom { padding: 10.625% 0 8.4375%; position: relative; width: 100%; background: #f2f2f2; } #openClass #document_download-area-bottom .btnHome-sp { text-indent: -1em; background: url(/images/images2016/open_class/download-materials-top−sp.svg) no-repeat; background-size: 100%; width: 100%; height: 14.8333333333%; text-align: left; text-indent: 0; letter-spacing: initial; padding: 18.6666666667% 5.8333333333% 5% 5.8333333333%; line-height: 1.3; } #openClass #document_download-area-bottom .btnHome-sp:after { position: absolute; top: 65%; right: 10%; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #openClass #document_download-area-bottom .btnHome-sp:before { display: none; position: absolute; top: 7.6923076923em; left: 0; width: 100%; margin: 0 auto; content: url(/images/images2016/open_class/box-shadow-download-sp.png); z-index: 999; } #openClass #document_download-area-bottom .btnHome-sp a { color: #3e3a39; text-indent: 0; text-decoration: none; } #openClass #navLink { margin: 0 auto 2em; width: 93.75%; height: auto; } #openClass #navLink .col2Content { padding: 0; } #openClass #navLink #localNav { /*margin-bottom: 5em;*/ border: solid 2px #e0e0e0; flex-wrap: wrap; position: relative; width: 100%; height: auto; } #openClass #navLink #localNav li { padding: 0; line-height: 1.2em; width: 25%; min-width: 0; height: 4.541015625em; font-size: 20.48px; font-size: 2.048rem; font-size: 3.2vw; text-align: center; } #openClass #navLink #localNav li a { letter-spacing: -.1em; } #openClass #navLink #localNav li a:before { margin-top: 0; -webkit-transform: translateY(-75%); transform: translateY(-75%); top: 60%; } #openClass #navLink #localNav li a:after { left: 4%; } #openClass #navLink #localNav li.second-row { width: 33.3333333%; } #openClass #navLink #localNav li span.letterspace-narrow { letter-spacing: -0.2em; } #openClass #navLink #localNav.-sp_col2 li { width: 50%; } #openClass #navLink #localNav.-sp_col3 li { width: 33.333%; } #openClass #navLink #localNav.-sp_col3 li.second-row { width: 50%; } #openClass #navLink #localNav.line2:after { position: absolute; top: 55%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90%; height: 1px; background: #e0e0e0; content: ""; } #openClass #mainPanel li:first-child { margin-top: 0; margin-bottom: 1.5em; } #openClass #mainPanel .panelLink { margin-bottom: 2em; } #openClass #mainPanel .panelLink .moviePanel dt { position: relative; width: 100%; height: auto; /*&::after{ width: px(117,322); height: px(150,322); }*/ } #openClass #mainPanel .panelLink .moviePanel dd .titleMain span { padding-left: .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #openClass #mainPanel .panelLink .moviePanel dd .titleExplain { margin-top: 1.5em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #openClass .interviewPanel { display: block; } #openClass .interviewPanel > li { margin-bottom: 0; width: 100%; box-shadow: 0px 0px 1.3vw rgba(171, 139, 110, 0.39); } #openClass .interviewPanel > li .thumbWrap { height: auto; } #openClass .interviewPanel > li .textWrap { padding: 5.8333333333% 3.3333333333% 3.3333333333%; display: block; height: auto; } #openClass .interviewPanel > li .category { margin-bottom: 2.1428571429%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass .interviewPanel > li .title { font-size: 29px; font-size: 2.9rem; font-size: 4.53125vw; } #openClass .interviewPanel > li .subTitle { margin-top: 1.0714285714%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #openClass .interviewPanel > li .moreArticle { padding: 1.7857142857% 5% 6.0714285714%; position: relative; width: 100%; bottom: 0; left: 0; } #openClass .interviewPanel > li .moreArticle .btn { line-height: 2.8em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; font-weight: bold; letter-spacing: .04em; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; } #openClass .interviewPanel > li:not(:last-child) { margin-bottom: 6.6666666667%; } #openClass .adviser-message { margin-top: 9.375%; padding: 9.375% 2.34375%; letter-spacing: 0; text-align: left; } #openClass .adviser-message .catch { padding-bottom: 9.375%; font-weight: bold; } #openClass .adviser-message .catch span { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #openClass .adviser-message .adviser { position: absolute; right: .8em; top: 11.6666666667em; width: 31.4285714286%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; font-weight: normal; } #openClass .adviser-message .adviser img { margin-bottom: .8em; } #openClass .adviser-message .adviser .lecInfo { margin-top: .5em; display: inline-block; font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; line-height: 1.3; } #openClass .adviser-message dt { margin-bottom: 1em; font-size: 40px; font-size: 4rem; font-size: 6.25vw; } #openClass .adviser-message dd { margin-bottom: 1em; line-height: 1.5; } #openClass .adviser-message .-width510 { width: 61.4285714286%; } #openClass .featureWrap { padding: 0.8333333333em 0.625em; background: #fff; } #openClass .featureWrap h5 { padding: 0.4166666667em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; color: #fff; background: #0068a7; } #openClass .featureWrap div { margin: 0.8333333333em 0 1.25em; display: block; } #openClass .featureWrap div img { margin: .5em auto; display: block; width: 21.4285714286%; height: 21.4285714286%; } #openClass #jisedaiVoice h5 { margin-bottom: .5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: bold; } #openClass .pie-chart_profile { padding: 0.8333333333em 0; display: block; background: #fff; } #openClass .pie-chart_profile img { width: 23.3333333333em; height: 23.3333333333em; } #openClass .pie-chart_profile img:first-child { margin-bottom: 1em; } #applyArea #applyWrap .funakawaCheck .applyHeadline { width: 100%; padding: 0 0 1em; font-size: 16px; font-weight: normal; letter-spacing: -1px; } #applyArea #applyWrap .funakawaCheck .applyHeadline:before { content: none; } #applyArea #applyWrap .funakawaCheck .applyHeadline a { padding-bottom: .125em; border-bottom: solid 1px #fff; color: #fff; font-weight: bold; } #applyArea #applyWrap .funakawaCheck .applyHeadline a:hover { border-color: #fc0; color: #fc0; } #applyArea #applyWrap .funakawaCheck .btnHome { width: 360px; pointer-events: none; } #applyArea #applyWrap .funakawaCheck .btnHome.on { pointer-events: auto; } #applyArea #applyWrap .funakawaCheck .btnHome.on:before { opacity: 0; z-index: -1; } #applyArea #applyWrap .funakawaCheck .checkBox { padding-bottom: 1.5em; } #applyArea #applyWrap .funakawaCheck label { display: block; cursor: pointer; } #applyArea #applyWrap .funakawaCheck label input { display: inline-block; margin-right: .5em; } #applyArea #applyWrap .funakawaCheck label:hover { opacity: .8; } .boxCommentary2_atdIse { margin-top: 2em; } .boxCommentary2_atdIse .catch { margin-bottom: 0; } .atdFlowList > li + li { margin-top: 1.5em; } .atdFlowList > li p:first-of-type { padding-left: 1em; } .atdFlowList > li > ul { padding-left: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .atdFlowList > li .introContentBox { margin-bottom: 1.75em; } .atdFlowList > li .introContentBox dd { margin-top: 1em; } .headlineNotes { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .inturnsTable th, .inturnsTable td { padding: .5em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .inturnsTable th:nth-child(2), .inturnsTable td:nth-child(2) { padding: 1em; } .inturnsTable th:first-child { width: 5em; text-align: center; } .inturnsTable th:last-child { width: 5em; } .spls_5em { letter-spacing: -.05em; } .spls_1em { letter-spacing: -.1em; white-space: nowrap; } .headlineBox { font-size: 1em; } .narrowedLink { margin: 0 auto; padding: 0 6.25%; width: 100%; text-align: center; } .narrowedLink > li { float: none; margin: 0 .5em; width: 40%; } .narrowedLink > li:last-child { float: none; } .narrowedLink a { display: block; padding: .5em; width: 100%; height: auto; line-height: normal; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; color: #FFF; } .narrowedLink a:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .narrowedLink:after { display: block; clear: both; content: ""; } .voiceBox { margin-top: 2em; padding: 3.3333333333%; } .voiceTtl { margin-bottom: .66em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .voiceTtl small { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .flex_wap { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .spTextCenter { text-align: center; } .interviewer { margin-top: 2.5em; display: block; } .interviewer dt { width: 30%; margin: 0 auto 1em; } .interviewer dd { width: 100%; padding-left: 0; } .interviewer .name { text-align: center; } .interviewer .prof { margin-top: .5em; } .jisedaiHead { font-size: 1.25em; } .talk_line .boxCommentary2 { padding: 1.5em; } #openClass #localNavWrap #mainVisual.wMgr .col2headline3 { text-shadow: 0 0 1em rgba(46, 57, 27, 0.8); } .col2Content.message_box { margin: 2em auto 0; padding: 9.375% 3.125% 0; width: 93.75%; overflow: hidden; } .col2Content.message_box .headline_lb { margin-bottom: 1em; } .col2Content.message_box .headline_lb small { margin-top: .25em; } .col2Content.message_box p { margin-top: 1.5em; } .col2Content.message_box ul { margin-top: 1.5em; } .col2Content.message_box li { margin: 0; padding-left: .75em; text-align: left; text-indent: -.75em; } .col2Content.message_box li + li { margin-top: .5em; } .col2Content.message_box .col2headline4 { padding-top: 2em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .col2Content.message_box .name { margin-top: 1em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .col2Content.message_box .belong { margin-top: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .col2Content.message_box .profile { margin-top: 1.25em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; width: 100%; overflow: hidden; } .col2Content.message_box .space, .col2Content.message_box .lecturer_img { float: right; } .col2Content.message_box .space { padding-top: 80%; display: block; } .col2Content.message_box .lecturer_img { margin: 3.5714285714% 0 0 3.5714285714%; position: relative; right: 0; width: 33%; height: auto; clear: both; } .oList.listInP li { line-height: 1.2; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-align: justify; } .oList.listInP li p, .oList.listInP li a { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .oList.listInP li + li { margin-top: 2em; } .session_list > li { box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } .session_list > li:nth-child(1) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-1.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li:nth-child(2) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-2.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li:nth-child(3) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-3.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li:nth-child(4) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-4.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li:nth-child(5) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-5.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li:nth-child(6) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-6.jpg) no-repeat #f0a400 center right; background-size: cover; background-position-x: 80%; } .session_list > li + li { margin-top: 2em; } .session_list h5 { padding: 6.6666666667% 3.3333333333%; height: auto; line-height: 1.2; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .session_list h5 span { margin-bottom: .25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .session_list h5 small { margin-top: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: bold; } .session_list.purple h5 { padding: 6.6666666667% 16.6666666667% 6.6666666667% 3.3333333333%; } .session_list.purple h5:after { right: 3.3333333333%; width: 1.75em; height: 1.75em; background-size: cover; } .session_list .session_list_detail { padding: 6.6666666667% 3.3333333333%; } .session_list .list2 li { line-height: 1.3333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .session_list .guest_box { display: block; text-align: center; } .session_list .guest_box img { margin-bottom: .75em; width: 33.333333%; } .session_list .guest_box .text_area { padding-left: 0; } .session_list .guest_box .name, .session_list .guest_box .belong { font-weight: normal; } .session_list .guest_box .name { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .session_list .guest_box .belong { margin-top: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .session_list .guest_box .profile { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .studentsArea + .voiceList.voiceList_bk { margin-top: -.75em; } .outlineDateTable.outlineDateTable_session th { white-space: nowrap; } .outlineDateTable.outlineDateTable_session th:first-child { padding-right: 1em; } .outlineDateTable.outlineDateTable_session th, .outlineDateTable.outlineDateTable_session td { vertical-align: top; } .outlineDateTable.outlineDateTable_session span.spOnly { display: inline; } /* ABOUT
-------------------------------------------------- */ #about #titleArea #pageTitle span.titleExplan { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about #mainContent { padding-bottom: 0; } #about #mainContent #panelShadow { display: none; } #about #mainContent #mainPanel { width: 100%; margin: 0 auto; padding: 9.375% 0 15.625%; } #about #mainContent #mainPanel ul { margin: 0 auto; padding: 0; float: none; width: 93.75%; box-shadow: 0 0 10px rgba(171, 139, 110, 0.38); } #about #mainContent #mainPanel ul li { width: 100%; height: auto; border: none; border: solid 1px #efefef; background: #fff; } #about #mainContent #mainPanel ul li a { padding: 6.6889632107% 0 5.8528428094%; border: none; height: auto; } #about #mainContent #mainPanel ul li .panelContent { position: relative; top: 0; right: auto; left: 0; margin: 0 auto; width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #about #mainContent #mainPanel ul li h3 { line-height: 1.0769230769; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -.05em; text-indent: 0; } #about #mainContent #mainPanel ul li h3 span { padding-top: .75em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; -webkit-transform: scale(0.8); transform: scale(0.8); } #about #mainContent #mainPanel ul li h3:after { content: none; } #about #mainContent #mainPanel ul li h3.letterSpace3 { letter-spacing: -0.075em; } #about #mainContent #mainPanel ul li h3.line2 { line-height: 1.0769230769; } #about #mainContent #mainPanel ul li h3.line2 span { margin-top: 0; } #about.aboutDetail .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; } #about.aboutDetail #mainContent { padding-bottom: 0; } #about.aboutDetail #mainContent #localNaviWrap #localNav2 { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #about.aboutDetail #mainContent #localNaviWrap #localNav2 li a { letter-spacing: 0; } #about.aboutDetail #mainContent #localNaviWrap #localNav2 li:last-child a { margin-right: 0; padding-right: 0; } #about.aboutDetail #mainContent #localNaviWrap #localNav2:after { content: none; } #about.aboutDetail #mainContent #localNaviWrap #localNav2.proNavi li a.leftEdge { padding-left: 0; } #about.aboutDetail #mainContent #localNaviWrap #localNav2.proNavi.line2:after { top: 0; } #about.aboutDetail #mainContent #localNaviWrap .localNav2-Wrap { padding: 1.5em 0.78125% 1.5em 3.125%; } #about.aboutDetail .co2Visual { position: relative; top: 0; margin: 10% 0 6.6666666667%; padding: 0; } #about.aboutDetail .co2Visual h3 { position: relative; top: 0; left: 0; padding: 3.3333333333%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; z-index: 800; } #about.aboutDetail .co2Visual h3 .belong { display: block; margin-top: .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; } #about.aboutDetail .co2Visual h3 .belong .letterSpace1 { letter-spacing: -.05em; } #about.aboutDetail .co2Visual h3 .belong .name { margin-top: .125em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0; } #about.aboutDetail .co2Visual figure { position: absolute; top: 0; left: 0; z-index: 700; } #about.aboutDetail .co2Visual.message { position: relative; padding: 0 0 33.8333333333%; height: 0; } #about.aboutDetail .co2Visual.message .subMessage { display: block; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.25em; } #about.aboutDetail .recruitContent .col2ContentWrap { padding-bottom: 15.625%; } #about.aboutDetail .recruitContent .co2Visual { margin-top: 6.6666666667%; } #about.aboutDetail .recruitContent .co2Visual .belong { margin-top: 1.5em; } #about.aboutDetail .recruitContent .col2headline_lb { padding-top: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about.aboutDetail .col2Lead { letter-spacing: 0; line-height: 1.5; } #about.aboutDetail .basicContent.lastContent { padding-top: 1px; padding-bottom: 15.625%; } #about.aboutDetail.message #mainContent #localNaviWrap #localNav2 { padding: 1.75em 3.125%; } #about.aboutDetail.message #mainContent #localNaviWrap #localNav2 li { line-height: 1.5; } #about.aboutDetail.message .co2Visual.message { padding: 0; height: auto; } #about.aboutDetail.message .co2Visual.message h3 { padding: 6% 2.3333333333%; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; line-height: 1; } #about.aboutDetail.message .co2Visual.message .belong { margin-top: .875em; padding-left: .3em; letter-spacing: .02em; } #about.aboutDetail.message .co2Visual.message .belong .name { margin-top: .25em; } #about.aboutDetail.message .col2Lead p { line-height: 1.65; text-align: left; } #about.aboutDetail.message .col2headline-blue { font-size: 35px; font-size: 3.5rem; font-size: 5.46875vw; letter-spacing: -.02em; } #about.aboutDetail.message .management_nav { padding-top: 12.5%; flex-wrap: wrap; } #about.aboutDetail.message .management_nav li { width: 48.3333333333%; height: auto; } #about.aboutDetail.message .management_nav li a { padding: 13.1034482759% 6.8965517241% 16.8965517241%; display: block; position: relative; height: 100%; text-align: center; } #about.aboutDetail.message .management_nav li:nth-child(n+3) { margin-top: 3.3333333333%; } #about.aboutDetail.message .management_nav .photo img { width: 84%; } #about.aboutDetail.message .management_nav .position { margin-top: 0; padding: 0.8em 0.5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #about.aboutDetail.message .management_nav .name { margin-top: 0.8214285714em; padding-top: 0.4285714286em; border-width: 0.0714285714em; position: relative; bottom: 0; width: 100%; height: auto; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: bold; } #about.aboutDetail.message .management_nav .name:after { margin-top: 0; } #about.aboutDetail.message .basicContent + .basicContent { padding-top: 12.8125%; } #about.aboutDetail.message .basicContent + .basicContent .col2Content { margin: 0 auto; padding: 0; width: 93.75%; } #about.aboutDetail.message .basicContent + .basicContent .co2Visual.message { margin-top: 6.8333333333%; } #about.aboutDetail.message .basicContent + .basicContent .co2Visual.message h3 { padding: 7% 2.5%; top: 0; line-height: 1; letter-spacing: -.075em; } #about.aboutDetail.message #ota .co2Visual.message h3 { padding-top: 4.5%; } #about.aboutDetail.message #kawaguchi .co2Visual.message h3 { padding-top: 6.5%; } #about.aboutDetail.message #kobayashi { padding-bottom: 17.96875%; } #about.aboutDetail.message #kobayashi .co2Visual.message h3 { padding-top: 6.1666666667%; line-height: 1; } #about.aboutDetail.profile #mainContent { padding-bottom: 12.5%; } #about.aboutDetail .profTable { padding: .5em 0 0; } #about.aboutDetail .profTable.management { padding: 1.5625% 0 15.625%; } #about.aboutDetail .profTable .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; margin-bottom: 0; padding-top: 1em; } #about.aboutDetail .profTable .col2headline4 small { display: block; margin-left: 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; letter-spacing: 0px; } #about.aboutDetail .profTable td .ttl + ul { margin: .25em auto .5em; } #about.aboutDetail .profTable td .ttl + ul li { padding-left: 2em; letter-spacing: -.025em; text-indent: -1.5em; } #about.aboutDetail .profTable td small { display: block; padding-left: 1em; text-indent: -1em; line-height: 1.2; } #about.aboutDetail .tableNenpyo th:before { display: inline-block; margin-right: 0.5em; text-indent: -1.5em; content: "ー"; } #about.aboutDetail .tableNenpyo td { letter-spacing: -.025em; } #about.aboutDetail #mainContent #mainLead.aboutLead { padding: 6.25% 0 1.5625%; } #about.aboutDetail #mainContent #mainLead.aboutLead .lead { padding-bottom: 0; font-weight: bold; letter-spacing: 0; } #about.aboutDetail #mainContent #mainLead.aboutLead .lead.normalTx { font-weight: normal; } #about.aboutDetail #aside #asideIn dd li a { padding: 1em 14.0625% 1em 3.125%; } #about.aboutDetail #aside #asideIn .topLink a { left: 0; margin-top: 0; letter-spacing: -0.025em; } #about.aboutDetail #aside #asideIn .topLink a:after { right: 0; } #about.aboutDetail .newLogoBoxWrap { padding: 7.8125% 0; } #about.aboutDetail .newLogoBox { padding: 6.25%; } #about.aboutDetail .newLogoBox .logo { line-height: 0; margin-bottom: 7.7821011673%; } #about.aboutDetail .newLogoBox .logo img { width: 80%; } #about.aboutDetail .newLogoBox .logoText { padding-top: 7.7821011673%; } #about #mainContent.partnerMain { padding-bottom: 0; } #about #mainContent.partnerMain .profTable { padding-bottom: 0; } #about #mainContent.partnerMain.en { padding-bottom: 0; } #about .partnerHead { margin-bottom: 1em; } #about .boxCommentary2.aboutImg { margin: 2em auto; } #about .detailList.mbaSchool { margin-top: 0; margin-bottom: 0; } #about .detailList.mbaSchool li:last-child { border-bottom: none; } #about .ptnrWrap .lead { margin: 0; padding: 0; } #about .ptnrWrap .spmarginLead { margin: 0 auto 1em; padding-top: 1em; } #about .ptnrWrap .boxCommentary2 ul { padding-left: 0; } #about .ptnrWrap .boxCommentary2 ul li:before { display: inline; margin-right: 0.25em; content: "・"; } #about .ptnrWrap .list2 { padding-top: .5em; } #about .ptnrWrap .list2 li + li { padding-top: 0; } #about .detailList { margin-top: 2em; } #about .detailList dd { margin-left: 1.25em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #about .detailList.list2 { margin-top: 0; } #about .detailList.list2 li { padding-left: 1.25em; } #about .detailList.list2 li:last-child { border-bottom: none; } #about .detailList.list2 li + li { margin-top: 0; } #about #mainLead { position: relative; } #about #mainLead #officeImg { width: 35%; margin-top: 0; } #about #mainLead #officeImg + .accessMap { margin-top: .25em; } #about .accessMap { margin-top: .25em; padding-bottom: 1em; } #about .accessMap iframe { width: 100%; } #about .profTable .normalTx { line-height: 1.5; padding-bottom: 1em; } #about .mapWrap + .textLeft { margin-top: .25em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about.accessContent .profTable .col2headline4 { margin-bottom: 1.25em; } #about.publish .titleMain { margin-top: 0; text-indent: 0; } #about.publish .titleSub { text-indent: -0; } #about.publish.book23 .basicContent a:before { position: relative; top: -.125em; margin-right: .125em; vertical-align: middle; line-height: 1; } #about.publishContent #mainContent.bookHomeMain { padding-bottom: 2em; } #about.publishContent .profTable .col2headline4 { margin-bottom: 1.25em; } #about.publishContent .basicContent.bookContent { margin-top: 0; padding-top: 1.5625%; } #about.publishContent .basicContent.bookContent .profTable { padding-top: 0; } #about .contentsTitle { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #about #publishDetail .detail dt.contentsTitle:after { content: none; } #about dt.contentsTitle { line-height: 1.25; text-align: left; } #about dd.contentsTitle { margin-bottom: .5em; text-align: left; } #about .basicContent.bookContent { padding: 1.5em 0 2em; } #about .basicContent.bookDetail { padding: 0 0 2em; } #about .basicContent.bookDetail .headline2 { margin-bottom: .75em; padding: 6.6666666667% 0 0.25em; border-bottom: solid 0.1em #3E3A39; font-size: 40px; font-size: 4rem; font-size: 6.25vw; letter-spacing: -.025; line-height: 1.3; } #about .basicContent.bookDetail .lead { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about .basicContent.bookDetail p { line-height: 1.5; } #about .basicContent.bookDetail a:before { position: relative; top: 0; margin-right: 0; font-family: "ilm"; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; content: "y"; } #about .basicContent.bookDetail .headline3 { margin: 6.6666666667% 0 0.75em; padding-bottom: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; background: url(/images/images2016/case/border-1.png) repeat-x; background-position: left bottom; } #about .basicContent.bookDetail h4.headline3 { display: table; margin: 6.6666666667% 0 0; } #about .basicContent.bookDetail h4.headline3 .partTtl, #about .basicContent.bookDetail h4.headline3 .partText { display: table-cell; padding-right: 0; } #about .basicContent.bookDetail h4.headline3 .partTtl { width: 5em; } #about .basicContent.bookDetail h4.headline3 .partSubTtl { padding-left: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -.05em; } #about .basicContent.bookDetail .spBoxImg { margin-top: 2em; } #about .basicContent.bookDetail .list1 { margin-top: 0; } #about .basicContent.bookDetail .list1 li { margin-top: .25em; } #about .basicContent.bookDetail .list1.number { list-style-position: inside; } #about .basicContent.bookDetail .sect { margin-top: 0; } #about .basicContent.bookDetail .sect:last-of-type, #about .basicContent.bookDetail .sect.stmt1em { margin-top: 1em; } #about .basicContent.bookDetail .sect:before { display: inline-block; width: 1em; height: 0; margin-right: 0.5em; border: solid 1px #000; box-sizing: border-box; vertical-align: middle; content: " "; } #about .basicContent.bookDetail .pdf { margin-top: 2em; padding: 3.3333333333%; border: solid 2px #000; } #about .basicContent.bookDetail .pdf .linkList li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about .basicContent.bookDetail .pdf .linkList li a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #about .basicContent.bookDetail .pdf .linkList li a:hover:before { color: #0086af; line-height: 1; } #about .basicContent.bookDetail .pdf .iconPDF { width: 1.5em; } #about .otherShop a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-left: 0; } #about .otherShop a:before { position: relative; top: 0; margin-right: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about .col2Content.publishDetail { padding-top: 2em; } #about .col2headline4.firstTtl { margin: 0; padding-top: 8.3333333333%; } #about .careerPath { margin-bottom: 1em; } #about .careerPath p { margin-bottom: 1em; letter-spacing: -.025em; } #about .careerPath dl { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about .careerPath dd { margin-left: 2em; } #about .careerPath .col2headline-blue { margin-bottom: .5em; } #about .careerPath #gmExList { padding-top: 1em; } #about .careerPath #gmExList dt { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about .careerPath #gmExList dd { margin-left: 1.4em; padding-bottom: 1em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about .careerPath.tableArea { margin-bottom: 2em; } #about .careerPath .table2 { margin-top: 0; } #about .careerPath .table2 caption { padding-bottom: 1.5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #about #guidanceWrap { position: relative; } #about #guidanceWrap #guidance { position: absolute; top: 0; } #about .col2headline4.top30 { padding-top: 2em; } #about .facContent .col2headline3 { padding-top: 5%; } #about .facContent .spMarginTop { margin-top: 6.6666666667%; } #about .facContent .boxNotes { margin-top: 1em; } #about .facContent .col2headline5.bottom0 { margin-bottom: .5em; } #about .facContent .partsCenter { display: table; margin-top: 1em; margin-bottom: 2em; } #about .facContent .partsCenter th, #about .facContent .partsCenter td { display: table-cell; text-align: center; } #about .facContent .partsCenter th { padding: 1em .25em; } #about .facContent .partsCenter th span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about .facContent .partsCenter tbody th span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #about .facContent .partsCenter tbody th p { display: inline-block; } #about .facContent .partsCenter tbody th p span { display: block; margin-top: .25em; } #about .facContent .partsCenter tbody td { padding: 1em .25em; } #about .facContent .boxCommentary2 dd { margin-bottom: 0.5em; } #about .facContent .boxCommentary2 dd:last-child { margin-bottom: 0; } #about .facContent .profTable .col2headline4.hotelLead { padding-top: 2em; } #about .facContent .detailList { margin-top: 0; } #about .facContent .detailList li:first-child { border-top: none; } #about .facContent .detailList dd { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about .facContent #mapWrap { padding-bottom: 1em; } #about .facContent #byTrain { margin-top: 2em; } #about .facContent #byTrain li { line-height: 1.4; } #about .facContent #byTrain li + li { padding-top: .25em; } #about .facContent .col2Content:after { content: none; } #about .facContent .boxCommentary2.aboutImg.facImg { margin-top: 1em; } #about .facContent iframe { width: 100%; } #about #sliderDispatch { position: relative; width: 100%; max-width: 100%; margin: 0 auto; } #about #prevD, #about #prevE { display: block; position: absolute; top: 0; left: 0; height: auto; padding: 0; background: transparent; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #about #prevD img, #about #prevE img { display: none; } #about #prevD.slideArrow, #about #prevE.slideArrow { width: 9.375%; height: 0; margin-top: 50%; padding: 0 0 28.125%; line-height: 1; background: rgba(0, 0, 0, 0.6); font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #about #prevD.slideArrow:after, #about #prevE.slideArrow:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 1em; height: 1em; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 0; left: 0; content: ""; } #about #nextD, #about #nextE { display: block; position: absolute; top: 0; left: 0; height: auto; padding: 0; background: transparent; left: auto; right: 0; } #about #nextD img, #about #nextE img { display: none; } #about #nextD.slideArrow, #about #nextE.slideArrow { width: 9.375%; height: 0; margin-top: 50%; padding: 0 0 28.125%; line-height: 1; background: rgba(0, 0, 0, 0.6); font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #about #nextD.slideArrow:after, #about #nextE.slideArrow:after { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 1em; height: 1em; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 0; left: 0; content: ""; } #about .mfp-container { padding: 0; } #about .mfp-wrap { -webkit-overflow-scrolling: touch; } #about .profileBox { margin: 3.125% auto 25%; padding: 6.6666666667% 3.3333333333% 10%; width: 93.75%; display: block; } #about .profileBox .photo { margin: 0 auto 4.4883303411%; width: 56%; } #about .profileBox dl { padding-right: 0; } #about .profileBox dl .name { margin-bottom: 2.513464991%; font-size: 50px; font-size: 5rem; font-size: 7.8125vw; text-align: center; } #about .profileBox dl .name .alphabet { display: block; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1; } #about .profileBox dl .name .alphabet:before { display: none; } #about .profileBox dl .position { margin-bottom: 3.5906642729%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-align: center; line-height: 1.2; } #about .profileBox dl .description { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #about .profileBox dl .bnr { margin-top: 2em; } #about .profileBox dl .bnr a { display: block; } #about .profileBox dl .bnr a img { width: 100%; } #about .profileBox dl .article_btn_box { display: block; text-align: center; } #about .profileBox dl .article_btn { padding: .5em 1.5em .5em 1em; line-height: 1.2; } #about .profileBox .btnClose { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #about .profileBox .btnClose:after { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .lecturerPanel .lecListNo { display: none; } #about.en #mainContent #panelShadow { background: url(/images/images2016/about/index-shadow-en.png) no-repeat; background-size: 100%; } /* EVENT
-------------------------------------------------- */ #event #mainContent { padding-top: 9.375%; } #event #mainContent > p { padding-top: 6.6666666667%; } #event #mainContent > p + p { margin-top: 1em; padding-top: 0; } #event #mainContent .catch + p { margin-top: 1.5em; } #event #mainPanel { width: 100%; margin: 9.375% auto 0; padding: 0 3.125% 9.375%; padding-bottom: 6.25%; } #event #mainPanel:after { display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto 3.125%; width: 93.75%; border-bottom: solid 2px #ccc; content: ""; } #event #mainPanel li { position: relative; float: none; width: 100%; height: auto; box-shadow: none; margin: 0; padding: 3.125% 0; border-top: solid 2px #ccc; } #event #mainPanel li:first-child { margin: 6.6666666667% 0 0; } #event #mainPanel li dl { display: table; position: relative; z-index: 800; } #event #mainPanel li dl dt, #event #mainPanel li dl dd { display: table-cell; vertical-align: top; } #event #mainPanel li dl dt { width: 30%; } #event #mainPanel li dl dd { position: relative; height: auto; padding: 0 0 0 3.3333333333%; background: transparent; letter-spacing: -0.025em; } #event #mainPanel li dl dd > h3, #event #mainPanel li dl dd > p { padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.3; text-align: left; } #event #mainPanel li dl dd > h3.longText .titleMain { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #event #mainPanel li dl dd > h3.longText .titleSub { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event #mainPanel li dl dd .twoLines { margin-bottom: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } #event #mainPanel li dl dd .titleSubSmall { line-height: 2; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } #event #mainPanel li dl dd .iconNew { position: absolute; top: 0; right: 0; width: 16%; margin: -10.8333333333% 3.3333333333% 0 0; } #event #mainPanel li dl dd.iconNewDd:after { position: absolute; top: 0; left: 0; width: 0; height: 0; margin: -3.5714285714% 0 0 -7.1428571429%; padding: 5.9523809524%; background: url(/images/images2016/opinions/icon-new.png) no-repeat; background-size: contain; content: ""; } #event #mainPanel li.preparation { width: 100%; height: 100%; } #event #mainPanel li.preparation dl { display: block; position: relative; top: 50%; margin: 0; padding: 6.6666666667% 3.3333333333%; } #event #mainPanel li.preparation dl dt, #event #mainPanel li.preparation dl dd { display: block; width: 100%; } #event #mainPanel li.preparation dl dt { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; font-weight: bold; line-height: 1.33333333333333; } #event #mainPanel li.preparation dl dd { height: auto; padding: 0.5em 0 0 0; background: transparent; } #event #mainPanel li.preparation p.oneSentence { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; margin: 0; padding: 6.6666666667% 3.3333333333% 3.3333333333%; } #event #mainPanel li .slide_subTitle { display: block; margin-top: .5em; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; font-weight: normal; } #event #mainPanel li .datePlace { margin-top: 4.7619047619%; } #event #mainPanel li .datePlace .slideDate, #event #mainPanel li .datePlace .slidePlace { font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-indent: -2.15em; padding-left: 2.15em; } #event #mainPanel li.noPanel { display: none; } #event #mainPanel li .newContent { position: absolute; top: 0; right: 0; width: 16%; height: auto; content: url(/images/images2016/opinions/icon-new.png); } #event #mainPanel li a .dispatchHover, #event #mainPanel li a .eventHover, #event #mainPanel .comingSoon a .dispatchHover, #event #mainPanel .comingSoon a .eventHover { top: 0; left: 0; padding: 0; } #event #mainPanel li.noPanel, #event #mainPanel .comingSoon.noPanel { display: none; } #event #mainPanel li.comingSoon, #event #mainPanel .comingSoon.comingSoon { display: none; } #event #mainPanel.notNarrow { margin-top: 1.25em; } #event #mainPanel.notNarrow:after { content: none; } #event #mainPanel.notNarrow .panelContent li:first-child { margin-top: 0; padding-top: 0; border-top: none; } #event.eventHome #mainContent { padding-top: 0; } #event.eventHome #mainContent #mainLead + .col2headline4 { padding-top: 0; } #event.eventHome .col2headline4 { width: 100%; margin-bottom: 1.25em; padding: 10% 0 0.25em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -0.03333em; line-height: 1.3; border-width: .13333em; width: 93.75%; margin: 0 auto 1.25em; padding-top: 9.375%; } #event.eventHome #contactArea { padding-top: 0; } #event.eventHome .detailTtl { display: none; } #event.eventHome .customSelect { padding: 0; background: #fff; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1); overflow: visible; } #event.eventHome #archiveWrap { padding-bottom: 15.625%; } #event .basicContent { padding-bottom: 0; background: #f2f2f2; } #event .basicContent.lastContent { padding-bottom: 15.625%; } #event .selectList { margin-top: 10%; } #event .selectList .datePlace { line-height: 1.4; } #event #localNavWrap { position: relative; width: 100%; height: auto; background-color: #98c9e8; } #event #localNavWrap .localNavBg img { width: 100%; height: auto; } #event #localNavWrap #mainVisual .col2headline3 .advantage { text-shadow: none; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; padding-top: 1.5625%; } #event #localNavWrap #mainVisual .col2headline3 .kaisaiDate { padding-left: 1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event #localNavWrap .localNavBg { position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0, 134, 175, 0.2); z-index: 900; } #event #localNavWrap .localNavBg img { width: 100%; height: auto; } #event #localNavWrap #mainVisual { height: 100%; } #event #localNavWrap #mainVisual .kv { position: absolute; width: 100%; height: 100%; right: 0; z-index: 0; } #event #localNavWrap #mainVisual .kv img { position: absolute; right: 0; width: auto; height: 100%; } #event #localNavWrap #mainVisual .kv.kv_type2 img { right: 0; bottom: 0; width: 30%; height: auto; margin-bottom: 11%; } #event #localNavWrap #mainVisual .kv.bgBlue:before { display: block; position: absolute; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; background: rgba(0, 134, 175, 0.2); content: ""; } #event #localNavWrap #mainVisual .col2Content { display: block; height: 100%; padding: 6.25% 0 0; } #event #localNavWrap #mainVisual .col2headline3 { display: block; bottom: 0; padding: 0 3.125%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; letter-spacing: -.025em; text-shadow: 0px 0px 1rem #0086af; } #event #localNavWrap #mainVisual .col2headline3 small { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #event #localNavWrap #localNav { position: relative; left: 0; bottom: 0; margin-top: 6.25%; padding: 3.125% 0; background: rgba(0, 134, 175, 0.8); overflow: hidden; } #event #localNavWrap #localNav li { float: left; line-height: 1.5; text-align: center; } #event #localNavWrap #localNav li a { display: block; position: relative; width: 100%; height: 100%; padding: 0 1em; color: #fff; box-sizing: border-box; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #event #localNavWrap #localNav li a:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1em; margin-top: -.5em; border-right: solid 1px #fff; content: " "; } #event #localNavWrap #localNav li a.current { font-size: 25px; font-size: 2.5rem; font-size: 3.90625vw; letter-spacing: -.075em; white-space: nowrap; } #event #localNavWrap #localNav li a.current:before { content: none; } #event #localNavWrap #localNav li a.current:after { bottom: -.5em; border-width: .5em .5em 0 .5em; } #event #localNavWrap #localNav li:first-child { margin-left: 0; } #event #localNavWrap #localNav li:last-child a:before { border-right: none; } #event #localNavWrap #localNav.manyItems li a { padding: 0 1em; } #event #localNavWrap #localNav.localNav_report { overflow: visible; padding-left: 30%; } #event #localNavWrap #localNav.localNav_report:after { display: block; clear: both; content: ""; } #event #localNavWrap #localNav.localNav_report li:first-child { position: absolute; top: 0; left: 0; width: 30%; height: 100%; } #event #localNavWrap #localNav.localNav_report li:first-child a { display: -webkit-box; display: flex; flex-wrap: wrap; align-items: center; -webkit-box-align: center; } #event #localNavWrap #localNav.localNav_report li a { padding: 3.125% 1em; padding: 0 1em; } #event #localNavWrap #localNav { background: rgba(0, 134, 175, 0.8); } #event #localNavWrap .localNavBg { background: rgba(0, 134, 175, 0.1); } #event #localNavWrap.localNavWrap_upc { background-color: #fc6129; } #event #localNavWrap.localNavWrap_upc .localNavBg { position: absolute; width: 100%; height: 100%; bottom: 0; background: rgba(0, 134, 175, 0.1); z-index: 900; } #event #localNavWrap.localNavWrap_upc .localNavBg img { width: 100%; height: auto; } #event #localNavWrap.localNavWrap_upc .txtShadow { text-shadow: 0 0 5px #bbb; } #event #localNavWrap.line2 #localNav li a { padding: 0 1em; } #event #localNavWrap.wmgr #mainVisual.wMgr .kv img { margin-right: -22%; } #event #reportArea { padding: 9.375% 0; } #event #reportArea h3 { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #event #reportArea dl { margin-top: 7.8125%; padding: 4.8387096774%; } #event #reportArea dl dt { width: 30.3571428571%; } #event #reportArea dl dd { margin: 0 0 0 4.8387096774%; width: 64.2857142857%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event .reportLead { padding: 4.8387096774% 4.8387096774% 9.6774193548%; } #event .reportLead h3 { margin-top: 9.6774193548%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #event .reportLead .overviewLink { margin-top: 4.8387096774%; } #event .reportLead li { margin-top: 6.4516129032%; } #event .annotation { margin-top: 1.5625%; } #event .seminar dt { width: 20%; } #event .seminar dd { width: 78%; } #event.detail #titleArea #pageTitle { margin-bottom: 0; } #event.detail #titleArea #pageTitle .titleExplan { margin: 0 0 .5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #event.detail #titleArea #pageTitle .titleExplan.small_lb { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #event.detail #titleArea #pageTitle .titleSub.small_red { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event.detail #titleArea #pageTitle.line2 { margin: 0; } #event.detail #titleArea #pageTitle.line3 { line-height: 1.2; margin: 0; } #event.detail #titleArea #pageTitle.line1em { margin: 0; } #event.detail #titleArea #pageTitle .fontSmall { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #event.detail #mainContent { padding-top: 9.375%; } #event.detail #mainContent .catch.top10 { padding-top: 0; } #event.detail #mainContent .col2headline4 { padding-top: 10%; } #event.detail #mainContent .catch + p { padding-top: 6.6666666667%; } #event.detail #mainContent .col2headline_lb:first-child, #event.detail #mainContent .col2headline4:first-child { padding-top: 0; } #event.detail .parag > p { margin-bottom: 1em; padding-top: 0; line-height: 1.5; } #event.detail .parag > p:last-child { margin-bottom: 0; } #event.detail .introContent .introContentWrap li dd p .belong { padding: 0 0 1em; } #event.detail .col2headline4.top30 { padding-top: 10%; } #event.detail .contentEvent img + p { margin-top: 1.5em; } #event.detail .contentEvent p:last-child { margin-bottom: 1.5em; } #event.detail .contentEvent.boxCommentary2 { font-weight: normal; letter-spacing: 0; } #event.detail .contentEvent.boxCommentary2 dl > dt { margin-bottom: 1em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #event.detail .contentEvent.boxCommentary2 .headline_bk { margin-bottom: .5em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event.detail .contentEvent.boxCommentary2 p:last-child { margin-bottom: 0; } #event.detail .contentEvent .table_simple p { margin: 0; padding-top: 0 !important; line-height: 1.5; } #event.detail .voiceBox { margin-top: 2em; padding: 3.3333333333%; } #event.detail .voiceTtl { margin-bottom: .66em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #event.detail .voiceTtl small { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event.detail .picSmall { padding: 6.6666666667% 3.3333333333%; } #event.detail #listLeader { margin: 2em 0; padding: 6.6666666667% 3.3333333333%; } #event.detail #exemplaryLeader { padding-left: 0; } #event.detail #exemplaryLeader h4 { font-weight: bold; } #event.detail #introLecture, #event.detail #classOutline { padding-top: 0; } #event.detail .boxCommentary2.top30m { margin-top: 0; } #event .outlineBox1.pad40 { padding: 3.3333333333%; text-align: left; } #event .left75em { padding: .5em 1.75em; padding-left: 0; } #event .left75em li { padding-left: 0; text-indent: 0; } #event .listNotesL { display: block; margin-bottom: 0; padding: .5em 1.5em 0; } #event #applyArea.continue { padding-bottom: 0; border: none; } #event .continue { padding-bottom: 0; border-bottom: none; } #event #tabMenu1.nikkeibp_hc2017 { padding-bottom: 1em; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li { width: 25%; margin: 0; background: #ccc; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li a { color: #3E3A39; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li a:hover { background: #ddd; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li + li { border-left: solid 1px #f2f2f2; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li.selected { background: #fff; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li.selected a:hover { background: #fff; } #event #tabMenu1.nikkeibp_hc2017 .tabmenu li.selected:after { right: 0; left: 0; margin: auto; width: 20px; height: 1px; border: none; border-top: solid 1px #333; } #event #tabMenu1.nikkeibp_hc2017 .tabbox { margin: 0; } #event #tabMenu1.nikkeibp_hc2017 .tabbox .headline2 { padding: 10px 20px; background: #fff; color: #3E3A39; } #event #tabMenu1.nikkeibp_hc2017 .tabbox .headline2 .time { display: inline-block; width: 18%; } #event #tabMenu1.nikkeibp_hc2017 .tabbox .headline2 .theme { padding-left: 8px; } #event #tabMenu1.nikkeibp_hc2017 .tabbox dl { padding: 0; box-shadow: none; } #event #tabMenu1.nikkeibp_hc2017 .tabbox dl dt { background: #fff; } #event #tabMenu1.nikkeibp_hc2017 .tabbox dl:first-child { border-top: solid 1px #333; } #event #tabMenu1.nikkeibp_hc2017 .tabbox dl:before { content: none; } #event #tabMenu1.nikkeibp_hc2017 .kouzaGaiyoDetail { padding: 0 20px 10px; background: #fff; } #event #tabMenu1.nikkeibp_hc2017 .kouzaGaiyoDetail dl dd { padding: 4px 15px; } #event #tabMenu1.nikkeibp_hc2017 .gaiyouLine { border-bottom: solid 1px #ccc; } #event #aside { margin-top: 0; } #event #aside #asideIn dd li a { padding: 0; } #event #aside #asideIn dd li a:after { content: none; } #event #aside li dl { padding: 6.6666666667%; } #event #aside li dl.hamidas { padding-right: 0; } #event #aside li dl dd > p { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.25; } #event #aside li dt img { display: none; } #event #aside li .detailTtl { display: block; margin-bottom: .25em; } #event #aside li dd:hover { background: inherit; } #event #aside li a { padding: 1em 18% 1em 4%; } #event #aside li .slide_subTitle { display: block; margin-top: .5em; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; font-weight: normal; } #event #subNav .topLink { text-indent: 0; } #event .figList { display: block; } #event.online2020v1 #titleArea { padding: 11.71875% 3.125% 7.8125%; } #event.online2020v1 #titleArea .pageTitle { border-bottom-width: 1vw; padding-bottom: .5em; font-size: 44px; font-size: 4.4rem; font-size: 6.875vw; text-align: left; letter-spacing: -.02em; } #event.online2020v1 #titleArea .detailText { margin-top: 1.6666666667%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; text-align: left; letter-spacing: -.02em; } #event.online2020v1 #titleArea .leadText { margin-top: 9.375%; line-height: 1.65; } #event.online2020v1 #mainContent { padding: 4.6875% 0 12.5%; } #event.online2020v1 .listHeadline { margin-bottom: 2.5%; padding-bottom: 3.6666666667%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #event.online2020v1 .listHeadline span { font-size: 42px; font-size: 4.2rem; font-size: 6.5625vw; } #event.online2020v1 .listHeadline:after { width: 20%; height: .6vw; } #event.online2020v1 .listComment { margin-top: 1em; margin-bottom: 5.8333333333%; line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: left; } #event.online2020v1 .seminarList > li { padding: 7% 6.6666666667%; display: block; } #event.online2020v1 .seminarList > li:not(:last-child) { margin-bottom: 1.6666666667%; } #event.online2020v1 .seminarList > li .dateArea { border-bottom: .6vw solid #000; margin-bottom: 2.3076923077%; padding-bottom: 3.4615384615%; width: 100%; line-height: 1; text-align: left; } #event.online2020v1 .seminarList > li .dateArea p { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event.online2020v1 .seminarList > li .textArea { border-right: none; margin-bottom: 2.3076923077%; padding: 0; width: 100%; } #event.online2020v1 .seminarList > li .title { margin-bottom: 1.9230769231%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #event.online2020v1 .seminarList > li .lecturer { line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #event.online2020v1 .seminarList > li .contentsList { margin-top: 1.9230769231%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #event.online2020v1 .seminarList > li .contentsList > li { padding-left: 1.3em; } #event.online2020v1 .seminarList > li .contentsList > li:before { width: 1em; height: 1px; } #event.online2020v1 .seminarList > li .btnArea { padding-left: 0; width: 100%; } #event.online2020v1 .seminarList > li .appBtn { width: 38.4615384615%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #event.online2020v1 .seminarList > li .appBtn a { padding: .2em; } #event.online2020v1 .seminarList > li .appBtn a:after { border-top-width: 1px; border-right-width: 1px; right: .75em; width: .5em; height: .5em; } #event.online2020v1 #contactArea #contactWrap { padding: 7.8125% 0; } #event.online2020v1 .contactHeadline { margin-bottom: 3.90625%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #event.online2020v1 .contactDetailWrap { padding: 2.5% 6.6666666667% 1.6666666667%; display: block; width: 93.75%; } #event.online2020v1 .contactDetailWrap .tell { margin-right: 0; position: static; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; line-height: 1.2; } #event.online2020v1 .contactDetailWrap .mail { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1; text-align: center; } #event.online2020v1 .contactComment { margin-top: 2.34375%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #event.newsDetail #mainContent { padding-top: 0; } #event.newsDetail #pageTitle { padding-top: 0; } .indentBlock1 { padding-left: .5em; } .indentBlock2 { padding-left: 1em; } .col2headline6 { margin: 2em auto 1.25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .col2headline6.noBorder { margin-top: 1.5em; margin-bottom: .5em; } .col2headline6.headline_ol + p { padding-left: 2em; } .hofstedeContent .right { margin: 0 0 .5em .5em; } .hofstedeContent .facePhoto img { width: 30%; } .hofstedeContent .listTitle { padding-left: 1.25em; text-indent: -1.25em; } .hofstedeContent .notedList { float: none; margin: 1.5em 0; } .hofstedeContent .leftText { float: none; width: 100%; } .hofstedeContent .sampleImg { margin: 1.5em 0 0; padding: 0; width: 100%; } .hofstedeContent .sampleImg h4 { margin-bottom: .5em; } .notedList li + li { margin-top: .25em; } .imgList { display: block; } .imgList li { float: left; width: 50%; } .imgList img { width: 100%; height: auto; border-width: 1px; } .table_simple { display: table; margin-bottom: 0; } .table_simple th, .table_simple td { display: table-cell; padding: 1em; vertical-align: top; } .table_simple th { width: 20%; } .table_simple .col2headline6 { margin-top: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .table_simple p { margin-top: .5em; margin-bottom: 0; } .thisTableHeadline { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.3; } .btnReport { margin-bottom: 1.5em; text-align: center; } .btnReport.text-right { text-align: center; } #mainContent .linkList { margin: 0 0 2em; padding: 0; } .noteHeadline { margin: 2em auto 1em; font-size: 1em; } .movie_link { display: block; width: 100%; } .movie_link h4 { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .movie_link p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .movie_link .thumb { margin: 0 0 6.6666666667% 0; } /* CONTACT
-------------------------------------------------- */ #contact #mainContent { padding: 0 3.125%; } #contact #mainContent .headline4 { width: 100%; margin: 0 auto 1em; padding-top: 2em; } #contact #mainContent .headline_lb { width: 100%; margin: 0 auto 1em; } #contact #mainContent.enContact { padding-top: 6.25%; } #contact #mainLead { margin-bottom: 5%; padding: 0; letter-spacing: -.025em; } #contact .contactForm { margin: 0 auto; display: block; width: 100%; } #contact .contactForm .info { padding: 1.5em 1em 1em; width: 100%; } #contact .contactForm .info .contactTel, #contact .contactForm .info .contactMail { display: block; height: auto; line-height: 1; } #contact .contactForm .info .contactTel dt, #contact .contactForm .info .contactMail dt { margin: 0 0 .5em; width: 100%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #contact .contactForm .info .contactTel dd, #contact .contactForm .info .contactMail dd { font-size: 46px; font-size: 4.6rem; font-size: 7.1875vw; } #contact .contactForm .info .contactTel dd a, #contact .contactForm .info .contactMail dd a { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } #contact .contactForm .info .contactTel dd a:before { font-size: 60px; font-size: 6rem; font-size: 9.375vw; margin-right: .25em; } #contact .contactForm .info .contactMail dd a:before { font-size: 56px; font-size: 5.6rem; font-size: 8.75vw; margin-right: .25em; } #contact .contactForm .info .contactMail { margin: 1em 0 0; line-height: 1; } #contact .contactForm .info .contactMail dd { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #contact .contactForm .btnWrap { padding: 0 1em 1.5em; border-left: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #contact .entryBtn { width: 100%; } #contact .entryBtn .btnHome { width: 62.5%; height: auto; margin: 6.25% auto 0; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1; color: #3E3A39; margin: 0; width: 100%; } #contact .entryBtn .btnHome a { padding: 1em; line-height: 1; letter-spacing: -.025em; } #contact .entryBtn .btnHome a:before { position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 0.0769230769em solid #FFF; border-right: 0.0769230769em solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } #contact .entryBtn .btnHome:after { content: ""; } #contact #various { margin-bottom: 1em; } #contact #panelLead { margin: 1em 0; } #contact #mainPanel { padding: 0 3.125% 15.625%; } #contact #mainPanel .section { margin: 0 auto .5em; padding: 6.6666666667% 3.3333333333%; } #contact #mainPanel .section .headline_lb { padding-top: 0; line-height: 1.3; } #contact #mainPanel .section .letterSpace { letter-spacing: -.025em; } #contact #mainPanel .section .telBox .notes { display: block; } #contact #mainPanel .section:last-child { margin-bottom: 0; } #contact.contactFormPage #pageTitle { margin: 0; font-size: 40px; font-size: 4rem; font-size: 6.25vw; color: #3E3A39; } #contact.contactFormPage #mainContent { padding-top: 1.5em; padding-bottom: 15.625%; } #contact.contactFormPage #mainLead { margin: 0 auto 1.5em; } #contact.contactFormPage #legal_agreement .headline_lb { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #contact.contactFormPage #legal_agreement h3 { padding-left: 1.2em; text-indent: -1.2em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #contact.contactFormPage #legal_agreement p { margin: .5em 0 0 .75em; line-height: 1.4; letter-spacing: -.025em; } #contact.contactFormPage #legal_agreement p + p { margin-top: 0; } #contact.contactFormPage #legal_agreement .mt1em { margin-top: 1em; } #contact.contactFormPage #CB_form { padding: 0; } #contact.contactFormPage #CB_form.agree { padding: 10% 3.3333333333% 6.6666666667%; } #contact.contactFormPage .boxCommentary { padding: 10% 6.6666666667%; } #contact.contactFormPage .redWrap { margin-top: 1em; } #contact.contactFormPage .inputWrap { margin: 2em auto; line-height: 3; overflow: hidden; } #contact.contactFormPage .inputWrap label { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; float: left; width: 50%; padding: 0 0 0 1em; } #contact.contactFormPage .inputWrap label + label { border-left: 0; } #contact.contactFormPage .inputWrap label input { margin: 0 1em 0 -2em; } #contact.contactFormPage .headline_CB_form { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.4375; } #contact.contactFormPage .table1 { margin-top: 1em; } #contact.contactFormPage .table1 th, #contact.contactFormPage .table1 td { color: #3E3A39; } #contact.contactFormPage .table_middle { margin-top: 5em; margin-bottom: 3em; } #contact.contactFormPage th { width: 100%; padding: 0.75em 7.1428571429%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.2; } #contact.contactFormPage th span { font-weight: normal; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #contact.contactFormPage td { padding: 1em; } #contact.contactFormPage td label { display: table; width: 100%; line-height: 1.3; padding-left: 0; text-indent: 0; } #contact.contactFormPage td label input[type="checkbox"], #contact.contactFormPage td label span { display: table-cell; width: 100%; vertical-align: middle; } #contact.contactFormPage td label input[type="checkbox"] { width: 1em; } #contact.contactFormPage td label + br { display: none; } #contact.contactFormPage td label + br + label { margin-top: 1em; } #contact.contactFormPage .labelGroup { padding-left: 0.1em; } #contact.contactFormPage select { width: 100%; height: auto; padding: 3.5714285714% 1em; } #contact.contactFormPage input::-webkit-input-placeholder { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #contact.contactFormPage input:-moz-placeholder { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #contact.contactFormPage input::-moz-placeholder { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #contact.contactFormPage input:-ms-input-placeholder { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #contact.contactFormPage input[type="text"], #contact.contactFormPage input[type="email"], #contact.contactFormPage input[type="tel"], #contact.contactFormPage textarea { font-size: 16px; padding: 3.95256917%; line-height: normal; } #contact.contactFormPage input.middle[type="text"], #contact.contactFormPage input.middle[type="email"], #contact.contactFormPage input.middle[type="tel"], #contact.contactFormPage textarea.middle { width: 100%; } #contact.contactFormPage input.spOnly[type="text"], #contact.contactFormPage input.spOnly[type="email"], #contact.contactFormPage input.spOnly[type="tel"], #contact.contactFormPage textarea.spOnly { display: block; } #contact.contactFormPage textarea { height: 0; padding-bottom: 100%; } #contact.contactFormPage .companyWrap textarea { height: 6.5em; padding: 1em; } #contact.contactFormPage table + p { margin: 2em auto; letter-spacing: -.05em; line-height: 1.3; } #contact.contactFormPage .nameWrap span { display: inline-block; width: 15%; margin-right: 0; text-align: center; } #contact.contactFormPage .nameWrap input { width: 83%; } #contact.contactFormPage .nameWrap input + span { margin-left: 0; } #contact.contactFormPage .nameWrap input:last-child { margin-top: 1em; } #contact.contactFormPage .addressWrap input { width: 33.3333333333%; margin: 0 .5em; } #contact.contactFormPage .addressWrap input:last-of-type { margin-right: 0; } #contact.contactFormPage .addressWrap .exp { display: block; margin-top: 1em; } #contact.contactFormPage .ifPossible th { padding-top: 1em; } #contact.contactFormPage .ifPossible ul { padding-left: 0; } #contact.contactFormPage .ifPossible li { display: table; width: 100%; margin-top: 3em; } #contact.contactFormPage .ifPossible li:after { margin-top: -1.5em; } #contact.contactFormPage .ifPossible li label { display: table; width: 100%; padding-left: 1.5em; } #contact.contactFormPage .ifPossible li label span { display: table-cell; width: 100%; vertical-align: middle; } #contact.contactFormPage .ifPossible li > input { display: block; width: 100%; margin-top: 1em; } #contact.contactFormPage .ifPossible li input[type="checkbox"] { display: table-cell; vertical-align: middle; width: 1em; } #contact.contactFormPage .submitbnbox { margin: 2em auto; } #contact.contactFormPage .submitbnbox #submit_button { width: 100%; height: auto; line-height: normal; margin: 0 auto; padding: .5em 0; } #contact.contactFormPage .logoBox { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #contact.contactFormPage .logoBox td { display: block; padding: 1em; } #contact.contactFormPage .logoBox td:first-child { width: 100%; padding: 0 25%; } #contact.contactFormPage .logoBox td:first-child img { padding: 2em 0 1em; } #contact.contactFormPage .logoBox td:last-child { padding-left: 0; padding: 1em; } /* TERMS
-------------------------------------------------- */ #policy.terms #mainContent { padding-top: 6.25%; padding-bottom: 15.625%; } #policy.terms #mainLead { padding-left: 0; padding-right: 0; } #policy.terms .headline4 { padding-top: 2em; } #policy.terms .headline4:first-child { padding-top: 2em; } #policy.terms #contentsIn { padding: 0; } #policy.terms .textRight { margin-top: 2.5em; } /* POLICY
-------------------------------------------------- */ #policy p { text-align: left; } #policy footer #pageTop { text-align: center; } #policy #mainContent { padding: 6.25% 3.125% 15.625%; } #policy .basicContent1 { padding-top: 0; } #policy .basicContent1 .textRight1 { width: 100%; margin: 0 auto; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.5; text-align: right; } #policy #localNav1 { width: 93.75%; margin: 0 auto; padding: 1.5em 0; width: 100%; } #policy #localNav1 li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; line-height: 2; } #policy #localNav1 li:before { content: none; } #policy #localNav1 li a { margin: 0 1em 0 0; padding: 0 1em 0 0; border-right: solid 1px #999; line-height: 1; font-weight: normal; } #policy #localNav1 li::last-child a { border: none; } #policy #localNav1 li { line-height: 1.3; } #policy #localNav1 li + li { margin-top: .7em; } #policy .headline_bk { width: 100%; padding-top: 2em; } #policy .headline4 { padding-top: 2em; } #policy .headline4:first-child { padding-top: 0; } #policy .col2headline5 { width: 100%; margin: 1.5em 0; padding: 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -0.03333em; line-height: 1.3; /* padding: 10px 0; margin-top: 25px; font-size: 22px; color: $renewBlack; letter-spacing: -1px; */ } #policy #contentsIn.basicContentWrap { width: 100%; margin: 0 auto; } #policy #contentsIn.basicContentWrap p { margin: 1em 0; } #policy #contentsIn.basicContentWrap .list5 { list-style-type: decimal; padding-top: .5em; padding-left: 1.5em; } #policy #contentsIn.basicContentWrap .list5 li { padding-bottom: 1em; padding-left: 0; } #policy #contentsIn.basicContentWrap .list5 li:last-child { padding-bottom: .5em; } #policy #contentsIn.basicContentWrap .toiawaseInfo { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #policy #contentsIn.basicContentWrap .toiawaseInfo a { color: #0086af; } #policy #contentsIn.basicContentWrap .mainLead2 { width: 100%; margin: 0 auto; padding-left: 2em; text-indent: -2em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.3; } #policy #contentsIn.basicContentWrap .mainLead2.bold2 { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.3; padding-top: 2em; } #policy #contentsIn.basicContentWrap .mainLead2.bold3 { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; line-height: 1.3; padding-top: 1em; padding-bottom: .25em; } #policy #contentsIn.basicContentWrap .mainLead2.hisi { margin: .5em 0 0 0; line-height: 1.3; padding-left: 3.4em; text-indent: -1em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #policy #contentsIn.basicContentWrap .mainLead2.hisi.pd01 { margin: .25em 0 0; padding-left: 2.5em; text-indent: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #policy #contentsIn.basicContentWrap .mainLead2.hisi.kakko { padding-left: 5em; text-indent: -1.75em; } #policy #contentsIn.basicContentWrap .mainLead3 { width: 100%; margin: 0 auto; padding-left: 2.4em; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } #policy #contentsIn.basicContentWrap .mainLead3.letterpd01 { letter-spacing: -0.005em; } #policy #contentsIn.basicContentWrap .mainLead3.letterpd01.tel { margin-top: .5em; line-height: 1.3; } #policy #contentsIn.basicContentWrap .mainLead3.letterpd01.tel01 { margin-top: 1em; } #policy #contentsIn.basicContentWrap .mainLead3 .spBlock { display: block; margin-top: .25em; line-height: 1.4; } #policy #contentsIn.basicContentWrap .mainLead3 .spBlock + br { display: none; } #policy #contentsIn.basicContentWrap .mainLead3 .spBlock:first-child { margin-top: 0; } #policy #contentsIn.basicContentWrap #mainLead4 { margin: .25em 0; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #policy #contentsIn.basicContentWrap ul.list_parentheses { padding: .5em 0 0 1em; margin: 0; } #policy #contentsIn.basicContentWrap ul.list_parentheses.pd03List li { padding-left: 2.9em; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li { text-indent: -1.5em; padding-left: 2.5em; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li + li { margin-top: .5em; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber { margin-left: 0; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber p { margin: .25em 0 0 0; padding-left: 0; text-indent: 0; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber ul { margin: .5em 0 0 0; padding-left: 0; text-indent: 0; } #policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber.level05 { margin-left: 2.4em; } #policy .spPdf { vertical-align: text-top; } #policy .spPdf img { width: 2em; } #policy .indentList li { padding-left: 1.3em; text-indent: -1.3em; } #policy .indentList li + li { margin-top: .25em; } #policy .indentList li.moreIndent { padding-left: 2.1em; text-indent: -2.1em; } #policy .indentList li.lessIndent { padding-left: 1em; text-indent: -1em; } #policy .indentList.kakko li { padding-left: 1.5em; text-indent: -1.5em; } #policy .policyTable { margin: 1em auto; } #policy .policyTable th, #policy .policyTable td { padding: 1em .5em; vertical-align: middle; } #policy .policyTable .top th { width: 30%; } #policy .policyTable .top th:last-child { width: 1%; } #policy .policyTable .kakko { padding-left: 3em; text-indent: -3em; } #policy .policyTable .kaiji { width: 1em; } #policy .policyTable .innerTr .firstT { width: 3em; border: none; } /* SITEMAP
-------------------------------------------------- */ #sitemap #mainContent { padding-bottom: 23.4375%; } #sitemap.en #sitelistIn #foreignList li a:before { top: 0; vertical-align: text-bottom; } #sitemap.en #sitelistIn .siteList.conPro { letter-spacing: 0; } #sitelistIn { padding: 0 3.125%; } #sitelistIn .siteList { margin-bottom: .25em; padding: 6.6666666667%; } #sitelistIn .siteList.conPro { letter-spacing: -.025em; } #sitelistIn .siteList:after { position: absolute; top: 50%; right: 0; margin-top: 0; margin-right: 2.6666666667%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #sitelistIn h3 { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } #sitelistIn h3 + .linkList { margin-top: 1em; } #sitelistIn ul { margin-top: 1em; } #sitelistIn ul li { float: none; margin-top: 0; line-height: 1.3; } #sitelistIn ul li + li { margin-top: .5em; } #sitelistIn ul li a { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #sitelistIn ul li.rightEdge + br { display: none; } #sitelistIn ul li.rightEdge + br + li { margin-top: .5em; } #sitelistIn ul li:after { content: none; } #sitelistIn .kana { letter-spacing: -.05em; } #sitelistIn #otherList { margin-top: 6.6666666667%; background: transparent; border: solid 2px #666; } #sitelistIn #otherList ul { margin-top: 0; } #sitelistIn #foreignList { padding: 1em 0 0; background: transparent; } #sitelistIn #foreignList h3 { margin-bottom: .25em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #sitelistIn #foreignList ul { margin-top: 0; display: block; } #sitelistIn #foreignList li { width: 100%; height: auto; margin-right: 0; padding-left: 0; } #sitelistIn #foreignList li:not(:last-child) { margin-bottom: .125em; margin-right: 0; } #sitelistIn #foreignList li a { padding: 3.3333333333% 3.3333333333% 3.3333333333% 11.6666666667%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #sitelistIn #foreignList li a span { display: block; margin: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #sitelistIn #foreignList li a:before { position: absolute; top: 50%; left: 3%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #sitelistIn #foreignList li a:after { display: block; position: absolute; top: 50%; right: 5%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 32px; font-size: 3.2rem; font-size: 5vw; } #sitelistIn #foreignList:after { content: none; } /* SURVEY
-------------------------------------------------- */ #survey #titleArea.col2Content #pageTitle { margin-bottom: 0; } #survey #mainContent { padding: 0 0 20.3125%; min-height: 0; } #survey .inner { padding: 0 3.125%; width: 100%; } #survey .col2headline4 { padding-top: 10%; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .active_surveyLinkList li { padding: 0.6666666667% 0.6666666667% 6.6666666667%; display: block; } .active_surveyLinkList li .bnr_img { width: 100%; height: auto; } .active_surveyLinkList li .textarea { padding: 0 5%; } .active_surveyLinkList li h4 { margin: .75em 0 .5em; line-height: 1.1666666667; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; letter-spacing: -.05em; } .active_surveyLinkList li p { line-height: 1.3333333333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .active_surveyLinkList li p + p { margin-top: .5em; } .active_surveyLinkList li .btnHome_width_auto { margin-top: .75em; padding: .75em 3em .75em 1em; border-radius: 4px; font-size: 32px; font-size: 3.2rem; font-size: 5vw; text-align: left; } .active_surveyLinkList li.accepting:after { content: none; } .result_surveyLinkList { background: #fff; } .result_surveyLinkList > li { padding: 5.8333333333% 5% 6.6666666667%; display: block; position: relative; } .result_surveyLinkList > li .overlay { display: none; } .result_surveyLinkList > li .bnr_img { display: none; } .result_surveyLinkList > li .textarea { padding: 0; } .result_surveyLinkList > li .textarea ul { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .result_surveyLinkList > li h4 { margin-bottom: .5em; line-height: 1.125; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -.05em; } .result_surveyLinkList > li p { line-height: 1.3333333333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .result_surveyLinkList > li p + p { margin-top: .5em; } .result_surveyLinkList > li:after { content: none; } .result_surveyLinkList > li .btnHome_width_auto { margin-top: 1em; padding: .75em 3em .75em 1em; display: block; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; text-align: left; color: #fff; } .result_surveyLinkList > li.no_result:after { content: none; } .surveyLinkList { padding-top: 10.9375%; } .surveyLinkList > li { padding-left: 1.5em; } .surveyLinkList h4 { display: block; letter-spacing: -.05em; } .surveyLinkList h4 span { display: block; } .answerOrResult { margin-top: .5em; } .subnaviBannerList { margin-top: 0; } .subnaviBannerList li + li { margin-top: 0; } .pickup_box { margin: 10% auto 0; padding: 10% 3.3333333333%; width: 100%; } .pickup_box > ul { display: block; } .pickup_box > ul:after { display: block; width: 100%; content: ""; } .pickup_box li { float: left; width: 49%; } .pickup_box li:nth-child(n+3) { margin-top: 2%; } .pickup_box li:nth-child(even) { float: right; } /* SURVEY
-------------------------------------------------- */ #microlearning .microlearningOnly-space { margin-bottom: 0; } #microlearning .col2headline3 { padding: 10% 0 0; color: #0086af; } #microlearning #mainheadline3 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; padding: 2em 0 0; } #microlearning #mainheadline3 .subtitle { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #microlearning h5 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #microlearning .col2headline4 { font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } #microlearning p + p { margin-top: 1em; } #microlearning .bottomSpace { margin-bottom: 1em; } #microlearning .movieWrap { display: block; } #microlearning .movieWrap .twoItems { width: 100%; } #microlearning .movieWrap .twoItems:nth-child(even) { margin-left: 0%; } #microlearning .movieWrap .twoItems + .twoItems { margin-top: 1em; } #microlearning #mainPanel { margin: 1.5em 0 1.5em; } #microlearning #mainPanel .boxCommentary { margin: 0 auto 10px; padding: 0; } #microlearning #mainPanel .boxCommentary:after { bottom: -0.99em; width: 100%; height: 0; padding-bottom: 1em; background: url(/images/images2016/box-shadow.png) no-repeat; background-size: contain; content: ""; } #microlearning #mainPanel dl { padding: 1em; } #microlearning #mainPanel dl dt { padding-right: 0px; margin-bottom: 1em; float: none; } #microlearning #mainPanel dl dd { margin: 0 0 0 0; text-align: left; } #microlearning #mainPanel dl dd p { margin-top: 0; } #microlearning #mainPanel dl dd .titleMain { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; line-height: 1.25; } #microlearning #mainPanel dl dd .min { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #microlearning #mainPanel dl dd .titleSub { color: #0086af; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #microlearning #mainPanel dl dd .purposeWrap p:last-child { letter-spacing: 0; line-height: 1.25; } /* ATD
-------------------------------------------------- */ #atd { letter-spacing: 0; } #atd .mainVisualWrap { padding: 0; height: auto; } #atd .mainVisualWrap #pageTitle { font-size: 60px; font-size: 6rem; font-size: 9.375vw; } #atd #mainPanel { width: 100%; margin: 9.375% auto 0; padding: 0 3.125% 9.375%; } #atd #mainPanel li:nth-child(-n + 4) { width: 100%; height: auto; margin: 6.6666666667% 0 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #atd #mainPanel li:nth-child(-n + 4) .panelContent { position: relative; float: none; width: 100%; height: auto; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd { padding: 6.6666666667% 3.3333333333% 3.3333333333%; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .iconNew { position: absolute; top: 0; right: 0; width: 16%; margin: 55.8333333333% 3.3333333333% 0 0; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd h2 { margin-top: 0; line-height: 1; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -0.025em; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd h3 { margin-top: .5em; line-height: 1.3; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.025em; word-break: break-all; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd p { margin-top: .25em; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap { position: relative; bottom: 0; margin-top: 2.5em; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:before { position: absolute; bottom: 1.75em; width: 1em; height: 2px; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap:after { display: block; clear: both; content: ""; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #atd #mainPanel li:nth-child(-n + 4) .panelContent dd .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; } #atd #mainPanel li:nth-child(-n + 4) .panelContent .LowerRightIcon:before { position: absolute; bottom: .5em; right: .6em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #atd #mainPanel li:nth-child(-n + 4) .panelContent .LowerRightIcon:after { font-size: 20px; font-size: 2rem; font-size: 3.125vw; border-width: 0 0 5em 3.75em; } #atd #mainPanel li:nth-child(n + 5) { float: none; width: 100%; height: auto; box-shadow: none; margin: 3.3333333333% 0 0; padding: 3.3333333333% 0 0; border-top: solid 2px #ccc; } #atd #mainPanel li:nth-child(n + 5) h2, #atd #mainPanel li:nth-child(n + 5) h3 { font-weight: 500; } #atd #mainPanel li:nth-child(n + 5):nth-of-type(1), #atd #mainPanel li:nth-child(n + 5):nth-of-type(2), #atd #mainPanel li:nth-child(n + 5):nth-of-type(3), #atd #mainPanel li:nth-child(n + 5):nth-of-type(4) { margin: 0 0 3.3333333333%; } #atd #mainPanel li:nth-child(n + 5):first-child { padding-top: 3.3333333333%; border-top: solid 2px #ccc; } #atd #mainPanel li:nth-child(n + 5) > a { display: table; width: 100%; } #atd #mainPanel li:nth-child(n + 5) .panelBgImg { display: table-cell; float: none; width: 20%; vertical-align: top; } #atd #mainPanel li:nth-child(n + 5) .panelContent { display: table-cell; float: none; width: 100%; height: auto; padding-left: 3.3333333333%; background: transparent; vertical-align: top; } #atd #mainPanel li:nth-child(n + 5) .panelContent h2, #atd #mainPanel li:nth-child(n + 5) .panelContent dd h2 { display: inline-block; position: relative; left: 0; margin-top: 0; margin-bottom: 2.6086956522%; padding: 0.225em .75em .05em; line-height: 1; letter-spacing: 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; color: #fff; text-align: left; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline { margin: 0; line-height: 1.3; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd h3, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline h3 { margin-top: 0; line-height: 1.125; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: normal; letter-spacing: -.005em; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd p, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline p { margin-top: .25em; line-height: 1.1666666667; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; color: #666; letter-spacing: -.05em; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .talkGenreWrap { bottom: 0; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap:before, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .talkGenreWrap:before { content: none; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap p, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .talkGenreWrap p { display: inline-block; float: none; margin: 0; padding: 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; color: #666; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap .talkGenre, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .talkGenreWrap .talkGenre { margin-right: .5em; margin-bottom: 0; border-right: none; text-indent: 0; color: #0086af; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .readArticle, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .readArticle { font-size: 20px; font-size: 2rem; font-size: 3.125vw; width: auto; border-bottom: 1.25em solid #ecebeb; border-left: 1em solid transparent; height: 0; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .readArticle span, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .readArticle span { padding: 0; line-height: 1; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .readArticle span:after, #atd #mainPanel li:nth-child(n + 5) .panelContent .panelInline .readArticle span:after { position: relative; top: 0.09em; margin-left: .25em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #atd #mainPanel li:nth-child(n + 5) .comingHover { display: block; position: absolute; width: 100%; height: 100%; padding: 0; background: url(/images/images2016/home/comingsoon-kv.png); z-index: 999; } #atd #mainPanel li:nth-child(n + 5):nth-of-type(1) h2, #atd #mainPanel li.labelBgColor1:nth-child(n + 5) h2 { background: #002f58; } #atd #mainPanel li:nth-child(n + 5):nth-of-type(2) h2, #atd #mainPanel li.labelBgColor1:nth-child(n + 5) h2 { background: #005198; } #atd #mainPanel li:nth-child(n + 5):nth-of-type(3) h2, #atd #mainPanel li.labelBgColor1:nth-child(n + 5) h2 { background: #0086af; } #atd #mainPanel li:nth-child(n + 5):nth-of-type(4) h2, #atd #mainPanel li.labelBgColor1:nth-child(n + 5) h2 { background: #009cb0; } #atd #mainPanel li.labelBgColor5:nth-child(n + 5) .panelContent .panelInline { margin: 0; } #atd #mainPanel li:nth-child(n + 5) h2.consultant { background: #0086af; } #atd #mainPanel li.talent:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.talent:nth-child(n + 5) .panelContent h2 { background: #002f58; } #atd #mainPanel li.learn:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.learn:nth-child(n + 5) .panelContent h2 { background: #005198; } #atd #mainPanel li.culture:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.culture:nth-child(n + 5) .panelContent h2 { background: #0086af; } #atd #mainPanel li.learningTech:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.learningTech:nth-child(n + 5) .panelContent h2 { background: #009cb0; } #atd #mainPanel li.female:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.female:nth-child(n + 5) .panelContent h2 { background: #00C1FB; } #atd #mainPanel li.midCareer:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.midCareer:nth-child(n + 5) .panelContent h2 { background: #389DBC; } #atd #mainPanel li.sales:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.sales:nth-child(n + 5) .panelContent h2 { background: #4BD2FB; } #atd #mainPanel li.atd:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.atd:nth-child(n + 5) .panelContent h2 { background: #005F7C; } #atd #mainPanel li.torii:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.torii:nth-child(n + 5) .panelContent h2 { background: #007295; } #atd #mainPanel li.akiba:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.akiba:nth-child(n + 5) .panelContent h2 { background: #0090BC; } #atd #mainPanel li.keyperson:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.keyperson:nth-child(n + 5) .panelContent h2 { background: #00C1FB; } #atd #mainPanel li.inov:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.inov:nth-child(n + 5) .panelContent h2 { background: #00556F; } #atd #mainPanel li.shanghai:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.shanghai:nth-child(n + 5) .panelContent h2 { background: #0A68C6; } #atd #mainPanel li.jisedai:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.jisedai:nth-child(n + 5) .panelContent h2 { background: #0AC6C0; } #atd #mainPanel li.consultant:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.consultant:nth-child(n + 5) .panelContent h2 { background: #0934BC; } #atd #mainPanel li.nstaff:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.nstaff:nth-child(n + 5) .panelContent h2 { background: #16B2C0; } #atd #mainPanel li.diversity:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.diversity:nth-child(n + 5) .panelContent h2 { background: #0C74B0; } #atd #mainPanel li.hrbp:nth-child(n + 5) .panelContent dd h2, #atd #mainPanel li.hrbp:nth-child(n + 5) .panelContent h2 { background: #008D7A; } #atd #mainPanel li:nth-child(n + 5):first-child { padding-top: 0; border-top: 0; } #atd #mainPanel li:nth-child(n + 5) .panelBgImg { display: table-cell; } #atd #mainPanel li:nth-child(n + 5) .panelContent dt > img { display: none; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd { padding: 0; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .iconNew { margin: -1.5em 0 0 -26.6666666667%; position: absolute; top: 0; right: auto; left: 0; width: 3em; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd h2 { background: #f75b2a !important; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap { position: static; } #atd #mainPanel li:nth-child(n + 5) .panelContent .LowerRightIcon:before { position: absolute; bottom: 0; right: .6em; margin-bottom: -3.4482758621%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #atd #mainPanel li:nth-child(n + 5) .panelContent .LowerRightIcon:after { margin-bottom: -3.4482758621%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; border-width: 0 0 5em 3.75em; } #atd #mainPanel li:nth-child(n + 5) .panelContent dd .talkGenreWrap .talkGenre { color: #f75b2a !important; } #atd #mainPanel li#noPanelImg ~ li .panelBgImg, #atd #mainPanel li.noPanelImgLi .panelBgImg { display: none; } #atd #mainPanel li#noPanelImg ~ li .panelContent .panelInline, #atd #mainPanel li.noPanelImgLi .panelContent .panelInline { margin-bottom: 0; } #atd #mainPanel li#noPanelImg ~ li .panelContent dd .talkGenreWrap, #atd #mainPanel li#noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #atd #mainPanel li.noPanelImgLi .panelContent dd .talkGenreWrap, #atd #mainPanel li.noPanelImgLi .panelContent .panelInline .talkGenreWrap { position: relative; } #atd #mainPanel li#noPanelImg ~ li .talkGenreWrap, #atd #mainPanel li.noPanelImgLi .talkGenreWrap { margin-top: .5em; } #atd #mainPanel li#noPanelImg ~ li .panelContent, #atd #mainPanel li.noPanelImgLi .panelContent { padding-left: 0; } #atd #mainPanel li#noPanelImg ~ li .panelContent dd, #atd #mainPanel li.noPanelImgLi .panelContent dd { margin: 0; } #atd #mainPanel li#noPanelImg ~ li .panelContent .panelInline .talkGenreWrap, #atd #mainPanel li.noPanelImgLi .panelContent .panelInline .talkGenreWrap { position: relative; } #atd #mainPanel li#noPanelImg ~ li .talkGenreWrap, #atd #mainPanel li.noPanelImgLi .talkGenreWrap { margin-top: .5em; } #atd #mainPanel li#noPanelImg { display: none !important; } #atd #mainPanel li .comingHover { display: block; position: absolute; width: 100%; height: 100%; padding: 0; background: url(/images/images2016/home/comingsoon-kv.png); z-index: 999; } #atd #mainPanel .col2 { -js-display: flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } #atd #mainPanel .col2 li { float: none; width: 48.3333333333%; padding-bottom: 20%; background: #fff; } #atd #mainPanel .col2 li .panelContent { position: static; } #atd #mainPanel .col2 li .panelContent dl { position: static; } #atd #mainPanel .col2 li .panelContent dl dd { position: static; padding: 13.7931034483% 6.8965517241% 6.8965517241%; } #atd #mainPanel .col2 li .panelContent dl dd .iconNew { width: 20.6896551724%; margin: 53.4482758621% 1.724137931% 0 0; } #atd #mainPanel .col2 li .panelContent dl dd h2, #atd #mainPanel .col2 li .panelContent dl dd h3 { line-height: 1.125; } #atd #mainPanel .col2 li .panelContent dl dd p { margin-top: .5em; word-wrap: break-word; } #atd #mainPanel .col2 li .panelContent dl dd .talkGenreWrap { position: absolute; bottom: 0; margin: 0 0 8%; } #atd .mcPersonWrap .mcPerson { display: table; width: 100%; margin: 0 auto; padding: 6.25% 3.125%; } #atd .mcPersonWrap .mcPerson dt { display: table-cell; float: none; vertical-align: middle; width: 20%; max-width: 120px; margin-right: 0; } #atd .mcPersonWrap .mcPerson dd { display: table-cell; float: none; vertical-align: middle; width: auto; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; padding-left: .5em; } #atd .mcPersonWrap .mcPerson dd .belong { font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: -.025em; } #atd .mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -.025em; } #atd .mcPersonWrap .mcPerson:after { display: block; clear: both; content: ""; } #atd .mcPersonWrap + hr { margin: 0; } #atd .mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; } /* DOWNLOAD
-------------------------------------------------- */ #download { background: #f0f0f0; } #download #titleArea #pageTitle { background: #fff; } #download #mainPanel { width: 100%; margin: 1.5625% auto 0; padding: 0 3.125%; } #download #mainPanel > ul { display: block; } #download #mainPanel li { margin: 0; display: block; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #download #mainPanel li .panelContent { position: relative; display: block; width: 100%; height: auto; margin-bottom: 1.5em; width: 100%; } #download #mainPanel li .panelContent dd { margin-top: 0; padding: 6.6666666667% 3.3333333333% 3.3333333333%; } #download #mainPanel li .panelContent dd .iconNew { position: absolute; top: 0; right: 0; width: 16%; margin: 55.8333333333% 3.3333333333% 0 0; } #download #mainPanel li .panelContent dd h2 { margin-top: 0; line-height: 1; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: -0.025em; } #download #mainPanel li .panelContent dd h3 { margin-top: .5em; line-height: 1.3; font-size: 32px; font-size: 3.2rem; font-size: 5vw; letter-spacing: -0.025em; word-break: break-all; } #download #mainPanel li .panelContent dd p { margin: .25em 0 0; line-height: 1.3; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; letter-spacing: 0.04em; color: #666; } #download #mainPanel li:last-child { margin-bottom: 0; } #download #mainPanel .download .btnHome { padding: 4%; width: 93%; } }

/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) { html { font-size: 55.46875%; } body { font-size: 23.075px; font-size: 2.3075rem; font-size: 4.0625vw; } }

/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) { html { font-size: 52.734375%; } body { font-size: 21.9375px; font-size: 2.19375rem; font-size: 4.0625vw; } }

/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) { html { font-size: 46.875%; } body { font-size: 19.5px; font-size: 1.95rem; font-size: 4.0625vw; } header #spMenu span { padding-bottom: 3px; } .customSelect .refineLabelWrap select { font-size: 16px; } select { font-size: 16px; } }

/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) { html { font-size: 40.4296875%; } body { font-size: 16.81875px; font-size: 1.681875rem; font-size: 4.0625vw; } }

/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) { html { font-size: 36.62109375%; } body { font-size: 15.234375px; font-size: 1.5234375rem; font-size: 4.0625vw; } header #spMenu span { padding-bottom: 2px; } }

/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) { html { font-size: 35.15625%; } body { font-size: 14.625px; font-size: 1.4625rem; font-size: 4.0625vw; } }

/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) { html { font-size: 31.25%; } body { font-size: 13px; font-size: 1.3rem; font-size: 4.0625vw; } }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
/*# sourceMappingURL=style-sp.css.map */