@charset "UTF-8";
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local("Lato Light"), local("Lato-Light"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format("woff"); }

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format("woff"); }

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table, input, fieldset { margin: 0; padding: 0; }

ul { list-style: none; }

h1, h2, h3, h4, h5, h6, th, td { font-size: 100%; font-weight: 500; }

th, td { text-align: left; line-height: 1.4; }

img { border: none; vertical-align: bottom; }

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

/*sup{ vertical-align:text-top; }*/
sup { position: relative; top: -0.2em; vertical-align: middle; }

sub { vertical-align: text-bottom; }

a { text-decoration: none; cursor: pointer; }

figure { width: 100%; margin: 0; }

fieldset { border: none; }

/*base*/
html, body { height: 100%; margin-bottom: 1px; }

body { position: relative; min-width: 1110px; margin: 0; padding: 0; color: #3E3A39; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; text-align: center; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; }

* { box-sizing: border-box; }

a { word-break: break-all; }

a.hoverOpa { -webkit-transition: 0.3s; transition: 0.3s; }

a.hoverOpa:hover { opacity: .8; }

a[href*="tel:"] { pointer-events: none; }

/*SP対応*/
body { -webkit-text-size-adjust: 100%; }

.spOnly, .pc_hidden { display: none; }

/*android4のwidth認識バグ対応*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table, input, div, span, small { background: url(/images/images2016/bg-transparent.png); }

/*font*/
.existence { font-family: "existence"; }

.existence_Unicase { font-family: "existence_Unicase"; }

/*baseWrap*/
#wrap { position: relative; min-width: 1110px; min-height: 100%; text-align: left; z-index: 9; overflow: hidden; }

.cookie_approval { padding: 0; position: relative; z-index: 9999; max-height: 0; overflow: hidden; line-height: 1.333333; background: #3E3A39; color: #999; font-size: 12px; }

.cookie_approval.show { padding: 15px 0; max-height: 60px; }

.cookie_approval .inner { margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 1000px; }

.cookie_approval a { color: #fff; }

.cookie_approval.close { padding: 15px 0; max-height: 60px; -webkit-animation: close 0.5s; animation: close 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes close { from { padding: 15px 0;
    max-height: 60px; }
  to { padding: 0;
    max-height: 0;
    overflow: hidden; } }

@keyframes close { from { padding: 15px 0;
    max-height: 60px; }
  to { padding: 0;
    max-height: 0;
    overflow: hidden; } }

.btn_close_approval { padding: .4em 4em .4em 3.5em; border: solid 2px #fff; display: inline-block; position: relative; line-height: 1; font-size: 14px; font-family: sans-serif; font-weight: bold; }

.btn_close_approval:hover { opacity: .7; }

.mark_close { position: absolute; top: 50%; -webkit-transform: translateY(-60%); transform: translateY(-60%); right: .125em; line-height: 1; font-size: 2.25em; font-weight: normal; }

.ieStyle .mark_close { -webkit-transform: translateY(-49%); transform: translateY(-49%); }

.edgeStyle .mark_close { -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*header*/
header { display: block; position: relative; z-index: 9999; width: 100%; color: #fff; font-size: 13px; font-weight: bold; }

header a { color: #fff; -webkit-transition: .2s; transition: .2s; }

header #headerWrapper { margin: 0 auto; border-bottom: solid 3px #d4da54; position: relative; z-index: 9999; max-width: 100%; min-width: 1198px; height: 100px; }

header #headerWrapper:before { position: absolute; z-index: -1; width: 100%; height: 30px; background: #a8a8a8; content: ""; }

header #headerWrapper .upperHeader { height: 30px; margin: 0 auto; line-height: 30px; vertical-align: middle; }

header #headerWrapper .upperHeader .langSelector { float: left; width: 100px; background: #fff; height: 30px; line-height: 30px; font-size: 14px; font-weight: 600; text-align: center; }

header #headerWrapper .upperHeader .langSelector:hover { background: #c2c2c2; }

header #headerWrapper .upperHeader .icon-earth { letter-spacing: 0; }

header #headerWrapper .upperHeader .icon-earth img { width: 23px; vertical-align: middle; margin-right: 7px; }

header #headerWrapper .upperHeader .icon-earth span { vertical-align: middle; color: #3E3A39; font-family: Lato; font-style: italic; font-size: 16px; }

header #headerWrapper .upperHeader .language { display: none; }

header #headerWrapper .upperHeader .sns { float: left; font-size: 14px; }

header #headerWrapper .upperHeader .sns li { position: relative; top: 1px; float: left; -webkit-transition: .2s; transition: .2s; }

header #headerWrapper .upperHeader .sns li:hover:before { color: #ED7A3E; }

header #headerWrapper .upperHeader .sns li a { display: block; position: relative; top: -38px; left: -13px; width: 38px; height: 38px; }

header #headerWrapper .upperHeader .sns li:first-child { margin-left: 19px; }

header #headerWrapper .upperHeader .aboutWrap { display: inline-block; float: right; font-size: 12px; font-weight: 600; }

header #headerWrapper .upperHeader .aboutWrap ul { float: left; }

header #headerWrapper .upperHeader .aboutWrap ul.overseasLink { border-right: solid 1px #d3d4d3; }

header #headerWrapper .upperHeader .aboutWrap ul.overseasLink em { font-style: normal; }

header #headerWrapper .upperHeader .aboutWrap ul li { float: left; margin-right: 18px; }

header #headerWrapper .upperHeader .aboutWrap ul li:first-child span { border-right: solid 1px #b4c3d2; padding-right: 18px; }

header #headerWrapper .upperHeader .aboutWrap ul li a { display: block; width: 100%; height: 100%; }

header #headerWrapper .upperHeader .aboutWrap ul li a:hover { color: #ED7A3E; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact { margin-left: 25px; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .aboutCicom { position: relative; margin-right: 14px; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .aboutCicom a:hover { color: #ED7A3E; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .icon-andLt { padding-right: 22px; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .icon-andLt:before { position: absolute; top: 22%; right: 4px; font-size: 16px; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .contactUs { width: 200px; height: 30px; margin-right: 0; font-size: 15px; line-height: 30px; text-indent: -0.5em; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .contactUs a { display: block; color: #3E3A39; -webkit-transition-property: color, opacity; transition-property: color, opacity; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnHome { background-color: #dadf00; text-indent: 0; color: #3E3A39; -webkit-transition-property: background-color, color, opacity; transition-property: background-color, color, opacity; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnHome:hover { background-color: #f3f900; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnHome:after { top: 0; right: 14px; font-family: "ilm"; content: "a"; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .download_nav { width: 200px; height: 30px; margin-right: 0; font-size: 15px; line-height: 30px; text-indent: -0.5em; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .download_nav a { display: block; color: #fff; -webkit-transition-property: color, opacity; transition-property: color, opacity; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnDownload { background: #3E3A39; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnDownload:hover { background-color: #4b4645; }

header #headerWrapper .upperHeader .aboutWrap .aboutContact .btnDownload:after { color: #fff; }

header #headerWrapper .gNav { position: relative; top: -11px; clear: both; max-width: 1000px; min-width: 1000px; margin: 0 auto; }

header #headerWrapper .gNav h1 { display: inline-block; position: relative; top: -16px; width: 150px; line-height: 1; }

header #headerWrapper .gNav h1 img { width: 146px; }

header #headerWrapper .gNav h1 a { display: block; }

header #headerWrapper .gNav h1 a:hover { -webkit-filter: saturate(2); filter: saturate(2); opacity: .8; }

header #headerWrapper .gNav nav { float: right; }

header #headerWrapper .gNav nav li { float: left; margin-left: 20px; text-align: center; }

header #headerWrapper .gNav nav li a { display: block; color: #3E3A39; opacity: .8; }

header #headerWrapper .gNav nav li a:before { display: none; margin-bottom: 12px; font-size: 25px; }

header #headerWrapper .gNav nav li a span { font-size: 14px; color: #3E3A39; letter-spacing: -1px; }

header #headerWrapper .gNav nav li a:hover, header #headerWrapper .gNav nav li a:hover span { color: #ED7A3E; }

header #headerWrapper .gNav nav li a.icon-opinion:before { margin: 2px 0 13px; font-size: 22px; }

header #headerWrapper .gNav nav li a.icon-consult:before { margin: 1px 0 14px; font-size: 22px; }

header #headerWrapper .gNav nav li a.icon-training:before { margin: -1px 0 13px; }

header #headerWrapper .gNav nav li a.icon-video:before { margin: -2px 0 12px; font-size: 27px; }

header #headerWrapper .gNav nav li a.icon-assessment:before { margin: 1px 0 14px; font-size: 22px; }

header #headerWrapper .gNav nav li a.icon-dispatch:before { margin: -1px 0 13px; }

header #headerWrapper .gNav nav li a.icon-cases:before { margin: -3px 0 10px; font-size: 30px; }

header #headerWrapper .gNav nav li a.current, header #headerWrapper .gNav nav li a.current span { color: #ED7A3E; }

@media only screen and (min-width: 641px) { header.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100px; margin: 0 auto; -webkit-animation: fadeIn 0.4s forwards 0s; animation: fadeIn 0.4s forwards 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } } header.fixed #headerWrapper { height: 100px; background: #fff; } header.fixed #headerWrapper:before { position: absolute; top: 0; z-index: -1; width: 100%; height: 30px; background: #a8a8a8; content: ""; } header.fixed #headerWrapper .upperHeader { position: relative; top: 0; z-index: 9; height: 30px; margin: 0 auto; line-height: 30px; vertical-align: middle; } header.fixed #headerWrapper .upperHeader .sns { float: left; font-size: 14px; } header.fixed #headerWrapper .upperHeader .sns li { position: relative; top: 1px; float: left; margin-left: 16px; -webkit-transition: .2s; transition: .2s; } header.fixed #headerWrapper .upperHeader .sns li:hover { color: #ED7A3E; } header.fixed #headerWrapper .upperHeader .sns li:first-child { margin-left: 19px; } header.fixed #headerWrapper .upperHeader .aboutWrap { display: inline-block; position: relative; z-index: 9; float: right; font-size: 12px; } header.fixed #headerWrapper .upperHeader .aboutWrap .aboutContact .icon-andLt { padding-right: 22px; } header.fixed #headerWrapper .upperHeader .aboutWrap .aboutContact .icon-andLt:before { position: absolute; top: 22%; right: 0; font-size: 16px; } header.fixed #headerWrapper .upperHeader .aboutWrap .aboutContact .contactUs { width: 200px; height: 30px; font-size: 15px; line-height: 30px; text-indent: -0.5em; } header.fixed #headerWrapper .gNav { position: relative; top: -11px; padding: 0; z-index: 9; } header.fixed #headerWrapper .gNav h1 { top: -16px; } header.fixed #headerWrapper .gNav h1 img { width: 146px; height: auto; } header.fixed #headerWrapper .gNav nav { display: block; margin-top: 0; } header.fixed #headerWrapper .gNav nav li a:before { content: none; } header.fixed + #contentsWrapRim { padding-top: 100px; } }

header.en #headerWrapper .gNav nav li a span { letter-spacing: 0; }

#spMenuWrap { display: none; }

/*//header*/
#languagePopup { position: relative; width: 70%; max-width: 1000px; margin: 0 auto; background: #fff; text-align: center; color: #3E3A39; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif; font-size: 13px; font-weight: 500; }

#languagePopup li { border-bottom: solid 1px #ccc; height: 100px; line-height: 100px; }

#languagePopup li:last-child { border: none; }

#languagePopup li img { vertical-align: middle; }

#languagePopup li .existence { display: none; }

#languagePopup li a { display: block; width: 100%; height: 100%; -webkit-transition: .2s; transition: .2s; }

#languagePopup li a:hover { background: #cbd8e4; }

#languagePopup li.popupCloseMark { background: transparent; position: absolute; top: -111px; right: 0; }

#languagePopup li.popupCloseMark .mfp-close { width: 72px; height: 71px; opacity: 1; }

#languagePopup li.popupCloseMark .mfp-close:hover { opacity: 0.65; }

#comingPopup, #comingPopup1, #comingPopup2 { position: relative; width: 70%; max-width: 1000px; min-width: 468px; margin: 0 auto; 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: 256px; right: 0; left: 0; margin: auto; cursor: pointer; width: 120px; height: 30px; padding: 0; background: #3E3A39; color: #fff; font-size: 14px; letter-spacing: 2px; line-height: 30px; text-indent: -1em; opacity: 1; }

#comingPopup .popupCloseMark:after, #comingPopup1 .popupCloseMark:after, #comingPopup2 .popupCloseMark:after { font-family: "ilm"; font-size: 16px; line-height: 26px; content: "Y"; }

#comingPopup .popupCloseMark:hover, #comingPopup1 .popupCloseMark:hover, #comingPopup2 .popupCloseMark:hover { background: #62bad5; }

#comingPopup.line2 .popupCloseMark, #comingPopup1.line2 .popupCloseMark, #comingPopup2.line2 .popupCloseMark { top: 303px; }

#comingPopup dl, #comingPopup1 dl, #comingPopup2 dl { padding: 60px 0; }

#comingPopup dt, #comingPopup1 dt, #comingPopup2 dt { font-size: 24px; font-weight: bold; }

#comingPopup dd, #comingPopup1 dd, #comingPopup2 dd { margin: 30px auto 0; background: #0086af; }

#comingPopup dd:hover, #comingPopup1 dd:hover, #comingPopup2 dd:hover { background: #62bad5; }

@media screen and (max-width: 900px) { #comingPopup dt, #comingPopup1 dt, #comingPopup2 dt { font-size: 20px; } }

#comingPopup.sales, #comingPopup1.sales, #comingPopup2.sales { background: transparent; }

#comingPopup.sales li, #comingPopup1.sales li, #comingPopup2.sales li { width: 100%; }

#comingPopup.sales li img, #comingPopup1.sales li img, #comingPopup2.sales li img { width: 100%; height: auto; }

#comingPopup.sales li .closeBtn, #comingPopup1.sales li .closeBtn, #comingPopup2.sales li .closeBtn { display: inline-block; position: relative; }

#comingPopup.sales li.backgroun-white, #comingPopup1.sales li.backgroun-white, #comingPopup2.sales li.backgroun-white { padding: 1.5em; background: #fff; }

#comingPopup.sales.line2, #comingPopup1.sales.line2, #comingPopup2.sales.line2 { margin: 0 auto 120px; padding: 80px 0; }

#comingPopup.sales.line2 .popupCloseMark, #comingPopup1.sales.line2 .popupCloseMark, #comingPopup2.sales.line2 .popupCloseMark { top: initial; bottom: -50px; }

/*contentsWrap*/
#contentsWrap { position: relative; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: 0 auto; padding: 0; }

#contentsWrap:after { clear: both; display: block; content: ''; }

#mainContent { position: relative; width: 100%; background: #ecebeb; /*#localNav1*/ /*#localNav2 _背景blue*/ }

#mainContent #mainLead { width: 1000px; margin: 0 auto; padding: 45px 0; font-size: 16px; line-height: 28px; }

#mainContent #mainLead.col2Lead { width: 740px; margin-left: 0; padding-bottom: 0; }

#mainContent #mainLead.col2Lead .contentImg { margin-top: 20px; text-align: center; }

#mainContent #mainheadline3 { width: 1000px; margin: 0 auto; padding: 40px 0; font-size: 28px; }

#mainContent #localNav1 { width: 1000px; margin: 0 auto; padding: 10px 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: 7px; color: #999; content: "｜"; }

#mainContent #localNav1 li:first-child:before { content: none; }

#mainContent #localNav1 li a { color: #0086af; font-size: 14px; font-weight: 700; line-height: 18px; text-decoration: none; -webkit-transition: .2s; transition: .2s; }

#mainContent #localNav1 li a:hover { opacity: .7; }

#mainContent #localNav1.policyNavi { margin-top: 10px; padding: 10px 0; border-top: solid 1px #3E3A39; border-bottom: solid 1px #3E3A39; }

#mainContent #localNav1.policyNavi li:before { padding: 20px; }

#mainContent #localNav1.policyNavi li.lastChild:before { content: none; }

#mainContent #localNaviWrap { width: 100%; position: relative; background: #e5e5e5; }

#mainContent #localNaviWrap #localNav2 { display: -webkit-box; display: flex; flex-wrap: wrap; width: 1000px; margin: 0 auto; padding: 18px 0; overflow: hidden; }

#mainContent #localNaviWrap #localNav2 li { position: relative; z-index: 999; }

#mainContent #localNaviWrap #localNav2 li:after { padding: 7px 22px; content: "|"; }

#mainContent #localNaviWrap #localNav2 li:last-child:after { display: none; }

#mainContent #localNaviWrap #localNav2 li a { color: #3E3A39; font-weight: 700; letter-spacing: 1px; line-height: 18px; -webkit-transition: .2s; transition: .2s; }

#mainContent #localNaviWrap #localNav2 li a.leftEdge { padding-left: 0; }

#mainContent #localNaviWrap #localNav2 li a:hover { opacity: .6; }

#mainContent #localNaviWrap #localNav2 .rightEdge:after { display: none; }

#mainContent #localNaviWrap #localNav2:after { position: absolute; right: 0; left: 0; bottom: -15px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #e5e5e5 transparent transparent transparent; content: ''; }

#mainContent #localNaviWrap.localNavi_consulting #locBgWrap { display: block; position: relative; max-width: 1366px; margin: 0 auto; }

#mainContent #localNaviWrap.localNavi_consulting #locBgWrap #locBg { display: block; position: absolute; width: 100%; height: 57px; background: -webkit-radial-gradient(center center, circle, #fff 0, #e5e5e5 250px); background: radial-gradient(center center, circle, #fff 0, #e5e5e5 250px); background-position: 413px; opacity: 0.5; }

#mainContent #localNaviWrap.localNavi_consulting #localNav2 { padding: 16px 0 17px; }

#mainContent #localNaviWrap.localNavi_consulting #localNav2 li { color: #3E3A39; font-size: 24px; font-weight: bold; line-height: 1; }

#mainContent #localNaviWrap.localNavi_consulting #localNav2:after { content: none; }

#mainvisual { position: relative; display: table; }

#mainvisual h1 { display: table-cell; width: 500px; height: 150px; color: #FFF; font-size: 30px; font-weight: normal; vertical-align: middle; letter-spacing: normal; line-height: 1.1; }

#mainvisual h1 span { display: block; font-size: 18px; }

#mainvisual h1 span.subTitle { display: inline-block; margin: 0 -0.5em 0 0; text-indent: -0.5em; font-size: 30px; }

#mainvisual h1 .ruby { display: inline; font-size: 16px; }

#mainvisual.secondLayer h1 { height: 100px; }

.col2ContentWrap { position: relative; width: 1000px; margin: 0 auto; }

.col2Content { position: relative; width: 740px; z-index: 900; }

/*titleArea, #topicPath*/
#titleArea { position: relative; width: 1000px; margin: 0 auto; overflow: hidden; }

#titleArea .talkGenreWrap { position: absolute; bottom: 15px; right: 0; }

#titleArea .talkGenreWrap p { float: left; }

#titleArea .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; }

#titleArea.col2Content #pageTitle { position: relative; width: 740px; z-index: 900; }

#titleArea.ttlOneline #topicPath { margin-bottom: 51px; }

#titleArea.ttlOneline #pageTitle.noSns { margin-bottom: 61px; }

@media only screen and (min-width: 641px) { #titleArea .subtext2 { margin: 35px 0; } }

#topicPath { margin: 15px 0 35px; overflow: hidden; }

#topicPath li { float: left; color: #3E3A39; font-size: 12px; }

#topicPath li:after { padding: 0 12px; content: '＞'; }

#topicPath li.current:after { content: ''; }

#topicPath a, #topicPath span { position: relative; z-index: 900; float: left; color: #3E3A39; -webkit-transition: .2s; transition: .2s; }

#topicPath a:hover, #topicPath span:hover { color: #ED7A3E; }

#topicPath a.redNotes, #topicPath span.redNotes { float: none; color: #c00; }

#topicPath span { float: none; }

#topicPath.-isOpenClass { margin: 0; padding: 15px 0 35px; }

#pageTitle { margin-bottom: 30px; font-size: 36px; line-height: 1; }

#pageTitle span.titleExplan { display: block; margin: 8px 0 18px; letter-spacing: 0; line-height: 1; color: #3E3A39; font-size: 18px; font-weight: normal; }

#pageTitle span.titleExplan.shaded { display: inline-block; padding: 0 14px; background: url(/images/images2016/case/label-bg.png); color: #fff; font-size: 16px; letter-spacing: -1px; line-height: 26px; }

#pageTitle span.titleMain { display: block; }

#pageTitle span.titleMain.titleInline { display: inline; }

#pageTitle span.titleSub { display: block; margin-top: 7px; font-size: 28px; }

#pageTitle span.titleSub.titleInline { display: inline; }

#pageTitle span.titleSub.titleSub_consulting { margin-top: 11px; font-size: 16px; }

#pageTitle span.titleSupple { display: block; margin-top: 8px; font-size: 16px; }

#pageTitle small { font-size: 24px; }

#pageTitle .titleMid { display: block; margin: -.25em 0 .25em 0; color: #3E3A39; }

#pageTitle.noSns { margin-bottom: 50px; }

#pageTitle.noSns span.titleExplan { margin: 8px 0; }

#pageTitle.line3 { margin-top: -8px; margin-bottom: 28px; }

#pageTitle.lineEn { margin-bottom: 34px; }

#pageTitle .existence { display: inline-block; color: #3E3A39; font-size: 60px; letter-spacing: -.025em; line-height: .7; }

#pageTitle .existence.spOnly { display: none; }

/*snsArea*/
.snsArea { padding: 5px 0 15px; overflow: hidden; }

.snsArea ul li { float: left; margin-right: 4px; }

.snsArea ul li:nth-of-type(2) { position: relative; top: 4px; }

.snsArea a { -webkit-transition: .2s; transition: .2s; }

.snsArea a:hover { opacity: 0.8; }

/* basicContent */
.basicContent { position: relative; background: #f2f2f2; }

.basicContent a { -webkit-transition: .2s; transition: .2s; }

.basicContent a:hover { color: #0086af; }

.basicContent.lastContent, .basicContent:last-of-type { padding-bottom: 80px; }

.basicContent .basicContentWrap { position: relative; width: 1000px; margin: 0 auto; }

.basicContent .basicContentWrap p { margin-top: 35px; line-height: 1.6; }

.basicContent .basicContentWrap figure { margin-top: 30px; }

.basicContent .basicContentWrap figure figcaption { display: inline-block; width: 1000px; margin-top: 8px; color: #666; font-size: 14px; letter-spacing: 1px; }

.basicContent .basicContentWrap figure.guestInfo figcaption { display: block; width: 920px; margin-top: 0; padding: 20px 40px 16px; background: #fff; color: #3E3A39; font-size: 18px; font-weight: 600; text-align: left; }

.basicContent .basicContentWrap figure.guestInfo figcaption small { margin-left: 18px; font-size: 14px; font-weight: 500; letter-spacing: -1px; }

.basicContent .basicContentWrap figure.guestInfo figcaption span { display: block; margin-top: 10px; color: #3E3A39; font-size: 14px; font-weight: 500; letter-spacing: -1px; 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: 50px; }

.basicContent .basicContentWrap > ul li { margin-top: 30px; }

.basicContent .basicContentWrap > ul li dl { overflow: hidden; }

.basicContent .basicContentWrap > ul li dl dt { float: left; width: 80px; margin-right: 10px; text-align: center; vertical-align: top; }

.basicContent .basicContentWrap > ul li dl dd { float: left; width: 910px; margin-top: 18px; color: #3E3A39; font-size: 16px; vertical-align: top; }

.basicContent .basicContentWrap > ul li.listenerLine dd { color: #0086af; text-justify: inter-ideograph; text-align: justify; }

.basicContent .basicContentWrap > ul li.iconDoubleLine { position: relative; }

.basicContent .basicContentWrap > ul li.iconDoubleLine dt { width: 120px; }

.basicContent .basicContentWrap > ul li.iconDoubleLine dd { width: 850px; text-justify: inter-ideograph; text-align: justify; }

.basicContent .basicContentWrap > ul li.speakerLine dt { width: 100px; }

.basicContent .basicContentWrap > ul li.speakerLine dd { width: 890px; text-justify: inter-ideograph; text-align: justify; }

.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: 220px; 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 { background: #f2f2f2; overflow: hidden; }

.introContent .introContentWrap { width: 1000px; border-top: solid 1px #999; border-bottom: solid 1px #999; }

.introContent .introContentWrap li { margin: 1em 0; }

.introContent .introContentWrap li:after { display: block; clear: both; content: ''; }

.introContent .introContentWrap li dt { display: inline-block; width: 140px; vertical-align: top; }

.introContent .introContentWrap li dd { display: inline-block; margin-top: 15px; width: 850px; text-justify: inter-ideograph; text-align: justify; vertical-align: top; }

.introContent .introContentWrap li dd .itim { float: right; }

.introContent .introContentWrap li dd p { color: #3E3A39; font-size: 14px; }

.introContent .introContentWrap li dd p .guest { display: block; }

.introContent .introContentWrap li dd p .name { display: block; margin-bottom: 10px; font-size: 24px; line-height: 1; }

.introContent .introContentWrap li dd p .alphabet { margin-left: 2em; font-size: 14px; }

.introContent .introContentWrap li dd p .belong { display: block; margin-bottom: 1em; }

.introContent .introContentWrap li dd p:last-child { color: #3E3A39; letter-spacing: -1px; }

.introContent .introContentWrap li.col2ContentWrap { width: 740px; border: none; }

.introContent .introContentWrap li.col2ContentWrap dd { width: 594px; }

.introContent .introContentWrap a { color: #0086af; }

.introContent .introContentWrap a:hover { opacity: .7; }

.introContent .introContentWrap.col2ContentWrap { border: none; }

.introContent .introContentWrap.col2ContentWrap li dt { width: 115px; }

.introContent .introContentWrap.col2ContentWrap li dt img { width: 96px; height: auto; }

.introContent .introContentWrap.col2ContentWrap li dd { width: 620px; }

.introContentBox dt { display: inline-block; width: 140px; vertical-align: top; }

.introContentBox dd { display: inline-block; margin-top: 15px; width: 850px; text-justify: inter-ideograph; text-align: justify; vertical-align: top; }

.introContentBox dd .itim { float: right; }

.introContentBox dd p { color: #3E3A39; font-size: 14px; }

.introContentBox dd p .guest { display: block; }

.introContentBox dd p .name { display: block; margin-bottom: 10px; font-size: 24px; line-height: 1; }

.introContentBox dd p .alphabet { margin-left: 2em; font-size: 14px; }

.introContentBox dd p .belong { display: block; margin-bottom: 1em; }

.introContentBox dd p:last-child { color: #3E3A39; letter-spacing: -1px; }

.introContentBox.col2ContentWrap { width: 740px; border: none; }

.introContentBox.col2ContentWrap dd { width: 594px; }

/* outlineWrap */
#outlineWrap, .outlineWrap { border-bottom: solid 4px #3E3A39; }

#outlineWrap .address, .outlineWrap .address { padding-bottom: 20px; }

#outlineWrap .address dt, .outlineWrap .address dt { float: left; width: 115px; padding: 10px 1em 0 0; font-weight: bold; }

#outlineWrap .address dt:first-of-type, .outlineWrap .address dt:first-of-type { padding-top: 0; }

#outlineWrap .address dt.open_class_policy_dt, .outlineWrap .address dt.open_class_policy_dt { width: auto; letter-spacing: -.05em; }

#outlineWrap .address dt.open_class_policy_dt + dd, .outlineWrap .address dt.open_class_policy_dt + dd { letter-spacing: -.025em; }

#outlineWrap .address dd, .outlineWrap .address dd { padding: 10px 0 10px 115px; 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 { display: block; color: #c00; font-size: 14px; }

#outlineWrap .address dd .tableline th, #outlineWrap .address dd .tableline td, .outlineWrap .address dd .tableline th, .outlineWrap .address dd .tableline td { border: solid 1px; padding: 5px; }

#outlineWrap .address .linkList, .outlineWrap .address .linkList { overflow: hidden; }

#outlineWrap .address .linkList li, .outlineWrap .address .linkList li { float: left; font-size: 14px; font-weight: normal; }

#outlineWrap .address .linkList li:not(:last-child), .outlineWrap .address .linkList li:not(:last-child) { margin-right: 1em; }

#outlineWrap .address .linkList li a:before, .outlineWrap .address .linkList li a:before { top: 5px; }

#outlineWrap .address .ttl, .outlineWrap .address .ttl { margin: .75em auto .25em; }

#outlineWrap hr, .outlineWrap hr { border: none; border-bottom: solid 1px #ccc; }

#outlineWrap #mapWrap, .outlineWrap #mapWrap { margin-bottom: .25em; }

#outlineWrap .mapWrap, .outlineWrap .mapWrap { margin-bottom: .25em; }

#outlineWrap .inlineBox, .outlineWrap .inlineBox { margin: .5em auto; padding-left: 2em; }

#outlineWrap .inlineBox span, .outlineWrap .inlineBox span { display: inline-block; line-height: 1.3; }

#outlineWrap .inlineBox:last-child, .outlineWrap .inlineBox:last-child { margin-bottom: 0; }

.tabOutline .tabNav { border-bottom: 1px solid #3E3A39; display: -webkit-box; display: flex; }

.tabOutline .tabNav li { padding: .8em 0; width: 100%; line-height: 1; color: #FFF; background: #CCC; font-size: 24px; text-align: center; -webkit-transition: .3s; transition: .3s; cursor: pointer; letter-spacing: .2em; }

.tabOutline .tabNav li.active { background: #3E3A39; }

.tabOutline .tabContentWrap { border-bottom: 1px solid #3E3A39; }

.tabOutline .tabContentWrap > .tabContent { padding: 40px; display: none; background: #FFF; -webkit-transition: .3s; transition: .3s; }

.tabOutline .tabContentWrap > .tabContent .col2headline4:first-of-type { padding-top: 0; }

.tabOutline .tabContentWrap > .tabContent.show { display: block; }

.tabOutline .tabContentWrap > .tabContent #outlineWrap { border: none; }

.tabOutline .tabContentWrap > .tabContent #outlineWrap .address { padding: 0; }

/*#mailRegistration*/
#mailRegistration { width: 100%; padding: 50px 0 74px; background: #f0f0f0; }

#mailRegistration #mailRegistWrap { width: 1000px; margin: 0 auto; }

#mailRegistration #mailRegistWrap label { float: left; margin: 40px 100px 0 0; text-align: center; }

#mailRegistration #mailRegistWrap label span { display: block; margin-top: 1em; font-size: 19px; }

#mailRegistration #mailRegistWrap p { width: 915px; margin: 0 auto 10px; }

#mailRegistration #mailRegistWrap p input { width: 400px; border: 0; line-height: 40px; }

#mailRegistration #mailRegistWrap p input.emailInput { width: 640px; }

#mailRegistration #mailRegistWrap p #submitWrap { position: relative; }

#mailRegistration #mailRegistWrap p #submitWrap img { position: absolute; top: 0; right: 20px; }

#mailRegistration #mailRegistWrap p .btnSubmit { width: 300px; background: #005198; color: #fff; font-size: 16px; font-weight: bold; text-align: left; text-indent: 1em; -webkit-transition: 0.3s; transition: 0.3s; letter-spacing: 2px; }

#mailRegistration #mailRegistWrap p .btnSubmit:hover { background: #62bad5; }

#mailRegistration #mailRegistWrap .mailBtnWrap { position: relative; top: 26px; }

#mailRegistration #mailRegistWrap .mailBtnWrap .btnHome { float: left; width: 300px; height: 40px; line-height: 40px; text-align: left; text-indent: 20px; }

#mailRegistration #mailRegistWrap .mailBtnWrap .btnHome:after { right: 20px; }

#mailRegistration:after { clear: both; display: block; content: ""; }

#mailRegistration.home { min-width: 1000px; margin: 0 auto; padding: 72px 0 64px; }

#mailRegistration.home #mailRegistWrap { text-align: center; }

#mailRegistration.home #mailRegistWrap ul { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

#mailRegistration.home #mailRegistWrap li { width: 100%; }

#mailRegistration.home #mailRegistWrap li > a { display: block; }

#mailRegistration.home #mailRegistWrap li dt { color: #3E3A39; font-size: 20px; text-align: center; }

#mailRegistration.home #mailRegistWrap li dt.icon-tel:before { display: block; margin-bottom: 28px; font-size: 60px; }

#mailRegistration.home #mailRegistWrap li dt.icon-tel > a { pointer-events: none; }

#mailRegistration.home #mailRegistWrap li dt.icon-desk:before { display: block; margin-bottom: 22px; font-size: 63px; }

#mailRegistration.home #mailRegistWrap li dt.icon-mail:before { display: block; margin-bottom: 32px; font-size: 52px; }

#mailRegistration.home #mailRegistWrap li dt.askForm { line-height: 1; }

#mailRegistration.home #mailRegistWrap li dd { margin-top: 20px; font-size: 20px; text-align: center; }

#mailRegistration.home #mailRegistWrap li dd:before { position: relative; top: 5px; right: 5px; font-size: 26px; }

#mailRegistration.home #mailRegistWrap li dd.btnMail { background: #3E3A39; display: inline-block; position: relative; width: 220px; height: 36px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-size: 16px; text-align: left; text-indent: 1em; text-align: center; text-indent: -1em; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: -2px; }

#mailRegistration.home #mailRegistWrap li dd.btnMail a { color: #FFF; }

#mailRegistration.home #mailRegistWrap li dd.btnMail:after { position: absolute; top: 0; right: 5px; content: "a"; font-family: "ilm"; font-size: 20px; }

#mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dd { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; font-size: 1.1em; }

#mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dd a { padding: 0 1em; display: block; width: auto; }

#mailRegistration.home #mailRegistWrap li.mail_magazin_wrap dd a + a { border-left: solid 1px #333; }

/*#applyArea*/
#applyArea { position: relative; padding-bottom: 25px; }

#applyArea #applyWrap { position: relative; width: 1000px; margin: 0 auto; color: #fff; text-align: center; }

#applyArea #applyWrap .applyHeadline { position: relative; margin-bottom: 1em; padding-top: 3em; line-height: 1.2; font-size: 24px; font-weight: bold; }

#applyArea #applyWrap .applyHeadline:before { position: absolute; top: 0; right: 0; left: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f2f2f2 transparent transparent transparent; content: ''; }

#applyArea #applyWrap .applyNotes { padding: 15px 0 30px; font-size: 14px; }

#applyArea #applyWrap .applyNotes .excuse { display: block; font-weight: bold; }

#applyArea.contactCol2 { width: 100%; margin: 0; background: #0086af; }

#applyArea.contactCol2 .applyHeadline { width: 740px; }

#applyArea.contactCol2 .boxentryList { margin-bottom: 2em; }

#applyArea.contactCol2 .boxentryList p { border-bottom: solid 1px; border-bottom-color: #fff; margin-bottom: 1em; }

#applyArea.contactCol2 .boxentryList p.place { margin-bottom: .5em; border: none; font-size: 16px; font-weight: bold; text-align: left; }

#applyArea.contactCol2 .boxentryList .entry-Btn { overflow: hidden; margin-bottom: 2em; }

#applyArea.contactCol2 .boxentryList .entry-Btn li { background: #fff; width: 240px; float: left; margin: 0 10px 10px 0; font-weight: bold; font-size: 20px; line-height: 1.3; display: block; }

#applyArea.contactCol2 .boxentryList .entry-Btn li a { padding: 5px 0; display: block; color: #0086af; width: 100%; }

#applyArea.contactCol2 .boxentryList .entry-Btn li:hover { background: #62bad5; color: #fff; }

#applyArea.contactCol2 .boxentryList .entry-Btn li:hover a { color: #fff; }

#applyArea.contactCol2 .boxentryList .entry-Btn li span { font-size: 15px; font-weight: normal; }

#applyArea.contactCol2 .boxentryList .entry-Btn li:nth-child(3n) { margin-right: 0px; }

#applyArea.contactCol2 .boxentryList_row { margin-bottom: 2em; }

#applyArea.contactCol2 .boxentryList_row ul.listTitle { margin-bottom: 10px; background: #006693; display: -webkit-box; display: flex; justify-content: space-around; -webkit-box-align: center; align-items: center; }

#applyArea.contactCol2 .boxentryList_row ul.listTitle li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; height: 37px; line-height: 1.4; font-size: 14px; font-weight: bold; text-align: center; }

#applyArea.contactCol2 .boxentryList_row ul.listTitle li:before { margin-top: -0.5em; border-right: solid 1px #0186af; position: absolute; top: 50%; left: 0; width: 100%; height: 1em; content: " "; }

#applyArea.contactCol2 .boxentryList_row ul.listTitle li:last-child::before { content: none; }

#applyArea.contactCol2 .boxentryList_row .listPlace { width: 110px; }

#applyArea.contactCol2 .boxentryList_row .listDate { width: 290px; }

#applyArea.contactCol2 .boxentryList_row .listLimit { width: 160px; }

#applyArea.contactCol2 .boxentryList_row .listBtn { width: 160px; }

#applyArea.contactCol2 .boxentryList_row .listPlace span, #applyArea.contactCol2 .boxentryList_row .listDate span, #applyArea.contactCol2 .boxentryList_row .listLimit span { display: none; }

#applyArea.contactCol2 .boxentryList_row .entryList { padding: 10px 0; }

#applyArea.contactCol2 .boxentryList_row .entryList ul { padding-right: 5px; display: -webkit-box; display: flex; justify-content: space-around; -webkit-box-align: center; align-items: center; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li { position: relative; line-height: 1.4; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: -.04em; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listPlace .-icon-online { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listPlace .-icon-online::before { margin-right: .1em; position: relative; line-height: 20px; font-family: "ilm"; font-size: 20px; color: #fff; content: "M"; vertical-align: middle; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listDate { text-indent: -18px; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listLimit { text-indent: -33px; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listBtn { width: 148px; height: 40px; line-height: 43px; background-color: #fff; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listBtn a { display: block; background-color: transparent; color: #0186af; width: 148px; height: 40px; font-size: 16px; }

#applyArea.contactCol2 .boxentryList_row .entryList ul li.listBtn a:after { margin: auto; border-top: 2px solid #0186af; border-right: 2px solid #0186af; position: absolute; top: 0; bottom: 0; right: 1em; width: 0.5em; height: 0.5em; vertical-align: middle; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#applyArea.contactCol2 .boxentryList_row .entryList:nth-child(even) { background-color: #2798bb; }

#applyArea.contactCol2 .boxentryList_row .entryList.line2 { padding: 20px 0; }

#applyArea.contactCol2 .boxentryList_row .entryList.line2 ul { -webkit-box-align: start; align-items: flex-start; }

#applyArea.contactCol2 .applyHeadline + .boxentryList, #applyArea.contactCol2 .applyHeadline + .boxentryList_row { margin-top: 45px; }

#guideArea { background: #f2f2f2; padding: 40px 0; }

#guideArea #guideWrap { width: 1000px; margin: 0 auto; color: #0086af; font-size: 24px; text-align: center; }

#guideArea #guideWrap p:after { position: absolute; right: 0; bottom: -60px; left: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f2f2f2 transparent transparent transparent; content: ''; }

.entryList { text-align: center; }

.entryList dt { padding-top: 15px; color: #fff; font-weight: bold; }

.entryList dt:first-child { border-top: solid 1px #66afc5; border: none; padding-top: 0; }

.entryList dd { border-bottom: solid 1px #66afc5; color: #fff; }

.entryList dd:last-of-type { border: none; }

.entryList dd.limit { font-size: 14px; }

.entryList .btnHome { width: 326px; height: 60px; margin: 10px auto 15px; padding-bottom: 0; border: none; -webkit-transition: 0.4s; transition: 0.4s; }

.entryList .btnHome a { width: 100%; padding: 0; background: #fff; border-radius: 0; color: #0086af; font-size: 18px; line-height: 60px; -webkit-transition: 0.4s; transition: 0.4s; }

.entryList .btnHome:after { top: 5px; right: 5px; font-size: 22px; font-family: "ilm"; color: #0086af; content: "a"; -webkit-transition: 0.4s; transition: 0.4s; }

.entryList .btnHome:hover { color: #fff; opacity: 1; }

.entryList .btnHome:hover a { background: #002f58; }

.entryList .btnHome:hover a, .entryList .btnHome:hover:after { color: #fff; }

.entryList.check_ver .notice { border: none !important; font-size: 1.3em; }

.entryList.check_ver .notice a { border-bottom: solid 2px #fff; display: inline-block; color: #fff; font-weight: bold; }

.entryList.check_ver .notice a:hover { opacity: .8; }

.entryList.check_ver .attentions { display: inline-table; width: auto; text-align: left; }

.entryList.check_ver label { margin-top: 1em; display: block; position: relative; font-size: 1.3em; cursor: pointer; -webkit-transition: .2; transition: .2; }

.entryList.check_ver label:hover { opacity: .8; }

.entryList.check_ver .checkbox_wrap { margin-bottom: 2em; border-bottom: none; max-height: 10em; }

.entryList.check_ver .entry-Btn_wrap { display: none; }

#agree_box { display: none; }

#agree_box:checked ~ .entryList.check_ver .checkbox_dummy:before { opacity: 1; }

#agree_box:checked ~ .entryList.check_ver .checkbox_wrap { margin: 0; opacity: 0; max-height: 0; overflow: hidden; }

#agree_box:checked ~ .entryList.check_ver .entry-Btn_wrap { display: block; }

/*#contactArea*/
#contactArea { background: #f2f2f2; padding-bottom: 100px; }

#contactArea #contactWrap { width: 1000px; height: 100px; margin: 0 auto; padding: 0; background: #fff; }

#contactArea #contactWrap .contactLabel { display: table; float: left; position: relative; width: 328px; height: 100px; box-sizing: border-box; }

#contactArea #contactWrap .contactLabel span { display: table-cell; position: relative; top: 0; left: 0; z-index: 900; padding-left: 35px; color: #fff; font-size: 17px; font-weight: 600; line-height: 22px; vertical-align: middle; }

#contactArea #contactWrap .contactLabel:after { display: block; position: absolute; top: 0; left: 0; z-index: 0; width: 248px; height: 0; border-top: 100px solid #a8a8a8; border-right: 80px solid transparent; content: ""; }

#contactArea #contactWrap .contactTel, #contactArea #contactWrap .contactMail { float: left; height: 100px; margin: 0 24px 0 0; padding-right: 20px; border-right: solid 2px #f0f0f0; background: #fff; font-size: 15px; letter-spacing: -1px; line-height: 100px; vertical-align: top; }

#contactArea #contactWrap .contactTel dt, #contactArea #contactWrap .contactMail dt { display: inline-block; position: relative; right: 10px; vertical-align: sub; }

#contactArea #contactWrap .contactTel dd, #contactArea #contactWrap .contactMail dd { display: inline-block; position: relative; right: 0; font-size: 28px; vertical-align: top; }

#contactArea #contactWrap .contactTel dd a:before, #contactArea #contactWrap .contactMail dd a:before { position: relative; content: "A"; font-size: 36px; font-family: "ilm"; margin-right: 6px; vertical-align: bottom; }

#contactArea #contactWrap .contactMail dd a:before { font-size: 34px; content: "Q"; }

#contactArea #contactWrap .contactLink { display: inline-block; height: 100px; line-height: 100px; vertical-align: top; }

#contactArea #contactWrap .contactLink p.btnHome { display: inline-block; width: 225px; text-indent: -1em; background: #dadf00; }

#contactArea #contactWrap .contactLink p.btnHome a { font-size: 16px; letter-spacing: -1px; color: #3E3A39; }

#contactArea #contactWrap .contactLink p.btnHome:after { content: url(/images/images2016/home/arrow-btn-black.png); }

#contactArea #contactWrap .contactLink p.btnHome:hover { opacity: .6; }

#contactArea #contactWrap .tel_and_mail { margin-left: 0; float: left; width: 450px; height: 100px; line-height: 100px; }

#contactArea #contactWrap .tel_and_mail .contactTel, #contactArea #contactWrap .tel_and_mail .contactMail { margin: 0; padding: 0; border: none; display: block; float: none; height: 50px; line-height: 55px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

#contactArea #contactWrap .tel_and_mail .contactTel dt, #contactArea #contactWrap .tel_and_mail .contactMail dt { right: 5px; width: 150px; font-size: 14px; }

#contactArea #contactWrap .tel_and_mail .contactTel dd, #contactArea #contactWrap .tel_and_mail .contactMail dd { font-size: 26px; }

#contactArea #contactWrap .tel_and_mail .contactTel a, #contactArea #contactWrap .tel_and_mail .contactMail a { color: #3E3A39; text-decoration: none; }

#contactArea #contactWrap .tel_and_mail .contactTel a:hover, #contactArea #contactWrap .tel_and_mail .contactMail a:hover { opacity: .6; }

#contactArea #contactWrap .tel_and_mail .contactMail { line-height: 45px; }

#contactArea #contactWrap .tel_and_mail + .contactLink { padding: 0 1em; border-left: solid 2px #f0f0f0; display: block; float: left; width: 222px; text-align: center; }

#contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome { padding: 0 2em; width: auto; }

#contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome a { font-size: 14px; }

#contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome:after { content: none; }

#contactArea #contactWrap .tel_and_mail + .contactLink p.btnHome: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); }

#contactArea #contactWrap .tel_and_mail.longAddress { width: 470px; }

#contactArea #contactWrap .tel_and_mail.longAddress .contactTel, #contactArea #contactWrap .tel_and_mail.longAddress .contactMail { padding-left: 15px; }

#contactArea.contactCol2 { width: 100%; margin: 0; background: #EEE; }

#contactArea.contactCol2 #contactWrap { height: auto; padding: 45px 0; background: inherit; }

#contactArea.contactCol2 #contactWrap .contactLabel { width: 740px; height: inherit; margin-bottom: 15px; padding: 0 0 10px 0; font-size: 24px; letter-spacing: -1px; line-height: 32px; border: none; border-bottom: solid 2px #3E3A39; position: relative; z-index: 999; }

#contactArea.contactCol2 #contactWrap .contactLabel:after { content: none; }

#contactArea.contactCol2 #contactWrap .contactNotes { width: 740px; margin: 0 0 15px; letter-spacing: -1px; text-justify: inter-ideograph; text-align: justify; position: relative; z-index: 998; }

#contactArea.contactCol2 #contactWrap .contactTel, #contactArea.contactCol2 #contactWrap .contactMail { display: block; float: left; margin: 0; padding: 0 55px; border-right: solid 2px #f0f0f0; position: relative; z-index: 999; }

#contactArea.contactCol2 #contactWrap .contactTel dt, #contactArea.contactCol2 #contactWrap .contactMail dt { right: 0; margin: 0 0.5em 0 0; }

#contactArea.contactCol2 #contactWrap .contactTel dd, #contactArea.contactCol2 #contactWrap .contactMail dd { margin: 0; padding: 0; border: none; }

#contactArea.contactCol2 #contactWrap .contactLink { display: block; float: left; padding: 0 20px; background: #fff; position: relative; z-index: 999; }

#contactArea.contactCol2 #contactWrap .tel_and_mail { margin-left: 0; float: left; width: 450px; height: 100px; line-height: 100px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { margin: 0; padding: 0; border: none; display: block; float: none; height: 50px; line-height: 55px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel dt, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dt { right: 5px; width: 150px; font-size: 14px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel dd, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dd { font-size: 26px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel a, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail a { color: #3E3A39; text-decoration: none; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel a:hover, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail a:hover { opacity: .6; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { line-height: 45px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink { padding: 0 1em; border-left: solid 2px #f0f0f0; display: block; float: left; width: 222px; text-align: center; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome { padding: 0 2em; width: auto; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome a { font-size: 14px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome:after { content: none; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome: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); }

#contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress { width: 470px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress .contactTel, #contactArea.contactCol2 #contactWrap .tel_and_mail.longAddress .contactMail { padding-left: 15px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail { padding: 13px 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; background: #fff; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { padding-left: 40px; height: 36px; line-height: 36px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel dt, #contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dt { right: 0; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail { line-height: 36px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactMail dd { font-size: 18px; letter-spacing: 0; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink { width: 267px; }

#contactArea.contactCol2 #contactWrap .tel_and_mail + .contactLink p.btnHome { width: 225px; }

#contactArea.dl2Line { padding-bottom: 0; }

#contactArea.dl2Line .bgWhite { display: table; overflow: hidden; }

#contactArea.dl2Line #contactWrap .contactTel { display: table-cell; float: none; padding: 0px 43px; line-height: 1.2; vertical-align: middle; }

#contactArea.dl2Line #contactWrap .contactTel dl { padding: 1px 0; }

#contactArea.dl2Line #contactWrap .contactTel dt { width: 150px; }

#contactArea.dl2Line #contactWrap .contactTel dt, #contactArea.dl2Line #contactWrap .contactTel dd { line-height: 38px; vertical-align: middle; }

#contactArea.dl2Line #contactWrap .contactTel dt a, #contactArea.dl2Line #contactWrap .contactTel dd a { color: #3E3A39; }

#contactArea.dl2Line #contactWrap .contactTel .faxLine dd a:before { position: relative; content: "Z"; font-size: 36px; font-family: "ilm"; margin-right: 6px; vertical-align: top; }

#contactArea.dl2Line #contactWrap .contactTel dd:before { font-size: 36px; }

#contactNotes { width: 1000px; 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 { position: absolute; top: 0; left: 50%; width: 220px; margin: 0 0 0 280px; z-index: 999; }

#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: 22px; }

#aside li .datePlace .slideDate:before, #aside li .datePlace .slidePlace:before { top: 3px; font-size: 13px; color: #8f9300; }

#aside #asideIn { position: relative; margin-top: 17px; box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); z-index: 990; opacity: 0; }

#aside #asideIn.on { opacity: 1; }

#aside #asideIn #subNav { background: #FFF; }

#aside #asideIn .topLink { width: 100%; height: 150px; background: #FFF; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; }

#aside #asideIn .topLink a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-indent: -0.5em; position: relative; width: 100%; height: 100%; color: #3E3A39; font-size: 20px; font-weight: bold; -webkit-transition: 0.3s; transition: 0.3s; }

#aside #asideIn .topLink a:after { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "ilm"; font-size: 22px; font-weight: normal; content: "a"; }

#aside #asideIn .topLink:hover { opacity: .7; }

#aside #asideIn .topLink.noLink { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #fff; font-size: 20px; font-weight: bold; text-align: center; vertical-align: middle; }

#aside #asideIn .topLink.noLink:hover { background: #005488; }

#aside #asideIn .panelContent h3 { text-align: left; }

#aside #asideIn .panelContent li dl dd { padding: 0; height: auto; background: none; }

#aside #asideIn .panelContent li dl dd h3 { padding-bottom: 0; }

#aside #asideIn .panelContent li dl dd.LowerRightIcon, #aside #asideIn .panelContent li dl dd.external_icon { position: static; }

#aside #asideIn .panelLink { width: 100%; }

#aside #asideIn dd { position: relative; background: #fff; }

#aside #asideIn dd.current { background: #f3f3f0; }

#aside #asideIn dd > ul { border-top: 1px solid #DDD; }

#aside #asideIn dd li { position: relative; margin: 0; width: 100%; height: auto; float: none; }

#aside #asideIn dd li + li { border-top: solid 1px #ddd; }

#aside #asideIn dd li + li:empty { border: none; }

#aside #asideIn dd li > a:hover { background: #f3f3f0; opacity: 1; }

#aside #asideIn dd li .category, #aside #asideIn dd li a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; position: relative; padding: 18px 20px; line-height: 1.1; z-index: 990; color: #3E3A39; -webkit-transition: 0.3s; transition: 0.3s; }

#aside #asideIn dd li .category:after, #aside #asideIn dd li a:after { position: absolute; top: 50%; right: 5px; margin-top: -0.5em; font-family: "ilm"; font-size: 16px; font-weight: normal; content: "a"; }

#aside #asideIn dd li .category.current, #aside #asideIn dd li a.current { background: #f3f3f0; }

#aside #asideIn dd li .category .current, #aside #asideIn dd li a .current { background: #f3f3f0; }

#aside #asideIn dd li .category .asideNo, #aside #asideIn dd li a .asideNo { display: none; }

#aside #asideIn dd li .category.nolink, #aside #asideIn dd li a.nolink { pointer-events: none; }

#aside #asideIn dd li .category.nolink a:after, #aside #asideIn dd li a.nolink a:after { content: none; }

#aside #asideIn dd li .category { padding: 0; background: #ED7A3E; color: #FFF; }

#aside #asideIn dd li .category a { position: relative; background: #FFF; color: #fff; font-weight: bold; width: 100%; height: 100%; }

#aside #asideIn dd li .category a:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background: #ED7A3E; -webkit-transition: .3s; transition: .3s; }

#aside #asideIn dd li .category a:hover { opacity: 1; }

#aside #asideIn dd li .category a:hover:before { opacity: .7; }

#aside #asideIn dd li .category:after { content: none; }

#aside #asideIn dd li .category.bg_white { background: #fff; color: #3E3A39; font-weight: normal; text-align: left; }

#aside #asideIn dd li .hoverOn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: .75em 1em .75em 1.5em; border-top: solid 1px #ddd; background: #f8f8f8; font-size: .9em; letter-spacing: -.075em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -webkit-transition: 0.3s; transition: 0.3s; }

#aside #asideIn dd li .hoverOn:before { margin-right: .25em; font-family: "ilm"; font-size: 20px; content: "y"; }

#aside #asideIn dd li .hoverOn + .hoverOn { box-shadow: none; }

#aside #asideIn dd .sideBnr { position: absolute; bottom: -140px; width: 100%; }

#aside #asideIn dd .sideBnr a { padding: 0; display: block; }

#aside #asideIn dd .sideBnr a:hover { opacity: .7; }

#aside #asideIn dd .sideBnr a:after { content: none; }

#aside #asideIn dd .sideBnr img { width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; }

#aside #asideIn dd .sideBnr.-bnrBox { margin-top: 20px; top: 0; bottom: auto; }

#aside #asideIn dd .sideBnr.-bnrBox img { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

#aside #asideIn dd .listMark1 > li > a { padding: 7px 38px 7px 20px; letter-spacing: -1px; line-height: 1.33333; }

#aside #asideIn dd .listMark1 > li > a:after { position: absolute; top: 50%; right: 10px; margin-top: -0.65em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#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: absolute; bottom: -380px; margin: 0; }

#aside #asideIn .opinionsBnr .title { padding: .3em 0; background-color: #3E3A39; color: #FFF; text-align: center; }

#aside #asideIn .opinionsBnr .panelHover { height: 340px; }

#aside #asideIn .opinionsBnr a { padding: 0; }

#aside #asideIn .opinionsBnr a:after { content: none; }

#aside #asideIn .opinionsBnr .panelContent { position: relative; width: 100%; height: 100%; background: #fff; color: #3E3A39; z-index: 800; }

#aside #asideIn .opinionsBnr .panelContent dt > img { width: 100%; height: auto; }

#aside #asideIn .opinionsBnr .panelContent dd { padding: 0 15px 15px; }

#aside #asideIn .opinionsBnr .panelContent dd h2 { margin-top: 18px; color: #002f58; font-size: 14px; letter-spacing: -1px; }

#aside #asideIn .opinionsBnr .panelContent dd h3 { margin-top: 12px; font-size: 18px; font-weight: 600; letter-spacing: 0px; line-height: 24px; }

#aside #asideIn .opinionsBnr .panelContent dd .panelInline { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; }

#aside #asideIn .opinionsBnr .panelContent dd p { margin-top: 4px; font-size: 14px; line-height: 20px; }

#aside #asideIn .opinionsBnr .panelContent dd .talkGenreWrap { margin-top: auto; padding-top: 23px; }

#aside #asideIn .opinionsBnr .panelContent dd .talkGenreWrap span { color: #0086af; }

#aside #asideIn .opinionsBnr .panelContent dd .talkGenreWrap span:after { content: "　|　"; }

#aside #asideIn .bnr_openclass { margin: 0; width: 100%; position: absolute; bottom: -420px; }

#aside #asideIn .bnr_openclass a { padding: 0; }

#aside #asideIn .bnr_openclass .paneltitle { padding: .3em 0; width: 100%; background: #3E3A39; color: #fff; text-align: center; }

#aside #asideIn .bnr_openclass img { width: 100%; height: auto; }

#aside #asideIn .bnr_openclass li dl dd { padding: 0 1em 1em; font-size: .95em; }

#aside #asideIn ~ .sideBnr { box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#aside #asideIn ~ .sideBnr a { display: block; }

#aside #asideIn ~ .sideBnr a:hover { opacity: .7; }

#aside .kana { letter-spacing: -2px; }

#aside li a .dispatchHover { font-size: 0; }

#aside.noShadow #asideIn { box-shadow: none; }

/* 2019年版 aside */
#newAside { position: absolute; top: 17px; left: calc(50% + 280px); z-index: 990; width: 220px; opacity: 0; }

#newAside.on { opacity: 1; }

#newAside .navBox { box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#newAside .navBox .topLink { background: #FFF; }

#newAside .navBox .topLinkInner { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 150px; color: #3E3A39; text-align: center; -webkit-transition: .3s; transition: .3s; }

#newAside .navBox .topLinkInner:after { position: absolute; top: 50%; right: 5px; display: inline-block; content: "a"; font-family: "ilm"; font-size: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#newAside .navBox .topLinkInner > small { display: block; position: absolute; top: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); margin-top: -2.25em; line-height: 1; font-weight: bold; }

@media only screen and (max-width: 640px) { #newAside .navBox .topLinkInner > small { margin-top: -.75em; font-size: .7em; } }

#newAside .navBox a.topLinkInner:hover { opacity: .7; }

#newAside .navBox .topLinkTitle, #newAside .navBox .category { display: block; }

#newAside .navBox .topLinkTitle { font-size: 20px; font-weight: bold; }

#newAside .navBox .category { padding: 0 .25em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; font-size: 14px; }

#newAside .navBox .sideNavList { border-top: solid 1px #ddd; background: #FFF; }

#newAside .navBox .sideNavList > li { line-height: 1.1; font-size: 16px; color: #3E3A39; }

#newAside .navBox .sideNavList > li a { padding: 18px 20px; position: relative; display: block; color: #3E3A39; -webkit-transition: .3s; transition: .3s; }

#newAside .navBox .sideNavList > li a:hover { opacity: 1; background: #f3f3f0; }

#newAside .navBox .sideNavList > li a:after { display: inline-block; position: absolute; top: 50%; right: 5px; content: "a"; font-family: "ilm"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#newAside .navBox .sideNavList > li:not(:last-child) { border-bottom: solid 1px #ddd; }

#newAside .navBox .sideNavList > li.current a { color: #FFF; background: #ED7A3E; }

#newAside .sideBnr { margin-top: 20px; background: #FFF; box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#newAside .sideBnr a { display: block; -webkit-transition: .3s; transition: .3s; }

#newAside .sideBnr a:hover { opacity: .7; }

#newAside .sideBnr img { width: 100%; }

#microlearning #newAside .navBox .topLinkTitle { padding-right: 1em; }

.asideOnly { display: none; }

#aside .asideOnly, #newAside .asideOnly { display: block; }

#online #aside #subNav li.categoryList { display: none; }

#online .caseCompany { color: #3E3A39; font-size: 14px; font-weight: bold; }

#caseStudy .caseCompany { display: block; color: #3E3A39; font-size: 14px; font-weight: bold; }

#caseStudy #aside #asideIn dd li .category, #online #aside #asideIn dd li .category { width: 100%; height: 90px; }

#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: 18px 20px; }

#caseStudy #aside #asideIn dd li .category.noLink a:after, #online #aside #asideIn dd li .category.noLink a:after { content: none; }

/*footer*/
footer { position: relative; background: #fff; color: #999; text-align: left; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif; font-size: 13px; font-weight: 500; }

footer a { color: #ececec; }

footer a:visited, footer a:link { color: #ececec; }

footer a:hover { color: #ED7A3E; }

footer #pageTop { position: absolute; top: -95px; right: 0; z-index: 9; text-align: center; width: 0; height: 0; border-style: solid; border-width: 0 0 95px 76px; border-color: transparent transparent #fff transparent; }

footer #pageTop a { display: block; position: absolute; right: 0; width: 76px; height: 95px; cursor: pointer; z-index: 999; }

footer #pageTop a:after { padding: 150px 0 200px; display: inline-block; position: absolute; top: 58px; top: -95px; right: 0; left: 0; z-index: 9999; width: 100%; color: #3E3A39; text-indent: 28px; font-family: "ilm"; font-size: 20px; content: "N"; }

footer #pageTop a:hover { opacity: 1; }

footer #pageTop a:hover:after { color: #999; }

footer #footerWrapper { width: 1000px; margin: 0 auto; padding: 60px 0 45px; }

footer #footerWrapper #footerAddress { float: left; width: 340px; }

footer #footerWrapper #footerAddress p.logo { width: 205px; height: 46px; }

footer #footerWrapper #footerAddress p.logo:hover { -webkit-filter: saturate(2); filter: saturate(2); opacity: .8; }

footer #footerWrapper #footerAddress .address { margin-top: 55px; font-size: 14px; line-height: 20px; }

footer #footerWrapper #footerAddress .tel { margin-top: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 24px; }

footer #footerWrapper #footerAddress .tel a { color: #3E3A39; }

footer #footerWrapper #footerAddress .tel:before { margin-right: 5px; font-size: 32px; vertical-align: sub; color: #3E3A39; }

footer #footerWrapper #footerAddress .privacyIcon { margin: 55px 0 0; }

footer #footerWrapper #footerAddress .privacyIcon a { display: inline-block; }

footer #footerWrapper #footerSiteMap { float: right; width: 660px; margin-left: 0; font-size: 14px; }

footer #footerWrapper #footerSiteMap h3 { font-size: 16px; margin-bottom: 4px; }

footer #footerWrapper #footerSiteMap h3 a { color: #3E3A39; font-size: 16px; -webkit-transition: .2s; transition: .2s; }

footer #footerWrapper #footerSiteMap h3 a:hover { opacity: .6; }

footer #footerWrapper #footerSiteMap .siteList { margin-bottom: 20px; }

footer #footerWrapper #footerSiteMap .siteList:after { display: block; clear: both; content: ""; }

footer #footerWrapper #footerSiteMap .siteList ul { margin-top: 2px; }

footer #footerWrapper #footerSiteMap .siteList ul li { float: left; }

footer #footerWrapper #footerSiteMap .siteList ul li:after { padding: 7px 18px; content: "|"; }

footer #footerWrapper #footerSiteMap .siteList ul li:last-child:after { display: none; }

footer #footerWrapper #footerSiteMap .siteList ul li a { line-height: 1; color: #999; -webkit-transition: .2s; transition: .2s; }

footer #footerWrapper #footerSiteMap .siteList ul li a:hover { color: #3E3A39; opacity: 1; }

footer #footerWrapper #footerSiteMap .siteList .categoryWrap h3 { display: inline-block; line-height: 1; }

footer #footerWrapper #footerSiteMap .siteList .categoryWrap h3:not(:first-child) { margin-left: 1em; padding-left: 1em; border-left: 1px solid #fff; }

footer #footerWrapper #footerSiteMap .otherList { margin: 0; padding-top: 20px; border-top: solid 1px #4d6984; }

footer #footerWrapper #footerSiteMap .otherList li:last-child { border: none; }

footer #copyrightWrap { width: 100%; padding: 20px 0 45px; background: #000; border-top: solid 2px #b23031; color: #666666; font-size: 12px; text-align: center; }

.imgBoder-gray { border: 1px solid #bcc1c6; }

.mcPersonWrap .mcPerson { width: 1000px; margin: 0 auto; padding: 25px 0; }

.mcPersonWrap .mcPerson dt { display: inline-block; width: 80px; margin-right: 5px; vertical-align: middle; }

.mcPersonWrap .mcPerson dd { display: inline-block; color: #3E3A39; font-size: 16px; vertical-align: middle; }

.mcPersonWrap .mcPerson dd .listener { color: #b23031; }

.mcPersonWrap .mcPerson dd .belong { display: block; font-size: 12px; letter-spacing: -1px; }

.mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -2px; }

.mcPersonWrap + hr { margin: 0; border-top: solid 1px #ccc; }

.mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; }

.mcPersonWrap.col2 { margin: 0 auto; display: -webkit-box; display: flex; width: 1000px; }

.mcPersonWrap.col2 .mcPerson { margin: 0; width: 50%; }

.zoomEffect .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); }

.zoomEffect.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.zoomEffect.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.zoomEffect.mfp-ready.mfp-bg { opacity: 0.8; }

.zoomEffect.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; }

.zoomEffect.mfp-removing.mfp-bg { opacity: 0; }

#mailRegistration.home #mailRegistWrap li:first-child { display: none; }

#contactArea #contactWrap .tel_and_mail .contactTel { margin-bottom: -1.5em; opacity: 0; }

#contactArea.contactCol2 #contactWrap .tel_and_mail .contactTel { display: none; }

#contact .contactForm .info { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

#contact .contactForm .info .contactTel { display: none !important; }

.telBox.hide dt:first-of-type, .telBox.hide dd:first-of-type { display: none; }

.telBox.hide dt:first-of-type + dt, .telBox.hide dd:first-of-type + dt { margin: 0; }

.telBox.hide dt.thisLastTel, .telBox.hide dd.thisLastTel { display: none !important; }

.telBox.hide .contactMail.line1 { margin: 0 !important; }

footer #footerWrapper #footerAddress .tel { display: none; }

@media only screen and (max-width: 640px) { #contactArea #contactWrap .tel_and_mail .contactTel { margin-bottom: -.5em; opacity: 1; } #contactArea #contactWrap .tel_and_mail .contactTel dt, #contactArea #contactWrap .tel_and_mail .contactTel dd { display: none; } #contact .contactForm .info .contactMail { margin-top: 0 !important; } }

/*font*/
.bold { font-weight: bold; }

.normalTx, .normal { font-weight: normal; }

.red { color: #C00; }

.red.textOutline { text-shadow: 0 0 1em rgba(255, 255, 255, 0.6); }

.black { color: #3E3A39; }

.yellow { color: #ffcc00; }

.underLine { /* text-decoration: underline; */ border-bottom: 1px solid; padding-bottom: 1px; }

.cancel { text-decoration: line-through; }

.attentions { display: table; width: 100%; }

.attentions:before { display: table-cell; width: 1.25em; content: "※"; }

.attentions.circle:before { content: "◎"; }

.attentions.asta:before { content: "＊"; }

/*COMMON layout*/
.lineH1, .lh1 { line-height: 1; }

.parag > p { margin-bottom: 1.5em; line-height: 1.75; }

.parag > p:last-of-type { margin-bottom: 0; }

.textCenter { text-align: center; }

.textJust { text-align: justify; text-justify: inter-ideograph; }

.textJust .btnOnline { text-align: center; margin-top: 2em; }

.textJust .btnOnline a { background: url("/images/images2016/consulting/w-mgr/btn_commentary_on.png") no-repeat; display: inline-block; text-align: center; }

.textJust .btnOnline a:hover { background-color: transparent; }

.textJust .btnOnline a:hover img { visibility: hidden; }

.textJust .blueTitle { font-size: xx-large; text-align: center; color: #3e6ec2; }

.textJust .blueTitle_sub { text-align: right; font-size: initial; font-weight: 600; margin: 1em 0 2em; }

.textRight { text-align: right; }

.textLeft { text-align: left !important; }

.textLeft.assessmentddtop { padding: 40px 4px 0; }

.textLeft.bold { font-weight: bold; }

.noMargin { margin: 0 !important; }

.right { float: right; }

.left { float: left; }

.clear { clear: both; }

.clearFix:after { clear: both; display: block; content: ''; }

.clearFix.cusumano01 ul { margin-top: 2em; }

.clearFix.cusumano01 ul li { float: left; width: 33.33333%; height: 250px; text-align: center; }

.clearFix.cusumano01 ul li dl { margin-top: 10px; }

.clearFix.cusumano01 ul li dl dt { font-weight: bold; }

.clearFix.cusumano01 ul li dl dd { font-size: small; }

.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: 80px !important; }

a.noIcon:after { content: none !important; }

.top0 { margin-top: 0 !important; padding-top: 0 !important; }

.mt0 { margin-top: 0; }

.pt0 { padding-top: 0; }

.top25emM, .mt25em { margin-top: .25em; }

.top25emP, .pt25em { padding-top: .25em; }

.top5emM, .mt5em { margin-top: .5em; }

.top5emP, .pt5em { padding-top: .5em; }

.top1emM, .mt1em { margin-top: 1em; }

.top1emP, .pt1em { padding-top: 1em; }

.top2emM, .mt2em { margin-top: 2em; }

.top2emP, .pt2em { padding-top: 2em; }

.top3emM, .mt3em { margin-top: 3em; }

.top3emP, .pt3em { padding-top: 3em; }

.top30m { margin-top: 30px; }

.top30p { padding-top: 30px; }

.top40m { margin-top: 40px; }

.top40p, .pt40 { padding-top: 40px; }

.btm0 { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.btm25emM, .mb25em { margin-bottom: .25em; }

.btm25emP, .pb25em { padding-bottom: .25em; }

.btm5emM, .mb5em { margin-bottom: .5em; }

.btm5emP, .pb5em { padding-bottom: .5em; }

.btm1emM, .mb1em { margin-bottom: 1em; }

.btm1emP, .pb1em { padding-bottom: 1em; }

.btm2emM, .mb2em { margin-bottom: 2em; }

.btm2emP, .pb2em { padding-bottom: 2em; }

.btm15 { padding-bottom: 15px; }

.btm30m { margin-bottom: 30px; }

.btm30p { padding-bottom: 30px; }

.btm40m { margin-bottom: 40px; }

.btm40p { padding-bottom: 40px; }

.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; }

/*COMMON color*/
.bgWhite { background: #fff; }

.bgLightBlue { background: #e6eeee; }

.bgLightYellow { background: rgba(218, 223, 0, 0.1); }

/**btnHome**/
a { color: #3E3A39; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; }

a.underline { color: #0086af; text-decoration: underline; }

a.underline:hover { opacity: .8; text-decoration: none; }

.hover_opacity a:hover, .hover_opacity:hover { opacity: .7; }

.btnHome { position: relative; width: 260px; height: 50px; padding: 0; background: #005198; color: #fff; letter-spacing: -1px; line-height: 50px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; }

.btnHome:hover { opacity: .7; }

.btnHome a { display: block; color: #fff; font-weight: 600; text-indent: -1em; }

.btnHome:after { position: absolute; top: 2px; right: 10px; content: url(/images/images2016/home/arrow-btn.png); cursor: pointer; }

.btnHome.btnHome_width_auto { display: inline-block; width: auto; height: auto; line-height: 1; }

.btnHome.btnHome_width_auto a { padding: 1em 3em; }

.btnHome.btnHome_width_auto: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); }

.basicContent .btnHome a:hover { color: #FFF; }

hr { margin: 1em 0; }

.panelLink { position: relative; }

.panelLink a { display: block; }

.panelLink a .panelHover { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; z-index: 999; -webkit-transition: 0.5s; transition: 0.5s; }

.panelLink a .panelHover:hover { opacity: 1; z-index: 999; }

.panelLink a:hover { color: inherit; opacity: 1; }

.kana1 { letter-spacing: -1px; }

.kana { letter-spacing: -2px; }

.kana2 { letter-spacing: -2px; }

.kana3 { letter-spacing: -3px; }

.panelContent h3 { text-align: justify; text-justify: inter-ideograph; }

.letterSpace0, .ls0 { letter-spacing: 0; }

.letterSpace1, .ls1 { letter-spacing: -.025em; }

.letterSpace2, .ls2 { letter-spacing: -.05em; }

.letterSpace3, .ls3 { letter-spacing: -.075em; }

.font_century { font-family: 'Century Gothic', sans-serif; }

.fz_large, .fz-large, .fzLarge { font-size: 1.1em; }

.fz_small, .fz-small, .fzSmall { font-size: .9em; }

.headlineOpinion { padding: 21px 0; border-top: solid 2px #3E3A39; border-bottom: solid 2px #3E3A39; font-size: 28px; font-weight: 600; letter-spacing: -1px; line-height: 1.5; }

.headline3Border { color: #0086af; font-size: 22px; letter-spacing: 1px; }

.headline4 { margin-bottom: 30px; padding: 60px 0 4px; border-bottom: solid 4px #3E3A39; font-size: 24px; font-weight: 600; letter-spacing: -1px; line-height: 1.5; }

.headline_bk { color: #3E3A39; font-size: 28px; font-weight: bold; }

.headline_lb { color: #0086af; font-size: 20px; font-weight: bold; }

.col2headline3 { padding: 40px 0 0; font-size: 20px; letter-spacing: -1px; line-height: 1.14285714285714; }

.col2headline3.col2headline3_mainContent { padding-top: 0; color: #0086af; }

.col2headline4 { margin-bottom: 30px; padding: 60px 0 4px; border-bottom: solid 4px #3E3A39; font-size: 28px; font-weight: 600; letter-spacing: -1px; line-height: 1.5; }

.col2headline5 { margin-bottom: 20px; padding: 40px 0 4px; color: #0086af; font-size: 22px; letter-spacing: 0; line-height: 1.4545; }

.col2headline6 { margin: 2em auto 1.25em; border-bottom: solid 2px #3E3A39; font-size: 22px; font-weight: bold; letter-spacing: -.05em; }

.col2headline6.noBorder { margin-bottom: .75em; border: none; }

.col2headline6.headline_ol { padding-left: 1.75em; text-indent: -1.75em; }

.col2headline6.headline_ol + p { padding-left: 2.5em; }

.col2headline7 { margin: 20px 0 10px; overflow: hidden; }

.col2headline7 div { position: relative; }

.col2headline7 div:after { margin-left: .2em; position: absolute; top: .8em; width: 100%; height: 1px; background-color: #CCC; content: ""; }

.col2headline-blue, .col2headline-yellow { margin: 30px 0 5px; font-size: 20px; font-weight: bold; line-height: 1.25; }

.col2headline-blue { color: #005198; }

.col2headline-yellow { color: #8f9300; }

.col2headline_lb { margin-bottom: 14px; padding: 10px 0; border-bottom: solid 1px #ccc; color: #0086af; font-size: 22px; font-weight: bold; }

.col2headline20_bk { margin-bottom: .5em; color: #3E3A39; font-size: 20px; font-weight: bold; }

.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: " "; }

.col2headline16_bk { padding-top: 30px; border-bottom: solid 1px #3E3A39; line-height: 3.25; }

.borderTtl { margin: .5em 0 0; padding: 1em 1em 2.5em; border-bottom: solid 2px #3E3A39; font-size: 20px; font-weight: bold; }

.komidashi { margin-bottom: 1em; padding: 2em 0 0; font-size: 1.125em; font-weight: bold; text-indent: -.5em; }

@media only screen and (max-width: 640px) { .komidashi { margin-bottom: .75em; font-size: 1.077em; } }

.lead { padding: 0 0 30px; }

.lead a { color: #0086af; text-decoration: underline; -webkit-transition: .2s; transition: .2s; }

.lead a:hover { text-decoration: none; opacity: 0.8; }

.col2Lead { position: relative; width: 740px; padding-top: 40px; letter-spacing: 0; z-index: 990; }

.col2Lead p { margin-bottom: 1em; letter-spacing: -1px; text-justify: inter-ideograph; text-align: justify; }

.col2Lead p:last-child { margin-bottom: 0; }

/*catch*/
.catch { padding: 40px 0; font-size: 20px; color: #0086af; letter-spacing: -.025em; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.catch.onlyLead { margin-bottom: 2em; padding-bottom: 0; color: #3E3A39; }

.catch.onlyLead + .notes { margin-top: -1em; font-size: 1em; line-height: 1.4; color: #666; }

.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 { padding: 0 0 0 1em; font-size: 13px; text-indent: -1em; line-height: 1.2; }

.notes + .notes { margin: -10px 0 10px !important; }

.notes.noneIndent { padding: 0; text-indent: 0; }

.col2Notes { position: relative; width: 740px; padding-top: 10px; padding-left: 1em; font-size: 13px; line-height: 16px; letter-spacing: 1px; text-indent: -1em; z-index: 900; }

.redNotes { color: #c00; }

.redNotesBrd { padding: 35px 0; border-top: solid 2px #c00; border-bottom: solid 2px #c00; color: #c00; font-size: 20px; font-weight: bold; line-height: 1; }

.co2Visual { width: 740px; 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 { position: relative; margin-top: 40px; padding: 40px; background: #fff; font-weight: 600; letter-spacing: -1px; text-align: center; }

.boxCommentary.top30m, .boxCommentary2.top30m { margin-top: 30px; }

.boxCommentary ul, .boxCommentary ol, .boxCommentary2 ul, .boxCommentary2 ol { padding-left: 1em; }

.boxCommentary ul li, .boxCommentary ol li, .boxCommentary2 ul li, .boxCommentary2 ol li { line-height: 1.75; }

.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 ol, .boxCommentary2 ol { padding-left: 2em; }

.boxCommentary dl, .boxCommentary2 dl { overflow: hidden; }

.boxCommentary dl dt, .boxCommentary2 dl dt { display: block; font-size: 18px; }

.boxCommentary dl dd, .boxCommentary2 dl dd { display: block; top: 0; margin-top: 3px; font-weight: 500; line-height: 1.8; }

.boxCommentary dl:nth-of-type(2), .boxCommentary2 dl:nth-of-type(2) { margin-top: 10px; }

.boxCommentary.picLeft, .boxCommentary2.picLeft { position: absolute; top: 0; right: 0; width: 280px; margin-top: 0; padding: 0; }

.boxCommentary.picLeft dd, .boxCommentary2.picLeft dd { padding: 20px; font-size: 14px; }

.boxCommentary.picLeft:after, .boxCommentary2.picLeft:after { content: ""; }

.boxCommentary p, .boxCommentary2 p { margin-top: 0; }

.boxCommentary .normal, .boxCommentary .textNormal, .boxCommentary2 .normal, .boxCommentary2 .textNormal { font-weight: normal; }

.boxCommentary.paddingNone, .boxCommentary2.paddingNone { padding: 0; }

.boxCommentary:after { display: inline-block; position: absolute; right: 0; bottom: -20px; left: 0; width: 920px; margin: 0 auto; content: url(/images/images2016/box-shadow.png); z-index: 999; }

.boxCommentary2 { display: inline-block; width: 740px; margin-top: 0; box-sizing: border-box; }

.boxCommentary2:after { display: inline-block; position: absolute; right: 0; bottom: -20px; left: 0; width: 680px; margin: 0 auto; content: url(/images/images2016/box-shadow-col2.png); z-index: 999; }

.boxCommentary2.blankSpace { margin-bottom: 2em; }

.boxCommentary2.thumbBox { padding: 0; text-align: left; font-weight: 500; }

.boxCommentary2.thumbBox a { padding: 20px; display: -webkit-box; display: flex; color: #3E3A39; }

.boxCommentary2.thumbBox .thumbArea { margin-right: 20px; width: 238px; }

.boxCommentary2.thumbBox .thumbArea img { width: 100%; }

.boxCommentary2.thumbBox .textArea { width: calc(100% - 258px); }

.boxCommentary2.thumbBox .blueText { font-size: 14px; color: #0086af; }

.boxCommentary2.thumbBox .barText { margin-top: 10px; position: relative; font-size: 14px; font-weight: bold; overflow: hidden; }

.boxCommentary2.thumbBox .barText:after { margin-left: .5em; position: absolute; top: 50%; width: 442px; height: 1px; content: ""; background: #000; }

.boxCommentary2.thumbBox ul li { line-height: 1.5; }

.boxCommentary2.thumbBox .list2 { font-size: 14px; }

.boxCommentary2.thumbBox + .thumbBox { margin-top: 2em; }

.boxNotes { margin-top: 27px; line-height: 1.75; }

.blackBox { margin-bottom: 35px; padding: 25px 20px; background: #3E3A39; color: #fff; font-weight: bold; }

.blackBox dt { margin-bottom: 0.5em; font-size: 24px; }

/*画像*/
.textPhotoSmall { float: right; /*margin-right: 20px;*/ padding: 0 0 1em 50px; }

.textPhotoSmall span { display: block; width: 192px; margin-top: 1em; font-size: 12px; }

.textPhotoSmall.afterPhoto { position: absolute; top: 80px; right: 20px; }

.textPhotoSmall300 { float: right; margin-right: 20px; margin-left: 20px; }

.textPhotoSmall300 span { display: block; width: 302px; margin-top: 1em; font-size: 12px; }

.textPhotoSmall300.afterPhoto { position: absolute; top: 80px; right: 20px; }

.textPhoto { width: 748px; }

.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; }

.nolink { pointer-events: none; }

.nolink:hover { color: inherit !important; background: inherit !important; }

.link_hidden { display: none !important; }

.link_arrow_wrap { position: relative; margin: 0 auto; width: 1000px; }

.link_arrow { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: absolute; top: 50%; right: 0; font-size: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.2s; transition: 0.2s; }

.link_arrow:hover { opacity: .6; }

.link_arrow:before { margin-right: 0.4em; font-family: "ilm"; font-size: 22px; font-weight: normal; content: "y"; }

.link_arrow.link_arrow_inline { position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); }

.link_arrow_inlineWrap { display: inline-block; position: relative; }

.link_arrow_inlineWrap .link_arrow { position: relative; -webkit-transform: translateY(0); transform: translateY(0); }

/* sample > online/cogaku.html */
.innerLink2 li { display: inline-block; }

.innerLink2 a { border-radius: 3px; display: block; padding: .5em 1em; line-height: 1; background: #6a8ca1; color: #fff; }

.innerLink2 a:hover { color: #fff; opacity: .7; }

.innerLink2 a:after { margin-left: .5em; content: "＞"; }

.innerLink3 { margin: 0 auto; padding: 20px 0; /* /ul */ }

.innerLink3 ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; /* column2 */ /* column3 */ }

.innerLink3 ul li a { display: block; position: relative; text-align: center; padding: 1em; background: #6a8ca1; color: #FFF; text-decoration: none; line-height: 1; border-radius: 3px; font-size: .9em; }

.innerLink3 ul li a:after { content: "" !important; background: url(/images/scrollArrowBottom.png) no-repeat; width: 9px; height: 10px; position: absolute; bottom: 0; display: block; left: 47%; }

.innerLink3 ul li a:hover { background: #1b3644; color: #fff; }

.innerLink3 ul li.type2 a { background: #c27d7f; }

.innerLink3 ul li.type2 a:hover { background: #900000; }

.innerLink3 ul li.type2 a span { margin-top: 15px; }

.innerLink3 ul.column2 li { width: 49%; }

.innerLink3 ul.column3 li { width: 32%; }

.innerLink3 ul.line3 li a { height: 6em; }

.innerLink3 ul.line3 li span { margin-top: .25em; display: block; }

.innerLink3 ul.line3 li span.info { display: block; font-size: 10px; font-weight: bold; background: #1b3644; color: #fff; padding: 3px 0; width: 100%; margin: -5px auto 5px auto; }

.indent1 { padding-left: 1em; }

.indent2 { padding-left: 2em; }

/*LIST*/
ul li a { -webkit-transition: .2s; transition: .2s; }

ul li a:hover { opacity: .7; }

.listIndent li { padding-left: 1em; text-indent: -1em; }

.listIndent li.sales_enhancement { text-indent: -1.3em; }

.list1 { margin-top: 25px; }

.list1 li { margin-top: 1em; padding-left: 1em; text-indent: -1em; }

.list1 li:first-child { margin-top: 0; }

.list1 li a { -webkit-transition: .2s; transition: .2s; }

.list1 li a:hover { opacity: .7; }

.list1.number { list-style: decimal; }

.list1 dt { margin-bottom: 10px; font-size: 22px; font-weight: bold; line-height: 32px; }

.list2 li { padding-left: 1.25em; letter-spacing: 0; text-indent: -1.25em; }

.list2 li:before { display: inline; margin-right: 0.25em; content: "・"; }

.list2.list2_margin li + li { margin-top: .5em; }

.list2.list2-1em li + li { padding-top: 1em; }

.list3 li { margin: 0 0 13px; padding: 0 0 0 2.25em; text-indent: -2em; }

.list3 li:last-child { margin-bottom: 0; }

.list3 li:before { position: relative; top: 3px; margin: 0 0.5em 0 0; content: 'W'; font-family: 'ilm'; font-size: 21px; line-height: 1; vertical-align: text-bottom; }

.list3 li dl { margin: 10px 0 0; }

.list3 li dt { margin: 0 0 10px; text-indent: 0; }

.list3 li dd { margin: 0; padding: 0; }

.list3 li a { -webkit-transition: .2s; transition: .2s; }

.list3 li a:hover { opacity: .7; }

.list3 li ul { list-style: disc; margin: 0 0 0 1.5em; font-weight: normal; }

.list3 li ul.number { list-style: decimal; }

.list3 li ul.m125 { margin: .5em 0 .5em 1.25em; }

.list3 li ul.m125 li { font-weight: normal; }

.list3 li ul.noDisc { margin-left: 0; list-style-type: none; }

.list3 li ul.line { margin: .5em 0 0; list-style: none; }

.list3 li ul.line > li { display: table; }

.list3 li ul.line > li:before { display: table-cell; top: 0; width: 1.25em; content: "−"; }

.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 10px 2em; }

.list4 li { margin: 0 0 0.5em; }

.list4 li a { -webkit-transition: .2s; transition: .2s; }

.list4 li a:hover { opacity: .7; }

.listSol { list-style: square; list-style-position: inside; margin: 0; font-weight: bold; text-align: left; }

.listSol li { margin-bottom: 0; }

.listSol li ul { list-style: disc; margin: 0 0 0 2em; }

.detailList { margin: 24px 0 0; }

.detailList li { padding: 14px 0; border-top: solid 1px #ccc; }

.detailList li:last-child { border-bottom: solid 1px #ccc; }

.detailList.large { margin: 10px 0 15px 1.6em; }

.detailList dt { padding-left: 1.25em; text-indent: -1.25em; color: #3E3A39; font-weight: bold; }

.detailList dt:before { display: inline; margin-right: 0.25em; content: "・"; }

.detailList dd { margin-left: 1.425em; color: #3E3A39; font-size: 14px; }

.detailList dd a { display: inline-block; margin: 3px 0; color: #0086af; -webkit-transition: .2s; transition: .2s; }

.detailList dd a:after { content: ''; }

.detailList dd a:hover { opacity: 0.7; }

.detailList dd p:last-child { margin-top: 0.5em; font-size: 16px; }

.grayList, .grayList2 { margin: 30px auto; padding: 35px 40px; background: #f2f5f8; }

.grayList li, .grayList2 li { margin-bottom: 0.5em; padding-left: 1em; color: #005198; font-size: 18px; text-indent: -1.5em; }

.grayList li:last-child, .grayList2 li:last-child { margin-bottom: 0; }

.grayList li:before, .grayList2 li:before { display: inline-block; width: 20px; height: 0; margin-right: 0.5em; border: solid 1px #005198; box-sizing: border-box; vertical-align: middle; content: " "; }

.grayList li a, .grayList2 li a { -webkit-transition: .2s; transition: .2s; }

.grayList li a:hover, .grayList2 li a:hover { opacity: .7; }

.grayList li .listTtl, .grayList2 li .listTtl { display: inline-block; width: 3em; margin-left: 1.5em; }

.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 li.grayList-heading, .grayList2 li.grayList-heading { font-weight: bold; }

.grayList li.grayList-heading:not(:first-child), .grayList2 li.grayList-heading:not(:first-child) { margin-top: 2em; }

.grayList.number, .grayList2.number { list-style: decimal; }

.grayList2 { margin: 0 0 1em; }

.grayList2 li { text-indent: -1.25em; }

.grayList2 li:before { content: none; }

.lineList li { padding-left: 1em; text-indent: -1em; }

.lineList li:before { display: inline-block; width: 20px; height: 0; margin-right: 0.5em; border: solid 1px #000; box-sizing: border-box; vertical-align: middle; content: " "; }

.linkList li, .linkList p { padding-left: 1.7em; font-size: 18px; }

.linkList li a, .linkList p a { position: relative; left: -1.7em; -webkit-transition: .2s; transition: .2s; }

.linkList li a:hover, .linkList p a:hover { opacity: .7; }

.linkList li a:before, .linkList p a:before { position: relative; top: 3px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

.linkList.number { list-style: decimal; }

.linkList2 { width: 1000px; margin: 0 auto; }

.linkList2 li { display: inline; padding: 0 0.5em 0 0; font-size: inherit; text-indent: inherit; }

.linkList2 li a { -webkit-transition: .2s; transition: .2s; }

.linkList2 li a:hover { opacity: .7; }

.linkList2 li a:before { top: 5px; }

.linkList2 li a:before { position: relative; top: 3px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

.linkList2.number { list-style: decimal; }

.linkList3 li { margin-bottom: 1em; }

.linkList3 li a { display: block; }

.linkList3 li a:hover { filter: alpha(opacity=80); opacity: 0.8; }

.linkList3 li p { display: inline-block; vertical-align: middle; }

.linkList3 li p:first-child { width: 157px; text-align: center; margin-right: 1em; }

.oList, .oListN { margin: 0 0 0 0.5em; font-weight: bold; }

.oList > li, .oListN > li { padding-left: 1em; margin-top: 0.5em; list-style-position: inside; text-indent: -1.1em; }

.oList > li:first-child, .oListN > li:first-child { margin-top: 0; }

.oList > li a, .oListN > li a { -webkit-transition: .2s; transition: .2s; }

.oList > li a:hover, .oListN > li a:hover { opacity: .7; }

.oList > li p, .oListN > li p { margin-top: .5em; font-weight: normal; text-indent: 0; }

.oList > li .ddd, .oListN > li .ddd { list-style: disc; margin: 0 0 0 2em; font-weight: normal; padding: 0; }

.oList > li .ddd:last-child, .oListN > li .ddd:last-child { margin-bottom: 5px; }

.oList > li .ddd li, .oListN > li .ddd li { margin: 0 0 5px 0; padding-left: 0px; list-style-position: outside; }

.oList + .noteO, .oListN + .noteO { margin-top: 1em; padding-left: 1.5em; font-size: 13px; }

.oList.number, .oListN.number { list-style: decimal; }

.oList.number li, .oListN.number li { padding: 0 0 0 1em; text-indent: -1.15em; }

.oListN { font-weight: normal; }

.panelList1 { width: 1000px; margin: 0 auto; padding-bottom: 5px; }

.panelList1 li { margin-bottom: 5px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.panelList1 li:before { display: inline; position: absolute; top: 50%; left: 20px; margin-top: -15px; font-family: "ilm"; font-size: 20px; content: "y"; }

.panelList1 li p { padding: 15px 20px 15px 60px; }

.panelList1 li p .date { display: block; font-size: .8em; color: #0086af; }

.panelList1 li a { display: block; width: 100%; height: 100%; }

.panelList1 li:last-child { margin-bottom: 0; }

.panelList1 li.pdf { position: relative; }

.panelList1 li.pdf:after { display: block; position: absolute; top: 50%; right: 20px; line-height: 0; content: url(/images/images2016/case/icon-pdf.png); opacity: .6; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; transition: .3s; }

.panelList1 li.pdf:hover:after { opacity: 1; }

.panelList1 .label { margin-right: 1em; padding: .2em .6em; display: inline-block; border: 2px solid #0086af; border-radius: 5px; line-height: 1; min-width: 90px; color: #0086af; font-size: 14px; text-align: center; vertical-align: top; }

.panelList1.number { list-style: decimal; }

.squareList1:after { clear: both; display: block; content: ''; }

.squareList1 li { float: left; width: 48%; margin: 0 1% 1%; padding: 10px; background: #EEE; text-align: center; font-weight: bold; box-sizing: border-box; border-radius: 3px; }

.voiceList li { margin-top: 0.5em; padding-left: 2em; position: relative; }

.voiceList li:first-child { margin-top: 0; }

.voiceList li:before { position: absolute; top: 0; left: 0; font-family: "ilm"; font-size: 24px; font-weight: normal; vertical-align: middle; content: "X"; }

.voiceList li a { -webkit-transition: .2s; transition: .2s; }

.voiceList li a:hover { opacity: .7; }

.voiceList.number { list-style: decimal; }

.inlineList { padding: 1em 0; }

.inlineList h4 { margin: 0 0 .5em; }

.inlineList li { padding-left: 1em; position: relative; }

.inlineList li + li { margin-top: .5em; }

.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: 1em 0 1em; text-align: center; }

.col2CenterList li { display: inline-block; width: 50%; padding: 1.5em; vertical-align: top; }

.col2CenterList li img { padding-bottom: .5em; }

.list125 { padding-left: 1.25em; text-indent: -1.25em; }

.listDisc { padding-left: 1.5em; list-style: disc outside; text-indent: 0; }

.listDisc li + li { margin-top: .25em; }

.listDisc.listDisc_bold { font-weight: bold; }

.movieList { padding: 1em; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; background: #3c3c3c; background-image: url(/images/slopingBg2.png); text-align: center; }

.movieList li { display: inline-block; width: 49%; }

.movieList li a { color: #fff; }

.movieList .iframeWrap { position: relative; margin-bottom: .5em; padding-bottom: 56.25%; }

.movieList .iframeWrap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.barList li { padding-left: 1em; text-indent: -1em; }

.barList li:before { margin: 0; content: "ー"; }

.listBorderSquare > li { padding-left: 1.2em; position: relative; text-indent: 0; font-weight: normal; }

.listBorderSquare > li:before { position: absolute; left: 0; content: "□"; }

.noStyle .barList li:before { content: "ー"; }

.faqList > li:not(:last-child) { margin-bottom: 30px; }

.faqList p { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; }

.faqList p.q { margin-bottom: 15px; }

.faqList p.a .icon { color: #56a3ca; }

.faqList p .icon, .faqList p .text { display: block; }

.faqList p .icon { margin-right: 20px; line-height: 1; font-size: 22px; }

/*tab1*/
#tabMenu1 { width: 1000px; margin: 0 auto; background: #f2f2f2; }

#tabMenu1 .tabmenu { DISPLAY: FLEX; }

#tabMenu1 .tabmenu li { position: relative; max-width: 199px; width: 100%; line-height: 50px; background: #79bcd0; box-sizing: border-box; color: #fff; }

#tabMenu1 .tabmenu li:not(:last-child) { margin-right: 1px; }

#tabMenu1 .tabmenu li a { display: block; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s; }

#tabMenu1 .tabmenu li a:hover { background: #3ca1df; }

#tabMenu1 .tabmenu li a:hover:after { border-color: #3ca1df; }

#tabMenu1 .tabmenu li.selected { background: #0086af; -webkit-transition: .3s; transition: .3s; }

#tabMenu1 .tabmenu li.selected:after { -webkit-transition: .3s; transition: .3s; 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 li.selected:hover { background: #3ca1df; }

#tabMenu1 .tabmenu li.selected:hover:after { border-color: #3ca1df transparent transparent transparent; }

#tabMenu1 .tabmenu:after { display: block; content: ""; clear: both; }

.content { width: 1000px; margin: 0 auto; }

.tabbox { display: none; position: relative; margin-top: 30px; padding-bottom: 40px; }

.tabbox dl { margin-bottom: 5px; padding: 10px 20px 10px 60px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.tabbox dl:before { display: inline; position: absolute; top: 50%; left: 20px; margin-top: -15px; font-family: "ilm"; font-size: 20px; content: "y"; }

.tabbox dl .datePlace { color: #0086af; font-size: 14px; }

.tabbox dl .datePlace .on { display: inline-block; }

.tabbox dl .datePlace .off { display: none; }

.tabbox dl .subTitle { display: block; font-size: 14px; }

.tabbox li.noTab { display: none !important; }

.tabbox li:last-child dl { margin-bottom: 0; }

/*table*/
.table1, .table2, .table3, .table4, .tableMini { table-layout: fixed; width: 100%; margin-top: 35px; }

.table1 td, .table1 th, .table2 td, .table2 th, .table3 td, .table3 th, .table4 td, .table4 th, .tableMini td, .tableMini th { border: 1px solid #f2f2f2; /*font-size: small;*/ }

.table1 th, .table2 th, .table3 th, .table4 th, .tableMini th { width: 150px; padding: 1em 2em; background: #fff; text-align: left; }

.table1 td, .table2 td, .table3 td, .table4 td, .tableMini td { padding: 1em; background: #fff; text-align: left; }

.table1 .tdGray, .table2 .tdGray, .table3 .tdGray, .table4 .tdGray, .tableMini .tdGray { background: #d9d9d9; }

.table1 .tdRed, .table2 .tdRed, .table3 .tdRed, .table4 .tdRed, .tableMini .tdRed { background: #f3cccb; }

.table1 .tdBlue, .table2 .tdBlue, .table3 .tdBlue, .table4 .tdBlue, .tableMini .tdBlue { background: #cfecf4; }

.table1 .tdPurple, .table2 .tdPurple, .table3 .tdPurple, .table4 .tdPurple, .tableMini .tdPurple { background: #ddccf0; }

.table1 .tdOrange, .table2 .tdOrange, .table3 .tdOrange, .table4 .tdOrange, .tableMini .tdOrange { background: #fcd5b4; }

.table1 .tdGreen, .table2 .tdGreen, .table3 .tdGreen, .table4 .tdGreen, .tableMini .tdGreen { background: #d8e4bc; }

.table1 .tdL_blue, .table2 .tdL_blue, .table3 .tdL_blue, .table4 .tdL_blue, .tableMini .tdL_blue { background: rgba(222, 234, 245, 0.5); }

.table1 a, .table2 a, .table3 a, .table4 a, .tableMini a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

.table1 a:hover, .table2 a:hover, .table3 a:hover, .table4 a:hover, .tableMini a:hover { opacity: 0.7; text-decoration: none; }

.table2 th, .table2 td { font-size: medium; border: solid 2px #f2f2f2; box-sizing: border-box; }

.table2 th small, .table2 td small { color: #666; font-size: 14px; }

.table2 th p, .table2 td p { margin: 0 0 1em 0; }

.table2 th { width: 145px; padding: 0; color: #FFF; background: #0086af; text-align: center; vertical-align: middle; }

.table2 th.tall { padding: 10px 0; }

.table2 th span { font-size: 12px; letter-spacing: normal; }

.table2.enProfile td p { margin: 0; }

.table2.programFollowTable th { width: 300px; 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; }

.table4 th, .table4 td { border: 1px solid #f2f2f2; letter-spacing: -.1em; }

.table4 th { width: 145px; padding: 1em; text-align: center; vertical-align: middle; }

.table4 td { padding: 15px 10px; font-size: 14px; letter-spacing: -2px; }

.table5 { margin: 2em 0 0; width: 100%; }

.table5 td, .table5 th { padding: 1em 2em; border: 1px solid #f2f2f2; }

.table5 th { color: #FFF; background: #005488; }

.table5 td { background: #FFF; }

.table5 tr td:nth-child(1) { text-align: center; }

.simpleTable { width: 100%; }

.simpleTable th, .simpleTable td { padding: .5em; border: 1px solid #333; }

.simpleTable th { color: #FFF; background: #002f58; font-weight: bold; }

.simpleTable2 { width: 100%; }

.simpleTable2 th, .simpleTable2 td { padding: .5em; }

.simpleTable2 th { color: #FFF; background: #005198; font-weight: bold; }

.simpleTable2 th:not(:last-child) { background: -webkit-linear-gradient(right, transparent 0%, transparent 2px, #005198 2px, #005198 100%); background: linear-gradient(-90deg, transparent 0%, transparent 2px, #005198 2px, #005198 100%); }

.simpleTable2 td:not(:last-child) { background: -webkit-linear-gradient(right, #005198 0%, #005198 2px, transparent 2px, transparent 100%); background: linear-gradient(-90deg, #005198 0%, #005198 2px, transparent 2px, transparent 100%); }

.simpleTable2 tbody tr { background: #FFF; }

.simpleTable2 tbody tr:nth-child(even) { background: #EEE; }

.tableNenpyo tr { border-bottom: solid 1px #f2f2f2; box-sizing: border-box; }

.tableNenpyo th, .tableNenpyo td { padding: 16px 0; font-size: medium; }

.tableNenpyo th { width: 175px; text-align: center; vertical-align: top; }

.flowRight img { float: right; margin-left: 1em; }

.flowRight:after { clear: both; display: block; content: ''; }

.flowRight + .arrow { list-style: none; text-align: right; }

/*explanation*/
.explanation1, .explanation2, .explanation3 { margin: 0 0 20px; }

.explanation1 dt, .explanation2 dt, .explanation3 dt { margin: 1em 0 5px; font-size: 17px; font-weight: bold; }

.explanation1 dt:first-child, .explanation2 dt:first-child, .explanation3 dt:first-child { margin-top: 0; }

.explanation1:last-child, .explanation2:last-child, .explanation3:last-child { margin-bottom: 0; }

.explanation2 { padding: 10px; }

.explanation3 { padding: 20px 30px; }

.outlineBox1 { margin: 0 0 20px; padding: 10px; background: #EEE; }

.outlineBox1 dt { font-weight: bold; }

.outlineBox2, .outlineBox3 { margin: 0 0 20px; background: url(/images/headline3BorderBg.png); padding: 5px; }

.outlineBox2 dl, .outlineBox3 dl { background: #FFF; padding: 10px; }

.outlineBox2 ul, .outlineBox3 ul { background: #fff; padding: 10px; }

.outlineBox3 { background: url(/images/outlineBoxBg3.png); }

.outlineBox3 .title { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #CCC; color: #1b5172; font-size: 18px; text-align: center; }

.outlineBox3 dd dl { margin-bottom: 20px; border-bottom: 1px dotted #CCC; }

.outlineBox3 dd dl.noLine { border-bottom: none; }

.outlineBox3 dd dl dt { float: left; width: 400px; }

.outlineBox3 dd dl dd { padding-left: 410px; }

.outlineBox3 dd dl dd img { border: 1px solid #CCC; }

.outlineBox4 dt { padding: 5px; background: #407eab; text-align: center; color: #FFF; font-weight: bold; }

.outlineBox4 dd { padding: 20px 5px; border: 1px solid #407eab; }

.outlineBox4 dd b { color: #1b5172; }

.outlineBox4.textLeftBox { text-align: left; }

.outlineBox4.textLeftBox ul { padding-left: 40px; }

.outlineBox4.textLeftBox dd { margin: 0; }

.outlineBox4 .list4 { padding-left: 0; }

/*lecturer*/
#lecturerWrap, #lecturerWrapS, #lecturerWrapSS, .lecturerWrapClass { margin: 0 0 30px; }

#lecturerWrap .supervision, #lecturerWrapS .supervision, #lecturerWrapSS .supervision, .lecturerWrapClass .supervision { margin: 0 !important; padding: 4px 0; background: #1b5172; color: #FFF; text-align: center; font-weight: bold; font-size: 16px; }

#lecturerWrap .lecturer, #lecturerWrapS .lecturer, #lecturerWrapSS .lecturer, .lecturerWrapClass .lecturer { padding: 10px 0; border-bottom: 2px solid #77a4c4; }

#lecturerWrap .lecturer.noBorder, #lecturerWrapS .lecturer.noBorder, #lecturerWrapSS .lecturer.noBorder, .lecturerWrapClass .lecturer.noBorder { border-bottom: none; }

#lecturerWrap .lecturer .photo, #lecturerWrapS .lecturer .photo, #lecturerWrapSS .lecturer .photo, .lecturerWrapClass .lecturer .photo { display: inline; float: left; width: 140px; margin: 0; }

#lecturerWrap .lecturer .name, #lecturerWrapS .lecturer .name, #lecturerWrapSS .lecturer .name, .lecturerWrapClass .lecturer .name { margin: 0 !important; font-size: 24px; }

#lecturerWrap .lecturer .alphabet, #lecturerWrapS .lecturer .alphabet, #lecturerWrapSS .lecturer .alphabet, .lecturerWrapClass .lecturer .alphabet { padding: 0 0 0 20px; font-size: 12px; vertical-align: middle; }

#lecturerWrap .lecturer .title, #lecturerWrapS .lecturer .title, #lecturerWrapSS .lecturer .title, .lecturerWrapClass .lecturer .title { margin: 0 0 10px; font-size: 10px; }

#lecturerWrap .lecturer dl, #lecturerWrapS .lecturer dl, #lecturerWrapSS .lecturer dl, .lecturerWrapClass .lecturer dl { float: right; width: 520px; }

#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: 12px; }

#lecturerWrap .lecturer:after, #lecturerWrapS .lecturer:after, #lecturerWrapSS .lecturer:after, .lecturerWrapClass .lecturer:after { clear: both; display: block; content: ''; }

#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: 94% !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; width: 100%; }

.lecturerWrapClass .lecturer { border-bottom: none; }

#lecturerWrap + #columnWrap { margin: -30px 0 0; }

.lecturerPanel { margin-top: 25px; padding-bottom: 25px; }

.lecturerPanel li { position: relative; float: left; width: 240px; height: 320px; margin: 0 10px 20px 0; background: #fff; list-style: none; text-align: center; cursor: pointer; }

.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: 20px 0 20px; color: #3E3A39; font-size: 24px; }

.lecturerPanel li .name .alphabet { display: block; font-size: 12px; }

.lecturerPanel li .belong { padding: 12px 10px 0; line-height: 1.28571428571429; font-size: 14px; }

.lecturerPanel li .belong.line2 { padding: 12px 10px 0; letter-spacing: -1px; }

.lecturerPanel li .belong.line3 { padding: 12px 10px 0; letter-spacing: -1px; }

.lecturerPanel li .profile { position: absolute; bottom: 0; width: 100%; color: #FFF; background: #0086af; font-size: 12px; line-height: 1.66666666666667; }

.lecturerPanel li .profile:after { position: absolute; top: -1px; right: 10px; font-family: "ilm"; font-size: 14px; font-weight: normal; content: "a"; }

.lecturerPanel:after { display: block; clear: both; content: ""; }

/*book dvd*/
.bookWrap { margin: 0 0 25px; }

.bookWrap .streamer { margin: 0; padding: 4px 0; background: #1b5172; color: #FFF; text-align: center; font-weight: bold; font-size: 16px; }

.bookWrap .item { padding: 22px 0 10px; border-bottom: 2px solid #77a4c4; }

.bookWrap .item:first-child { padding-top: 0; }

.bookWrap .item .photo { display: inline; float: left; width: 140px; margin: 0; }

.bookWrap .item .name { margin: 0; font-size: 20px; font-weight: bold; }

.bookWrap .item .subtitle { position: relative; top: 2px; font-size: 14px; line-height: 12px; margin: 0 !important; }

.bookWrap .item .price { margin-top: 15px; font-size: 16px; font-weight: bold; letter-spacing: 1px; }

.bookWrap .item .kana { letter-spacing: -1px; }

.bookWrap .item dl { float: left; width: 600px; }

.bookWrap .item dd { position: relative; margin-top: 12px; font-size: 14px; line-height: 1.14285714285714; }

.bookWrap .item dd ul { list-style: none; text-align: right; width: 100%; border-top: 1px dotted #ccc; padding: 10px 0; }

.bookWrap .item dd li { display: inline-block; }

.bookWrap .item .detailLink { margin-top: 18px; padding-top: 18px; border-top: dotted 1px #b5b5b5; }

.bookWrap .item .detailLink .btnHome { display: inline-block; width: 240px; height: 30px; line-height: 30px; }

.bookWrap .item .detailLink .btnHome a { font-size: 16px; letter-spacing: 1px; }

.bookWrap .item .detailLink .btnHome:after { right: 20px; }

.bookWrap .item:after { clear: both; display: block; content: ''; }

#DVD li.btnHome { width: auto; height: 30px; line-height: 30px; }

#DVD li.btnHome a { padding: 0 40px; letter-spacing: 2px; }

#DVD li.btnHome:after { right: 20px; }

#publishDetail { display: table; position: relative; width: 740px; margin-top: 0; padding: 40px; background: #fff; }

#publishDetail:after { display: block; position: absolute; right: 0; bottom: -20px; left: 0; width: 680px; margin: 0 auto; content: url(/images/images2016/box-shadow-col2.png); z-index: 999; }

#publishDetail .photo { display: table-cell; width: 220px; vertical-align: middle; }

#publishDetail .detail { display: table-cell; width: 440px; vertical-align: middle; font-weight: bold; line-height: 1.75; }

#publishDetail .detail dt { float: left; }

#publishDetail .detail dt:after { clear: both; content: '：'; }

.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: 10px 20px 1px; background: #7fcdd7; }

.proposal .title { padding: 25px 10px 21px; color: #FFF; font-size: 24px; font-weight: bold; line-height: 1.33333333333333; text-align: center; }

.proposal dt { padding: 28px 20px 0; font-weight: bold; }

.proposal > dd { margin: 0 0 20px; background: #FFF; }

.proposal > dd .sub { padding: 10px 0 10px 10px; background: #009cb0; color: #FFF; font-size: 18px; font-weight: bold; text-align: center; }

.proposal > dd div { padding: 15px 15px 5px; }

.proposal > dd.figure { margin: 20px 0; border: 4px solid #234d54; text-align: center; box-shadow: inherit; }

.proposal > dd dd { background: none; }

.proposal > dd dd p { padding: 23px 40px 20px; font-size: 20px; font-weight: bold; margin: 0; }

.proposal > dd dd dl { padding: 15px; }

.proposal > dd dd dt { color: #3E3A39; font-size: 18px; font-weight: bold; }

.proposal > dd dd ul { padding: 28px 20px; font-weight: bold; }

.proposal > dd dd ul.normal { font-weight: normal; }

.proposal > dd dd li { position: relative; margin-left: -0.25em; margin-bottom: 8px; padding-left: 1.25em; text-indent: -1.25em; }

.proposal > dd dd li:before { display: inline; margin-right: 0.25em; content: "・"; }

.proposal > dd dd li.noDisc:before { content: none; }

.proposal > dd dd li.mb0 { margin-bottom: 0; }

.proposal > dd dd .list2 { padding-top: 1em; }

.proposal > dd dd .list2 li { margin-bottom: 0; font-weight: normal; }

.proposal > dd dd .list2 li + li { margin-top: .5em; }

.proposal > dd dd:after { clear: both; display: block; content: ''; }

.proposal .photo { float: right; width: 200px; padding: 10px 10px 10px 0; }

.proposal .photo + p { float: left; width: 390px; font-size: inherit; }

.proposal.type1 > dd dd ul { padding: 0 40px 28px; font-weight: normal; }

.phaseBox > li { padding: 20px 20px 0; background: #009baf; }

.phaseBox > li:last-child { padding-bottom: 20px; }

.phaseBox > li dl { padding: 6px 40px 0; background: #fff; }

.phaseBox > li dl .col2headline4 { position: relative; margin-top: -6px; }

.phaseBox > li dl ul { padding: 0 0 36px; }

.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 > li dl .phaseImg { position: relative; margin-top: -10px; }

.button1 { -ms-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 { position: relative; margin-top: 1em; letter-spacing: -1px; overflow: hidden; }

.telBox dt { float: left; margin-right: 1em; line-height: 36px; }

.telBox dd { position: relative; float: left; font-size: 28px; line-height: 36px; }

.telBox .tel:before { position: relative; content: "A"; font-size: 36px; font-family: "ilm"; margin-right: 6px; vertical-align: top; }

.telBox .lastTel { margin-left: 10px; }

.telBox .notes { padding: 0; font-size: 16px; }

.telBox .contactMail { font-size: 16px; letter-spacing: -2px; }

.telBox .contactMail.line1 { margin-left: 1em; }

.telBox .contactMail:before { content: none; }

.telBox .contactMail a { margin-left: 1em; letter-spacing: 1px; }

.telBox .contactMail a:before { position: relative; content: "Q"; font-size: 28px; font-family: "ilm"; margin-right: 6px; vertical-align: top; }

.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: 40px; }

.kouzaGaiyoWrap:last-child { margin-bottom: 0; }

.kouzaGaiyoWrap h2 { margin: 0; padding: 20px; background: url("/images/open_class/japan/20160917/kouzaTiltBg.gif "); border: none; color: #fff; font-size: 20px; font-weight: normal; }

.kouzaGaiyoWrap h2 span { font-size: 16px; }

.kouzaGaiyoWrap .kouzaGaiyoDetail { display: table; width: 100%; padding: 10px 10px; background: url("/images/open_class/japan/20160917/kouzaBar-top.png "), url("/images/open_class/japan/20160917/kouzaBar-bottom.png "), url("/images/open_class/japan/20160917/kouzaBar-side.png "), url("/images/open_class/japan/20160917/kouzaBar-side.png "); background-repeat: no-repeat, no-repeat, repeat-y, repeat-y; background-position: center top, left bottom, left top, right top; background-size: 101% 20px,101% 20px,10px auto,10px auto; letter-spacing: 0; overflow: hidden; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl { display: table; width: 100%; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dt { padding: .5em; display: table-cell; width: 18%; background: #d7f0f6; font-size: 13px; font-weight: bold; text-align: center; vertical-align: middle; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dt span { display: block; text-indent: -1em; font-weight: bold; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dt small { display: block; line-height: 1.2; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd { display: table-cell; width: 82%; padding: 10px 15px; background: #fff; vertical-align: middle; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h3 { margin-bottom: 5px; font-size: 20px; font-weight: bold; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h4 { font-size: 14px; position: relative; background: url("../../images/open_class/japan/20160917/line.gif ") no-repeat; background-position: right center; font-weight: bold; overflow: hidden; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h4 span { background: #fff; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd h4 + h5 { margin-top: .5em; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p { margin: 0; text-indent: 1em; font-size: 18px; font-weight: bold; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p small { margin-left: 10px; font-size: 12px; vertical-align: middle; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p.min { font-size: 12px; font-weight: normal; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd p.annotation { font-size: 14px; font-weight: normal; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .facName { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; line-height: 1.3; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .facName span { display: block; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .facName small { display: block; letter-spacing: -1px; text-indent: 0; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .name_belong { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

.kouzaGaiyoWrap .kouzaGaiyoDetail dl dd .name_belong > small { display: block; line-height: 1.2; text-indent: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .gaiyouLine { border-bottom: solid 2px #024c8e; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy h4 { background: none; color: #0e435b; font-size: 16px; letter-spacing: -1px; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy h5 { font-size: 14px; position: relative; background: url("../../images/open_class/japan/20160917/line.gif ") no-repeat; background-position: right center; overflow: hidden; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy h5 span { background: #fff; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg { margin: 2px 0 12px; padding: 8px 10px; background: #ebebeb; font-size: 12px; font-weight: normal; letter-spacing: 0; text-indent: 0; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd .caseStudyBg li { padding-left: 1em; text-indent: -1em; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .caseStudy dd h4 + .caseStudyBg { margin-top: .25em; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .networkingBranch { border: none; color: #fff; font-size: 14px; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .networkingBranch dt { background: #6b9cc2; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .networkingBranch dd { background: #7fa6c9; font-weight: bold; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .kouzaGaiyoDetailInner { background: #FFF; padding: 10px 15px; }

.kouzaGaiyoWrap .kouzaGaiyoDetail .kouzaGaiyoDetailInner h3 { margin-bottom: 5px; font-size: 20px; font-weight: bold; }

.free, .experience, .paid { position: relative; top: 0; left: 0; overflow: hidden; }

.free:before, .experience:before, .paid:before { position: absolute; top: -52px; left: -52px; z-index: 900; width: 105px; height: 105px; background: #0097dd; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.free:after, .experience:after, .paid:after { content: "無料"; position: absolute; top: 16px; left: 13px; z-index: 900; color: #fff; font-size: 15px; letter-spacing: 2px; font-weight: 600; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.experience:before { background: #ffa83f; }

.experience:after { content: "体験会"; left: 6px; }

.paid:before { background: #e73656; }

.paid:after { content: "有料"; }

#home .free:before, #home .experience:before, #home .paid:before { content: none; }

#home .free:after, #home .experience:after, #home .paid:after { content: none; }

#home .free dt:after, #home .experience dt:after, #home .paid dt:after { padding: 40px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 55px; height: 55px; color: #FFF; font-size: 10px; font-weight: 600; letter-spacing: 2px; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

#home .free dt:after { content: "無料"; background: #0097dd; }

#home .experience dt:after { content: "体験会"; background: #ffa83f; }

#home .paid dt:after { content: "有料"; background: #e73656; }

.headPoint:before { content: ""; display: inline-block; position: relative; top: -2px; width: 0; height: 0; margin-right: .75em; padding: 3.5px; background: #000; border-radius: 50%; }

#aside .free:before, #aside .free:after, #aside .experience:before, #aside .experience:after, #aside .paid:before, #aside .paid:after { content: none; }

.panelContent .titleSubSmall { line-height: 2; font-size: small; }

.panelContent .datePlace { position: absolute; bottom: 14px; width: 203px; line-height: 1.4; }

.panelContent .datePlace .slideDate, .panelContent .datePlace .slidePlace { position: relative; margin: 0; padding: 0; font-size: 12px; letter-spacing: 0; text-indent: -2.25em; padding-left: 30px; word-break: break-all; line-height: 1.3; }

.panelContent .datePlace .slideDate.off, .panelContent .datePlace .slidePlace.off { display: none; }

.panelContent .datePlace .slideDate:before, .panelContent .datePlace .slidePlace:before { position: relative; top: 5px; left: 0; margin-right: .5em; font-family: "ilm"; font-size: 18px; color: #9fa0a0; }

.panelContent .datePlace .slideDate.kana, .panelContent .datePlace .slidePlace.kana { letter-spacing: -.05em; }

.panelContent .datePlace .slideDate { margin-bottom: -3px; }

.panelContent .datePlace .slideDate:before { content: "T"; }

.panelContent .datePlace .slidePlace:before { content: "M"; }

.panelContent .datePlace.homeOnly, .panelContent .datePlace.eventOnly { display: none; }

#home .panelContent .datePlace.homeOnly { display: block; }

#event .panelContent .datePlace.eventOnly { display: block; }

.en .btnHome { letter-spacing: 0; }

.en .panelContent h3 { text-align: left; letter-spacing: 0; }

#sliderEvent li dl dd .twoLines, #mainPanel li dl dd .twoLines, #event #mainPanel .comingSoon dl dd .twoLines { margin-top: .25em; }

.toBackNumber { display: block; position: relative; }

.toBackNumber a { display: block; background: #0086af; margin: 2em auto 0; padding: 1em 2em 1em 1em; letter-spacing: -.05em; line-height: normal; text-align: center; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; }

.toBackNumber a:hover { color: #fff; background: #0099cc; }

.toBackNumber 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); }

.fontsize1_2 { font-size: 1.2em; }

/*円グラフ
******************************************************/
.pie-chart { display: block; position: relative; margin: 0 auto; width: 350px; height: 350px; }

.pie { position: absolute; left: 50%; width: 50%; height: 100%; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; }

.pie:before, .pie:after { -webkit-transition: 0.3s; transition: 0.3s; }

.pie:before { position: absolute; left: -100%; width: 100%; height: 100%; content: ''; border-radius: 175px 0 0 175px; -webkit-transform-origin: right center; transform-origin: right center; }

.pie.large { left: 0; width: 100%; -webkit-transform-origin: center center; transform-origin: center center; }

.pie.large:before { left: 0; width: 50%; }

.pie.large:after { position: absolute; left: 50%; width: 50%; height: 100%; content: ''; border-radius: 0 175px 175px 0; }

.pie:before { -webkit-transform: rotate(120deg); transform: rotate(120deg); }

.pie.large { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.pie.large:before, .pie.large:after { background: #666; }

.pie + .pie { -webkit-transform: rotate(120deg); transform: rotate(120deg); }

.pie + .pie:before, .pie + .pie:after { background-color: #00b050; }

.pie + .pie + .pie { -webkit-transform: rotate(240deg); transform: rotate(240deg); }

.pie + .pie + .pie:before, .pie + .pie + .pie:after { background-color: #404040; }

.pie.expertGraph.hover:before, .pie.expertGraph.hover:after { background: #0086af; }

.pie.adaptGraph.hover:before { background: #00ca5c; }

.pie.adaptGraph.hover.scale { -webkit-transform: rotate(120deg) scale(1.07); transform: rotate(120deg) scale(1.07); }

.pie.communicationGraph.hover:before { background: #005f7c; }

.pie.communicationGraph.hover.scale { -webkit-transform: rotate(240deg) scale(1.07); transform: rotate(240deg) scale(1.07); }

.graphInner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; width: 100%; height: auto; line-height: 1; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -.05em; text-align: center; }

.graphInner img { display: block; margin: 0 auto 5px; height: 3.5em; }

.graphInner.expert { top: 35%; left: 75%; }

.graphInner.adapt { top: 75%; }

.graphInner.communication { top: 35%; left: 25%; letter-spacing: -.15em; }

.graphInner.communication img { padding-left: 4%; }

.piechartWrap { position: relative; margin: -1em auto 0; padding: 40px 0 1.5em; }

.piechartWrap .list2 { position: absolute; font-size: 12px; text-align: left; }

.piechartWrap .list2 li { padding: .5em 1em .5em 1.75em; line-height: 1.3; color: #fff; line-height: 1.3; letter-spacing: -.05em; -webkit-transition: .3s; transition: .3s; }

.piechartWrap .list2 li + li { margin-top: .25em; }

.piechartWrap .expertList { top: 0; right: 0; margin: 110px 30px; }

.piechartWrap .expertList li { background: #666; }

.piechartWrap .expertList.hover li { background: #0086af; }

.piechartWrap .communicationList { top: 0; left: 0; margin: 110px 30px; }

.piechartWrap .communicationList li { background: #404040; }

.piechartWrap .communicationList.hover li { background: #005f7c; }

.piechartWrap .adaptList { top: 0; left: 0; right: 0; margin: 380px auto 0; width: 23em; }

.piechartWrap .adaptList li { background: #00b050; }

.piechartWrap .adaptList.hover li { background: #00ca5c; }

.graphLead, #event.detail .contentEvent p.graphLead:last-child { margin: 115px 0 0; font-weight: normal; text-align: left; }

.graphLead a:not(.bothCommunicateAdapt), #event.detail .contentEvent p.graphLead:last-child a:not(.bothCommunicateAdapt) { margin: 0 .25em; padding: .25em 0; background: #666; color: #fff; }

.graphLead a:not(.bothCommunicateAdapt):hover, #event.detail .contentEvent p.graphLead:last-child a:not(.bothCommunicateAdapt):hover { opacity: 1; }

.graphLead a.expertAnc:hover, .graphLead a.expertAnc.hover, #event.detail .contentEvent p.graphLead:last-child a.expertAnc:hover, #event.detail .contentEvent p.graphLead:last-child a.expertAnc.hover { background: #0086af; }

.graphLead a.communicationAnc:hover, .graphLead a.communicationAnc.hover, #event.detail .contentEvent p.graphLead:last-child a.communicationAnc:hover, #event.detail .contentEvent p.graphLead:last-child a.communicationAnc.hover { background: #005f7c; }

.graphLead a.adaptAnc:hover, .graphLead a.adaptAnc.hover, #event.detail .contentEvent p.graphLead:last-child a.adaptAnc:hover, #event.detail .contentEvent p.graphLead:last-child a.adaptAnc.hover { background: #00ca5c; }

/*end_円グラフ*****************************************************/
.textLink { color: #0086af; text-decoration: underline; }

.textLink:hover { opacity: .7; }

/*ポップアップ
******************************************************/
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6); overflow: scroll; opacity: 0; z-index: -2; -webkit-transition: opacity 0s; transition: opacity 0s; }

.popup > * { z-index: 900; }

.popup .popupBgi { position: absolute; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; }

.popup.open { opacity: 1; z-index: 999; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.popup .popupPlate { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%; margin: 0 auto; padding: 40px; background: #fff; }

.popup .popupPlate .popupClose { display: block; text-align: center; }

.popup .popupPlate .popupClose img { margin-top: 1.5em; width: 0; height: 0; padding: 1em; }

.popup .popupPlate .popupClose.closeBtn { display: inline-block; margin: 2em 0 0; padding: .25em 1em; border: solid 1px #000; opacity: 1; }

.popup .popupPlate .popupClose.closeBtn:hover { opacity: .7; }

.popup .popupPlate .popupClose.closeBtn_wh { margin-bottom: -2em; padding: .5em 1em .5em 2em; border-color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); color: #fff; cursor: pointer; }

.popup .popupPlate .popupClose.closeBtn_wh:after { margin-left: 1em; font-family: "ilm"; content: "Y"; }

.popup .popupPlate .popupClose.closeBtn_wh:hover { opacity: .8; }

.popup .popupPlate.plateOver { top: 0; margin-top: 2em; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.popup .whatsCultureCompass .headline_lb { margin-bottom: 1em; }

.popup .whatsCultureCompass p { margin-bottom: 0 !important; }

.popup .whatsCultureCompass .sampleImg { display: block; padding: .5em; width: 30%; text-align: center; }

.popup .whatsCultureCompass .sampleImg .figcaption { display: block; font-size: .8em; }

.popup .whatsCultureCompass .sampleImg img { width: 100%; height: auto; }

.btnClose { margin: 0 auto; position: relative; width: 120px; height: 30px; padding: 8px 24px 8px 8px; line-height: 1; background: #3E3A39; color: #fff; font-size: 14px; opacity: 1; -webkit-transition: .3s; transition: .3s; }

.btnClose:hover { background: #62bad5; }

.btnClose:after { position: absolute; top: 50%; right: 10px; cursor: pointer; font-family: "ilm"; font-size: 16px; content: "Y"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*横棒グラフ
******************************************************/
.bar-graph { padding: 20px; }

.bar-graph h5 { padding-left: 2.5em; text-indent: -2.5em; font-weight: bold; }

.bar-graph h5 span { margin-right: 1em; }

.bar-graph ul { margin: 1.5em 0 0; padding: 0; }

.bar-graph li { margin: 0 0 1em; }

.bar-graph li:last-child { margin: 0; }

.bar-graph .bar-title { position: relative; margin: 0 0 .2em !important; padding: 0 0 0 1.2em; font-weight: normal; line-height: 1.5 !important; }

.bar-graph .bar-title:before { position: absolute; left: 0; content: attr(data-number) ""; }

.bar-graph .bar-area { display: -webkit-box; display: flex; overflow: hidden; height: 1.5em; background-color: #f5f5f5; }

.bar-graph .bar-value { height: 100%; font-size: 0; }

.bar-graph .bar-value.yellow { background-color: #e2a639; }

.bar-graph .bar-value.blue { background-color: #40addb; }

.bar-graph .bar-value.green { background-color: #2fa38b; }

.bar-graph .bar-value.purple { background-color: #815fb2; }

.bar-graph .bar-value.emerald { background-color: #48b6b4; }

.bar-graph .bar-value.red { background-color: #dd6041; }

.leftTextRightImg { margin-top: 1em; }

@media only screen and (min-width: 641px) { .leftTextRightImg .list2 li:before, .leftTextRightImg .list2 li .textWrap.list2 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%; } .leftTextRightImg .textWrap { float: left; width: 50%; font-size: 15px; font-weight: normal; text-align: left; } .leftTextRightImg .imgWrap { float: right; width: 50%; padding-left: 1em; } .leftTextRightImg .textWrap li + li { padding-top: 1em; } .leftTextRightImg figcaption { padding-bottom: 1em; font-size: 18px; font-weight: bold; } }

@media only screen and (max-width: 640px) { .leftTextRightImg .imgWrap img { margin: 1em auto; } .leftTextRightImg .textWrap { text-align: left; } }

#consulting.consultingDetail .leftTextRightImg .list2 li { margin-bottom: 0; }

.col2headline3 + .leftTextRightImg.boxCommentary, .col2headline3 + .leftTextRightImg.boxCommentary2 { margin-top: 2em; }

@media only screen and (max-width: 640px) { .col2headline3 + .leftTextRightImg.boxCommentary, .col2headline3 + .leftTextRightImg.boxCommentary2 { margin-top: 1.5em; } }

.btnWrap_leftTextRightImg { margin-top: 1.5em; text-align: right; }

.btnWrap_leftTextRightImg .btnHome { display: inline-block; }

@media only screen and (max-width: 640px) { .btnWrap_leftTextRightImg { margin-top: 0; text-align: center; } }

/*受講者インタビュー
******************************************************/
.studentGrid { padding: 20px; text-align: left; font-weight: normal; }

.studentGrid ul { padding: 0; }

.studentGrid li { background-color: #EBEBEB; }

.studentGrid a:hover { opacity: .7; }

.studentGrid .col1 { display: -webkit-box; display: flex; }

.studentGrid .col1 li { padding: 10px; display: -webkit-box; display: flex; width: 100%; }

.studentGrid .col1 li h3 { line-height: 1.3; font-size: 18px; font-weight: bold; }

.studentGrid .col1 li .textArea { padding: 10px 0 10px 10px; position: relative; }

.studentGrid .col1 li .textArea .degree { margin: 15px 0 0; font-size: 12px; font-weight: bold; line-height: 1.3; }

.studentGrid .col1 li .textArea .name { position: absolute; bottom: 0; font-size: 20px; font-weight: bold; }

.studentGrid .col1 li .textArea .btnArchive { position: absolute; right: 0; bottom: 0; display: inline-block; width: 160px; height: 28px; line-height: 28px; background: #407eab; color: #fff; text-align: center; font-weight: bold; }

.studentGrid .col1 li .textArea .btnArchive:before { display: inline-block; padding-right: 0.5em; content: "G"; color: #fff; font-family: ilm; }

.studentGrid .col1 .title { margin-right: 5px; width: 230px; background-color: #368dd7; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #FFF; font-size: 16px; font-weight: bold; }

.studentGrid .col1 .title + li { width: 465px; }

.studentGrid .col2, .studentGrid .col3 { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 5px 0 0; }

.studentGrid .col2 li, .studentGrid .col3 li { padding: 10px; display: -webkit-box; display: flex; }

.studentGrid .col2 li:not(:last-child), .studentGrid .col3 li:not(:last-child) { margin-right: 5px; }

.studentGrid .col2 li .textArea, .studentGrid .col3 li .textArea { position: relative; padding: 0 0 0 8px; }

.studentGrid .col2 li .textArea .degree, .studentGrid .col3 li .textArea .degree { font-size: 10px; font-weight: bold; line-height: 1.3; }

.studentGrid .col2 li .textArea .degree.min, .studentGrid .col3 li .textArea .degree.min { letter-spacing: -2px; }

.studentGrid .col2 li .textArea .name, .studentGrid .col3 li .textArea .name { position: absolute; bottom: 25px; font-size: 20px; font-weight: bold; }

.studentGrid .col2 li .textArea .btnArchive, .studentGrid .col2 li .textArea .btnMovie, .studentGrid .col3 li .textArea .btnArchive, .studentGrid .col3 li .textArea .btnMovie { display: inline-block; position: absolute; bottom: 0; width: 118px; background: #407eab; color: #fff; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; }

.studentGrid .col2 li .textArea .btnArchive:before, .studentGrid .col2 li .textArea .btnMovie:before, .studentGrid .col3 li .textArea .btnArchive:before, .studentGrid .col3 li .textArea .btnMovie:before { display: inline-block; position: relative; top: 1px; padding-right: 0.5em; content: "R"; color: #fff; font-family: ilm; font-size: 12px; }

.studentGrid .col2 li .textArea .btnArchive:before, .studentGrid .col3 li .textArea .btnArchive:before { margin-right: .125em; content: "G"; }

.studentGrid .col2 li { width: 347px; }

.studentGrid .col2 li .textArea { padding: 0 0 0 10px; }

.studentGrid .col2 li .textArea .degree { font-size: 12px; }

.studentGrid .col3 li { width: 230px; }

.imgRight { display: table; margin: 1em auto; width: 80%; }

.imgRight a, .imgRight .inner { display: table; margin: auto; width: 100%; background-color: #fff; padding: 1.5em; }

.imgRight a img, .imgRight .inner img { float: right; margin-left: 20px; vertical-align: middle; }

.imgRight a p, .imgRight .inner p { font-size: 12px; vertical-align: middle; }

.imgRight a p .caption, .imgRight .inner p .caption { font-size: 14px; }

.imgRight.noneBottom { margin-bottom: 0; }

.imgRight > p { margin: .5em 0 0; font-size: 14px; }

.imgRight.fullWidth { width: 100%; }

.imgLeft { display: table; margin: 1em auto; width: 80%; }

.imgLeft a { display: table; margin: auto; width: 100%; background-color: #fff; padding: 1.5em; }

.imgLeft a img { display: table-cell; margin-right: 20px; vertical-align: middle; }

.imgLeft a p { display: table-cell; font-size: 12px; vertical-align: middle; }

.imgLeft a p .caption { font-size: 14px; }

.imgLeft.noneBottom { margin-bottom: 0; }

.imgLeft > p { margin: .5em 0 0; font-size: 14px; }

.nowrap { white-space: nowrap; }

.microFlow { margin: 40px auto; display: -webkit-box; display: flex; background: url(/images/images2016/online/micro-mgr02/flow_step-bgi.png) repeat-x #99e6e4; background-size: auto 100%; color: #444; }

.microFlow li { padding-top: 40px; position: relative; width: 33.3333333333%; text-align: center; }

.microFlow li p { padding: 30px; line-height: 1.25; text-align: justify; text-justify: inter-ideograph; letter-spacing: -.05em; }

.microFlow li:after { position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); content: url(/images/images2016/online/micro-mgr02/flow_step-arrow.png); }

.microFlow li:last-child:after { content: none; }

.themabox { position: relative; text-align: left; }

.themabox:before { position: absolute; top: 0; left: 0; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 140px 240px 0 0; border-color: #0081c4 transparent transparent transparent; content: ""; }

.themabox .label-ttl { margin: 40px; position: absolute; top: 0; left: 0; line-height: 1; color: #fff; font-size: 22px; font-weight: bold; text-shadow: 0 0 2px #0081c4; }

.themabox h5 { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: solid 2px #0081c4; line-height: 1.2; color: #0081c4; font-size: 22px; text-align: center; }

.themabox li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; line-height: 1; }

.themabox li:before { margin-right: 10px; display: block; line-height: 1; content: url(/images/images2016/online/micro-mgr02/bullet-movie.png); }

.themabox li span { margin-right: 1em; }

.themabox li + li { margin-top: 1em; }

.themabox + .themabox { margin-top: 20px; }

.themabox.staff-w .label-ttl { text-shadow: 2px 2px 1px #c40098, -2px 2px 1px #c40098, 2px -2px 1px #c40098, -2px -2px 1px #c40098; }

.themabox.staff-w:before { border-color: #c40098 transparent transparent transparent; }

.themabox.staff-w h5 { color: #c40098; border-color: #c40098; }

.themabox + .themabox_attention { margin-top: 40px; }

.themabox_attention { display: table; }

.themabox_attention:before { display: table-cell; width: 1.5em; content: "＊"; }

.themabox_attention + .themabox_attention { margin-top: .5em; }

.asterisk_attention li { margin-left: 1em; text-indent: -1em; }

.asterisk_attention li:before { width: 1.5em; content: "＊"; }

.sceneflow { display: -webkit-box; display: flex; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.sceneflow li { padding: 80px 30px 40px; position: relative; width: 33.3333333333%; background: #b3eeec; }

.sceneflow li:before { position: absolute; top: 0; left: 0; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 245px 245px 0 0; border-color: #bff1ef transparent transparent transparent; content: ""; }

.sceneflow li h5, .sceneflow li p { position: relative; }

.sceneflow .font_century { margin: 0 auto 1em; padding-left: .15em; padding-bottom: 1em; border-bottom: solid 2px #005198; display: block; width: 100px; line-height: 1; font-size: .7272em; letter-spacing: .15em; }

.sceneflow h5 { margin-bottom: 60px; line-height: 1.1; color: #005198; font-size: 22px; text-align: center; }

.sceneflow p + p { margin-top: 1em; }

.imlist-col3 { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; letter-spacing: -.05em; line-height: 1.33; font-weight: bold; }

.imlist-col3 li { width: 236px; }

.imlist-col3 img { margin-bottom: 1em; width: 100%; height: auto; }

.js_popup_img { cursor: pointer; }

.js_popuplate { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: -1; opacity: 0; pointer-events: none; }

.js_popuplate > img { width: auto; height: auto; max-width: 80%; max-height: 80%; }

@media only screen and (max-width: 640px) { .js_popuplate > img { max-width: 93.75%; max-height: 93.75%; } }

.js_popuplate.open { z-index: 900; opacity: 1; pointer-events: auto; }

.text_link, .link_text { position: relative; color: #0086af; cursor: pointer; }

.text_link:hover, .link_text:hover { opacity: .7; }

.readMoreBnrWrap { padding-top: 3em; }

.readMoreBnrWrap .panelLinkParts_main > a { display: block; }

.readMoreBnrWrap .panelLinkParts_main > a + a { margin-top: 2em; }

.readMoreBnr { display: -webkit-box; display: flex; position: relative; border: 2px solid #3E3A39; height: 376px; }

.readMoreBnr img { width: 100%; }

.readMoreBnr .leadArea { width: 100%; box-sizing: border-box; padding: 50px 20px 0 30px; background-color: #FFF; }

.readMoreBnr .leadArea.leadArea_global { padding-top: 2em; }

.readMoreBnr .leadArea.leadArea_global h2 .sub { margin: 0 0 .5em; }

.readMoreBnr .leadArea.leadArea_global + .startBtn { bottom: 20px; }

.readMoreBnr .leadArea .inline { display: inline; }

.readMoreBnr .leadArea .inline.spOnly { display: none; }

.readMoreBnr h2 { margin-bottom: 15px; font-size: 26px; font-weight: bold; letter-spacing: -2px; line-height: 1.3; }

.readMoreBnr h2 .sub { margin-bottom: 15px; color: #0086af; font-size: 20px; font-weight: bold; }

.readMoreBnr h2 small { display: block; margin-top: .25em; font-size: 20px; }

.readMoreBnr h2 .inlineSubTtl { display: inline; margin-left: .5em; }

.readMoreBnr p { line-height: 1.4; }

.readMoreBnr .startBtn { display: block; margin: 0 auto; padding: 20px 0; position: absolute; bottom: 30px; left: 0; right: 0; width: 330px; border: 2px solid #FFF; border-radius: 34px 34px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); background-color: #0086af; color: #FFF; font-size: 24px; font-weight: bold; text-align: center; line-height: 1; }

.readMoreBnr .startBtn:hover { background-color: #62bad5; }

.readMoreBnr .startBtn:after { display: inline-block; position: absolute; right: 1em; font-family: 'ilm'; font-weight: normal; content: 'a'; }

.readMoreBnr .startBtn.startBtn_small { box-shadow: 0 2px 10px 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: 14px; }

.readMoreBnr .startBtn.startBtn_small:after { top: 20%; }

.readMoreBnr a:hover { color: #FFF; }

.readMoreBnr.readMoreBnr_type2 { display: block; background: #fff; }

.readMoreBnr.readMoreBnr_type2 .inner { display: -webkit-box; display: flex; position: relative; height: 100%; overflow: hidden; }

.readMoreBnr.readMoreBnr_type2.lageBlock { height: 251px; }

.readMoreBnr.readMoreBnr_type2.smallBlock { height: 125px; }

.readMoreBnr.readMoreBnr_type2.smallBlock p { display: none; }

.readMoreBnr.readMoreBnr_type2.smallBlock2 { height: 156px; }

.readMoreBnr.readMoreBnr_type2.smallBlock2 p { display: none; }

.readMoreBnr.readMoreBnr_type2 img { -ms-grid-row-align: center; align-self: center; width: 120px; height: auto; }

.readMoreBnr.readMoreBnr_type2 .leadArea { padding: 1em 1em 1em 1.25em; }

.readMoreBnr.readMoreBnr_type2 h2 { font-size: 24px; }

.readMoreBnr.readMoreBnr_type2 h2 small { font-size: 16px; letter-spacing: -.025em; }

.readMoreBnr.readMoreBnr_type2 h2 .sub { margin-bottom: .25em; }

.readMoreBnr.readMoreBnr_type2.ieMeasures .inner { display: table; }

.readMoreBnr.readMoreBnr_type2.ieMeasures .inner .spOnly { display: none; }

.readMoreBnr.readMoreBnr_type2.ieMeasures .inner > * { display: table-cell; vertical-align: middle; }

.readMoreBnr + .readMoreBnr { margin-top: 1em; }

.iframeWrap { padding-bottom: 56.25%; position: relative; width: 100%; height: 0; }

.iframeWrap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.LowerRightIcon, .external_icon { position: relative; height: 100%; }

.LowerRightIcon:before, .external_icon:before { position: absolute; bottom: 9px; right: 14px; font-family: "ilm"; font-size: 18px; content: "P"; z-index: 999; }

.LowerRightIcon:after, .external_icon:after { position: absolute; bottom: 0; right: 0; z-index: 800; width: 0; height: 0; border-style: solid; border-width: 0 0 95px 75px; border-color: transparent transparent #ededed transparent; content: ""; }

.seminarPics_upc { margin: 0 auto 40px; }

.seminarPics_upc:after { display: block; clear: both; content: ''; }

.seminarPics_upc li { width: 233px; float: left; vertical-align: top; margin-right: 20px; }

.seminarPics_upc li:nth-child(3n) { margin-right: 0; }

.seminarPics_upc li img { width: 100%; height: auto; }

.seminarPics_upc li span { display: inline-block; margin-top: .25em; font-size: 13px; height: 45px; }

.seminarPics_upc.noneBottom { margin-bottom: 0; }

.introContent .introContentWrap li dd .ancher-bnr { margin-top: 1em; }

.introContent .introContentWrap li dd .ancher-bnr a img { width: 100%; }

.slickSlide .centerItem { padding-top: 2em; }

.slickSlide .centerItemsmall { margin-top: 10px; }

.slickSlide .centerItemsmall .slider { margin-right: 10px; }

.slickSlide .centerItemsmall .slider img { width: 100%; }

.slickSlide .slick-list { margin-right: -10px; /* ガター分ネガティブマージン */ }

.report_mainProBox { text-align: left; }

.report_mainProBox h3 { font-size: 24px; }

.report_mainProBox p { margin-bottom: 1em; font-weight: normal; }

.report_mainProBox .text-right { text-align: right; }

.report_mainProBox .btnHome { padding: .5em 3em .5em 2em; margin: 0; display: inline-block; width: auto; height: auto; line-height: 1; }

.report_mainProBox .btnHome a { text-indent: 0; }

.report_mainProBox .btnHome:after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#limitAlertToggle { display: none; }

#limitAlertToggle:checked + #limitAlert { margin: 0px -180px; padding: 2px 5px; width: 180px; font-size: 0; }

.limitAlertToggle-btn { position: absolute; right: -80px; bottom: 0px; font-size: 12px; text-align: center; padding: 10px; background: #fff; box-shadow: 0 0 3px #aaa; }

#limitAlert { padding: 1em; position: fixed; left: 1em; bottom: 1em; z-index: 1001; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; max-width: 200px; background: rgba(255, 255, 255, 0.9); color: #333; box-shadow: 0 0 10px #aaa; font-size: 12px; text-align: left; opacity: .9; cursor: pointer; }

#limitAlert small { display: block; font-size: 10px; }

@media only screen and (max-width: 640px) { #limitAlert { bottom: 30%; } }

#limitAlert .scroll-area { overflow: scroll; max-height: 500px; }

#fixCloseBtn { font-size: large; color: #c00; vertical-align: bottom; }

#fixCloseBtn p + p { margin-top: .5em; }

.apologyBox { margin-bottom: 50px; padding: 26px 40px; border: solid 2px #c00; line-height: 1.25; }

.apologyTtl { margin-bottom: 20px; color: #c00; font-size: 18px; text-align: center; }

.checkbox_dummy { margin-right: .25em; border: solid 1px rgba(255, 255, 255, 0.3); display: inline-block; position: relative; width: .75em; height: .75em; }

.checkbox_dummy:before { display: block; content: ''; position: absolute; top: -0.25em; left: -.025em; width: .75em; height: .5em; border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .1s; transition: .1s; opacity: 0; }

.panelbox_col3 { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; }

.panelbox_col3 li { padding: 14px 10px 14px 14px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: calc((100/3)*1% - 3px); line-height: 1.125; background: #fff; }

.panelbox_col3 li:before { display: inline-block; width: 30px; height: 1em; font-size: 18px; content: ""; }

.panelbox_col3 li span { -webkit-box-flex: 1; flex: 1 0 0%; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.panelbox_col3 li:nth-child(n+4) { margin-top: 4px; }

.panelbox_col3 li:nth-child(1):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-1.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(2):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-2.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(3):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-3.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(4):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-4.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(5):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-5.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(6):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-6.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(7):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-7.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(8):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-8.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(9):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-9.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(10):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-10.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(11):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-11.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(12):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-12.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(13):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-13.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(14):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-14.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(15):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-15.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(16):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-16.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(17):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-17.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(18):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-18.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(19):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-19.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(20):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-20.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(21):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-21.svg) no-repeat; background-size: 1em 1em; }

.panelbox_col3 li:nth-child(22):before { background: url(/images/images2016/consulting/sales_enhancement/ICT/num-22.svg) no-repeat; background-size: 1em 1em; }

.thumbnail_panel { padding: 25px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background: #fff; font-size: 14px; }

.thumbnail_panel .img_area { width: 180px; }

.thumbnail_panel .text_area { -webkit-box-flex: 1; flex: 1 0 0%; }

.thumbnail_panel .text_area p { font-size: 12px; }

.thumbnail_panel .text_area b + p { margin-top: .25em; }

.thumbnail_panel + .thumbnail_panel { margin-top: 10px; }

.schedule { margin-bottom: 1em; padding: 10px; background-color: #262626; background-image: url(../../images/slopingBg2.png); }

.schedule p { margin-bottom: 1em; }

.schedule .title { margin: 0 0 10px; padding: 0 0 20px; color: #FFF; background: url(../../images/consulting-services/senior_management/shadow.png) no-repeat center bottom; text-align: center; font-size: 22px; }

.schedule .day { margin: 0 0 10px; }

.schedule .day dt { padding: 15px; background: #368dd7; color: #FFF; font-size: 18px; text-align: center; }

.schedule .day > dd { background: #FFF; }

.schedule .day > dd li { padding: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

.schedule .day .scheduleList li:after { clear: both; display: block; content: ''; }

.schedule .day .scheduleList dl { width: 260px; border-right: 1px solid #85a3b7; }

.schedule .day .scheduleList dl.wide { width: auto; border: none; }

.schedule .day .scheduleList dt { padding: 0; background: none; color: #3E3A39; font-weight: bold; font-family: 'Lato', sans-serif; font-weight: 400; text-align: left; }

.schedule .day .scheduleList dd { font-size: 12px; }

.schedule .day .scheduleList .icon { margin: 0; padding: 0 0 0 20px; }

.schedule .day .scheduleList .icon img { margin: 0 -12px 0 0; }

.schedule .day .scheduleList .text { margin: 0 0 0 auto; padding-left: 20px; font-size: 12px; }

.schedule .before dt, .schedule .before dd, .schedule .after dt, .schedule .after dd { background: none; color: #FFF; font-weight: bold; }

.schedule .before dt, .schedule .after dt { font-size: 18px; text-align: center; }

.schedule .before dd, .schedule .after dd { width: 400px; margin: 0 auto; }

.schedule .after { padding: 50px 0 0; background: url(../../images/consulting-services/hexagon_plus/shadow.png) no-repeat center top; }

.schedule .after dd { width: auto; text-align: center; }

.schedule.wmgrList .day > dt { background: #62bad5; font-weight: bold; font-size: 20px; letter-spacing: 0.1em; }

.schedule.wmgrList .day > dt.blackBg { background: url(../../images/slopingBg2.png); }

.schedule.wmgrList .day .scheduleList li { display: table; width: 100%; }

.schedule.wmgrList .day .scheduleList dl { display: table-cell; float: none; width: 40%; height: auto; }

.schedule.wmgrList .day .scheduleList dt { padding-right: 20px; font-size: 16px; text-justify: inter-ideograph; text-align: justify; }

.schedule.wmgrList .day .scheduleList .icon { display: table-cell; float: none; width: 60%; padding-top: 0; font-size: 16px; letter-spacing: -1px; vertical-align: middle; }

.schedule.wmgrList .day .scheduleList .icon.text { padding: 0 0 0 20px; font-size: 16px; }

.schedule.wmgrList .day .scheduleList .icon li { margin-bottom: .5em; padding: 0 0 0 1em; text-indent: -1em; }

.schedule.wmgrList .day .scheduleList .icon li:last-child { margin-bottom: 0; }

.schedule.wmgrList .day .scheduleList .icon.noTh { width: 100%; padding: 0; }

.schedule.wmgrList .day .scheduleList.noKana dt, .schedule.wmgrList .day .scheduleList.noKana .icon { letter-spacing: 1px; }

.schedule.wmgrList .day .scheduleList.noKana dt { padding-left: .25em; }

.schedule.wmgrList .day:last-of-type { margin-bottom: 0; }

@font-face { font-family: "ilm"; src: url("../font/ilm2016.eot"); src: url("../font/ilm2016.eot?#iefix") format("embedded-opentype"), url("../font/ilm2016.ttf") format("truetype"), url("../font/ilm2016.svg#ilm") format("svg"), url("../font/ilm2016.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "existence"; src: url("../font/existence/Existence-Light-webfont.eot"); src: url("../font/existence/Existence-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/existence/Existence-Light-webfont.ttf") format("truetype"), url("../font/existence/Existence-Light-webfont.svg#ilm") format("svg"), url("../font/existence/Existence-Light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "existence_Unicase"; src: url("../font/existence/Existence-UnicaseLight.otf"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "ilm" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "ilm" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-logo:before { content: "O"; }

.icon-facebook:before { content: "K"; }

.icon-twitter:before { content: "L"; }

.icon-youtube:before { content: "R"; }

.icon-andLt:before { content: "a"; }

.icon-circle-andLt:before { content: "y"; }

.icon-home:before { content: "E"; }

.icon-opinion:before { content: "G"; }

.icon-consult:before { content: "D"; }

.icon-training:before { content: "I"; }

.icon-video:before { content: "F"; }

.icon-assessment:before { content: "B"; }

.icon-dispatch:before { content: "H"; }

.icon-cases:before { content: "C"; }

.icon-tel:before { content: "k"; }

.icon-tel-circle:before { content: "A"; }

.icon-pageTop:before { content: "N"; }

.icon-desk:before { content: "S"; }

.icon-mail:before { content: "Q"; }

/* 2016renewal */
@-webkit-keyframes homeFadein { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes homeFadein { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

#home .js-fadein-up { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }

#home .js-fadein-up.animation { -webkit-animation: homeFadein .8s both; animation: homeFadein .8s both; }

#home .openClassOnly { display: none; }

#home .movie_popup { cursor: pointer; }

#home .movie_popup:hover img { -webkit-filter: saturate(200%); filter: saturate(200%); }

#home .popup_movie { background: rgba(0, 0, 0, 0.9); }

#home .popup_movie .popupPlate { background: transparent; }

#home #mainSlider { position: relative; overflow: hidden; }

#home .firstviewPanel { padding-top: 72px; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 475px; background: url(/images/images2016/home/mainvisual/newnormal-firstview.jpg) no-repeat center center; background-size: cover; }

@-webkit-keyframes firstviewTextFade { 0% { opacity: 0; }
  40% { opacity: 0.6; }
  100% { opacity: 1; } }

@keyframes firstviewTextFade { 0% { opacity: 0; }
  40% { opacity: 0.6; }
  100% { opacity: 1; } }

#home .firstviewPanel .leadText { line-height: 1.3; color: #fff; font-size: 43px; font-weight: bold; letter-spacing: .02em; text-shadow: 0 0 16px rgba(119, 171, 216, 0.4); text-align: center; -webkit-animation: firstviewTextFade 1s cubic-bezier(0.215, 0.61, 0.355, 1) both; animation: firstviewTextFade 1s cubic-bezier(0.215, 0.61, 0.355, 1) both; }

#home .mainSliderContainer { margin: 0 auto; position: static; opacity: 0; width: 1080px; height: 475px; overflow: visible; }

#home .mainSliderContainer .swiper-slide { overflow: hidden; width: 540px; }

#home .mainSliderContainer .swiper-slide a { display: block; color: #fff; }

#home .mainSliderContainer .swiper-slide .textWrap { padding: 100px 40px 30px; position: absolute; bottom: 0; left: 0; width: 100%; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 46%); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 46%); }

#home .mainSliderContainer .swiper-slide .label { margin-bottom: 12px; color: #e7ec00; font-size: 16px; font-weight: bold; }

#home .mainSliderContainer .swiper-slide .title { line-height: 1.1; font-size: 26px; }

#home .mainSliderContainer .swiper-slide .title small { font-size: 22px; }

#home .mainSliderContainer .swiper-slide .description { margin-top: 8px; line-height: 1.2; font-size: 20px; letter-spacing: -.06em; }

#home .mainSliderContainer .swiper-slide .summaryList { margin-top: 8px; line-height: 1.3; font-size: 14px; }

#home .mainSliderContainer .swiper-slide .summaryList li:before { margin-right: .7em; color: #0086af; font-family: "ilm"; font-size: 18px; }

#home .mainSliderContainer .swiper-slide .summaryList li.date:before { content: "T"; }

#home .mainSliderContainer .swiper-slide .summaryList li.place:before { content: "M"; }

#home .mainSliderContainer .swiper-slide.firstviewScroll { position: relative; }

#home .mainSliderContainer .swiper-slide.firstviewScroll .text { position: absolute; top: 75px; left: 0; width: 100%; line-height: 1.3; color: #fff; font-size: 37px; font-weight: bold; letter-spacing: -.07em; text-shadow: 0px 0px 16px rgba(119, 171, 216, 0.4); text-align: center; }

#home .mainSliderContainer .swiper-slide.online a:after { padding: 135px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 180px; height: 180px; content: "オンライン"; color: #FFF; background: #a688bd; font-size: 20px; letter-spacing: -.1em; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

#home .mainSliderContainer .swiper-button-prev, #home .mainSliderContainer .swiper-button-next { background: none; top: 200px; width: 40px; height: 120px; z-index: 2; }

#home .mainSliderContainer .swiper-button-prev { left: 0; }

#home .mainSliderContainer .swiper-button-next { right: 0; }

#home .mainSliderContainer.visible { opacity: 1; }

#home .subLead { padding: 35px 0; color: #3E3A39; background: #dadf00; font-size: 18px; font-weight: bold; text-align: center; }

#home .subLead .subLeadWrap { margin: 0 auto; width: 1000px; }

#home .subLead p + p { margin-top: .6em; }

#home #note { padding: 40px 0; }

#home #note .noteWrap { margin: 0 auto; width: 1000px; }

#home #note .noteBox { padding: 1.2em 3em 1.2em 1.5em; border: solid 3px #f8d4d4; display: block; position: relative; color: #2c2425; }

#home #note .noteBox:after { position: absolute; top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.2em; font-family: "ilm"; content: "y"; }

#home #note .noteBox:hover { opacity: .7; }

#home .homeHeadline { margin-bottom: 40px; position: relative; text-align: center; }

#home .homeHeadline .en, #home .homeHeadline .ja { display: block; color: #3E3A39; }

#home .homeHeadline .en { line-height: .7; font-family: "existence"; font-size: 44px; letter-spacing: .05em; }

#home .homeHeadline .ja { margin-top: 16px; line-height: 1; font-size: 14px; }

#home .homeHeadline .link_arrow { top: 30%; }

#home #pickup { padding: 40px 0; position: relative; z-index: 800; background: #fff; }

#home #pickup .pickupWrap { margin: 0 auto; width: 1000px; }

#home #pickup .pickupLabel { margin-bottom: 38px; line-height: 1; color: #3E3A39; font-size: 20px; text-align: center; }

#home #pickup .textLead { margin-bottom: 42px; padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #3e3a39; font-weight: bold; text-align: center; }

#home .pickupAccordion { display: none; }

#home .pickupBnrList { display: -webkit-box; display: flex; flex-wrap: wrap; }

#home .pickupBnrList li { width: 320px; border: 1px solid #CDCDCD; box-shadow: 0px 0px 10px rgba(171, 139, 110, 0.39); }

#home .pickupBnrList li a { display: block; line-height: 0; }

#home .pickupBnrList li img { width: 100%; }

#home .pickupBnrList li:not(:nth-child(3n)) { margin-right: 20px; }

#home .pickupBnrList li:nth-child(n+4) { margin-top: 20px; }

#home .pickupBnrList.accordion { margin-top: 20px; }

#home .pickupMoreBtn { margin: 20px auto 0; padding: .6em; position: relative; width: 200px; line-height: 1; color: #FFF; background: #3E3A39; font-size: 14px; cursor: pointer; text-align: center; -webkit-transition: .3s; transition: .3s; }

#home .pickupMoreBtn:after { position: absolute; top: 50%; right: .4em; font-size: 1.5em; content: "＋"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#home .pickupMoreBtn:hover { opacity: .7; }

#home .pickupMoreBtn.open:after { content: "−"; }

#home #info { padding: 40px 0 80px; overflow: hidden; }

#home #infoWrap { position: relative; width: 1000px; margin: 0 auto; }

#home #infoWrap hr { margin: 0; height: 0; border-style: solid; border-width: 2px 0 0 0; border-color: #3E3A39; }

#home #infoList li { display: none; }

#home #infoList li:nth-child(-n+5) { display: block; }

#home #infoList li.homeDispNo { display: none; }

#home #infoList { margin-top: 26px; padding-right: 3em; position: relative; height: 270px; overflow: hidden; border-bottom: solid 1px #eee; background: url(/images/images2016/home/infolist_shadow.png) center bottom repeat-x; }

#home #infoList > li { position: relative; margin-bottom: 18px; }

#home #infoList > li a { display: block; }

#home #infoList > li a:hover { opacity: .6; }

#home #infoList .newLabel:before { display: inline-block; position: absolute; left: 0; color: #f30; font-size: 12px; font-weight: bold; content: "NEW"; line-height: 24px; }

#home #infoList dt.ymd { width: 100%; margin-bottom: 8px; padding-left: 40px; color: #0097dd; font-size: 12px; box-sizing: border-box; line-height: 24px; }

#home #infoList dt.ymd .infoLabel { display: inline-block; margin-left: 10px; padding: 4px 20px; line-height: 1; border: solid 1px #0097dd; }

#home #infoList dt.ymd .infoLabel.press { color: #fff; background: #0086af; }

#home #infoList dd { width: 100%; padding-left: 40px; line-height: 1.25; text-justify: inter-ideograph; text-align: justify; box-sizing: border-box; font-size: 14px; }

#home #infoList dd dt { margin-bottom: 0.5em; }

#home #infoList dd dd p { margin-bottom: 1em; letter-spacing: -1px; }

#home #infoList dd dd p:last-child { margin-bottom: 0; }

#home #infoList dd .inlineList { padding-top: .5em; padding-bottom: 0; }

#home #infoList dd .inlineList.oneRow li { display: inline-block; }

#home #infoList .infoGenre { margin-top: 0.25em; color: #0086af; font-size: 14px; }

#home #infoLink { position: absolute; top: 0; right: 0; font-size: 14px; }

#home #infoLink img { vertical-align: middle; -webkit-transition: 0.2s; transition: 0.2s; }

#home #infoLink a { -webkit-transition: 0.2s; transition: 0.2s; }

#home #infoLink a:before { position: relative; top: -2px; right: 9px; font-size: 22px; vertical-align: middle; }

#home #infoLink:hover a { opacity: .6; }

#home #otherContent { width: 100%; padding: 60px 0; background: url(/images/images2016/home/other-bgi.png) #ecebeb; }

#home #otherContent #otherContentWrap { margin: 0 auto; width: 1000px; }

#home #otherContent #otherContentWrap ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#home #otherContent #otherContentWrap li { width: 495px; height: 200px; }

#home #otherContent #otherContentWrap li:nth-child(n+3) { margin-top: 10px; }

#home #otherContent #otherContentWrap li a { padding: 32px 40px 40px; display: block; width: 100%; height: 100%; color: #FFF; -webkit-transition: all .3s; transition: all .3s; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

#home #otherContent #otherContentWrap li h3 { margin: 0 0 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; line-height: 1; font-size: 27px; color: #222; }

#home #otherContent #otherContentWrap li h3:after { margin-left: .5em; content: "y"; font-family: "ilm"; font-size: .8em; vertical-align: middle; }

#home #otherContent #otherContentWrap li p { line-height: 1.5; color: #3E3A39; text-align: justify; text-justify: inter-ideograph; font-size: 16px; }

#home #otherContent #otherContentWrap li .inner { width: 335px; }

#home #otherContent #otherContentWrap li:hover a { opacity: .6; }

#home #otherContent #otherContentWrap li.program { background: url(/images/images2016/home/panel-bgi-program.jpg?20190807) no-repeat right top #fff; background-size: cover; }

#home #otherContent #otherContentWrap li.online { background: url(/images/images2016/home/panel-bgi-online.jpg?20190807) no-repeat right top #fff; background-size: cover; }

#home #otherContent #otherContentWrap li.assessment { background: url(/images/images2016/home/panel-bgi-assessment.jpg?20190807) no-repeat right top #fff; background-size: cover; }

#home #otherContent #otherContentWrap li.case_introduction { background: url(/images/images2016/home/panel-bgi-case_introduction.jpg?20190807) no-repeat right top #fff; background-size: cover; }

#home #openclass, #home #eventHome { width: 100%; padding: 60px 0 20px; overflow: hidden; }

#home #openclass .btnHome, #home #eventHome .btnHome { width: 260px; height: 50px; margin: 40px auto 0; padding: 0; font-size: 19px; line-height: 50px; text-align: center; -webkit-transition: .3s; transition: .3s; }

#home #openclass .iconNew, #home #openclass .iconUpdate, #home #eventHome .iconNew, #home #eventHome .iconUpdate { display: none; }

#home #notfoundWrap { width: 100%; margin: 0 auto; padding: 100px 0; overflow: hidden; }

#home #openclass { padding: 40px 0; background: #fff; }

#home #openclassWrap, #home #eventHomeWrap { margin: 0 auto; font-size: 16px; }

#home #openclassWrap .textLead, #home #eventHomeWrap .textLead { width: 1000px; margin: 0 auto 40px; font-size: 14px; }

#home #openclassWrap .detailTtl, #home #eventHomeWrap .detailTtl { display: none; }

#home #openclassWrap { width: 1000px; }

#home .openclassBnr { margin-bottom: 40px; display: -webkit-box; display: flex; }

#home .openclassBnr > li { width: 241px; overflow: hidden; image-rendering: -webkit-optimize-contrast; }

#home .openclassBnr > li:not(:last-child) { margin-right: 12px; }

#home .openclassBnr > li a { display: block; position: relative; }

#home .openclassBnr > li img { width: 100%; }

#home .openclassBnr > li.online a:after { padding: 40px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 55px; height: 55px; content: "オンライン"; color: #FFF; background: #a688bd; font-size: 10px; letter-spacing: -.25em; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

#home #eventHomeWrap, #home #notfoundWrap { max-width: 1000px; }

#home #notfoundWrap { text-align: center; }

#home #notfoundWrap h1 { font-size: 26px; font-weight: bold; }

#home #notfoundWrap p { margin-top: 35px; font-size: 14px; }

#home #notfoundWrap .btn { margin-top: 30px; display: inline-block; width: 220px; font-size: 14px; }

#home #notfoundWrap .btn a { padding: .75em 0; line-height: 1; display: block; position: relative; border: 1px solid #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#home #notfoundWrap .btn a:hover { background: #002f58; border: 1px solid #002f58; color: #fff; }

#home #notfoundWrap .btn a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; content: "a"; font-family: "ilm"; font-size: 16px; }

#home #listOpenClass ul { display: -webkit-box; display: flex; flex-wrap: wrap; }

#home #listOpenClass ul.odd li:nth-child(2n) { margin-left: 0; }

#home #listOpenClass ul.odd li:nth-child(2n+1) { margin-left: 20px; }

#home #listOpenClass ul.odd li:first-child { margin-left: 0; }

#home #listOpenClass ul.odd li:first-child dd { width: 870px; }

#home #listOpenClass ul.odd li:nth-child(2) { border-top: none; }

#home #listOpenClass li { padding: 12px 0; border-bottom: 1px solid #CCC; }

#home #listOpenClass li:nth-child(2n) { margin-left: 20px; }

#home #listOpenClass li:nth-child(n+9) { display: none; }

#home #listOpenClass li:nth-child(-n+2) { border-top: 1px solid #CCC; }

#home #listOpenClass li dl { display: -webkit-box; display: flex; }

#home #listOpenClass li dt { position: relative; overflow: hidden; width: 100px; }

#home #listOpenClass li dt .detailTtl { display: none; }

#home #listOpenClass li dt img { width: 100%; height: auto; }

#home #listOpenClass li dt:before { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; background: rgba(218, 223, 0, 0.5); opacity: 0; -webkit-transition: all .3s; transition: all .3s; }

#home #listOpenClass li dd { margin-left: 30px; position: relative; width: 360px; }

#home #listOpenClass li a { display: block; }

#home #listOpenClass li a:hover { color: inherit; opacity: .6; }

#home #listOpenClass li h3 { font-size: 15px; font-weight: bold; line-height: 1.3; }

#home #listOpenClass li h3 .titleSub { display: block; font-size: 14px; }

#home #listOpenClass li .openTitle small { padding-left: .5em; }

#home #listOpenClass li .datePlace { position: absolute; bottom: 0; left: 0; overflow: hidden; }

#home #listOpenClass li .datePlace .slideDate, #home #listOpenClass li .datePlace .slidePlace { position: relative; margin: 0; padding: 0; float: left; font-size: 12px; letter-spacing: 0; text-indent: -2.25em; padding-left: 30px; word-break: break-all; line-height: 1.3; }

#home #listOpenClass li .datePlace .slideDate.off, #home #listOpenClass li .datePlace .slidePlace.off { display: none; }

#home #listOpenClass li .datePlace .slideDate:before, #home #listOpenClass li .datePlace .slidePlace:before { margin-right: .5em; font-family: "ilm"; font-size: 18px; color: #9fa0a0; vertical-align: middle; }

#home #listOpenClass li .datePlace .slideDate.kana, #home #listOpenClass li .datePlace .slidePlace.kana { letter-spacing: -.05em; }

#home #listOpenClass li .datePlace .slideDate { margin-bottom: -3px; }

#home #listOpenClass li .datePlace .slideDate:before { content: "T"; }

#home #listOpenClass li .datePlace .slidePlace:before { content: "M"; }

#home #listOpenClass li .eventHover { display: none; }

#home #listOpenClass li.online dt:after { padding: 40px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 55px; height: 55px; content: "オンライン"; color: #FFF; background: #a688bd; font-size: 10px; letter-spacing: -.25em; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

@media only screen and (min-width: 641px) { #home #listOpenClass .LowerRightIcon, #home #listOpenClass .external_icon { padding-right: 1em; height: auto; } #home #listOpenClass .LowerRightIcon:before, #home #listOpenClass .external_icon:before { bottom: 3px; right: 8px; font-size: 14px; } #home #listOpenClass .LowerRightIcon:after, #home #listOpenClass .external_icon:after { border-width: 0 0 55px 55px; } }

#home #eventHome { padding: 40px 0; }

#home #eventHome .comingSoon { padding: 0 10px; }

#home #eventHome .comingSoon:after { display: block; width: 100%; height: 100%; background: url(/images/images2016/home/comingsoon.png); content: ""; }

#home #listEvent ul { display: -webkit-box; display: flex; flex-wrap: wrap; }

#home #listEvent ul.odd li:nth-child(2n) { margin-left: 0; }

#home #listEvent ul.odd li:nth-child(2n+1) { margin-left: 20px; }

#home #listEvent ul.odd li:first-child { margin-left: 0; }

#home #listEvent ul.odd li:first-child dd { width: 870px; }

#home #listEvent ul.odd li:nth-child(2) { border-top: none; }

#home #listEvent li { padding: 12px 0; border-bottom: 1px solid #CCC; }

#home #listEvent li:nth-child(2n) { margin-left: 20px; }

#home #listEvent li:nth-child(n+7) { display: none; }

#home #listEvent li:nth-child(-n+2) { border-top: 1px solid #CCC; }

#home #listEvent li dl { display: -webkit-box; display: flex; }

#home #listEvent li dt { position: relative; overflow: hidden; width: 100px; }

#home #listEvent li dt .detailTtl { display: none; }

#home #listEvent li dt img { width: 100%; height: auto; }

#home #listEvent li dt:before { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; background: rgba(218, 223, 0, 0.5); opacity: 0; -webkit-transition: all .3s; transition: all .3s; }

#home #listEvent li dd { margin-left: 30px; position: relative; width: 360px; }

#home #listEvent li a { display: block; }

#home #listEvent li a:hover { color: inherit; opacity: .6; }

#home #listEvent li h3 { font-size: 15px; font-weight: bold; line-height: 1.3; }

#home #listEvent li h3 .titleSub { display: block; font-size: 14px; }

#home #listEvent li .datePlace { position: absolute; bottom: 0; left: 0; overflow: hidden; }

#home #listEvent li .datePlace .slideDate, #home #listEvent li .datePlace .slidePlace { position: relative; margin: 0; padding: 0; float: left; font-size: 12px; letter-spacing: 0; text-indent: -2.25em; padding-left: 30px; word-break: break-all; line-height: 1.3; }

#home #listEvent li .datePlace .slideDate.off, #home #listEvent li .datePlace .slidePlace.off { display: none; }

#home #listEvent li .datePlace .slideDate:before, #home #listEvent li .datePlace .slidePlace:before { margin-right: .5em; font-family: "ilm"; font-size: 18px; color: #9fa0a0; vertical-align: middle; }

#home #listEvent li .datePlace .slideDate.kana, #home #listEvent li .datePlace .slidePlace.kana { letter-spacing: -.05em; }

#home #listEvent li .datePlace .slideDate { margin-bottom: -3px; }

#home #listEvent li .datePlace .slideDate:before { content: "T"; }

#home #listEvent li .datePlace .slidePlace:before { content: "M"; }

#home #listEvent li .eventHover { display: none; }

@media only screen and (min-width: 641px) { #home #listEvent .LowerRightIcon, #home #listEvent .external_icon { padding-right: 1em; height: auto; } #home #listEvent .LowerRightIcon:before, #home #listEvent .external_icon:before { bottom: 3px; right: 8px; font-size: 14px; } #home #listEvent .LowerRightIcon:after, #home #listEvent .external_icon:after { border-width: 0 0 55px 55px; } }

#home #consulHome { width: 100%; padding: 80px 0 40px; background: #fff; color: #3E3A39; overflow: hidden; }

#home #consulHome #consulHomeWrap { width: 1000px; margin: 0 auto; }

#home #consulHome .textLead { margin: 0 auto 40px; font-size: 14px; }

#home #consulHome #consulPanel ul { display: -webkit-box; display: flex; flex-wrap: wrap; }

#home #consulHome #consulPanel li { width: 25%; height: 150px; background: #f3f3f0; }

#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: #e8e8e3; }

#home #consulHome #consulPanel li a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; height: 100%; color: #3E3A39; }

#home #consulHome #consulPanel li a:hover { opacity: 1; }

#home #consulHome #consulPanel li .tagArea { padding: 20px 30px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; background: #ED7A3E; }

#home #consulHome #consulPanel li .tagArea p { line-height: 1.3; font-size: 14px; letter-spacing: -.075em; }

#home #consulHome #consulPanel li h3 { padding-right: .5em; position: relative; width: 100%; line-height: 1.33333; font-size: 15px; font-weight: bold; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; text-align: center; }

#home #consulHome #consulPanel li h3:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#home #consulHome #consulPanel li:hover .tagArea { opacity: 1; }

#home #consulHome .btnHome { margin: 40px auto 0; font-size: 19px; }

#home .btnHome:hover { background: #ff742c; }

#home .btnHome a { display: inline-block; width: 100%; height: 100%; color: #fff; cursor: pointer; text-decoration: none; }

#home #opinions { padding: 40px 0 80px; }

#home #opinions .opinionsWrap { margin: 0 auto; width: 1000px; }

#home #opinions h2 { margin-bottom: 40px; color: #3E3A39; font-size: 20px; line-height: 1; text-align: center; }

#home #opinions .textLead { margin: 0 auto 40px; width: 800px; font-size: 14px; text-align: center; }

#home #opinions .textLead small { font-size: 12px; }

#home #opinions .opinionsList { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#home #opinions .opinionsList > li { display: -webkit-box; display: flex; box-shadow: 0px 0px 10px rgba(171, 139, 110, 0.39); }

#home #opinions .opinionsList > li .panelContent { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; width: 235px; height: 100%; background: #fff; }

#home #opinions .opinionsList > li .thumbWrap { flex-shrink: 0; }

#home #opinions .opinionsList > li .thumbWrap img { width: 100%; }

#home #opinions .opinionsList > li .textWrap { padding: 18px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; -webkit-box-flex: 1; flex-grow: 1; }

#home #opinions .opinionsList > li .category { margin-bottom: 12px; line-height: 1.2; color: #005198; font-size: 14px; letter-spacing: -.13em; }

#home #opinions .opinionsList > li .title { line-height: 1.4; color: #000; font-size: 18px; font-weight: bold; }

#home #opinions .opinionsList > li .title .homeOnly, #home #opinions .opinionsList > li .title .mainOnly { display: none; }

#home #opinions .opinionsList > li .subTitle { margin: 6px 0 20px; display: block; line-height: 1.3; color: #000; font-size: 14px; }

#home #opinions .opinionsList > li .talkGenreWrap { margin-top: auto; padding-top: 23px; display: -webkit-box; display: flex; position: relative; line-height: 1; }

#home #opinions .opinionsList > li .talkGenreWrap .talkGenre { padding-right: 12px; color: #0086af; font-size: 14px; }

#home #opinions .opinionsList > li .talkGenreWrap .date { border-left: 1px solid #000; padding-left: 12px; color: #666; font-size: 14px; }

#home #opinions .opinionsList > li .talkGenreWrap:before { display: block; position: absolute; top: 10px; left: 0; width: 20px; height: 2px; background: #000; content: ""; }

#home #download { padding: 40px 0 0; }

#home #download .downloadWrap { margin: 0 auto; width: 1000px; }

#home #download h2 { color: #3E3A39; font-size: 20px; line-height: 1; }

#home #download .homeHeadline { text-align: center; }

#home #download .textLead { margin: 0 auto 40px; width: 800px; font-size: 14px; text-align: center; }

#home #download .textLead small { font-size: 12px; }

.mail_popup { padding: 0; display: block; position: fixed; right: 10px; bottom: 10px; z-index: 999; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: translateX(100%); transform: translateX(100%); }

.mail_popup ul { display: -webkit-box; display: flex; background-color: #fff; }

.mail_popup ul li { padding-left: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; width: 230px; height: 60px; font-size: 16px; font-weight: 700; }

.mail_popup ul li:hover { opacity: .7; }

.mail_popup ul li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.mail_popup ul li::before { margin-right: .5em; position: relative; content: ""; }

.mail_popup ul li::after { margin: auto; position: absolute; top: 0; bottom: 0; right: 1.3em; 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); }

.mail_popup ul li.downloadBtn { background-color: #3E3A39; color: #fff; }

.mail_popup ul li.downloadBtn::before { width: 27px; height: 27px; background: url(/images/images2016/footer/popup/icon_download.svg) no-repeat center; }

.mail_popup ul li.mailBtn { padding-left: 14px; background-color: #eeeeee; border: solid 1px #cfcfcf; }

.mail_popup ul li.mailBtn::before { width: 27px; height: 27px; background: url(/images/images2016/footer/popup/icon_mail.svg) no-repeat center; }

.mail_popup ul li.mailBtn::after { right: 1em; border-color: #3E3A39; }

.mail_popup.open { -webkit-transform: translateX(0); transform: translateX(0); }

#consulting { letter-spacing: 0; /*DETAIL*/ /*ASIDE*/ /* w-mgr */ /* mid-career */ }

#consulting.consultingHome #mainContent { background: #f2f2f2; }

#consulting.consultingHome #mainContent ul { display: -webkit-box; display: flex; flex-wrap: wrap; width: 1000px; margin: 0 auto 0; padding-bottom: 100px; box-sizing: border-box; -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)); }

#consulting.consultingHome #mainContent ul li { position: relative; width: 25%; height: 400px; background: #fff; -webkit-transition: 0.4s; transition: 0.4s; }

#consulting.consultingHome #mainContent ul li a { display: block; height: 100%; }

#consulting.consultingHome #mainContent ul li a:hover { opacity: 1; }

#consulting.consultingHome #mainContent ul li:not(:nth-child(4n)) { border-right: 1px solid #DDD; }

#consulting.consultingHome #mainContent ul li:last-child { border-right: none; }

#consulting.consultingHome #mainContent ul li .panelHover { display: none; }

#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: #e8e8e3; }

#consulting.consultingHome #mainContent ul li:nth-child(8n+2) h3:after, #consulting.consultingHome #mainContent ul li:nth-child(8n+4) h3:after, #consulting.consultingHome #mainContent ul li:nth-child(8n+5) h3:after, #consulting.consultingHome #mainContent ul li:nth-child(8n+7) h3:after { border-color: #e8e8e3 transparent transparent transparent; }

#consulting.consultingHome #mainContent ul li h3 { display: table; position: relative; width: 100%; height: 200px; background: #f3f3f0; border-right: inset 2px transparent; box-sizing: border-box; color: #3E3A39; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; -webkit-transition: .3s; transition: .3s; }

#consulting.consultingHome #mainContent ul li h3:after { position: absolute; top: 199px; right: 117px; width: 0; height: 0; border-style: solid; border-width: 9px 8.5px 0 8.5px; border-color: #f3f3f0 transparent transparent transparent; content: ''; -webkit-transition: .3s; transition: .3s; }

#consulting.consultingHome #mainContent ul li h3 > span { display: table-cell; vertical-align: middle; }

#consulting.consultingHome #mainContent ul li .text { height: 200px; padding: 22px 20px; color: #3E3A39; font-size: 16px; line-height: 1.5; -webkit-transition: .3s; transition: .3s; }

#consulting.consultingHome #mainContent ul li:nth-of-type(4n+4) h3, #consulting.consultingHome #mainContent ul li:nth-of-type(4n+4) .text { border: none; }

#consulting.consultingHome #mainContent ul li:nth-child(4n+1):after { content: none; }

#consulting.consultingHome #mainContent ul li:hover { z-index: 999; }

#consulting.consultingHome #mainContent ul li:hover h3 { color: #FFF; background: #ED7A3E; }

#consulting.consultingHome #mainContent ul li:hover h3:after { border-color: #ED7A3E transparent transparent transparent; }

#consulting.consultingHome #mainContent ul li:hover .text { opacity: .7; }

#consulting.consultingHome #mainContent ul:after { display: block; clear: both; content: ""; }

#consulting .titleMain.bracket { text-indent: -.6em; font-size: 0.86em; }

#consulting.consultingDetail { /*solution*/ /*main_program*/ }

#consulting.consultingDetail #titleArea #pageTitle.subLine2 { margin-bottom: 34px; }

#consulting.consultingDetail #titleArea #pageTitle span.titleSub { margin-top: 11px; font-size: 16px; }

#consulting.consultingDetail #mainContent { margin-top: -1px; padding-top: 1px; padding-bottom: 60px; }

#consulting.consultingDetail #mainContent.lastContent { padding-bottom: 80px; }

#consulting.consultingDetail #mainContent .col2headline5 { margin-bottom: 1em; line-height: 1; }

#consulting.consultingDetail #mainContent .list1 { margin-top: 0; }

#consulting.consultingDetail #mainContent .list1 li { margin-top: 0; margin-bottom: 1em; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent .list1 li:last-child { margin-bottom: 0; }

#consulting.consultingDetail #mainContent .cnclLead { margin: 42px 0 30px; }

#consulting.consultingDetail #mainContent .cnclLead:last-of-type { margin: 0 0 35px; }

#consulting.consultingDetail #mainContent .cnclLead.top0 { margin-top: 0; padding-top: 0; }

#consulting.consultingDetail #mainContent .cnclLead.btm1em { margin-bottom: 1em; }

#consulting.consultingDetail #mainContent #locBgWrap { display: block; position: relative; max-width: 1366px; margin: 0 auto; }

#consulting.consultingDetail #mainContent #locBgWrap #locBg { display: block; position: absolute; width: 100%; height: 57px; background: -webkit-radial-gradient(center center, circle, #fff 0, #e5e5e5 250px); background: radial-gradient(center center, circle, #fff 0, #e5e5e5 250px); background-position: 413px; opacity: 0.5; }

#consulting.consultingDetail #mainContent #localNav2 { padding: 16px 0 17px; }

#consulting.consultingDetail #mainContent #localNav2 li { color: #3E3A39; font-size: 24px; font-weight: bold; line-height: 1; }

#consulting.consultingDetail #mainContent #localNav2:after { content: none; }

#consulting.consultingDetail #mainContent #localNaviWrap.localLine2 #locBgWrap #locBg { height: 73px; }

#consulting.consultingDetail #mainContent #localNaviWrap.localLine2 #localNav2 { padding: 24px 0 25px; }

#consulting.consultingDetail #mainContent .col2headline4 { padding-top: 40px; font-size: 24px; }

#consulting.consultingDetail #mainContent .btnWrap { margin-top: 30px; padding-top: 30px; border-top: solid 4px #3E3A39; }

#consulting.consultingDetail #mainContent .btnWrap.borderHidden { margin: 0; padding: 0; border: none; }

#consulting.consultingDetail #mainContent .col2Content .table2:first-of-type { margin: 0; }

#consulting.consultingDetail #mainContent .col2Content .table2:first-of-type th, #consulting.consultingDetail #mainContent .col2Content .table2:first-of-type td { border: none; }

#consulting.consultingDetail #mainContent .col2Content .table2:first-of-type tr + tr th, #consulting.consultingDetail #mainContent .col2Content .table2:first-of-type tr + tr td { border-top: solid 2px #f2f2f2; }

#consulting.consultingDetail .btnWrap { margin-top: 1em; text-align: right; }

#consulting.consultingDetail .btnWrap .btnL { display: inline-block; width: auto; height: 50px; margin: 20px 0 0; }

#consulting.consultingDetail .btnWrap .btnL a { padding: 0 40px 0 20px; text-indent: 0; }

#consulting.consultingDetail .btnWrap .btnL:after { right: 1em; }

#consulting.consultingDetail .btnWrap .btnS { display: inline-block; width: auto; height: 30px; }

#consulting.consultingDetail .btnWrap .btnS a { padding: 0 40px 0 24px; line-height: 30px; text-align: left; text-indent: 0; }

#consulting.consultingDetail .btnWrap .btnS:after { top: -8px; right: 1em; }

#consulting.consultingDetail #mainProgram, #consulting.consultingDetail #intoCase { padding-bottom: 40px; background: #fff; }

#consulting.consultingDetail #mainProgram .col2headline4, #consulting.consultingDetail #intoCase .col2headline4 { padding-top: 35px; }

#consulting.consultingDetail #intoCase { padding-bottom: 60px; background: #f2f2f2; }

#consulting.consultingDetail .list2 li { margin-bottom: 1em; }

#consulting.consultingDetail .list2 li:last-child { margin-bottom: 0; }

#consulting.consultingDetail .list2.liBtm05 li { margin-bottom: .5em; }

#consulting.consultingDetail .hexaImg { margin-top: 45px; padding-bottom: 20px; }

#consulting.consultingDetail .hexaImg p { padding-bottom: 0.5em; border-bottom: solid 4px #005488; color: #005488; font-size: 22px; letter-spacing: -1px; text-align: center; }

#consulting.consultingDetail .hexaImg p span { letter-spacing: -3px; }

#consulting.consultingDetail .hexaImg .halfSize { width: 50%; height: auto; }

#consulting.consultingDetail .hexaImg.img-2column { width: 62%; display: inline-block; margin-right: 2%; padding: 1em; margin-top: 0px; }

#consulting.consultingDetail .hexaImg.img-2column img { width: 100%; }

#consulting.consultingDetail .hexaImg.img-2column p { font-size: 24px; }

#consulting.consultingDetail .hexaImg.img-2column:after { display: none; }

#consulting.consultingDetail .hexagon_plus-2column { margin-top: 35px; }

#consulting.consultingDetail .hexagon_plus-2column .details-2column { width: 35.2%; display: inline-block; vertical-align: top; }

#consulting.consultingDetail .hexagon_plus-2column .details-2column .title { font-size: 16px; font-weight: bold; margin-bottom: 1em; }

#consulting.consultingDetail .hexagon_plus-2column .details-2column ul { margin-bottom: 2em; }

#consulting.consultingDetail .hexagon_plus-2column .details-2column ul li { text-indent: -1em; margin-left: 1em; }

#consulting.consultingDetail .hexaDl { position: relative; margin: 40px 0 0; padding: 1em 20px; border-top: 1px solid #999; }

#consulting.consultingDetail .hexaDl dt { margin-bottom: 0.5em; color: #3E3A39; font-size: 18px; font-weight: bold; }

#consulting.consultingDetail .hexaDl.ulImg { overflow: hidden; }

#consulting.consultingDetail .hexaDl.ulImg dt, #consulting.consultingDetail .hexaDl.ulImg dd { width: 50%; }

#consulting.consultingDetail .hexaDl.ulImg dd { float: left; }

#consulting.consultingDetail .hexaDl.ulImg .rightImg { position: absolute; top: inherit; right: 0; width: 370px; text-align: right; padding-right: 5px; }

#consulting.consultingDetail .hexaDl.ulImg3 { display: table; padding-right: 0; }

#consulting.consultingDetail .hexaDl.ulImg3 dt, #consulting.consultingDetail .hexaDl.ulImg3 dd { width: 100%; }

#consulting.consultingDetail .hexaDl.ulImg3 ul, #consulting.consultingDetail .hexaDl.ulImg3 .rightImg { display: table-cell; vertical-align: top; }

#consulting.consultingDetail .hexaDl.ulImg3 .rightImg { position: relative; width: 50%; margin-bottom: 30px; padding-left: 1em; padding-right: 5px; }

#consulting.consultingDetail .hexaDl .centerImg { margin: 1em 0; }

#consulting.consultingDetail .hexaDl.sales { padding: 1em 20px 0; }

#consulting.consultingDetail .hexaDl.w700 .boxCommentary2 { width: 700px; }

#consulting.consultingDetail .hexaDl.w700 .boxCommentary2 img { width: 100%; height: auto; }

#consulting.consultingDetail .ulImg4 { display: table; width: 720px; margin: 1em 0; padding: 20px; }

#consulting.consultingDetail .ulImg4 .leftList { display: table-cell; vertical-align: top; }

#consulting.consultingDetail .ulImg4 .leftList ul { margin-top: .5em; text-align: left; }

#consulting.consultingDetail .ulImg4 .rightImg { display: table-cell; padding-left: 1em; padding-right: 5px; vertical-align: top; }

#consulting.consultingDetail .boxCommentary2.ulImg4 img { width: 100%; height: auto; }

#consulting.consultingDetail .btnOnBrdr { position: relative; border-top: 1px solid #999; text-align: right; }

#consulting.consultingDetail .btnOnBrdr .btnS { display: inline-block; position: relative; top: -1em; width: 195px; height: 30px; }

#consulting.consultingDetail .btnOnBrdr .btnS a { letter-spacing: 0; line-height: 30px; text-align: left; text-indent: 2em; }

#consulting.consultingDetail .btnOnBrdr .btnS a:after { right: 20px; }

#consulting.consultingDetail .btnOnBrdr .btnS:after { top: -8px; right: 1em; }

#consulting.consultingDetail .topSecBorder { margin-top: 35px; padding-top: 50px; border-top: solid 4px #3E3A39; }

#consulting.consultingDetail .blackBox + .list2 li { margin-bottom: 0; }

#consulting.consultingDetail .list2.btm0 li { margin-bottom: 0; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox { margin-top: 20px; padding: 40px 40px 30px; text-align: left; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 { padding-top: 0; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 small { display: block; font-size: 18px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 .shaded { font-size: 16px; font-weight: normal; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox h4 { margin-top: 1em; font-size: 20px; font-weight: bold; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .list2 { padding-top: 10px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .list2 li { margin-bottom: 0; line-height: 1.5; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline-blue { margin: -2px 0 22px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox p { font-weight: normal; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .noBorder { margin: 0; padding: 0.5em 0 0; border: none; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox:first-of-type { margin-top: 36px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox dl { margin-bottom: 1.2em; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .pBlue { margin-top: -13px; padding-bottom: 8px; color: #005198; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .col2headline4 { margin-bottom: 15px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .col2headline4.caseType { color: #005198; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .col2headline4.caseType span { margin-bottom: .5em; display: block; font-size: 18px; line-height: 1; letter-spacing: 0; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .list2 { padding: 0; color: #005198; font-weight: normal; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .barList { margin-bottom: .5em; padding: 0; font-size: 18px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox.case .barList li:before { margin-right: .5em; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .btnS { letter-spacing: 0px; }

#consulting.consultingDetail #mainContent .boxCommentary2.mainProBox .btnHome:after { right: 20px; }

#consulting.consultingDetail .progList { padding: 15px 0 30px; }

#consulting.consultingDetail .progList .col2headline4 { margin-bottom: 11px; }

#consulting.consultingDetail .progList li { float: left; margin-right: 1em; font-size: 16px; }

#consulting.consultingDetail .progList li a:before { top: 5px; }

#consulting.consultingDetail .progList li.sizeLarge { float: none; margin-bottom: .5em; font-size: 18px; font-weight: bold; }

#consulting.consultingDetail .progList li.sizeLarge a:before { top: 3px; }

#consulting.consultingDetail .progList.bottom0 { padding-bottom: 0; }

#consulting.consultingDetail .progList.brdrTop { margin-top: 35px; border-top: solid 1px #999; }

#consulting.consultingDetail .progList.progList-global { padding-top: 0; }

#consulting.consultingDetail .progList.progList-global .globalHead { display: inline-block; width: auto; padding: .5em 1em; background: #333; color: #fff; }

#consulting.consultingDetail .progList.progList-global + .progList-global { margin-top: 2.5em; padding-top: 1em; border-top: solid 1px #999; }

#consulting.consultingDetail .list2.blueList { margin: 37px 0 30px; }

#consulting.consultingDetail .list2.blueList li { margin-bottom: 10px; color: #0086af; font-weight: bold; letter-spacing: -1px; }

#consulting.consultingDetail .borderTop { margin: 45px 0 35px; border-top: solid 2px #666; }

#consulting.consultingDetail .globalHead { margin: 30px 0 15px; padding-bottom: 15px; color: #005198; font-size: 24px; font-weight: bold; line-height: 1.25; }

#consulting.consultingDetail .boxCommentary2 + .btnOnBrdr { margin-top: 35px; }

#consulting.consultingDetail #mainContent.global .boxCommentary2.mainProBox .noBorder { margin-top: 10px; }

#consulting.consultingDetail .listBlue { margin-bottom: 10px; padding-top: 10px; }

#consulting.consultingDetail .listBlue li { margin-bottom: 5px; color: #005198; font-weight: normal; line-height: 1.5; }

#consulting.consultingDetail .listBlue:last-child { margin-bottom: 0; }

#consulting.consultingDetail #cnclTable { margin-top: 0; }

#consulting.consultingDetail #cnclTable caption { margin-bottom: 12px; color: #005488; font-size: 20px; text-align: left; }

#consulting.consultingDetail #cnclTable caption.textCenter { text-align: center; }

#consulting.consultingDetail #cnclTable th, #consulting.consultingDetail #cnclTable td { width: 270px; padding: 1em; border-color: #fff; font-weight: bold; text-align: left; vertical-align: top; }

#consulting.consultingDetail #cnclTable td { background: #d6ebd6; color: #3E3A39; font-weight: normal; }

#consulting.consultingDetail #cnclTable .leftHead { width: 120px; background: #0086af; color: #fff; }

#consulting.consultingDetail #cnclTable .lineMid { background: #eaeaea; color: #3E3A39; }

#consulting.consultingDetail #cnclTable .lineMid.ttlJa { background: #888; color: #fff; }

#consulting.consultingDetail #cnclTable .ttlNstaff { background: #5cad5c; }

#consulting.consultingDetail #cnclTable .list2 li { margin-bottom: 0; line-height: 1.4; }

#consulting.consultingDetail #cnclTable .bgWhite { background: #fff; }

#consulting.consultingDetail #mainContent .salesDl { margin-top: .5em; }

#consulting.consultingDetail #mainContent .salesDl.top40 { margin-top: 40px; }

#consulting.consultingDetail #mainContent .salesDl .list1 li { margin-bottom: 0; }

#consulting.consultingDetail .salesTtl { font-weight: bold; }

#consulting.consultingDetail .figImg { float: right; margin-left: 1em; list-style: none; }

#consulting.consultingDetail .figImg img { width: 370px; height: auto; }

#consulting.consultingDetail .figImg:before { content: none; }

#consulting.consultingDetail .fecundity img { width: 215px; }

#consulting.consultingDetail .salesImgSol { margin-bottom: 45px; }

#consulting.consultingDetail .rightImg.sales img { width: 340px; height: auto; }

#consulting.consultingDetail #mainContent.info .col2Content { padding: 40px 40px 20px 40px; background: #fff; }

#consulting.consultingDetail #mainContent.info .col2Content .headline { font-weight: bold; }

#consulting.consultingDetail #mainContent.info .col2Content .headline .lead { font-weight: normal; font-size: 18px; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent.info .col2Content .headline h3 { font-size: 30px; font-weight: bold; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea { padding: 40px 0 60px; border-top: solid 4px #339900; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea p + p { margin-top: 1.5em; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation { display: table; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li { margin-bottom: 1.5em; display: table; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li .name { display: table-cell; width: 60px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li .speaker1 { color: #ff6600; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li .speaker2 { color: #009933; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li .speaker3 { color: #0066cc; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .conversation li p { display: table-cell; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile { margin-top: 40px; padding: 30px; background: #f5f5f5; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figure { overflow: hidden; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figure + figure { margin-top: 20px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile img { float: left; margin-right: 20px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile figcaption { margin: -.1em 0 .5em 140px; display: block; color: #3E3A39; font-size: 16px; font-weight: bold; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .profile p { margin-left: 140px; color: #666; font-size: 12px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference { margin-left: 60px; display: table; background: #f2f2f2; width: 600px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference img { float: left; width: 136px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference figcaption { padding: 0 40px; display: table-cell; vertical-align: middle; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference strong { margin-bottom: .5em; display: inline-block; line-height: 1.3; font-size: 18px; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference .btnHome { display: inline-block; width: auto; min-width: 235px; height: 30px; line-height: 30px; text-align: left; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea .reference .btnHome a { margin: 0 2em 0 1em; text-indent: 0; letter-spacing: -0.5px; }

#consulting.consultingDetail #mainContent.info .col2Content .contentsArea h4 { margin-bottom: 40px; line-height: 1.3; color: #339900; font-weight: bold; font-size: 24px; text-align: center; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual { margin-top: 40px; padding: 0px; position: relative; font-family: "ヒラギノ角ゴ","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro"; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle { padding: .5em .5em .5em 2em; position: absolute; top: 6%; background: #000; opacity: .8; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle:after { content: ""; position: absolute; top: 0; right: -15%; width: 15%; height: 100%; background: -webkit-linear-gradient(bottom right, transparent 50%, #000 50.1%); background: linear-gradient(to top left, transparent 50%, #000 50.1%); }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-subtitle p { font-size: 20px; font-weight: bold; color: #e5e5e5; opacity: 1; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal { position: absolute; bottom: 0; right: 0; height: 180px; width: 180px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal:after { content: ""; position: absolute; width: 100%; height: 100%; opacity: .9; background: -webkit-linear-gradient(top left, transparent 50%, #339800 50.1%); background: linear-gradient(to bottom right, transparent 50%, #339800 50.1%); }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal p { position: absolute; bottom: 0; right: 10%; font-weight: bold; font-style: italic; font-size: 22px; color: #fff; z-index: 999; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal p .number { margin: 0 0.1em; font-size: 65px; font-weight: normal; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner { border: solid 2px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-subtitle { padding: 8px 8px 8px 35px; z-index: 999; top: 4%; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-subtitle p { font-size: 18px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-ordinal { width: 145px; height: 145px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-ordinal .number { margin: 0em; font-size: 56px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents { padding: 0 35px; position: absolute; width: 50%; top: 0%; height: 100%; background: #fff; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents h2 { position: absolute; top: 25%; font-size: 28px; font-weight: bold; line-height: 1.3; letter-spacing: -1px; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents p { padding-right: 35px; position: absolute; top: 50%; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm { padding-right: 0; position: absolute; top: 80%; background: #339900; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm a { padding: .3em 5em .3em 2em; color: #fff; display: inline-block; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .leftContents .btm a:after { position: absolute; right: 5px; font-family: "ilm"; font-size: 16px; font-weight: normal; content: "a"; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .rightContents { position: relative; overflow: hidden; width: 50%; left: 50%; }

#consulting.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .rightContents img { max-width: 170%; -webkit-transform: translate(-22%, 0%); transform: translate(-22%, 0%); }

#consulting.consultingDetail #mainContent .col2Content .list2:first-child { padding-top: 40px; }

#consulting.consultingDetail #mainContent .col2Content .list2:first-child + .boxCommentary2 { margin-top: 3em; }

#consulting.consultingDetail #mainContent .col2Content .blackBox .list2:first-child { padding-top: 0; }

#consulting #aside .linkList li { padding-left: 0; font-size: inherit; font-weight: normal; text-indent: 0; }

#consulting #aside #asideIn dd .listMark1 > li > a { padding: 18px 38px 18px 20px; letter-spacing: 0; }

#consulting #aside #asideIn dd li .category { padding: 20px; -webkit-transition: .3s; transition: .3s; font-weight: bold; }

#consulting #aside #asideIn dd li .category.bg_white { background: #fff; color: #3E3A39; font-weight: normal; text-align: left; }

#consulting #aside #asideIn dd li .category.twoLine { padding: 12px 20px; }

#consulting .w-mgrTitle { border-bottom: solid #0d0b01 1px; margin-bottom: 1em; }

#consulting .w-mgrListitem { margin: 1em 0; padding-left: 40px; list-style-type: disc; }

#consulting .stageQuestion { margin: 35px 0 15px 0; }

#consulting .stageList { margin: 1em 0; padding-left: 40px; list-style-type: square; }

#consulting .organizationChart .w-mgrListitem2 { margin: 1em 0; padding-left: 40px; list-style-type: disc; color: #69ec21; padding: 5px 5px; }

#consulting .organizationChart .w-mgrListitem2 li { margin: 15px 0; }

#consulting .organizationChart .w-mgrListitem2 li span { color: #3E3A39; }

#consulting .organizationChart:after { display: block; clear: both; content: ''; }

#consulting .organizationChart img { float: right; margin-left: 15px; }

#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: 1em; padding: 0; }

#consulting .ulProBox li { display: inline-block; float: left; width: 50%; }

#consulting .ulProBox .mpl_one { float: none; }

#consulting .detailInfoWrap { padding-top: 40px; }

#consulting .detailInfo { padding: 30px 40px; background-color: #FFF; }

#consulting .detailInfo .newLabel { margin-left: .75em; display: inline-block; color: #f30; font-weight: bold; }

#consulting .detailInfo .newLabel:before { content: "NEW"; }

#consulting .detailInfo .date { margin-left: .5em; }

#consulting .detailInfo h2 { margin: 0 0 15px; color: #005198; font-size: 24px; position: relative; overflow: hidden; }

#consulting .detailInfo h2 span { display: inline-block; }

#consulting .detailInfo h2 span:after { margin-left: 1em; position: absolute; top: 50%; width: 75%; height: 2px; background-color: #0086af; content: ""; }

#consulting .detailInfo .width-half li { display: inline-block; width: 49%; }

#consulting .detailInfo dl:not(:last-child) { margin: 0 0 20px; }

#consulting .detailInfo dt { margin: 0 0 8px; font-size: 12px; }

#consulting .detailInfo dt .label { padding: 4px 20px; border: solid 1px #0086af; color: #0086af; }

#consulting .detailInfo dt .label.press { color: #FFF; background: #0086af; }

#consulting .detailInfo dd { font-size: 14px; }

#consulting .detailInfo dd a:hover { color: #0086af; }

#consulting .detailInfo dd .inlineList { padding: .5em 0 0; }

#consulting .detailInfo dd .inlineList li { line-height: 1.25; }

#consulting .detailInfo dd .inlineList li + li { padding-top: 0; }

#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 { margin: 0 0 3em; position: relative; overflow: hidden; width: 100%; height: auto; height: 540px; background: url(../../images/images2016/consulting/pro-up/online-check/bg_diagnosis.jpg) no-repeat center center, #F3F3F3; background-size: cover; box-shadow: 5px 5px 8px #CCC; }

#consulting #diagnosis button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#consulting #diagnosis .title { position: absolute; top: 0; margin: 0; padding: 20px 3% 0; z-index: 1; width: 100%; height: 17%; font-size: 28px; font-weight: bold; }

#consulting #diagnosis .title small { margin-bottom: .25em; display: block; line-height: 1; font-size: 20px; }

#consulting #diagnosis #start { z-index: 3; width: 100%; height: 100%; background: url(../../images/images2016/consulting/pro-up/online-check/bg_diagnosis.jpg) no-repeat center center, #F3F3F3; background-size: cover; position: absolute; top: 0; text-align: center; }

#consulting #diagnosis #start .title { position: static; margin: 90px 0 0; padding: 0; width: auto; height: auto; }

#consulting #diagnosis #start p { margin: 50px 0 0; line-height: 1.5; font-weight: bold; }

#consulting #diagnosis #start .btnStart { display: block; width: 35%; margin: 60px auto 0; height: 95px; border-radius: 10px; box-shadow: 0 1px 3px #666; background: url(../../images/images2016/consulting/pro-up/online-check/bg_btnStart.png) no-repeat center center, #0086AB; background-size: contain; color: #FFF; font-size: 32px; font-weight: bold; cursor: pointer; }

#consulting #diagnosis #start .btnStart:hover { background: url(../../images/images2016/consulting/pro-up/online-check/bg_btnStart.png) no-repeat center center, #006986; background-size: contain; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis #start .btnStart:after { display: inline-block; position: relative; bottom: 2px; width: .5em; height: .5em; border-top: 3px solid #FFF; border-right: 3px solid #FFF; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }

#consulting #diagnosis .question { margin: 0; display: none; padding: 0; width: 100%; padding: 0 3%; position: absolute; top: 17%; height: 72%; z-index: 2; }

#consulting #diagnosis .question .description { padding: 15px 10px 15px 1.5em; margin-bottom: 30px; position: relative; width: 100%; height: 90px; background-color: #FFF; font-size: 24px; box-shadow: 0 0 10px #666; display: table; }

#consulting #diagnosis .question .description p { display: table-cell; vertical-align: middle; line-height: 1.3; font-weight: bold; }

#consulting #diagnosis .question .description p:before { position: absolute; margin-right: 15px; content: "Q"; left: .5em; }

#consulting #diagnosis .question ul { overflow: hidden; padding: 0; }

#consulting #diagnosis .question li { display: inline-block; float: left; margin-right: 4%; width: 22%; }

#consulting #diagnosis .question li:last-child { margin-right: 0; }

#consulting #diagnosis .question li p { margin: 1em 0 0; font-weight: bold; text-align: center; }

#consulting #diagnosis .question input { display: none; }

#consulting #diagnosis .question label { display: block; width: 100%; margin: 5px 0; height: 80px; border-radius: 10px; box-shadow: 0 1px 3px #666; font-size: 0; cursor: pointer; }

#consulting #diagnosis .question label.circleDouble { background: url(../../images/images2016/consulting/pro-up/online-check/bg_circle_double.png) no-repeat center center; background-color: #0086ab; }

#consulting #diagnosis .question label.circleDouble:hover { background-color: #006986; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis .question label.circle { background: url(../../images/images2016/consulting/pro-up/online-check/bg_circle.png) no-repeat center center; background-color: #0086ab; }

#consulting #diagnosis .question label.circle:hover { background-color: #006986; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis .question label.triangle { background: url(../../images/images2016/consulting/pro-up/online-check/bg_triangle.png) no-repeat center center; background-color: #0086ab; }

#consulting #diagnosis .question label.triangle:hover { background-color: #006986; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis .question label.cross { background: url(../../images/images2016/consulting/pro-up/online-check/bg_cross.png) no-repeat center center; background-color: #0086ab; }

#consulting #diagnosis .question label.cross:hover { background-color: #006986; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis .question .name { text-align: center; font-weight: bold; }

#consulting #diagnosis .question .btnBack { margin: 45px auto 0; display: block; width: 180px; height: 50px; background-color: #61819B; border-radius: 10px; color: #FFF; font-size: 20px; cursor: pointer; }

#consulting #diagnosis .question .btnBack:hover { background-color: #496174; -webkit-transition: 0.3s; transition: 0.3s; }

#consulting #diagnosis .question .btnBack:before { display: inline-block; position: relative; bottom: 2px; right: 5px; width: .5em; height: .5em; border-top: 2px solid #FFF; border-left: 2px solid #FFF; content: ""; transform: rotate(45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

#consulting #diagnosis #result { margin: 0; display: none; padding: 0; width: 100%; padding: 0 3%; position: absolute; top: 0; height: 100%; z-index: 3; background: url(../../images/images2016/consulting/pro-up/online-check/bg_diagnosis.jpg) no-repeat center center, #F3F3F3; background-size: cover; }

#consulting #diagnosis #result .resultBox { padding: 5% 0; position: absolute; display: none; width: 94%; height: 50%; }

#consulting #diagnosis #result .resultBox p { margin: 0; padding-left: 3.5%; height: 82%; overflow: auto; }

#consulting #diagnosis #result .resultBox.high { display: block; top: 0; border-bottom: 1px dashed #434343; }

#consulting #diagnosis #result .resultBox.high .groupTtl { border-left: 10px solid #F03339; }

#consulting #diagnosis #result .resultBox.high .groupTtl:before { content: "あなた（またはあなたがマネジメント／所属する組織）の強みは、"; }

#consulting #diagnosis #result .resultBox.low { display: block; bottom: 0; }

#consulting #diagnosis #result .resultBox.low .groupTtl { border-left: 10px solid #002F58; }

#consulting #diagnosis #result .resultBox.low .groupTtl:before { content: "あなた（またはあなたがマネジメント／所属する組織）の課題は、"; }

#consulting #diagnosis #result .groupTtl { margin: 0 0 3%; padding-left: 2%; font-size: 28px; line-height: 1; font-weight: bold; }

#consulting #diagnosis #result .groupTtl:before { margin-bottom: 10px; display: block; font-size: 16px; }

#consulting #diagnosis #progressArea { margin: 0 auto; height: 10%; width: 100%; position: absolute; bottom: 0; z-index: 1; padding: 0 3%; }

#consulting #diagnosis .progress { width: 100%; height: 30px; background-color: #002F58; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: #EEE; }

#consulting #diagnosis .progress-bar { position: relative; -webkit-transition: width 0.5s linear; transition: width 0.5s linear; height: 100%; background-color: #61819B; border: 1px solid #002F58; box-sizing: border-box; }

#consulting #diagnosis .progress-bar p { margin-left: 1em; width: 8em; font-size: 14px; line-height: 30px; }

#consulting #diagnosis.end { height: 740px; }

#consulting #diagnosis.online-check2020 { margin: -2em auto 5em; height: 565px; background: url(../../images/images2016/consulting/sales_enhancement/online-check/bg_diagnosis.jpg) no-repeat center center, #e3ecf2; background-size: cover; }

#consulting #diagnosis.online-check2020 #start { background: url(../../images/images2016/consulting/sales_enhancement/online-check/bg_diagnosis.jpg) no-repeat center center, #e3ecf2; background-size: cover; }

#consulting #diagnosis.online-check2020 #start .btnStart { margin-top: 55px; }

#consulting #diagnosis.online-check2020 #start .title { margin-top: 98px; }

#consulting #diagnosis.online-check2020 > .title { margin-top: 1.25em; line-height: 1.25; }

#consulting #diagnosis.online-check2020 > .title small { display: inline; }

#consulting #diagnosis.online-check2020.question_start { height: 710px; }

#consulting #diagnosis.online-check2020 .question { margin-top: 5.5em; }

#consulting #diagnosis.online-check2020 .question .description { margin-bottom: 41px; padding: 15px .5em 15px 48px; }

#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; overflow: visible; }

#consulting #diagnosis.online-check2020 .question li { margin-right: 0; width: 150px; }

#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; height: 85px; }

#consulting #diagnosis.online-check2020 .question label:before { display: block; position: absolute; top: 7px; left: 50%; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 146px; height: 82px; background: url(/images/images2016/consulting/sales_enhancement/online-check/box-shadow.png) no-repeat; background-size: 100% 100%; content: ""; }

#consulting #diagnosis.online-check2020 .question .btnBack { margin-top: 67px; }

#consulting #diagnosis.online-check2020 #q1.question .btnBack { display: none; }

#consulting #diagnosis.online-check2020 #progressArea { bottom: 28px; }

#consulting #diagnosis.online-check2020 #progressArea .progress { height: 40px; }

#consulting #diagnosis.online-check2020 #progressArea .progress-bar p { line-height: 40px; }

#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 42px; width: 100%; height: auto; }

#consulting #diagnosis.online-check2020 #result .resultBox .groupTtl { margin: 0 0 4%; letter-spacing: -.05em; }

#consulting #diagnosis.online-check2020 #result .resultBox .groupTtl:before { font-size: 20px; }

#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 { width: auto; height: auto; letter-spacing: -.02em; }

#consulting #diagnosis.online-check2020 .skill_explain { display: none; padding: 60px 21px 30px; position: relative; z-index: 900; background: url(/images/images2016/consulting/sales_enhancement/online-check/skill_explain-bgi.png) no-repeat #b1cedb; background-size: 100% auto; }

#consulting #diagnosis.online-check2020 .skill_explain .groupTtl { margin: 0 0 3%; padding-left: 2%; font-size: 28px; line-height: 1; font-weight: bold; border-left: 10px solid #0086ab; letter-spacing: -.05em; }

#consulting #diagnosis.online-check2020 .skill_explain .groupTtl:before { margin-bottom: 10px; display: block; font-size: 16px; }

#consulting #diagnosis.online-check2020 .skill_explain .groupTtl small { margin-bottom: .25em; display: block; font-size: 20px; }

#consulting #diagnosis.online-check2020 .skill_explain .whitebox { margin-top: 32px; padding: 25px 28px; background: #fff; }

#consulting #diagnosis.online-check2020 .skill_explain .whitebox ul { margin: .75em; }

#consulting .relate_info { margin-bottom: 80px; display: none; }

#consulting .relate_info .col2headline4 { margin-bottom: 10px; padding-top: 64px; font-size: 20px; }

#consulting .relate_info .flexbox + .flexbox { margin-top: 10px; }

#consulting .relate_info .flexbox { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; }

#consulting .relate_info .flexbox:hover { opacity: .7; }

#consulting .relate_info .flexbox .text_area { padding: 14px 16px; color: #3e3a39; }

#consulting .relate_info .flexbox .text_area small { margin-top: .25em; display: block; font-size: 12px; }

#consulting .salesSliderWrap { padding: 50px 0 0; }

#consulting #salesSlider { position: relative; overflow: hidden; }

#consulting #salesSlider li a { display: block; }

#consulting #salesSlider .salesSliderArrow { padding: 10px; display: block; position: absolute; top: 50%; opacity: .5; z-index: 2; width: 60px; height: 60px; line-height: 1; outline: none; cursor: pointer; color: #FFF; font-size: 38px; background-color: #005198; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#consulting #salesSlider .salesSliderArrow:before { display: inline-block; content: "a"; font-family: "ilm"; }

#consulting #salesSlider .salesSliderArrow:hover { opacity: 1; }

#consulting #salesSlider .salesSliderArrow.prev { left: 0; }

#consulting #salesSlider .salesSliderArrow.prev:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#consulting #salesSlider .salesSliderArrow.next { right: 0; }

#consulting .salesTable { margin: 0 0 30px; font-size: 14px; box-shadow: 0 0 10px rgba(171, 139, 110, 0.38); }

#consulting .salesTable thead tr { height: 120px; background-color: #DDD; }

#consulting .salesTable thead th { border: 1px solid #ededed; text-align: center; font-weight: bold; }

#consulting .salesTable thead th:first-child { width: 125px; }

#consulting .salesTable thead th.category { position: relative; background-color: #0086af; color: #FFF; width: 40px; line-height: 1; font-weight: normal; vertical-align: top; text-align: left; }

#consulting .salesTable thead th.category p { position: absolute; top: 1em; right: 50%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); -ms-transform: translate(50%, 0); height: 7em; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; /* IE用 */ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; /* Chrome、Firefox用 */ margin: 0 auto; white-space: nowrap; line-height: 1em; /* firefox対策 */ -webkit-text-orientation: upright; text-orientation: upright; }

#consulting .salesTable tbody .pink, #consulting .salesTable tbody .red, #consulting .salesTable tbody .green, #consulting .salesTable tbody .blue { font-weight: bold; }

#consulting .salesTable tbody .pink { color: #cc00cc; }

#consulting .salesTable tbody .red { color: #cc3300; }

#consulting .salesTable tbody .green { color: #006600; }

#consulting .salesTable tbody .blue { color: #009999; }

#consulting .salesTable tbody .title { margin: 0 0 5px; color: #0086af; font-size: 16px; font-weight: bold; }

#consulting .salesTable tbody .title a { color: #0086af; text-decoration: underline; }

#consulting .salesTable tbody tr { background-color: #FFF; }

#consulting .salesTable tbody tr:nth-child(even) { background-color: #F6F6F6; }

#consulting .salesTable tbody td { padding: 20px; border: 1px solid #ededed; }

#consulting .salesTable tbody td.circle { background-image: url(../../images/images2016/consulting/sales_enhancement/icon_circle.png); background-repeat: no-repeat; background-position: center center; background-color: #cce7ef; }

#consulting .annotation { margin: 0 0 30px; padding: 30px 40px; border: 4px solid #0086af; color: #0086af; font-weight: bold; }

#consulting .annotation li { padding-left: 1.2em; position: relative; }

#consulting .annotation li:before { position: absolute; left: 0; content: "＊"; }

#consulting .opinionsPanel { display: -webkit-box; display: flex; flex-wrap: wrap; }

@media only screen and (min-width: 641px) { #consulting .opinionsPanel:after { display: block; width: 233px; content: ""; } }

#consulting .opinionsPanel .col3 { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 5px 0 0; }

#consulting .opinionsPanel .col3 li { padding: 10px; display: -webkit-box; display: flex; width: 230px; }

#consulting .opinionsPanel .col3 li:not(:last-child) { margin-right: 5px; }

#consulting .opinionsPanel .col3 li .textArea { position: relative; padding: 0 0 0 8px; }

#consulting .opinionsPanel .col3 li .textArea .degree { font-size: 10px; font-weight: bold; line-height: 1.5; }

#consulting .opinionsPanel .col3 li .textArea .degree.min { letter-spacing: -2px; }

#consulting .opinionsPanel .col3 li .textArea .name { position: absolute; bottom: 25px; font-size: 20px; font-weight: bold; }

#consulting .opinionsPanel .col3 li .textArea .btnMovie { display: inline-block; position: absolute; bottom: 0; width: 118px; background: #407eab; color: #fff; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; }

#consulting .opinionsPanel .col3 li .textArea .btnMovie:before { display: inline-block; position: relative; top: 1px; padding-right: 0.5em; content: "R"; color: #fff; font-family: ilm; font-size: 12px; }

#consulting .opinionsPanel { display: -webkit-box; display: flex; flex-wrap: wrap; }

#consulting .opinionsPanel li { margin: 0 6px 20px; position: relative; display: -webkit-box; display: flex; width: 233px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

#consulting .opinionsPanel li a { display: -webkit-box; display: flex; }

#consulting .opinionsPanel li .panelContent { position: relative; display: -webkit-box; display: flex; height: auto; background: #fff; color: #3E3A39; z-index: 800; }

#consulting .opinionsPanel li .panelContent dt > img { width: 100%; height: auto; }

#consulting .opinionsPanel li .panelContent dd { padding: 15px; }

#consulting .opinionsPanel li .panelContent dd h2 { color: #002f58; font-size: 14px; }

#consulting .opinionsPanel li .panelContent dd h3 { margin: 12px 0 0; font-size: 18px; font-weight: 600; line-height: 1.2; }

#consulting .opinionsPanel li .panelContent dd p { margin: 4px 0 0; font-size: 14px; }

#consulting .opinionsPanel.dateInfo li .panelContent { height: 400px; }

#consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap { position: absolute; bottom: 15px; z-index: 801; }

#consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap:before { display: inline-block; position: absolute; bottom: 32px; width: 20px; height: 2px; content: ""; background: #000; }

#consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap p { margin: 0; padding: 0; float: left; font-size: 14px; font-weight: 500; }

#consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap .talkGenre { margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; display: inline-block; color: #0086af; }

#consulting .opinionsPanel.dateInfo li .panelContent dd .talkGenreWrap .talkGenre.blogIcon:after { position: absolute; top: 2px; left: 186px; content: url("/images/images2016/opinions/icon-blog.png"); z-index: 999; }

#consulting .opinionsPanel.lightVer li .panelContent dd h3 { font-size: 16px; font-weight: normal; }

#consulting .col2Content .panelList1 { width: 100%; }

#consulting .bnrWrap { padding-top: 3em; }

#consulting .bnrWrap a { display: block; }

#consulting .anchorDownBtn { padding: 2.5em 0 0; }

#consulting .anchorDownBtn .title { padding: 12px 0; color: #FFF; background: #3E3A39; font-size: 22px; font-weight: bold; text-align: center; }

#consulting .anchorDownBtn ul { display: -webkit-box; display: flex; }

#consulting .anchorDownBtn li { position: relative; width: 100%; color: #FFF; font-size: 18px; }

#consulting .anchorDownBtn li a { padding: 55px 20px 35px; box-sizing: border-box; display: block; line-height: 1.3; min-height: 240px; color: #FFF; }

#consulting .anchorDownBtn li a:hover { color: #FFF; }

#consulting .anchorDownBtn li a:before { position: absolute; bottom: 30px; left: 0; right: 0; display: block; content: "j"; font-family: "ilm"; text-align: center; opacity: 0; -webkit-transition: .3s; transition: .3s; }

#consulting .anchorDownBtn li a:after { position: absolute; bottom: 15px; left: 0; right: 0; display: block; content: "j"; font-family: "ilm"; text-align: center; }

#consulting .anchorDownBtn li:nth-child(1) { background-color: #0c8265; }

#consulting .anchorDownBtn li:nth-child(2) { background-color: #169242; }

#consulting .anchorDownBtn li:nth-child(3) { background-color: #18609f; }

#consulting .anchorDownBtn li:nth-child(4) { background-color: #6e2b91; }

#consulting .anchorDownBtn li:hover a:before { bottom: 20px; opacity: 1; }

.panelLinkParts { display: inline-block; position: relative; margin-top: 2em; border: 1px solid #cdcdcd; background: #fff; }

.panelLinkParts:first-child { margin-top: 4em; }

.panelLinkParts a { display: block; width: 100%; height: 100%; }

.panelLinkParts .dispatchHover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background: rgba(0, 134, 175, 0.2); opacity: 0; z-index: 999; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.panelLinkParts .dispatchHover:hover { opacity: 1; z-index: 999; }

.panelLinkParts h3 { padding: .125em 1em; background: #3E3A39; color: #fff; }

.panelLinkParts .hexagon_plusContents { padding: 1em; }

.panelLinkParts .right { display: inline-block; float: left; }

.panelLinkParts .left { display: inline-block; margin-right: .7em; width: 70%; }

.panelLinkParts .left .btnMore { margin-top: 1em; padding: .2em 1em; position: relative; color: #FFF; background: #005198; width: 150px; }

.panelLinkParts .left .btnMore:after { position: absolute; top: 50%; right: 1em; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: block; width: .5em; height: .5em; content: ""; -webkit-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); }

.panelLinkParts .title span { display: inline-block; margin-bottom: 5px; padding: 0 10px; background: #0086af; color: #fff; }

.panelLinkParts .title h4 { font-size: 24px; font-weight: bold; line-height: 1.3; }

.panelLinkParts .movie { width: 100%; }

.panelLinkParts .movie p { padding: 1em; }

.panelLinkParts .hexagon_background { margin-top: 10px; padding: .5em; background: #ddd; font-weight: bold; }

.panelLinkParts .hexagon_background h4 { margin-bottom: .6em; border-bottom: 2px solid; font-weight: bold; }

.panelLinkParts .hexagon_background p { font-size: 14px; line-height: 1.4; }

.panelLinkParts dl { padding: 1em; }

.panelLinkParts dl dt { float: left; padding-right: 20px; }

.panelLinkParts dl dt img { vertical-align: top; }

.panelLinkParts dl dd .titleMain { font-size: 18px; }

.panelLinkParts dl dd .titleSub { font-size: 14px; color: #0086af; }

.panelLinkParts dl dd .purposeWrap p { font-size: 14px; }

.panelLinkParts.noneBorder { border: none; background: #ecebeb; }

.panelLinkParts .related { width: 740px; }

.panelLinkParts .related li { display: inline-block; float: left; width: 32%; height: 390px; margin-right: 2%; border: 1px solid #cdcdcd; background: #fff; }

.panelLinkParts .related li:nth-child(3n) { margin-right: 0; }

.panelLinkParts .related li h3 { text-align: center; }

.panelLinkParts .related li.related-article { position: relative; }

.panelLinkParts .related li.related-article.imgOnly { width: 237px; margin-left: -1px; }

.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 { display: inline-block; padding: 1em; font-size: 14px; }

.panelLinkParts .related li.related-article dl dd .genreTitle { margin-bottom: .5em; color: #002f58; }

.panelLinkParts .related li.related-article dl dd:hover { color: #0086af; }

.panelLinkParts .related li.related-article dl dd .title { margin-bottom: 1em; font-size: 1.25em; font-weight: bold; line-height: 1.3; }

.panelLinkParts .related li.related-article dl dd .talkGenreWrap { position: absolute; bottom: 1em; }

.panelLinkParts .related li.related-article dl dd .talkGenreWrap span { color: #0086af; }

.panelLinkParts .related li.related-article dl dd .talkGenreWrap span:after { content: "　|　"; }

.panelLinkParts .related li .arrow { position: relative; }

.panelLinkParts .related li .arrow:after { position: absolute; top: 50%; margin-top: -15px; margin-left: 7px; font-family: "ilm"; font-size: 20px; content: "y"; }

.panelLinkParts .related li img:hover { opacity: 0.7; }

.panelLinkParts .related li.program { text-align: center; }

.panelLinkParts .related li.program a { margin-top: 1em; display: inline-block; height: auto; }

.panelLinkParts .related li.program a p { width: 100%; }

.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 { display: block; position: relative; margin: 0; padding: 2em; outline: solid 1px #aaa; outline-offset: -.5em; width: 66%; }

.panelLinkParts .related li.report img { float: left; margin-right: .5em; width: 50%; }

.panelLinkParts .related li.report .reportTitle small, .panelLinkParts .related li.report .reportTitle .mainTitle { display: block; font-size: .9em; }

.panelLinkParts .related li.report .reportTitle .mainTitle { font-size: 18px; }

.panelLinkParts .related li.report .reportTitle + p { clear: both; padding-top: 1em; }

.panelLinkParts .related li.report .continueBtn { width: auto; }

.panelLinkParts .related li.report .svgIcon { position: absolute; left: 0; top: 0; margin: .75em; width: 3em; height: auto; }

.panelLinkParts .related:after { display: block; clear: both; content: ""; }

.panelLinkParts .mainVisual { position: relative; top: 0; left: 0; margin-top: .75em; }

.panelLinkParts .mainVisual h5 { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 1em; line-height: 1.2; color: #fff; font-size: 1.25em; letter-spacing: -.05em; }

.panelLinkParts.panelLinkParts_main { display: block; width: 100%; background: transparent; border: none; }

.panelLinkParts.panelLinkParts_main + .panelLinkParts_main { margin-top: 2em; padding-top: 0; }

.panelLinkParts.panelLinkParts_main .inner { display: block; position: relative; border: 1px solid #cdcdcd; background: #fff; }

.panelLinkParts.panelLinkParts_main .profile { margin-top: 2em; text-align: left; font-weight: normal; }

.panelLinkParts.panelLinkParts_main .profile .text { margin-top: 1em; color: #666; font-size: 0.75em; letter-spacing: 0; }

.panelLinkParts.panelLinkParts_naiteisha { overflow: hidden; }

.panelLinkParts.panelLinkParts_naiteisha .inner { padding: 20px; }

.panelLinkParts.panelLinkParts_naiteisha .textArea { width: 66.6666666667%; font-size: 18px; }

.panelLinkParts.panelLinkParts_naiteisha .rightImg { position: absolute; top: auto; right: 0; bottom: 0; margin: 0 20px 0 0; width: 30%; }

.panelLinkParts.panelLinkParts_naiteisha .iconList { width: 90%; }

.panelLinkParts.greenPanel { padding: 5em 1.25em 0; outline: solid 2px rgba(255, 255, 255, 0.5); outline-offset: -.5em; background: #9cc93c; color: #fff; line-height: 1.75; }

.panelLinkParts.greenPanel .greenTitle { font-size: 22px; letter-spacing: -.075em; white-space: nowrap; }

.panelLinkParts.greenPanel .greenTitle span { display: block; }

.panelLinkParts.greenPanel .greenTitle .bottom { margin-top: 4em; }

.panelLinkParts.panelLinkParts_rightBottomImg { padding: 2em 1em; }

.panelLinkParts.panelLinkParts_rightBottomImg .bigTitle { margin-bottom: .75em; }

.panelLinkParts.panelLinkParts_rightBottomImg .textArea { font-size: 20px; line-height: 1.75; }

.panelLinkParts.panelLinkParts_rightBottomImg .rightImg { float: right; margin: .5em 0 0 .5em; width: 45%; }

.panelLinkParts.yellowPanel { background: #f2ec2b; }

.panelLinkParts.yellowPanel .textArea { padding: 1em; }

.panelLinkParts .panel_interview img { width: 100%; height: auto; }

.panelLinkParts .panel_interview:hover { opacity: .8; }

.panelLinkParts .panel_interview.sub_page { padding: 1em; }

.panelLinkParts .panel_interview.sub_page:hover { opacity: 1; }

.panelLinkParts .panel_interview.sub_page .title { margin-bottom: .25em; font-size: 1.25em; }

.panelLinkParts .panel_interview.sub_page .textArea { margin-top: 1em; float: left; width: 66%; }

.panelLinkParts .panel_interview.sub_page .title_interview { font-size: 2em; letter-spacing: .1em; }

.panelLinkParts .panel_interview.sub_page .title_interview small { display: block; font-size: .5em; letter-spacing: 0; }

.panelLinkParts .panel_interview.sub_page .name { margin: .5em 0; font-size: 1.5em; }

.panelLinkParts .panel_interview.sub_page .name strong { margin-right: 1em; font-size: 1.5em; letter-spacing: .1em; }

.panelLinkParts .panel_interview.sub_page .img_lecturer { float: right; width: 33%; }

.panelLinkParts .panel_interview.sub_page .profile { clear: both; }

.panelLinkParts .panel_interview.sub_page .profile > h6 { margin-bottom: .5em; font-weight: bold; }

.btnLinkList { display: -webkit-box; display: flex; justify-content: space-around; margin-top: 1em; width: 100%; }

.btnLinkList li.new { position: relative; }

.btnLinkList li.new:before { position: absolute; top: 50%; left: -3em; line-height: 1; color: #f30; content: "NEW"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.btnLinkList a { display: inline-block; padding: .25em 2em; background: #0086af; color: #fff; font-size: .8em; }

.btnLinkList a:hover { color: #fff; opacity: .7; }

#aside .panelLinkParts .related { width: 100%; }

#aside .panelLinkParts .related li { width: 100%; }

#aside .panelLinkParts .panelList1 { width: 100%; }

.continueBtn { display: inline-block; position: relative; float: right; margin: 1em 0 0; padding: 0 2em; }

.continueBtn: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 #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.bigTitle { font-size: 32px; }

.middleTitle { font-size: 24px; }

.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 { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 1em; }

.iconList li { width: 30%; font-size: 12px; text-align: center; font-weight: bold; letter-spacing: -.05em; }

.iconList li img { display: block; margin-bottom: .25em; width: 100%; height: auto; }

.labelCircle { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: 0; right: 0; margin: 1em; border-radius: 50%; width: 6.5em; height: 6.5em; background: #ea5404; color: #fff; font-weight: bold; letter-spacing: -.05em; text-align: center; }

.labelCircle span { margin-top: .25em; }

.columnWrap { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.columnWrap *[class*="col"] img { width: 100%; height: auto; }

.columnWrap .col1 { width: 100%; }

.columnWrap .col2 { width: 64%; }

.columnWrap .col3 { width: 32%; }

.listen_paragraph { color: #0086af; font-weight: bold; }

.listen_paragraph ~ p { margin-top: 1em; }

.listen_paragraph ~ p + figure { margin-top: 1.5em; }

.listen_paragraph ~ p + ol { margin-top: 1em; padding-left: .25em; list-style-position: inside; font-weight: bold; }

.listen_paragraph ~ p + ol li + li { margin-top: .25em; }

.bg_main { background: #ecebeb; }

.whiteBox { padding: 1.5em; overflow: hidden; background: #fff; }

.whiteBox li { margin-bottom: .5em; padding: 1em; float: left; width: 49%; background: #f2f5f8; text-align: center; }

.whiteBox li:nth-child(even) { margin-left: 2%; }

.whiteBox li:nth-last-child(-n+2) { margin-bottom: 0; }

.panelLinkParts h3.panelLinkParts_headlineBlue { padding: .5em 0; background: #005488; text-align: center; }

.management-table { margin: .5em; display: -webkit-box; display: flex; }

.management-table .management-table-content { padding: .5em; float: left; border: dashed 1px; }

.management-table .management-table-content p { display: -webkit-box; display: flex; height: 50px; line-height: 1.3; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.management-table .management-table-content div { display: -webkit-box; display: flex; }

.management-table .management-table-content dl { padding: 0; border: 1px solid #d6d6d6; }

.management-table .management-table-content dl dt { padding: .5em; width: 100%; background: #0086af; color: #fff; font-weight: bold; text-align: center; }

.management-table .management-table-content dl dd { padding: .5em; min-height: 6.5em; overflow: hidden; }

.management-table .management-table-content:first-child { width: 75%; }

.management-table .management-table-content:first-child dl { float: left; width: 33.33%; }

.management-table .management-table-content:first-child dl:nth-child(n + 2) { margin-left: 1%; }

.management-table .management-table-content:last-child { margin-left: 1%; width: 24%; }

.management-table .management-table-content:last-child dl { width: 100%; }

.result-table ul { margin-left: 1em; list-style: disc; }

.result-table dl { display: -webkit-box; display: flex; background: #fff; }

.result-table dl dt { padding: 1em; width: 25%; color: #fff; background: #005488; }

.result-table dl dt p { font-weight: bold; font-size: 20px; }

.result-table dl dt span { display: block; text-align: center; }

.result-table dl dt span img { width: 50%; }

.result-table dl dt ul { margin: 1em 0 1em 1em; }

.result-table dl dt ul li { margin-bottom: .5em; line-height: 1.2; font-size: 14px; }

.result-table dl dd { padding: 1em; width: 75%; }

.result-table dl dd ul li { margin-bottom: .25em; }

.result-table dl dd ul li span { color: #b23031; }

.result-table dl + dl { margin-top: .5em; }

.result-table.headline-center dt { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: bold; text-align: center; font-size: 20px; }

.result-table.headline-center dd dl dt { padding: .5em; width: 25%; background: #0086af; font-size: 18px; }

.result-table.headline-center dd dl dd { background: #ecebeb; }

.result-table.headline-center dd dl + dl { margin-top: 0.25em; }

.result-table.headline-center dd h4 { margin-bottom: .5em; font-size: 20px; font-weight: bold; }

.result-table.headline-center dd div + div { margin-top: 1.5em; }

.programDetail_ERGP { padding: 40px 40px 30px; position: relative; background: #fff; letter-spacing: -.05em; box-shadow: 0 0 5px #dcdcdc inset; margin-bottom: 15px; /* /dd */ }

.programDetail_ERGP dt { font-size: 24px; color: #042a4c; margin-bottom: 25px; }

.programDetail_ERGP dd:first-of-type { margin-bottom: 20px; position: relative; }

.programDetail_ERGP dd:first-of-type ul:before { content: ''; position: relative; display: block; height: 2px; width: 595px; left: 20px; top: 15px; background: #004d93; }

.programDetail_ERGP dd:first-of-type li { background: #0086ff; position: relative; color: #fff; display: inline-block; padding: 4px 0 2px; margin-left: 30px; height: 28px; font-size: 13px; }

.programDetail_ERGP dd:first-of-type li:before { content: ''; display: block; position: absolute; left: -28px; top: 0px; border: 14px solid transparent; border-bottom: 14px solid #0086ff; border-right: 14px solid #0086ff; }

.programDetail_ERGP dd:first-of-type li:after { content: ''; display: block; position: absolute; right: -28px; top: 0px; border: 14px solid transparent; border-top: 14px solid #0086ff; border-left: 14px solid #0086ff; }

.programDetail_ERGP dd.moreDetail { font-size: 16px; background: url(../../images/consulting-services/EGRP/linePattern.png) repeat-x bottom; padding-bottom: 20px; margin-bottom: 15px; }

.programDetail_ERGP dd:last-child { font-size: 13px; letter-spacing: -.06em; }

.programDetail_ERGP:after { display: inline-block; position: absolute; right: 0; bottom: -20px; left: 0; width: 680px; margin: 0 auto; content: url(/images/images2016/box-shadow-col2.png); z-index: 999; }

/* /programDetail_ERGP */
.priceTxt_ERGP { font-size: 1.1em; }

.priceTxt_ERGP + .noList { margin-top: 1em; padding-left: 1em; text-indent: -1em; font-size: .9em; }

.list_ti > li { padding-left: 1em; text-indent: -1em; }

.columnWrap_report a + .notes { margin-top: .5em; display: block; text-align: center; font-size: .8em; }

.columnWrap_report:after { display: block; clear: both; content: ""; }

.leftColumn { padding-right: 1em; float: left; width: 66.2162162162%; }

.rightColumn { float: right; width: 33.7837837838%; }

.imageLeft p { float: left; margin: 0 .5em 0 0; }

.imageLeft:after { display: block; clear: both; content: ""; }

.banner-column4, .banner-column5 { display: -webkit-box; display: flex; }

.banner-column4 li, .banner-column5 li { width: 24.5%; border: solid 1px #ddd; }

.banner-column4 li img, .banner-column5 li img { width: 100%; height: auto; }

.banner-column4 li + li, .banner-column5 li + li { margin-left: 1%; }

.banner-column5 li { width: 20%; }

.career-development #titleArea { width: 100%; }

.career-development #topicPath { margin: 15px auto; }

.career-development .innerWrap { margin: 0 auto; width: 1000px; }

.career-development .kv { margin-top: 0px; padding: 45px 0; position: relative; min-height: 350px; background: #36a5cc; }

.career-development .kv .kvImg { position: relative; top: 0; right: 0; }

.career-development .kv .kvImg img { position: absolute; right: 0; }

.career-development .kv .textArea { position: relative; color: #fff; }

.career-development .kv .textArea .subTitle { margin: 0 0 10px; font-size: 20px; }

.career-development .kv .textArea .pageTitle { line-height: 1; font-size: 64px; font-weight: bold; }

.career-development .kv .textArea .addTitle { padding-top: 10px; letter-spacing: 1.3px; }

.career-development .kv .textArea .titleLead { margin-top: 30px; padding-left: 30px; border-left: 4px solid #fff; line-height: 1.35; font-size: 24px; font-weight: bold; letter-spacing: -.05em; }

.career-development .lead_sec { padding: 33px 0 60px; margin-top: 36px; position: relative; background: #f2f2f2; }

.career-development .lead_headline { text-align: center; color: #db5f45; font-size: 28px; font-weight: bold; letter-spacing: -.8px; }

.career-development .lead_wrap { display: -webkit-box; display: flex; flex-wrap: nowrap; }

.career-development .lead_wrap img { margin-top: 2.2em; padding-left: 53px; width: 229px; height: 100%; flex-shrink: 0; }

.career-development .lead_text { margin-top: 1.7em; padding-left: 30px; padding-right: 52px; text-align: justify; font-size: 18px; }

.career-development .voice_sec { height: 737px; background: #f2f2f2; margin-top: -14px; }

.career-development .voice_sec:before { content: ''; width: 890px; background: #eb6100; position: absolute; height: 618px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; }

.career-development .voice_headline { font-size: 28px; font-weight: bold; color: #fff; text-align: center; padding: 40px 0; position: relative; }

.career-development .voice_list { margin-top: -8px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.career-development .voice_list li { position: relative; width: 484px; height: 450px; background: #fff; box-shadow: 0 0 26px rgba(0, 0, 0, 0.1); }

.career-development .voice_list li:after { position: absolute; border: solid transparent; border-width: 0 30px 30px 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 { width: 70px; height: auto; }

.career-development .voice_list .text-divider { padding: 15px 30px 12px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #eb6100; font-weight: bold; font-size: 14px; }

.career-development .voice_list .text-divider:before, .career-development .voice_list .text-divider:after { content: ''; height: 1px; background-color: #eb6100; -webkit-box-flex: 1; flex-grow: 1; }

.career-development .voice_list .text-divider:before { margin-right: 1rem; }

.career-development .voice_list .text-divider:after { margin-left: 1rem; }

.career-development .voice_list p { margin-top: 4px; padding: 0 30px; line-height: 1.3571428571; font-size: 14px; font-weight: normal; letter-spacing: -.06em; text-align: center; }

.career-development .voice_list .comment { margin-top: -20px; line-height: 24px; text-align: justify; letter-spacing: -.01em; font-size: 16px; }

.career-development .voice_list .comment:before { margin: 8px 0 4px -10px; display: block; position: relative; content: ''; width: 100%; height: 20px; background: url(/images/images2016/consulting/career-development/icon_double-quotation_first.png) no-repeat; background-size: contain; }

.career-development .voice_list .comment:after { display: block; position: relative; content: ''; width: 100%; height: 20px; background: url(/images/images2016/consulting/career-development/icon_double-quotation-_end.png) no-repeat; background-size: contain; background-position-x: 100%; }

.career-development .arrow_solution { position: absolute; top: -63px; left: 50%; width: 65px; height: 107px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.career-development .support_sec { padding: 0px 0 40px; position: relative; }

.career-development .headline_area { padding-top: 60px; height: 436px; background: url(/images/images2016/consulting/career-development/support-bg.png) no-repeat center top #2C97DD; background-size: auto; }

.career-development .headline_area .support_headline { line-height: 1.3; color: #fff; font-size: 36px; font-weight: bold; text-align: center; letter-spacing: -.04em; background: none; background-size: auto; }

.career-development .headline_area > p { padding-top: 30px; width: 723px; margin: 0 auto; color: #fff; font-size: 18px; font-weight: bold; text-align: justify; }

.career-development .support_list { margin-top: -110px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.career-development .support_list > li { margin-bottom: 52px; width: 484px; background: #fff; box-shadow: 0 0 26px rgba(0, 0, 0, 0.1); }

.career-development .support_list img { width: 100%; height: auto; }

.career-development .support_list .text_area { padding: 20px; }

.career-development .support_list .text_area li { font-size: 18px; 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: 15px 0; line-height: 1.3333333333; color: #0097dd; font-size: 24px; font-weight: bold; letter-spacing: -.06em; text-align: center; }

.career-development .support_list h4 { text-align: center; font-weight: bold; font-size: 20px; }

.career-development .support_list .list3 { padding: 6px; }

.career-development .inquirySection { padding: 40px 0; background: #d3db2f; }

.career-development .inquirySection .btn_wrap { text-align: center; }

.career-development .inquirySection .btn-cl { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; width: 720px; height: 70px; background: #fff; color: #3e3a39; font-size: 24px; font-weight: bold; letter-spacing: -.06em; }

.career-development .inquirySection .btn-cl:before, .career-development .inquirySection .btn-cl:after { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.career-development .inquirySection .btn-cl:after { right: 30px; width: 28px; height: 28px; background: url(/images/images2016/consulting/career-development/icon_arrow.svg) no-repeat; background-size: contain; }

.career-development .inquirySection .btn-cl:hover { opacity: .8; }

.career-development .relatedSection { padding: 60px 0 80px; background: #f9f9f9; }

.career-development .relatedSection .sectionHeadline { line-height: 1.2857142857; color: #0097dd; font-size: 28px; font-weight: bold; text-align: center; letter-spacing: -.06em; }

.career-development .relatedSection .columnWrap { margin-top: 20px; }

.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: 20px; }

.career-development .relatedSection .columnWrap a { display: -webkit-box; display: flex; 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: 22px; }

.career-development .relatedSection .headline4 { margin-bottom: 22px; }

.career-development .relatedSection .icon-andLt { position: relative; }

.career-development .relatedSection .icon-andLt:before { position: absolute; top: 50%; left: auto; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.career-development .relatedSection .leftArea { flex-shrink: 0; width: 312px; }

.career-development .relatedSection .rightArea { padding: 28px 50px 28px 34px; width: calc(100% - 312px); color: #3e3a39; letter-spacing: -.06em; }

.career-development .relatedSection .rightArea h3 { line-height: 1.2; font-size: 20px; font-weight: bold; }

.career-development .relatedSection .rightArea h3.icon-andLt:before { display: none; }

.career-development .relatedSection .rightArea p { margin-top: .66em; font-size: 18px; }

.career-development .relatedSection + #contactArea { padding: 85px 0 100px; }

.career-development .relatedSection + #contactArea .contactLabel { letter-spacing: -.06em; }

.career-development.ieStyle .btn-cl { padding-top: .4em; }

#opinions #titleArea span.titleSub, #opinions #titleArea span.titleMain { display: inline-block; line-height: 1.15; }

#opinions:not(.opinionsHome) .talkGenreWrap { position: relative; bottom: 0px; right: 0; line-height: 1; }

#opinions:not(.opinionsHome) #pageTitle { padding-top: 1em; line-height: 0; }

#opinions:not(.opinionsHome) .socialWrap { display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 40px; }

#opinions:not(.opinionsHome) .socialWrap .snsArea { padding: 0; overflow: auto; }

#opinions:not(.opinionsHome) .socialWrap .snsArea ul { display: -webkit-box; display: flex; }

#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 { display: -webkit-box; display: flex; }

#opinions:not(.opinionsHome) .label_list li { border: 1px solid #ccc; margin-right: 10px; margin-bottom: 0px; border-radius: 3px; }

#opinions:not(.opinionsHome) .label_list li a { display: inline-block; padding: 6px 10px; }

#opinions #mainPanel, #opinions .autors_panel { width: 1020px; margin: 15px auto 0; -webkit-font-feature-settings: 'pwid'; font-feature-settings: 'pwid'; }

#opinions #mainPanel .homeOnly, #opinions .autors_panel .homeOnly { display: none !important; }

#opinions #mainPanel ul, #opinions .autors_panel ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }

#opinions #mainPanel li, #opinions .autors_panel li { margin: 0 10px 40px; position: relative; display: -webkit-box; display: flex; background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -webkit-transition: .3s; transition: .3s; }

#opinions #mainPanel li:hover, #opinions .autors_panel li:hover { opacity: .7; }

#opinions #mainPanel li#noPanelImg, #opinions .autors_panel li#noPanelImg { display: none !important; }

#opinions #mainPanel li .panelContent, #opinions .autors_panel li .panelContent { position: relative; width: 235px; height: 100%; color: #3E3A39; z-index: 800; }

#opinions #mainPanel li .panelContent dl, #opinions .autors_panel li .panelContent dl { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; }

#opinions #mainPanel li .panelContent dt, #opinions .autors_panel li .panelContent dt { flex-shrink: 0; }

#opinions #mainPanel li .panelContent dt img, #opinions .autors_panel li .panelContent dt img { width: 100%; height: auto; }

#opinions #mainPanel li .panelContent dd, #opinions .autors_panel li .panelContent dd { padding: 10px 15px 15px; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex-grow: 1; width: 100%; }

#opinions #mainPanel li .panelContent dd .iconNew, #opinions .autors_panel li .panelContent dd .iconNew { position: absolute; top: 105px; right: 5px; }

#opinions #mainPanel li .panelContent dd .panelInline, #opinions .autors_panel li .panelContent dd .panelInline { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; }

#opinions #mainPanel li .panelContent dd .panelInline h3, #opinions .autors_panel li .panelContent dd .panelInline h3 { margin-top: 12px; font-size: 18px; font-weight: 600; letter-spacing: 0px; line-height: 24px; }

#opinions #mainPanel li .panelContent dd .panelInline p, #opinions .autors_panel li .panelContent dd .panelInline p { margin: 4px 0 20px; font-size: 14px; line-height: 20px; }

#opinions #mainPanel li .panelContent dd .panelInline .talkGenreWrap, #opinions .autors_panel li .panelContent dd .panelInline .talkGenreWrap { margin-top: auto; padding-top: 23px; display: -webkit-box; display: flex; position: relative; line-height: 1; z-index: 801; }

#opinions #mainPanel li .panelContent dd .panelInline .talkGenreWrap:before, #opinions .autors_panel li .panelContent dd .panelInline .talkGenreWrap:before { display: block; position: absolute; top: 10px; left: 0; width: 20px; height: 2px; background: #000; content: ""; }

#opinions #mainPanel li .panelContent dd .panelInline .talkGenreWrap p, #opinions .autors_panel li .panelContent dd .panelInline .talkGenreWrap p { margin: 0; padding: 0; font-size: 14px; font-weight: 500; }

#opinions #mainPanel li .panelContent dd .panelInline .talkGenreWrap .talkGenre, #opinions .autors_panel li .panelContent dd .panelInline .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; }

#opinions #mainPanel li .panelContent dd .panelInline .talkGenreWrap .talkGenre.blogIcon:after, #opinions .autors_panel li .panelContent dd .panelInline .talkGenreWrap .talkGenre.blogIcon:after { position: absolute; top: 2px; left: 186px; content: url("/images/images2016/opinions/icon-blog.png"); z-index: 999; }

#opinions #mainPanel li .panelContent .LowerRightIcon:before, #opinions .autors_panel li .panelContent .LowerRightIcon:before { position: absolute; bottom: 9px; right: 14px; font-family: "ilm"; font-size: 18px; content: "P"; z-index: 999; }

#opinions #mainPanel li .panelContent .LowerRightIcon:after, #opinions .autors_panel li .panelContent .LowerRightIcon:after { position: absolute; bottom: 0; right: 0; z-index: 800; width: 0; height: 0; border-style: solid; border-width: 0 0 95px 75px; border-color: transparent transparent #ededed transparent; content: ""; }

#opinions #mainContent { background: #f2f2f2; }

#opinions #mainContent #narrowedWrap { position: relative; width: 1000px; margin: 0 auto; }

#opinions #mainContent #narrowedWrap dt { position: relative; margin-bottom: 12px; color: #0086af; font-size: 18px; }

#opinions #mainContent #narrowedWrap dt span { display: inline-block; position: relative; padding-right: 1em; background: #f2f2f2; z-index: 999; }

#opinions #mainContent #narrowedWrap dt:after { display: block; position: relative; bottom: 14px; content: ''; border-top: solid 2px #0086af; }

#opinions #mainContent #narrowedWrap dd { padding: 20px 0; background: #fff; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1); overflow: hidden; }

#opinions #mainContent #narrowedWrap dd ul { margin: 0 20px; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; }

#opinions #mainContent #narrowedWrap dd ul li { margin: 0 10px 8px 0; }

#opinions #mainContent #narrowedWrap dd a { padding: 5px 10px; border: solid 1px #ccc; border-radius: 2px; color: #666; font-size: 14px; letter-spacing: .05em; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

#opinions #mainContent #narrowedWrap dd a.select { border: solid 1px #0086af; border-radius: 2px; background-color: #0086af; color: #fff; }

#opinions #mainContent #narrowedWrap dd a.select:hover { color: #fff; opacity: 1; }

#opinions #mainContent #narrowedWrap dd a:hover { color: #0086af; opacity: 1; }

#opinions #mainContent #narrowedWrap:after { position: relative; top: -3px; left: 485px; width: 100%; height: 100%; content: url(/images/images2016/opinions/arrow-down.png); }

#opinions .mcPersonWrap .mcPerson { width: 1000px; margin: 0 auto; padding: 25px 0; }

#opinions .mcPersonWrap .mcPerson dt { display: inline-block; width: 80px; margin-right: 5px; vertical-align: middle; }

#opinions .mcPersonWrap .mcPerson dd { display: inline-block; color: #3E3A39; font-size: 16px; vertical-align: middle; }

#opinions .mcPersonWrap .mcPerson dd .listener { color: #b23031; }

#opinions .mcPersonWrap .mcPerson dd .belong { display: block; font-size: 12px; letter-spacing: -1px; }

#opinions .mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -2px; }

#opinions .mcPersonWrap + hr { margin: 0; border-top: solid 1px #ccc; }

#opinions .mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; }

#opinions .mcPersonWrap.col2 { margin: 0 auto; display: -webkit-box; display: flex; width: 1000px; }

#opinions .mcPersonWrap.col2 .mcPerson { margin: 0; width: 50%; }

#opinions #mainVisualWrap { width: 1000px; margin: 0 auto; }

#opinions #mainVisualWrap .listener { display: block; float: left; height: 2em; margin-right: 0.5em; }

#opinions #mainVisualWrap #mainVisual figcaption { display: inline-block; width: 1000px; margin-top: 8px; color: #666; font-size: 14px; letter-spacing: 1px; }

#opinions #mainVisualWrap #mainVisual .lead { display: block; margin-top: 35px; padding-bottom: 0; font-size: 20px; letter-spacing: -1px; text-justify: inter-ideograph; text-align: justify; }

#opinions #mainVisualWrap #mainVisual .lead a { text-decoration: underline; }

#opinions #mainVisualWrap #mainVisual .lead a:hover { text-decoration: none; }

#opinions #mainVisualWrap #mainVisual .lead + .lead { margin-top: 1em; }

#opinions #mainVisualWrap #mainVisual .lead.fontSmall { font-size: 16px; letter-spacing: 0; line-height: 1.6; }

#opinions #mainLeadWrap { width: 100%; margin: 0 auto; border-top: solid 1px #ccc; }

#opinions #mainLeadWrap #mainLead { width: 1000px; margin: 50px auto 0; text-justify: inter-ideograph; text-align: justify; }

#opinions #mainLeadWrap #mainLead .lead { margin: 0; padding: 0; text-justify: inter-ideograph; text-align: justify; }

#opinions .basicContent { position: relative; background: #f2f2f2; padding: 80px 0 0; }

#opinions .basicContent.lastContent, #opinions .basicContent:last-of-type { padding: 2em 0 80px; }

#opinions .basicContent a { -webkit-transition: 0.2s; transition: 0.2s; }

#opinions .basicContent a:hover { color: inherit; opacity: .6; }

#opinions .basicContent.cusumano01 { padding-top: 0; padding-bottom: 2em; }

#opinions .basicContent.cusumano01 + .basicContent { padding-top: 0; }

#opinions .basicContent.cusumano01 + #mainVisualWrap #mainVisual .opinions-anchorLink:first-child { margin-top: 0; }

#opinions .basicContent .basicContentWrap { position: relative; width: 1000px; margin: 0 auto; }

#opinions .basicContent .basicContentWrap h4 { font-size: 18px; font-weight: bold; }

#opinions .basicContent .basicContentWrap p { margin-top: 35px; text-justify: inter-ideograph; text-align: justify; }

#opinions .basicContent .basicContentWrap p.Bold { font-weight: bold; }

#opinions .basicContent .basicContentWrap p:first-child { margin-top: 0; }

#opinions .basicContent .basicContentWrap p a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

#opinions .basicContent .basicContentWrap p a:hover { opacity: 0.7; text-decoration: none; }

#opinions .basicContent .basicContentWrap p.inyou { line-height: 2; }

#opinions .basicContent .basicContentWrap p.inyou:after { bottom: -24px; }

#opinions .basicContent .basicContentWrap p.fontBlue { color: #0086af; }

#opinions .basicContent .basicContentWrap p.topicTitle { margin-bottom: -2em; }

#opinions .basicContent .basicContentWrap p.topicDetail { margin-left: 1em; }

#opinions .basicContent .basicContentWrap p.topicDetail span.indent1 { padding-left: 1em; }

#opinions .basicContent .basicContentWrap p.topicDetail span.indent2 { padding-left: 2em; }

#opinions .basicContent .basicContentWrap p.topicDetail span.indent3 { padding-left: 3em; }

#opinions .basicContent .basicContentWrap p.topicDetail span.Bold { font-weight: bold; }

#opinions .basicContent .basicContentWrap p.indent3 { padding-left: 3em; }

#opinions .basicContent .basicContentWrap p.smallright { text-align: right; font-size: smaller; margin-top: 15px; }

#opinions .basicContent .basicContentWrap p + h4 { margin-top: 35px; }

#opinions .basicContent .basicContentWrap figure + h4 { margin-top: 35px; }

#opinions .basicContent .basicContentWrap h4 + p { margin-top: 10px; }

#opinions .basicContent .basicContentWrap .list2 { margin-top: 30px; }

#opinions .basicContent .basicContentWrap .list2 li { margin-top: 0; }

#opinions .basicContent .basicContentWrap .list2 li + li { margin-top: 1em; }

#opinions .basicContent .basicContentWrap.cusumano { margin-top: 1.5em; }

#opinions .basicContent .basicContentWrap.cusumano p { text-align: center; font-size: larger; text-decoration: none; }

#opinions .basicContent .basicContentWrap.cusumano p a { display: block; text-decoration: none; color: #3E3A39; }

#opinions .basicContent .basicContentWrap.cusumano p a:hover { text-decoration: none; }

#opinions .basicContent .basicContentWrap.cusumano ul { text-align: center; margin-top: 20px; }

#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 ul + figure { margin-top: 3em; }

#opinions .basicContent .basicContentWrap figure { margin-top: 30px; }

#opinions .basicContent .basicContentWrap figure .not100w { margin: 0 auto; display: block; }

#opinions .basicContent .basicContentWrap figure figcaption { display: inline-block; width: 1000px; margin-top: 8px; color: #666; font-size: 14px; letter-spacing: 1px; }

@media only screen and (min-width: 641px) { #opinions .basicContent .basicContentWrap figure figcaption.w600, #opinions .basicContent .basicContentWrap figure figcaption.w666, #opinions .basicContent .basicContentWrap figure figcaption.w700 { display: block; margin-left: auto; margin-right: auto; text-align: right; } #opinions .basicContent .basicContentWrap figure figcaption.w600 { width: 600px; } #opinions .basicContent .basicContentWrap figure figcaption.w666 { width: 666px; } #opinions .basicContent .basicContentWrap figure figcaption.w700 { width: 700px; } }

#opinions .basicContent .basicContentWrap figure.guestInfo figcaption { display: block; width: 1000px; margin-top: 0; padding: 20px 40px 16px; background: #fff; color: #3E3A39; font-size: 18px; font-weight: 600; text-align: left; }

#opinions .basicContent .basicContentWrap figure.guestInfo figcaption small { margin-left: 18px; font-size: 14px; font-weight: 500; letter-spacing: -1px; }

#opinions .basicContent .basicContentWrap figure.guestInfo figcaption span { display: block; margin-top: 10px; color: #3E3A39; font-size: 14px; font-weight: 500; letter-spacing: -1px; line-height: 1.5; }

#opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption { float: left; width: 490px; height: 375px; margin: 0 20px 0 0; padding: 20px; font-size: 15px; background: #ddd; }

#opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption strong { display: inline-block; margin-bottom: .5em; }

#opinions .basicContent .basicContentWrap figure.halfFigureRight figcaption .ttl { font-size: 17px; }

#opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption { float: Right; width: 490px; height: 375px; margin: 0 0 0 20px; padding: 20px; font-size: 15px; background: #ddd; }

#opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption strong { display: inline-block; margin-bottom: .5em; }

#opinions .basicContent .basicContentWrap figure.halfFigureleft figcaption .ttl { font-size: 17px; }

#opinions .basicContent .basicContentWrap .boxCommentary ul { margin: 0; }

#opinions .basicContent .basicContentWrap .boxCommentary ul li { margin: 0; }

#opinions .basicContent .basicContentWrap .boxCommentary p { margin-top: 0; }

#opinions .basicContent .basicContentWrap .boxCommentary.skill .text { margin-left: 130px; }

#opinions .basicContent .basicContentWrap .boxCommentary.skill h1 { text-align: center; font-size: 26px; font-weight: bold; margin-bottom: 15px; }

#opinions .basicContent .basicContentWrap .boxCommentary.skill p { font-weight: bold; font-size: 20px; margin: 0 0 18px 20px; line-height: 1.4; }

#opinions .basicContent .basicContentWrap .boxCommentary.skill p:last-child { margin: 0 0 0 20px; }

#opinions .basicContent .basicContentWrap .boxCommentary.skill .sub { font-size: 20px; color: #3b5db9; margin: 0; }

#opinions .basicContent .basicContentWrap .boxCommentary.boxCommentary_mini { padding: 40px 80px; display: inline-block; font-size: 1.1em; }

#opinions .basicContent .basicContentWrap .boxCommentary.boxCommentary_mini:after { width: 100%; height: 1em; bottom: -1em; background: url(/images/images2016/box-shadow.png) no-repeat; background-size: 100% 100%; content: ""; }

#opinions .basicContent .basicContentWrap > ul { margin-top: 50px; }

#opinions .basicContent .basicContentWrap > ul li { margin-top: 30px; }

#opinions .basicContent .basicContentWrap > ul li dl { overflow: hidden; }

#opinions .basicContent .basicContentWrap > ul li dl dt { float: left; width: 80px; margin-right: 10px; text-align: center; vertical-align: top; }

#opinions .basicContent .basicContentWrap > ul li dl dd { float: right; width: 910px; margin-top: 18px; color: #3E3A39; font-size: 16px; vertical-align: top; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine dt { position: relative; top: 0; left: 0; text-align: left; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine dt:after { display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 2px solid #0086af; content: ""; z-index: 800; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine dt img { width: 102%; position: absolute; top: 50%; left: 50%; z-index: 900; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

#opinions .basicContent .basicContentWrap > ul li.listenerLine dt span { display: inline-block; position: relative; width: 60px; height: 60px; border: solid 1px #0086af; border-radius: 50%; overflow: hidden; vertical-align: middle; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine dd { color: #0086af; text-justify: inter-ideograph; text-align: justify; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine .paragraph p { margin-top: 0; }

#opinions .basicContent .basicContentWrap > ul li.listenerLine .paragraph p + p { margin-top: 1em; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dt { position: relative; top: 0; left: 0; text-align: left; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dt:after { display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 2px solid #3E3A39; content: ""; z-index: 800; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dt img { width: 102%; position: absolute; top: 50%; left: 50%; z-index: 900; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dt span { display: inline-block; position: relative; width: 60px; height: 60px; border: solid 1px #3E3A39; border-radius: 50%; overflow: hidden; vertical-align: middle; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dt { width: 100px; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine dd { width: 890px; text-justify: inter-ideograph; text-align: justify; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine .paragraph p { margin-top: 0; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine .paragraph p + p { margin-top: 1em; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine dd { width: 870px; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine dt { width: 120px; }

#opinions .basicContent .basicContentWrap > ul li.speakerLine.iconDoubleLine dt:after { border: none; }

#opinions .basicContent .basicContentWrap > ul.topicDetail { margin-top: 0; padding-left: 1em; line-height: 1.8; }

#opinions .basicContent .basicContentWrap > ul.topicDetail li { margin-top: 0; padding-left: 2em; text-indent: -.75em; }

#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.75em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.comment li + li { margin-top: .5em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList { margin: .5em auto 0; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList > li { padding-left: 1.25em; text-indent: -1.25em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList li + li { margin-top: .25em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList span { margin: 0; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList.indent3 { padding-left: 3em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList .indentex { display: block; text-indent: 0; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList .indentex2 { display: block; text-indent: -1em; }

#opinions .basicContent .basicContentWrap > ul.topicDetail.exList .normal { font-weight: normal; }

#opinions .basicContent .basicContentWrap > ul.twoComment { margin-top: 0px; display: inline-block; }

#opinions .basicContent .basicContentWrap > ul.twoComment li { width: 500px; text-align: center; float: left; margin-top: 20px; }

#opinions .basicContent .basicContentWrap > ul.cusumano02 { margin-top: 0; }

#opinions .basicContent .basicContentWrap > ul.cusumano02 li { margin-top: 0; }

#opinions .basicContent .basicContentWrap > ul.cusumano02 a { display: block; color: #3E3A39; }

#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: 35px; padding-left: 2em; list-style-type: disc; font-weight: normal; }

#opinions .basicContent .basicContentWrap > ul.shanghaitop.bold { font-weight: bold; }

#opinions .basicContent .basicContentWrap > ul.shanghaitop li { margin-top: 0; }

#opinions .basicContent .basicContentWrap > ul.shanghaitop li + li { margin-top: .75em; }

#opinions .basicContent .basicContentWrap > ul.list2.list2-1em { margin-top: 40px; }

#opinions .basicContent .basicContentWrap > ul.list2.list2-1em li { margin-top: 0; }

#opinions .basicContent .basicContentWrap .tableContentWrap { position: relative; }

#opinions .basicContent .basicContentWrap .tableContent { position: relative; width: 700px; font-size: 14px; }

#opinions .basicContent .basicContentWrap .tableContent.sessionTable { margin-top: 40px; }

#opinions .basicContent .basicContentWrap .tableContent.sessionTable dl { height: 90px; }

#opinions .basicContent .basicContentWrap .tableContent.boothTable { margin-top: 2px; }

#opinions .basicContent .basicContentWrap .tableContent.boothTable dl { height: 159px; }

#opinions .basicContent .basicContentWrap .tableContent h4 { position: absolute; width: 110px; height: 100%; background: #0086af; color: #FFF; font-weight: bold; text-align: center; }

#opinions .basicContent .basicContentWrap .tableContent h4 span { display: inline-block; position: absolute; top: 50%; right: 0; left: 0; margin-top: -12px; }

#opinions .basicContent .basicContentWrap .tableContent ul { float: right; width: 590px; margin: 0; }

#opinions .basicContent .basicContentWrap .tableContent ul li { margin: 0px 0px 2px 0px; }

#opinions .basicContent .basicContentWrap .tableContent ul li:last-child { margin: 0; }

#opinions .basicContent .basicContentWrap .tableContent ul li dl { margin: 0 0 0 2px; background: #fff; }

#opinions .basicContent .basicContentWrap .tableContent ul li dl dt, #opinions .basicContent .basicContentWrap .tableContent ul li dl dd { display: table; float: left; width: 220px; height: 100%; margin: 0; padding: 0 30px; text-align: left; box-sizing: border-box; }

#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 dd { width: 365px; border-left: solid 2px #f2f2f2; }

#opinions .basicContent .basicContentWrap .tableContent:after { display: block; clear: both; content: ""; }

#opinions .basicContent .basicContentWrap .Afterword { margin-top: 60px; padding: 65px 70px; background: #fff; color: #0086af; font-size: 16px; line-height: 28px; }

#opinions .basicContent .basicContentWrap .snsArea { margin-top: 45px; 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; /*margin-right: 20px;*/ padding: 0 0 1em 50px; }

#opinions .basicContent .basicContentWrap .textPhotoSmall span { display: block; width: 192px; margin-top: 0.5em; font-size: 12px; }

#opinions .basicContent .basicContentWrap .textPhotoSmall.afterPhoto { position: absolute; top: 80px; right: 20px; }

#opinions .basicContent .basicContentWrap .textPhotoSmall300 { float: right; margin-right: 20px; margin-left: 20px; }

#opinions .basicContent .basicContentWrap .textPhotoSmall300 span { display: block; width: 302px; margin-top: 0.5em; font-size: 12px; }

#opinions .basicContent .basicContentWrap .textPhotoSmall300.afterPhoto { position: absolute; top: 80px; right: 20px; }

#opinions .basicContent .basicContentWrap .textPhoto { width: 748px; }

#opinions .basicContent .basicContentWrap .photoCenter { position: relative; width: 395px; margin: 40px auto; padding-bottom: 0; }

#opinions .basicContent .basicContentWrap .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; }

#opinions .basicContent .basicContentWrap .photoCenter p span { display: block; padding: 0.5em 0.5em 0; }

#opinions .basicContent .basicContentWrap .photoCenter img { width: 100%; height: auto; }

#opinions .basicContent .basicContentWrap .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: ''; }

#opinions .basicContent .basicContentWrap .photoCenter.lttleLeft { width: 660px; }

#opinions .basicContent .basicContentWrap .photoCenter.lttleLeft p { width: 395px; }

#opinions .basicContent .basicContentWrap .photoCenter.lastPhoto { margin-bottom: 0; padding-bottom: 0; }

#opinions .basicContent .basicContentWrap .photoCenter.col2 { width: 90%; }

#opinions .basicContent .basicContentWrap .photoCenter.col2 p { padding: 20px; text-align: center; }

#opinions .basicContent .basicContentWrap .photoCenter.col2 p > img { display: inline-block; width: 50%; padding-right: 10px; }

#opinions .basicContent .basicContentWrap .photoCenter.col2 p > img:last-child { padding-left: 10px; }

#opinions .basicContent .basicContentWrap .photoLeft { display: table; width: 66.6666%; margin-right: auto; margin-left: auto; }

#opinions .basicContent .basicContentWrap .photoLeft img { display: table-cell; margin-right: 20px; vertical-align: middle; }

#opinions .basicContent .basicContentWrap .photoLeft span { display: table-cell; font-size: 12px; vertical-align: middle; }

#opinions .basicContent .basicContentWrap .photoRight p { float: left; }

#opinions .basicContent .basicContentWrap .photoRight figure { float: right; display: inline-block; width: inherit; }

#opinions .basicContent .basicContentWrap .photoRight figcaption { width: 100%; }

#opinions .basicContent .lineShanghai h4 strong { font-size: 19px; }

#opinions .introContent { background: #f2f2f2; overflow: hidden; }

#opinions .introContent .introContentWrap { width: 1000px; margin: 45px auto 0; padding: 30px 0 80px; border-top: solid 1px #999; border-bottom: solid 1px #999; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) { margin-bottom: 25px; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dt { display: inline-block; width: 140px; vertical-align: top; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd { display: inline-block; margin-top: 15px; width: 850px; vertical-align: top; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p { color: #3E3A39; font-size: 14px; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p .name { display: block; margin-bottom: 10px; font-size: 24px; line-height: 1; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p .belong { display: block; margin-bottom: 2px; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list) dd p:last-child { color: #3E3A39; letter-spacing: 0; }

#opinions .introContent .introContentWrap li:not(.autors_panel):not(.autors_panel_list):last-child { margin-bottom: 0; }

#opinions .introContent .introContentWrap strong { font-size: 24px; }

#opinions .introContent .introContentWrap .listAbout { float: left; margin-top: 1em; margin-left: 3em; }

#opinions .introContent .introContentWrap .listAbout li { margin-bottom: .5em; }

#opinions .introContent .introContentWrap .listAbout li.bold { margin-top: 1em; }

#opinions .introContent .introContentWrap .listAbout a { color: #0086af; }

#opinions .introContent .introContentWrap .listAbout a:hover { opacity: .7; }

#opinions .introContent .introContentWrap .autors_panel { margin-bottom: -40px; }

#opinions .introContent .introContentWrap .autors_panel .autors_panel_headline { margin: 2em auto; position: relative; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-align: center; }

#opinions .introContent .introContentWrap .autors_panel .autors_panel_headline .link_arrow { top: 0; right: 0; left: auto; -webkit-transform: none; transform: none; color: #000; }

#opinions .introContent .introContentWrap .autors_panel .autors_panel_headline span { font-size: 24px; }

#opinions .introContent .introContentWrap .autors_panel dt, #opinions .introContent .introContentWrap .autors_panel dd { display: block; width: 100%; }

#opinions .introContent .introContentWrap .autors_panel dd { margin-top: 0; }

#opinions .introContent .introContentWrap .autors_panel + li { margin-top: 80px; }

#opinions .introContent .introContentWrap:last-of-type { border-bottom: none; }

#opinions #relateContent { padding-top: 80px; background: #f2f2f2; overflow: hidden; background: #e5e5e5; }

#opinions #relateContent .relateContentWrap { max-width: 1040px; margin: 0 auto; padding: 0 0 60px; overflow: hidden; }

#opinions #relateContent .relateContentWrap li.hidden { display: none; }

#opinions #relateContent .relateContentWrap h4 { margin-bottom: 40px; }

#opinions #relateContent .relateContentWrap dd { line-height: 24px; }

#opinions #relateContent .relate_more_btn_wrap { margin-top: 1em; text-align: center; }

#opinions #relateContent .relate_more_btn_wrap:before { display: block; clear: both; content: ""; }

#opinions #relateContent .relate_more_btn { padding: .5em 3em; padding-right: 3.5em; display: -webkit-inline-box; display: inline-flex; position: relative; background: #3E3A39; color: #fff; letter-spacing: .1em; }

#opinions #relateContent .relate_more_btn::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .5em; content: "a"; font-family: "ilm"; font-size: 1em; }

#opinions #relateContent .relate_more_btn:hover { opacity: .7; }

#opinions .cultureContent #mainVisual .lead { font-size: 16px; line-height: 28px; }

#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 { padding-left: 140px; position: relative; }

#opinions #listBold { padding-left: 3em; font-weight: bold; }

#opinions #listBold li { margin-top: 0; line-height: 1.6; }

#opinions #Next-Workshop { margin-top: 25px; }

#opinions #Next-Workshop ul { margin-top: 0; }

#opinions #Next-Workshop ul li { margin-top: 0; }

#opinions .photo33R { display: block; float: right; width: 33.3333333333%; height: auto; padding: 0 0 2em 2.5em; }

#opinions .photo33R.btm0 { padding-bottom: 0; }

#opinions .photo33L { display: block; float: left; width: 33.3333333333%; height: auto; padding: 0 2.5em 2em 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; }

#opinions .textCenter { text-align: center; }

#opinions .roundArrow-link { margin-bottom: 0.5em; position: relative; margin-left: 1.5em; font-size: 18px; }

#opinions .roundArrow-link a { color: #0086af; font-weight: bold; }

#opinions .roundArrow-link a:after { display: inline; position: absolute; top: 50%; left: -1.5em; margin-top: 0; font-family: "ilm"; font-size: 1em; content: "y"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#opinions .roundArrow-link a:hover { color: #62bad5; }

#opinions .roundArrow-link.bottom { display: inline-block; margin-bottom: 0; }

.bnrContent { background: #f2f2f2; overflow: hidden; }

.bnrContent .bnrContentWrap { width: 1000px; margin: 0 auto; padding: 30px 0 100px; border-top: solid 1px #999; }

.bnrContent .bnrContentWrap li { position: relative; margin-bottom: 15px; background: #fff; }

.bnrContent .bnrContentWrap li dt { display: inline-block; width: 250px; vertical-align: top; }

.bnrContent .bnrContentWrap li dd { position: relative; display: inline-block; width: 745px; vertical-align: top; }

.bnrContent .bnrContentWrap li dd p { color: #3E3A39; font-size: 14px; padding-right: 1em; }

.bnrContent .bnrContentWrap li dd p.titleExplan { display: block; margin-top: 1em; color: #005198; font-size: 14px; line-height: 1; }

.bnrContent .bnrContentWrap li dd p.titleMain { display: block; margin-top: 1em; color: #3E3A39; font-size: 18px; text-indent: -0.5em; }

.bnrContent .bnrContentWrap li dd p:last-child { color: #3E3A39; }

.bnrContent .bnrContentWrap li .talkGenreWrap { position: relative; left: 560px; margin-top: 1em; }

.bnrContent .bnrContentWrap li .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 14px; font-weight: 500; }

.bnrContent .bnrContentWrap li .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; }

.bnrContent .bnrContentWrap.noBordertop { border: none; }

.bnrContent.bnrContent_small .bnrContentWrap { width: 100%; margin: 1em auto 70px; padding: 0; border: none; }

.bnrContent.bnrContent_small .bnrContentWrap li { margin-bottom: 0; box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); }

.bnrContent.bnrContent_small .bnrContentWrap li dl:after { display: block; clear: both; content: ""; }

.bnrContent.bnrContent_small .bnrContentWrap li dt { display: block; float: left; width: 30%; }

.bnrContent.bnrContent_small .bnrContentWrap li dt img { width: 100%; height: auto; }

.bnrContent.bnrContent_small .bnrContentWrap li dd { display: block; float: left; width: 70%; padding-left: 1em; }

.bnrContent.bnrContent_small .bnrContentWrap li dd p.titleMain { margin: .4em 0 .3em; text-indent: 0; line-height: 1.3; }

.bnrContent.bnrContent_small .bnrContentWrap li dd .titleSub { line-height: 1.3; }

.bnrContent.bnrContent_small .bnrContentWrap li + li { margin-top: 1.5em; }

.bnrContent.bnrContent_small .bnrContentWrap .talkGenreWrap { position: absolute; left: auto; bottom: .5em; right: 1em; }

.bnrContent.bnrContent_small .bnrContentWrap .talkGenreWrap .talkGenre { margin: 0; padding: 0; border: none; text-align: right; }

.bnrContent.bnrContent_text_short { padding-top: 2em; }

.bnrContent.bnrContent_text_short .bnrContentWrap { padding-bottom: 0; border: none; }

.bnrContent.bnrContent_text_short dl { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

.bnrContent.bnrContent_text_short dd { padding-left: 20px; }

#opinions .bnrContent_text_short + .basicContent { padding-top: 45px; }

.commentBtn { position: relative; text-align: center; margin-top: 3em; }

.commentBtn .text { text-align: center; font-size: 20px; font-weight: bold; margin-top: 0; }

.commentBtn .combtn { background-color: #002f58; display: inline-block; padding: 10px 50px; color: #fff; margin-top: 2em; font-weight: bold; font-size: 18px; border-radius: 5px; -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; }

.commentBtn .combtn:hover { opacity: .7; }

.commentBtn .combtn img { width: 25px; margin-right: 10px; }

.commentBtn .combtn.combtn_mt1 { margin-top: 1em; }

.commentBtn .commentHeadline { font-size: 1.75em; }

.commentBtn.atd_ice2018 { margin-top: 0; padding-top: 60px; }

.commentBtn .boxCommentary2 a { text-decoration: none; color: #fff; }

.commentBtn .boxCommentary2 a:hover { color: #fff; }

#opinions .commentBtn .combtn:hover { color: #fff; }

.opinions-anchorLink { padding: 1em 1em 1em 4em; margin-top: 2em; border: double 4px #0086af; font-size: 20px; }

.opinions-anchorLink li { margin-bottom: 0.5em; position: relative; }

.opinions-anchorLink li a { color: #0086af; font-weight: bold; }

.opinions-anchorLink li a:before { display: inline; position: absolute; top: 50%; left: -1.5em; margin-top: 0; font-family: "ilm"; font-size: 1.25em; content: "y"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.opinions-anchorLink li a:hover { color: #62bad5; }

.opinions-anchorLink li:last-child { border-bottom: none; margin-bottom: 0; }

.opinions-anchorLink li.normaltext { text-indent: -2em; font-weight: bold; }

.opinions-anchorLink.global-sa-anchorLink { font-size: 18px; margin-bottom: 1em; }

.global-sa-title .subtitle { margin-left: -.5em; font-size: 20px; color: #0086af; }

.global-sa-title-basic { background: #ecebeb; }

.largeBnrWrap { margin: 3em auto 0; padding: 3em 0 0; border-top: 1px solid #9f9f9f; width: 1000px; }

.largeBnrWrap a { display: block; }

.introContentWrap + .largeBnrWrap { margin: 0 auto; border-top: none; }

#opinions .introContent .largeBnrWrap { padding: 80px 0; }

#opinions .basicContent .basicContentWrap .commentBtn .text { text-align: center; }

#program.programDetail .basicContent .commentBtn a { text-decoration: none; color: #fff; }

.anchor { position: absolute; top: 0; margin-top: -100px; width: 0; height: 0; }

.profile_iconlist { margin-top: 2em; display: -webkit-box; display: flex; }

.profile_iconlist > li { width: 25%; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.profile_iconlist img { border: solid 1px #0086af; border-radius: 50%; }

.profile_iconlist .name { margin: .5em auto .25em; font-weight: bold; }

.profile_iconlist .belong { line-height: 1.2; font-size: .8em; }

#opinions .authors-box { padding: 40px; background: #f2f2f2; }

#opinions .authors-box .profileBox { margin: 0px auto; padding: 30px; position: relative; max-width: 1000px; display: block; width: 100%; background: #FFF; box-sizing: border-box; }

#opinions .authors-box .profileBox .photo { margin-right: 30px; width: 158px; }

#opinions .authors-box .profileBox .photo img { width: 100%; }

#opinions .authors-box .profileBox li { list-style: none; }

#opinions .authors-box .profileBox li dl { padding-right: 40px; display: -webkit-box; display: flex; }

#opinions .authors-box .profileBox li dl dt { margin-right: 30px; width: 158px; flex-shrink: 0; }

#opinions .authors-box .profileBox li dl dd .belong { margin-bottom: 9px; display: inline-block; color: #0086af; font-size: 14px; }

#opinions .authors-box .profileBox li dl dd .belong .authorsNo { display: none; }

#opinions .authors-box .profileBox li dl dd .name { margin-bottom: 6px; display: block; color: #3E3A39; font-size: 24px; }

#opinions .authors-box .profileBox li dl dd .name .alphabet { font-size: 12px; }

#opinions .authors-box .profileBox li dl dd .name .alphabet:before { display: inline-block; margin: 0 15px 0; content: "|"; }

#opinions .authors-box .profileBox li dl dd p:last-child { font-size: 14px; text-align: justify; }

#opinions .authors-wrap .headline-authors { padding: 0; max-width: 1000px; margin: 0 auto 20px; }

#assessment { letter-spacing: 0; }

#assessment p { margin-bottom: 1em; }

#assessment p:last-child { margin-bottom: 0; }

#assessment #mainContent { background: #f2f2f2; overflow: hidden; }

#assessment #mainContent #mainPanel ul { width: 1000px; margin: 0 auto 50px; box-sizing: border-box; -webkit-filter: drop-shadow(0 0 10px rgba(171, 139, 110, 0.39)); filter: drop-shadow(0 0 10px rgba(171, 139, 110, 0.39)); overflow: hidden; }

#assessment #mainContent #mainPanel ul.en { box-shadow: none; }

#assessment #mainContent #mainPanel ul li { float: left; width: 25%; height: 620px; background: #fff; color: #3E3A39; border-right: inset 2px #efefef; box-sizing: border-box; }

#assessment #mainContent #mainPanel ul li.upperLine { border-bottom: inset 2px #efefef; }

#assessment #mainContent #mainPanel ul li.upperLine.chn { height: 620px; }

#assessment #mainContent #mainPanel ul li h3 { position: relative; width: 100%; padding: 40px 30px 0; box-sizing: border-box; color: #0086af; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -1px; text-align: center; -webkit-transition: .3s; transition: .3s; }

#assessment #mainContent #mainPanel ul li h3 span { display: block; padding-top: 25px; }

#assessment #mainContent #mainPanel ul li h3 span.oneRow { line-height: 48px; }

#assessment #mainContent #mainPanel ul li h3 .spArrow { padding-top: 0px; }

#assessment #mainContent #mainPanel ul li h3:after { position: absolute; top: 100px; right: 14px; color: #231815; font-family: ilm; font-size: 22px; font-weight: lighter; color: #3E3A39; content: "a"; -webkit-transition: .3s; transition: .3s; }

#assessment #mainContent #mainPanel ul li h3.en:after { content: none; }

#assessment #mainContent #mainPanel ul li dl { padding: 22px 23px 0; letter-spacing: -1px; }

#assessment #mainContent #mainPanel ul li dl dt, #assessment #mainContent #mainPanel ul li dl dd { color: #3E3A39; }

#assessment #mainContent #mainPanel ul li dl dt { min-height: 72px; font-size: 18px; line-height: 24px; }

#assessment #mainContent #mainPanel ul li dl dd { padding: 12px 4px 0; font-size: 14px; line-height: 22px; text-justify: inter-ideograph; text-align: justify; }

#assessment #mainContent #mainPanel ul li:nth-of-type(4n+4) { border-right: none; }

#assessment #mainContent #mainPanel ul li a { position: relative; display: block; width: 100%; height: 100%; -webkit-transition: .3s; transition: .3s; }

#assessment #mainContent #mainPanel ul li a:hover { opacity: .7; }

#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: 740px; margin: 30px 0 0; }

#assessment #mainContent #localNav1 li.leader15 { position: relative; }

#assessment #mainContent #localNav1 li.leader15:after { position: absolute; top: -7px; padding: 7px 0 7px 7px; color: #58a7bf; content: "｜"; }

#assessment #mainContent #localNav1 li.lastChild:before { content: none; }

#assessment #mainContent .assessmentBnr { margin: 0 auto 100px; width: 1000px; }

#assessment #mainContent .assessmentBnr a { display: block; line-height: 0; -webkit-transition: .3s; transition: .3s; }

#assessment #mainContent .assessmentBnr a:hover { opacity: .7; }

#assessment #mainContent .assessmentBnr img { width: 100%; }

#assessment .basicContent { padding-bottom: 0; background: #f2f2f2; }

#assessment .basicContent.lastContent { padding-bottom: 80px; }

#assessment .col2headline3 { font-weight: bold; }

#assessment .col2headline8 { font-size: 22px; font-weight: bold; }

#assessment .oList { margin: 25px 0; }

#assessment .contentImg { padding-top: 40px; padding-left: 0; padding-right: 0; }

#assessment .discCopy { padding-top: 30px; }

#assessment .discList li { padding-left: 0; text-indent: 0; }

#assessment .tdpList { width: 740px; margin-top: 30px; text-justify: inter-ideograph; text-align: justify; }

#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: right; margin: 0 0 40px 40px; border: solid 1px #ccc; }

#assessment .tdpList2 { margin: 1.5em 0; font-weight: bold; }

#assessment .tdpList3 { margin: 1.5em 0 0; }

#assessment .tdpList3 li { margin-bottom: 1em; text-indent: -29px; margin-left: 30px; }

#assessment .tdpList3 li:last-child { margin-bottom: 0em; }

#assessment .hpcImg { position: relative; padding-top: 30px; }

#assessment .hpcFigure2 { margin-bottom: 20px; }

#assessment .insightDt { margin-bottom: 5px; }

#assessment .opinionsPanel { display: -webkit-box; display: flex; flex-wrap: wrap; }

#assessment .opinionsPanel li { margin-bottom: 20px; position: relative; width: 233px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); background: #fff; }

#assessment .opinionsPanel li .panelContent { position: relative; height: 400px; color: #3E3A39; z-index: 800; }

#assessment .opinionsPanel li .panelContent dt > img { width: 100%; height: auto; }

#assessment .opinionsPanel li .panelContent dd { padding: 15px; }

#assessment .opinionsPanel li .panelContent dd h2 { color: #002f58; font-size: 14px; }

#assessment .opinionsPanel li .panelContent dd h3 { margin: 12px 0 0; font-size: 18px; font-weight: 600; line-height: 1.2; }

#assessment .opinionsPanel li .panelContent dd p { margin: 4px 0 0; font-size: 14px; }

#assessment .opinionsPanel li:not(:nth-child(3n)) { margin-right: 20px; }

#assessment .opinionsPanel.lightVer li .panelContent dd h3 { font-size: 16px; font-weight: normal; }

#assessment .report_imgLeft img, #assessment .report_imgRight img { margin-bottom: .5em; }

#assessment .report_imgLeft p, #assessment .report_imgRight p { text-align: center; line-height: 1.5; }

#assessment .report_imgLeft { float: left; margin: 0 1.5em 1em 0; }

#assessment .report_imgRight { float: right; margin: 0 0 1em 1.5em; }

#assessment .assessment_report { text-align: justify; }

#assessment .assessment_report #mainLead.assessment_col2Lead { padding-top: 20px; }

#assessment .report_introContent .introContentWrap { margin: 0 auto; border: none; }

#assessment .report_introContent .col2Content { margin: 60px 0; border-top: solid 1px #999; border-bottom: solid 1px #999; }

#assessment .report_introContent dd { width: 595px; }

#assessment #aside #asideIn .sideBnrAssessment { position: absolute; bottom: -140px; left: 0; width: 100%; box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#assessment #aside #asideIn .sideBnrAssessment a { display: block; background: #FFF; -webkit-transition: .3s; transition: .3s; }

#assessment #aside #asideIn .sideBnrAssessment a:hover { opacity: .7; }

#assessment #aside #asideIn .sideBnrAssessment img { width: 100%; }

.palt { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.balloon_area { padding: 30px 30px 95px; background: url(/images/images2016/assessment/mgt-literacy/balloon-1.png) no-repeat center bottom, #d6ebf5; }

.balloon_area.balloon_area-type2 { background: url(/images/images2016/assessment/mgt-literacy/balloon-2.png) no-repeat center bottom, #d6ebf5; }

.balloon_list { margin: 50px auto 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 560px; }

.balloon_list li { width: 220px; line-height: 1.2; font-size: 20px; font-weight: bold; }

.flow_area { padding: 60px 40px 40px; position: relative; background: #fff; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.flow_area:before { font-size: 40px; margin: auto; width: 1em; height: 0; border-style: solid; border-width: 0.5em 0.5em 0 0.5em; border-color: #390 transparent transparent transparent; content: ''; position: absolute; top: 10px; right: 0; left: 0; box-sizing: border-box; }

.flow_area .underline_yellow { color: #390; text-align: center; font-size: 24px; font-weight: bold; }

.flow_area .underline_yellow > span { display: inline-block; position: relative; z-index: 800; }

.flow_area .underline_yellow > span:after { margin-left: -.5em; padding: 0 .5em; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 15px; background: #ff3; content: ""; }

.flow_area > figure { margin: 50px auto 20px; display: block; }

.graybox { padding: 40px; line-height: 1.3; background: #f5f5f5; text-align: left; letter-spacing: .0125em; }

.graybox .graybox_title { margin: .75em auto .25em; font-weight: bold; font-size: 1.25em; }

.graybox p { font-weight: normal; letter-spacing: .05em; }

#assessment .graybox p { letter-spacing: .0125em; }

.col2headline_blue, .col2headline_yellow { line-height: 1.3; font-size: 1.25em; font-weight: bold; }

.col2headline_blue + p, .col2headline_yellow + p { margin-top: .25em; line-height: 1.75; }

.col2headline_blue { color: #0a5ca3; }

.col2headline_yellow { color: #8f9300; }

.demo_area { font-weight: normal; }

.demo_area .title { margin-bottom: .25em; font-weight: bold; font-size: 1.125em; }

.demo_area figure { margin-top: 1.5em; }

.relate_area .linkList li { font-size: 16px; }

.relate_area .linkList a { margin-bottom: .75em; display: block; color: #3E3A39; font-size: 1.125em; }

.relate_area .list2 li { padding-left: 1.33em; text-indent: -1.33em; }

.relate_area .list2 li + li { margin-top: .5em; }

.img_wraparound .picimg { float: right; width: 50%; }

.img_wraparound .right-justified { text-align: right; }

.img_wraparound .img_Contents { overflow: hidden; width: 50%; }

.img_wraparound.adjust-img { margin-bottom: 1em; border-bottom: 1px solid #ddd; padding-bottom: 1em; text-align: left; }

.img_wraparound.adjust-img h4 { margin-bottom: .5em; padding-bottom: .25em; display: inline-block; border-bottom: 2px solid #000; font-size: 18px; font-weight: bold; }

.img_wraparound.adjust-img .picimg { margin-left: 1em; float: right; width: auto; }

.img_wraparound.adjust-img p { text-align: justify; font-weight: normal; }

#assessment .introductory_interview { margin-top: 2em; padding: 1em 2em; position: relative; background-color: #ebebeb; }

#assessment .introductory_interview .tag { padding: .25em 2em; position: absolute; left: 0; top: 0; width: 40%; border-bottom: 1px solid #a5a3a3; background: #3E3A39; color: #fff; font-size: 18px; }

#assessment .introductory_interview .tag:after { content: ""; position: absolute; right: -2em; top: 0; border-right: 2em solid transparent; border-top: 2em solid #3E3A39; border-left: 2em solid transparent; }

#assessment .introductory_interview .name { font-size: 14px; font-weight: bold; margin-bottom: 0; }

#assessment .introductory_interview h3 { margin: 1.5em 0 .25em; line-height: 1.15; font-size: 24px; letter-spacing: -.1em; color: #0086af; font-weight: bold; }

#assessment .introductory_interview .btnArchive { position: absolute; right: 2em; bottom: 1em; display: inline-block; width: 160px; height: 28px; }

#assessment .introductory_interview .btnArchive a { display: block; line-height: 28px; color: #FFF; background: #0086af; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; }

#assessment .introductory_interview .btnArchive a:before { display: inline-block; padding-right: 0.5em; content: "G"; font-family: ilm; font-size: 12px; }

#assessment .introductory_interview .btnArchive a:hover { color: #FFF; opacity: .7; }

/*  各レポートのご紹介エリア */
#assessment.hoggan_assesment .reportWrap, #assessment.assessmentDetail .reportWrap { padding: 32px 0; }

#assessment.hoggan_assesment .reportWrap .reportHead, #assessment.assessmentDetail .reportWrap .reportHead { margin-bottom: 1em; color: #0086af; font-size: 20px; font-weight: bold; }

#assessment.hoggan_assesment .reportWrap .reportList, #assessment.assessmentDetail .reportWrap .reportList { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); display: -webkit-box; display: flex; }

#assessment.hoggan_assesment .reportWrap .reportList > li, #assessment.assessmentDetail .reportWrap .reportList > li { width: 100%; }

#assessment.hoggan_assesment .reportWrap .reportList > li:not(:last-child), #assessment.assessmentDetail .reportWrap .reportList > li:not(:last-child) { border-right: 1px solid #dcdcdc; }

#assessment.hoggan_assesment .reportWrap .reportList .reportBox, #assessment.assessmentDetail .reportWrap .reportList .reportBox { height: 100%; box-shadow: none; }

#assessment.hoggan_assesment .reportWrap .reportBox, #assessment.assessmentDetail .reportWrap .reportBox { padding: 20px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); }

#assessment.hoggan_assesment .reportWrap .reportBox .thumbWrap, #assessment.assessmentDetail .reportWrap .reportBox .thumbWrap { margin-bottom: 20px; }

#assessment.hoggan_assesment .reportWrap .reportBox .downloadBtn, #assessment.assessmentDetail .reportWrap .reportBox .downloadBtn { padding: .5em 0; display: block; color: #fff; background: #0086af; text-align: center; -webkit-transition: .3s; transition: .3s; }

#assessment.hoggan_assesment .reportWrap .reportBox .downloadBtn:hover, #assessment.assessmentDetail .reportWrap .reportBox .downloadBtn:hover { opacity: .7; }

#assessment.hoggan_assesment .reportWrap.column, #assessment.assessmentDetail .reportWrap.column { border-top: 1px solid #ccc; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; }

#assessment.hoggan_assesment .reportWrap.column .textWrap, #assessment.assessmentDetail .reportWrap.column .textWrap { padding-right: 30px; width: 493px; }

#assessment.hoggan_assesment .reportWrap.column .reportBox, #assessment.assessmentDetail .reportWrap.column .reportBox { width: 247px; }

#assessment.hoggan_assesment h4 + .reportWrap, #assessment.assessmentDetail h4 + .reportWrap { padding-top: 0; }

#assessment.hoggan_assesment h4 + .reportWrap.column, #assessment.assessmentDetail h4 + .reportWrap.column { border-top: none; }

#assessment .basicContent.relate_area { padding-bottom: 100px; }

a.btnSampleQuestion { margin: 2em auto 0; padding: .8em 1.5em; box-sizing: border-box; display: block; width: 400px; color: #FFF; background: #0086af; font-weight: bold; text-align: center; -webkit-transition: .3s; transition: .3s; }

a.btnSampleQuestion:after { margin-left: .5em; display: inline-block; font-family: "ilm"; content: "P"; vertical-align: bottom; }

a.btnSampleQuestion:hover { color: #FFF; opacity: .7; }

#assessment.profilext .anchor { margin-top: 40px; }

#assessment.profilext #titleArea.ttlOneline #topicPath { margin-bottom: 35px; }

#assessment.profilext #pageTitle { margin-bottom: 51px; }

#assessment.profilext #pageTitle span.titleExplan { margin-bottom: 8px; }

#assessment.profilext .col2headline3 { color: #0086af; }

#assessment.profilext .col2headline3 + .col2headline3 { padding-top: 1em; }

#assessment.profilext .col2headline3.-anchor_headline { margin-bottom: 1em; position: relative; line-height: 1.5; }

#assessment.profilext .col2headline3.-anchor_headline .anchor { margin-top: -1em; }

#assessment.profilext .col2headline3.-anchor_headline #succession_plan.anchor, #assessment.profilext .col2headline3.-anchor_headline #career_planning.anchor { margin-top: 2px; }

#assessment.profilext .col2headline3 + .whitebox { margin-top: 1em; }

#assessment.profilext #mainContent #mainLead.col2Lead { padding-top: 37px; }

#assessment.profilext #mainContent #mainLead.col2Lead .kv + p { margin-top: 1.2em; }

#assessment.profilext .index_box { margin-top: 34px; border: solid 2px #ccc; }

#assessment.profilext .index_box dt { padding: 12px 38px; line-height: 1.2; background: #ecebeb; color: #3d3a39; font-weight: bold; }

#assessment.profilext .index_box dd { padding: 26px 40px 34px; background: #fff; }

#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 { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; font-weight: bold; }

#assessment.profilext .index_box .link_list > li a:before { margin-right: .5em; display: block; flex-shrink: 0; position: relative; top: .25em; width: 8px; height: 1em; background: url(/images/images2016/assessment/profilext/arrow.svg) center center no-repeat; background-size: contain; content: ""; }

#assessment.profilext .index_box .link_list > li .link_list { margin-top: .6em; padding-left: 1.2em; }

#assessment.profilext .index_box .link_list > li .link_list > li a { font-weight: 500; }

#assessment.profilext .index_box .line_list { margin-top: .8em; padding-left: .4em; }

#assessment.profilext .index_box .line_list li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-weight: normal; }

#assessment.profilext .index_box .line_list li:before { display: block; width: 1em; text-align: center; content: "-"; }

#assessment.profilext .index_box .line_list li + li { margin-top: .6em; }

#assessment.profilext .basicContent p { line-height: 1.75; }

#assessment.profilext .basicContent p + .boxCommentary2 { margin-top: 20px; }

#assessment.profilext .basicContent .col2Notes { padding-top: 0; display: table; }

#assessment.profilext .basicContent .col2Notes.-attentions { padding-left: 0; display: table; line-height: 2.1538461538; text-indent: 0; font-size: 13px; }

#assessment.profilext .basicContent .col2Notes.-attentions:before { display: table-cell; width: 1.5em; content: "※"; }

#assessment.profilext .basicContent .col2Content + .col2Content { margin-top: 34px; }

#assessment.profilext .basicContent .col2Content.-separator { border-top: solid 1px #ccc; }

#assessment.profilext .basicContent .col2Content.-separator .col2headline3 { padding-top: 21px; }

#assessment.profilext .whitebox { margin-top: -.5em; padding: 20px 40px 26px; line-height: 1.75; background: #fff; }

#assessment.profilext .whitebox dt { font-weight: bold; }

#assessment.profilext .whitebox dd { margin-top: 10px; }

#assessment.profilext .whitebox + p { margin-top: 33px; }

#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: 35px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#assessment.profilext .right_img_area .text_area { padding-right: .5em; width: 50%; }

#assessment.profilext .right_img_area .attentions { line-height: 2.1538461538; color: #3e3a39; font-size: 13px; }

#assessment.profilext .right_img_area .img_area { margin-top: .5em; width: 361px; }

#assessment.profilext .right_img_area img { width: 100%; height: auto; }

#assessment.profilext .table2 p { line-height: 1.4; }

#openClass { /*UPC*/ /* HPC */ /* 女性管理職　全4回 */ }

#openClass .homeOnly { display: none; }

#openClass .top0m { margin-top: 0; }

#openClass .top0p { padding-top: 0; }

#openClass .noMargin { margin: 0; }

#openClass .noPadding { padding: 0; }

#openClass .linkList li a:before { top: 5px; font-size: 22px; }

#openClass .figImg { float: right; margin-left: 1em; list-style: none; }

#openClass .figImg:before { content: none; }

#openClass .col2headline3, #openClass .col2headline5 { color: #0086af; }

#openClass #mmm a { display: block; }

#openClass #mmm a:hover { opacity: .7; }

#openClass.openClassHome #titleArea { width: 100%; min-height: 474px; color: #fff; background: url(/images/images2016/open_class/kv-bg.jpg) no-repeat center center; background-size: 100%; }

#openClass.openClassHome #titleArea .titleWrap { margin: 0 auto; width: 1000px; height: 474px; }

@media screen and (max-width: 1200px) { #openClass.openClassHome #titleArea { background: url(/images/images2016/open_class/kv-bg.jpg) no-repeat top center; background-size: 100%; } }

#openClass.openClassHome #topicPath { margin-top: 0; padding-top: 15px; }

#openClass.openClassHome #topicPath li { color: #fff; }

#openClass.openClassHome #topicPath li a { color: #fff; }

#openClass.openClassHome #pageTitle span.existence { line-height: .8; letter-spacing: -0.04em; color: #fff; }

#openClass.openClassHome #pageTitle span.titleExplan { text-indent: 0.2em; color: #fff; }

#openClass.openClassHome .titleLead { margin: 75px 0 20px; padding-bottom: 20px; line-height: 1.8; max-width: 31.2em; }

#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.6; 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 #mainContent.onlyTop { 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 { margin: 1.6em auto .6em; padding-left: 5px; width: 1000px; line-height: .6; font-size: 49px; }

#openClass #mainContent.onlyTop #missionArea { margin: 0 0 30px auto; padding: 35px 0 10px 49px; display: -webkit-box; display: flex; width: 86%; color: #fff; background-color: #a688bd; }

#openClass #mainContent.onlyTop #missionArea .column1 { padding: 0 30px 0 50px; width: 41%; }

#openClass #mainContent.onlyTop #missionArea h4 { margin: 0 auto; width: 100%; line-height: 1.5; font-size: 24px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: .001em; }

#openClass #mainContent.onlyTop #missionArea #mainLead { padding: 26px 0 15px; width: 100%; line-height: 1.7; font-size: 15px; letter-spacing: -.05em; }

#openClass #mainContent.onlyTop #missionArea .column2 { position: relative; width: 49%; max-width: 538px; }

#openClass #mainContent.onlyTop #missionArea .column2 img { position: absolute; bottom: 28px; left: -17px; width: 100%; }

#openClass #mainContent.onlyTop .regularTitle { margin: 0 auto 1.25em; padding-top: 0; width: 1000px; }

#openClass #mainContent.onlyTop .regularPanelList { margin: 85px auto 0; padding: 0 0 20px; display: block; width: 100%; max-width: 1000px; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

#openClass #mainContent.onlyTop .regularPanelList li { margin-bottom: 60px; position: relative; border-right: 5px solid #62bad5; width: 100%; overflow: hidden; background-color: #fff; }

#openClass #mainContent.onlyTop .regularPanelList li a { display: block; padding: 0; height: 100%; }

#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: 108px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 145px; height: 145px; content: "オンライン"; color: #fff; background: #a688bd; letter-spacing: -0.1em; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

#openClass #mainContent.onlyTop .regularPanelList li.fullHouse dd.openTitle h3::before { display: block; color: red; content: "満員御礼"; font-size: 20px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap { display: -webkit-box; display: flex; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview { position: relative; color: #fff; width: 484px; height: 470px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview img { width: 484px; height: 470px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle { padding: 0 55px 0 0; position: absolute; top: 62px; left: 55px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle h3 { line-height: 1.4; font-size: 28px; font-weight: bold; letter-spacing: .02em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.openTitle h3 span.small { font-size: 22px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace { position: absolute; bottom: 20px; left: 55px; line-height: 1.4; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slideDate { margin-bottom: .2em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #fff; letter-spacing: .01em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slideDate:before { margin-right: .5em; position: relative; font-family: "ilm"; font-size: 18px; content: "T"; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slideDate + .slideDate { margin-top: -.25em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slidePlace { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #fff; letter-spacing: .1em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.overview dd.datePlace .slidePlace:before { margin-left: -.1em; position: relative; margin-right: .2em; font-family: "ilm"; font-size: 20px; content: "M"; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description { padding: 35px 50px 70px 35px; position: relative; width: 511px; letter-spacing: -.03em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description .openText { margin-bottom: 24px; font-size: 20px; font-weight: bold; letter-spacing: .02em; line-height: 1.4; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd ul li { margin: 0 0 13px 12px; overflow: visible; border: none; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd ul li:before { content: ''; width: 3px; height: 3px; display: inline-block; border-radius: 100%; background: #3E3A39; position: relative; left: -10px; top: -3px; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd.moreDetail { position: absolute; bottom: 47px; right: 82px; color: #62bad5; font-weight: 600; letter-spacing: .05em; }

#openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap dl.description dd.moreDetail::after { margin-top: -15px; display: inline; position: absolute; top: 50%; right: -1.5em; font-family: "ilm"; font-size: 20px; content: "y"; }

@media only screen and (max-width: 1080px) { #openClass #mainContent.onlyTop .regularPanelList li .panelContentsWrap { width: 100%; } }

#openClass #mainContent.onlyTop .regularPanelList .openComment { display: block; color: #dadf00; font-size: 12px; }

#openClass #mainContent.onlyTop .regularPanelList .logoImg { position: relative; }

#openClass #mainContent.onlyTop .regularPanelList .logoImg img { position: relative; top: 0; left: 0; margin: -5% 0 0 -15%; width: 130%; height: auto; }

#openClass #mainContent.onlyTop .regularPanelList .openBtn { display: block; margin: 20px auto; padding: 0 40px; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }

#openClass #mainContent.onlyTop .regularPanelList.regularPanelList_top0 { margin-top: 0; }

#openClass #pickupArea { padding-bottom: 48px; background: #a688bd; }

#openClass #pickupArea h3.regularTitle { margin: 0 auto; border-bottom: solid 4px #fff; width: 1000px; color: #fff; }

#openClass #pickupArea #mainPanel { margin: 0 auto; max-width: 1000px; }

#openClass #pickupArea #mainPanel .new h3::before { margin-bottom: 10px; display: block; color: #f30; font-weight: bold; content: "NEW"; line-height: 1.5; font-size: 16px; }

#openClass #pickupArea ul.panelContent { display: block; }

#openClass #pickupArea ul.panelContent li { position: relative; width: 100%; margin: 34px 0; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

#openClass #pickupArea ul.panelContent li dl { padding: 20px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; background: #fff; }

#openClass #pickupArea ul.panelContent li dl dt { margin: auto 0; padding: 0 0 0 20px; position: relative; width: 22%; font-weight: 600; }

#openClass #pickupArea ul.panelContent li dl dt .panelYear { margin: .4em 0 .5em; line-height: 1.5; }

#openClass #pickupArea ul.panelContent li dl dt .panelDate { font-size: 24px; line-height: 1.2; }

#openClass #pickupArea ul.panelContent li dl dt .panelDate span.date { font-size: 16px; }

#openClass #pickupArea ul.panelContent li dl dt::after { content: ""; margin: auto; position: absolute; top: 0; bottom: 0; right: -17px; width: 1px; height: 210px; background-color: #3E3A39; }

#openClass #pickupArea ul.panelContent li dl dd { position: relative; height: auto; }

#openClass #pickupArea ul.panelContent li dl dd.panelDetail { padding: .5em 3em; }

#openClass #pickupArea ul.panelContent li dl dd.thumbnail { margin: 0 20px 0 0; }

#openClass #pickupArea ul.panelContent li dl dd.thumbnail img { width: 235px; height: 235px; }

#openClass #pickupArea ul.panelContent li dl dd h3 { margin-bottom: 10px; color: #3E3A39; line-height: 1.2; font-size: 20px; font-weight: bold; }

#openClass #pickupArea ul.panelContent li dl dd h3 small { display: block; }

#openClass #pickupArea ul.panelContent li dl dd .slidePlace { margin-bottom: 17px; text-indent: -.2em; }

#openClass #pickupArea ul.panelContent li dl dd .slidePlace:before { position: relative; margin-right: .5em; font-family: "ilm"; font-size: 20px; color: #62bad5; content: "M"; vertical-align: middle; }

#openClass #interviewArea { margin-bottom: 50px; padding-top: 12px; }

#openClass #interviewArea ul { padding-top: 6px; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; }

#openClass #interviewArea ul li.interviewBox { padding: 0; margin: 0 20px 30px 0; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); width: 235px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

#openClass #interviewArea ul li.interviewBox:last-child { margin-right: 0; }

#openClass #interviewArea ul li.interviewBox img { width: 235px; height: 150px; }

#openClass #interviewArea ul li.interviewBox h4 { margin: 10px 0 0; padding: 5px 20px; line-height: 1.5; color: #005198; font-size: 14px; font-weight: bold; letter-spacing: -.05em; }

#openClass #interviewArea ul li.interviewBox h4 .small { font-size: 12px; }

#openClass #interviewArea ul li.interviewBox p { padding: 0 19px 2.4em; line-height: 1.4; font-size: 18px; font-weight: 600; letter-spacing: -.08em; }

#openClass #bannerArea { padding: 10px 0 100px; background: #f2f2f2; }

#openClass #bannerArea ul { padding-top: 6px; display: -webkit-box; display: flex; flex-wrap: wrap; }

#openClass #bannerArea ul li { width: 490px; height: 180px; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); }

#openClass #bannerArea ul li:nth-child(odd) { margin-right: 20px; }

#openClass #bannerArea ul li a { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#openClass #bannerArea ul li div.overseasBanner { margin: 35px auto 0 35px; }

#openClass #bannerArea ul li div.overseasBanner p { position: relative; font-size: 24px; letter-spacing: -0.07em; }

#openClass #bannerArea ul li div.overseasBanner p span { display: block; color: #0086af; font-size: 14px; font-weight: 600; letter-spacing: -.01em; }

#openClass #bannerArea ul li div.overseasBanner p.moreList { margin-top: 27px; font-size: 16px; }

#openClass #bannerArea ul li div.overseasBanner p.moreList::after { display: inline; position: relative; top: 4px; left: 0.2em; font-family: "ilm"; font-size: 20px; content: "y"; }

#openClass #bannerArea ul li img { width: 200px; height: 180px; }

#openClass .toOpen { margin-left: 0.5em; color: #0086af; font-weight: normal; }

#openClass .toOpen:hover { opacity: 0.7; }

#openClass #pageTitle.openDetailTtl { margin: 48px 0 65px; }

#openClass #pageTitle.openDetailTtl.line2 { margin: 39px 0; }

#openClass #pageTitle.openDetailTtl.line3 { margin: -14px 0 16px; }

#openClass #pageTitle.openDetailTtl.line3 .titleExplan { margin: 8px 0; font-size: 22px; line-height: 1.2; }

#openClass #pageTitle.openDetailTtl.line3 .titleMain { line-height: 1.25; }

#openClass #pageTitle.openDetailTtl.line3 .ruby { font-size: 22px; }

#openClass #pageTitle.openDetailTtl span.fullHouse { line-height: 1.5; color: red; font-size: 22px; font-weight: bold; }

#openClass #localNavWrap { position: relative; width: 100%; height: 230px; background-color: #98c9e8; }

#openClass #localNavWrap .localNavBg { position: absolute; width: 100%; height: 60px; bottom: 0; background: rgba(0, 134, 175, 0.8); z-index: 900; }

#openClass #localNavWrap .localNavBg img { width: 100%; height: 230px; }

#openClass #localNavWrap #mainVisual { height: 100%; }

#openClass #localNavWrap #mainVisual .kv { position: absolute; right: 220px; z-index: 0; }

#openClass #localNavWrap #mainVisual .kv.kv_type2 img { position: absolute; top: auto; right: 2em; bottom: -170px; left: auto; width: 230px; height: auto; }

#openClass #localNavWrap #mainVisual .col2Content { display: table; height: 100%; }

#openClass #localNavWrap #mainVisual .col2headline3 { display: table-cell; position: relative; bottom: 30px; margin-top: 0; padding-top: 0; color: #fff; font-size: 20px; letter-spacing: -1px; line-height: 1.3333; vertical-align: middle; }

#openClass #localNavWrap #mainVisual .small_date { margin-top: .35em; margin-bottom: -.75em; display: block; line-height: 1.2; font-size: 16px; }

#openClass #localNavWrap #localNav { position: absolute; left: 0; bottom: 0; }

#openClass #localNavWrap #localNav li { float: left; line-height: 60px; text-align: center; }

#openClass #localNavWrap #localNav li a { display: block; position: relative; width: 100%; height: 100%; padding: 0 40px; color: #fff; box-sizing: border-box; font-size: 14px; -webkit-transition: 0.2s; transition: 0.2s; }

#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 { background: #005488; font-size: 18px; }

#openClass #localNavWrap #localNav li a.current:before { content: none; }

#openClass #localNavWrap #localNav li a.current:after { display: block; position: absolute; right: 0; bottom: -7px; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #005488 transparent transparent transparent; content: ''; }

#openClass #localNavWrap #localNav li a:hover { color: #ffcc00; }

#openClass #localNavWrap #localNav li:first-child { margin-left: 0; }

#openClass #localNavWrap #localNav li:last-child a:before { border-right: none; }

#openClass #localNavWrap.localNavWrap_upc { background-color: #fc6129; }

#openClass #localNavWrap.localNavWrap_upc .localNavBg { position: absolute; width: 100%; height: 60px; bottom: 0; background: rgba(0, 134, 175, 0.8); z-index: 900; }

#openClass #localNavWrap.localNavWrap_upc .localNavBg img { width: 100%; height: 230px; }

#openClass #localNavWrap.localNavWrap_upc .txtShadow { text-shadow: 0 0 5px #bbb; }

#openClass #localNavWrap.line2 #localNav li a { padding: 0 30px; }

#openClass #localNavWrap.wmgr { background-color: #9ac05d; }

#openClass #localNavWrap.wmgr h3 { text-shadow: 0 0 1em rgba(46, 57, 27, 0.8); }

#openClass .contentImg { margin: 40px 0 0; }

#openClass .introContent .introContentWrap li dd p .belong { padding: 10px 0; font-weight: bold; line-height: 1.3333; }

#openClass .introContent .introContentWrap li dd .ancher-bnr { margin-top: 1em; }

#openClass .introContent .introContentWrap li dd .ancher-bnr a img { width: 100%; }

#openClass #mainContent .col2Content > .linkList.otherLanguage li { display: inline-block; text-indent: 0; padding: 0.5em 0 0; }

#openClass #mainContent .col2Content > .linkList.otherLanguage li + li { display: inline-block; margin-left: 2em; text-indent: 0; padding: 0.5em 0 0; }

#openClass #coultureCompass h4 { padding: 0 0 30px; font-size: 32px; }

#openClass #coultureCompass .lead { padding-bottom: 30px; font-size: 24px; line-height: 28px; }

#openClass #coultureCompass p { font-weight: normal; }

#openClass #coultureCompass .bold { font-weight: bold; }

#openClass #coultureCompass .col2headline4 { position: relative; padding-top: 30px; }

#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: 5px; font-size: 14px; font-weight: normal; line-height: 1; }

#openClass #coultureCompass .linkList li a:before { top: 5px; }

#openClass #coultureCompass .list3 { position: relative; }

#openClass #coultureCompass .list3 #listImg { position: absolute; top: 20px; left: 320px; }

#openClass #coultureCompass .list3 #listImg:before { content: none; }

#openClass #coultureCompass .list3 #listImg img { width: 300px; height: auto; }

#openClass #mainContent .infoMovie dt { margin-bottom: 20px; line-height: 1; color: #0086af; font-size: 22px; font-weight: bold; }

#openClass #mainContent .infoMovie dd { float: left; width: 50%; text-align: center; }

#openClass #mainContent .infoMovie dd img { width: 100%; height: auto; padding-right: 10px; }

#openClass #mainContent .infoMovie dd:last-child img { padding-right: 0; padding-left: 10px; }

#openClass #mainContent .infoMovie dd a { text-decoration: none; }

#openClass #mainContent .infoMovie dd .youtubeLink { display: inline-block; margin-top: .5em; }

#openClass .adviserWrap { text-align: left; }

#openClass .adviserWrap .adviser { float: right; margin-left: 2em; }

#openClass .adviserWrap .lecInfo { display: inline-block; font-size: 12px; line-height: 1.5; }

#openClass .adviserWrap ul { padding: 1em; }

#openClass .adviserWrap ul.list1 { margin-top: 0; }

#openClass .adviserWrap ul li { margin-top: 0; padding-left: 0; }

#openClass .adviserWrap ul li + li { margin-top: .5em; }

#openClass .iframeWrap { display: block; margin-top: .5em; background: rgba(51, 51, 51, 0.15); text-align: center; padding: 0 0 56.25%; box-shadow: 0px 0px 4px #ccc; }

#openClass iframe { vertical-align: bottom; }

#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: 10px; }

#openClass .rightImg { position: relative; float: right; width: 370px; text-align: right; }

#openClass .rightImg img { width: 340px; height: auto; }

#openClass .border { margin-top: 2em; padding: 1em 0; border-top: solid 4px #3E3A39; border-bottom: solid 4px #3E3A39; }

#openClass .border .belong { padding-bottom: 0; font-size: 18px; }

#openClass.openClassAsideNew #aside #asideIn { margin-top: 48px; margin-bottom: 20px; }

#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: 50px 40px; }

#openClass #aside li dl { padding: 18px 20px; background: #fff; }

#openClass #aside li dd:hover { background: inherit; }

#openClass #aside li dt { display: none; }

#openClass #aside li a { padding: 0; }

#openClass #aside li a .dispatchHover { position: absolute; width: 100%; height: 100%; padding: 0; background: rgba(0, 134, 175, 0.2); opacity: 0; z-index: 999; -webkit-transition: 0.5s; transition: 0.5s; }

#openClass #aside li a:hover .dispatchHover { opacity: 1; }

#openClass #aside .spacs { margin-top: .7em; }

#openClass #aside .spacs:first-child { margin-top: 0; }

#openClass #aside .spacs img { width: 100%; height: auto; }

#openClass #aside .smallBnr { margin-top: 1.2em; }

#openClass #aside .huninCurrent dd li:last-child a dl { background: #cce7ef; }

#openClass #aside .huninCurrent dd li:last-child a dl dd { background: #cce7ef; }

#openClass .col2Content_upc1 { position: relative; width: 740px; z-index: 900; background: #f2f2f2; }

#openClass .col2Content_upc { position: relative; width: 740px; z-index: 900; background: #0086af; }

#openClass .UPC { margin-top: 10px; }

#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; }

#openClass .upcApply { padding-top: 15px; }

#openClass .btn3 { display: block; width: 400px; margin: 0 auto 0; padding: 7px; font-size: 14px; text-align: center; background: #368dd7; color: #FFF !important; text-decoration: none; border-radius: 3px; }

#openClass #entryAttention_upc { color: #900000; text-align: center; }

#openClass .col2Content_upc { position: relative; 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: 30px; }

#openClass .hpcPoint img { width: 100%; height: auto; }

#openClass .hpcPoint.listSpace { margin: 1em 0 2em 0; }

#openClass #hpcPoint2 { padding-bottom: 15px; }

#openClass .hpcHeadline3 { margin: 30px 0 0 0; font-size: 20px; }

#openClass .basicList { padding-bottom: 25px; }

#openClass .basicList:after { display: block; clear: both; content: ''; }

#openClass .basicList dt { float: right; margin-bottom: 5px; }

#openClass .basicList dd { padding-top: 5px; }

#openClass .basicList .hpcSkils li { padding-top: 10px; }

#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 .col2headline3 { font-size: 20px; color: #0086af; }

#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: 10px 0; margin-top: 20px; font-size: 20px; color: #0086af; letter-spacing: -1px; }

#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: 160px; }

#openClass #mainContent.interview .introContent .introContentWrap li dd { width: 830px; }

#openClass #mainContent.interview .introContent .introContentWrap li dd p .name { font-size: 20px; }

#openClass .program_list { margin: 0; padding-left: 25px; list-style-type: disc; }

#openClass .program_list li { padding: 5px 5px; }

#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: -100px; padding-top: 100px; }

#openClass .headline4.kamikura { border-bottom: solid 3px #ccc; }

#openClass .sizeLittleSmall { font-size: 21px; }

#openClass .tableMargin { padding-bottom: 40px; }

#openClass .firstTable { margin-top: 0; }

#openClass .firstTable th, #openClass .firstTable td { padding: 1em; text-align: center; }

#openClass .firstTable th:first-child { width: 4em; }

#openClass .firstTable + .textRight { margin: .5em auto 30px; font-size: 14px; }

#openClass .firstTable.outlineDateTable th, #openClass .firstTable.outlineDateTable td { padding: 0 .5em; line-height: 1.6; }

#openClass .firstTable.outlineDateTable tr:first-child th { position: relative; left: -1em; }

#openClass .firstTable.outlineDateTable th:first-child { width: auto; }

#openClass .firstTable.outlineDateTable .line1 { padding-left: 4em; text-align: left; }

#openClass .col2headline5 { margin: 1em auto 0; padding-top: 0; }

#openClass .headline5 + .table2 { margin-top: .5em; }

#openClass .headline5 + .table2 + .col2headline5 { margin-top: 2em; }

#openClass .studentsArea { padding-bottom: 1.5em; }

#openClass .studentsArea dl { height: 160px; margin-bottom: 1em; padding: 1em; background-color: #ebebeb; }

#openClass .studentsArea dl dt, #openClass .studentsArea dl dd { display: inline-block; vertical-align: top; height: 100%; }

#openClass .studentsArea dl dt { width: 20%; }

#openClass .studentsArea dl dt img { height: 100%; }

#openClass .studentsArea dl dd { box-sizing: border-box; width: 78%; position: relative; }

#openClass .studentsArea dl dd h3 { line-height: 1.15; font-size: 20px; letter-spacing: -.1em; color: #0086af; }

#openClass .studentsArea dl dd .degree { font-size: 12px; line-height: 1.2; letter-spacing: 0; margin: .5em 0 0; }

#openClass .studentsArea dl dd .name { position: absolute; bottom: 0; display: inline; font-size: 20px; }

#openClass .studentsArea dl .btnArchive { position: absolute; right: 0; bottom: 0; display: inline-block; width: 160px; height: 28px; line-height: 28px; background: #407eab; color: #fff; text-align: center; }

#openClass .studentsArea dl .btnArchive:before { display: inline-block; padding-right: 0.5em; content: "G"; color: #fff; font-family: ilm; font-size: 12px; }

#openClass .studentsArea dl:last-chilid { margin: 0; }

#openClass #localNavWrap.openclassJp20130527 .localNavBg { height: 90px; }

#openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2headline3 { bottom: 40px; }

#openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content #localNav { bottom: 5px; }

#openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2Lead { bottom: 15px; }

#openClass #localNavWrap.openclassJp20130527 #mainVisual .col2Content .col2Lead li { line-height: 40px; }

#openClass #mainContent .col2ContentWrap .col2Content .asterisk { position: relative; }

#openClass #mainContent .col2ContentWrap .col2Content .asterisk span { position: absolute; left: 10em; font-size: 10px; }

#openClass #mainContent .col2ContentWrap .col2Content .asterisk2 { position: absolute; right: 0; bottom: 1em; color: #0086af; }

#openClass .seminarPics_hunin { margin: 0 auto; width: 600px; }

#openClass .seminarPics_hunin:after { display: block; clear: both; content: ''; }

#openClass .seminarPics_hunin li { width: 260px; float: left; vertical-align: top; margin-top: 5px; }

#openClass .seminarPics_hunin li:nth-child(2n) { margin: 5px 0 0 80px; }

#openClass .seminarPics_hunin li:nth-child(n+3) { margin-top: 30px; }

#openClass .seminarPics_hunin li span { display: block; font-size: 13px; }

#openClass .message_container { padding: 40px; background: #fff; }

#openClass .message_container .portrait { position: relative; display: -webkit-box; display: flex; }

#openClass .message_container .portrait p { margin-top: 0; }

#openClass .message_container .portrait .name { font-size: 24px; }

#openClass .message_container .portrait .belong { margin-top: 1.5em; font-size: 14px; }

#openClass .message_container .portrait .profile { margin-top: 1.25em; font-size: 14px; text-align: justify; width: 500px; }

#openClass .message_container .portrait .lecturer_img { position: relative; right: -22px; }

#openClass .message_container .headline_lb { margin: 1em 0 1.5em; }

#openClass .questionnaire .catch { margin-bottom: -10px; padding: 0; }

#openClass .questionnaire .subtxt { margin-top: 1em; }

#openClass .questionnaire .graph1 { float: right; padding: 20px 20px; }

#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: 80px; }

#openClass .questionnaire .questionaireRecommend p { position: absolute; bottom: 4em; left: 9.5em; }

#openClass .lesson p.subtxt { margin-top: 1em; }

#openClass .lesson .oList { margin-top: 1em; margin-bottom: 1em; }

#openClass .distribution { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#openClass .distribution .col2headline5 { margin: 1.3em 0 .3em; }

#openClass .distribution > div { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 350px; }

#openClass .distribution > div .boxCommentary2 { padding: 20px 0 10px; margin-top: auto; width: 350px; height: 261px; }

#openClass .lecutureVoice .col2headline3 { margin: 1em 0; }

#openClass .interview { padding-bottom: 80px; }

#openClass .interview .voice { padding: 30px 0; border-bottom: solid 1px #ccc; }

#openClass .interview .voice:first-of-type { padding-top: 0; }

#openClass .interview .voice:last-child { border: 0; }

#openClass .interview .voice dt { padding: 15px 0; color: #0086af; font-size: 22px; font-weight: bold; }

#openClass .interview .voice dd ul li { position: relative; margin-bottom: 0; padding: 5px 20px 5px 2.25em; color: #666; }

#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: 30px 40px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; line-height: 1.4; background: #fff; font-size: 20px; font-weight: bold; }

#openClass .worldMap { padding-top: 3em; padding-bottom: 1em; background: #fff; }

#openClass .worldMap p { position: relative; height: 450px; }

#openClass .worldMap p .mapbtn { position: absolute; bottom: 0; left: 31%; }

#openClass .worldMap p .mapbtn a { display: table-cell; vertical-align: middle; text-align: center; width: 280px; height: 60px; cursor: pointer; background: #0086af; font-weight: bold; font-size: 20px; color: #fff; }

#openClass .worldMap p .mapbtn a::after { width: 15px; height: 9px; content: ""; background: url(../../images/images2016/open_class/detail/japan/20130527/icon-mapbtnAfter.png); position: absolute; bottom: 5px; left: 135px; }

#openClass .worldMap .worldMap-detail { display: none; }

#openClass .worldMap .worldMap-detail table { width: 680px; margin: 3em auto; }

#openClass .worldMap .worldMap-detail table tbody { width: 740px; border-top: 2px solid #3E3A39; border-bottom: 2px solid #3E3A39; }

#openClass .worldMap .worldMap-detail table tbody tr:first-child { height: 60px; border-bottom: 1px solid #3E3A39; color: #005488; }

#openClass .worldMap .worldMap-detail table tbody tr:first-child th { font-weight: bold; }

#openClass .worldMap .worldMap-detail table tbody tr td { height: 40px; vertical-align: middle; }

#openClass .worldMap .worldMap-detail table tbody tr td:first-child, #openClass .worldMap .worldMap-detail table tbody tr td:nth-of-type(3), #openClass .worldMap .worldMap-detail table tbody tr td:nth-of-type(5) { font-weight: bold; }

#openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(11), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(13), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(14), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(16), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(20), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(22), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(24), #openClass .worldMap .worldMap-detail table tbody tr:nth-of-type(25) { border-bottom: 1px solid #ccc; }

#openClass .industry { padding-top: 3em; padding-bottom: 1em; background: #fff; margin-top: 2em; margin-bottom: 80px; }

#openClass h2.recommendCourse { color: #0086af; }

#openClass #archiveWrap.basicContent #mainPanel2 { margin-bottom: 0; margin-top: 1em; padding-top: 15px; overflow: hidden; }

#openClass .acdList { margin: 0 0 20px; }

#openClass .acdList label { position: relative; display: block; padding: 15px 20px; line-height: 1; color: #fff; background-color: #005198; cursor: pointer; font-weight: 600; }

#openClass .acdList label:hover { opacity: .7; }

#openClass .acdList label:after { position: absolute; right: 20px; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; font-family: "ilm"; content: "j"; }

#openClass .acdList input { display: none; }

#openClass .acdList input:checked + label + .box { max-height: 999px; }

#openClass .acdList input:checked + label:after { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#openClass .acdList .box { margin: 0; overflow-y: hidden; border-left: solid 1px #005198; border-right: solid 1px #005198; border-bottom: solid 1px #005198; max-height: 0; background-color: #FFF; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; }

#openClass .acdList .box ul { padding: 20px; }

#openClass .acdList .box li { margin: 0 0 13px; opacity: 1; }

#openClass .acdList .box li ul { padding: 0; border: none; }

#openClass .acdList .box li ul li { margin: 0; }

#openClass .basicContent p.btnHome a { color: #FFF; text-decoration: none; }

#openClass .basicContent p.btnHome a:hover { opacity: 1; }

#openClass.openClass-japan #mainPanel, #openClass.openClass-japan #mainPanel2, #openClass.openClass-overseas #mainPanel, #openClass.openClass-overseas #mainPanel2 { padding-bottom: 40px; }

#openClass.openClass-japan #mainPanel .first, #openClass.openClass-japan #mainPanel2 .first, #openClass.openClass-overseas #mainPanel .first, #openClass.openClass-overseas #mainPanel2 .first { margin-top: 0; padding-top: 0; border-top: none; }

#openClass.openClass-japan .overseas { display: none !important; }

#openClass.openClass-overseas .inJpn { display: none !important; }

#openClass .openclassJp2021renew-top { margin-top: -20px; }

#openClass .openclassJp2021renew-top #mainVisual { position: relative; }

#openClass .openclassJp2021renew-top #mainVisual .col2Content { overflow: hidden; }

#openClass .openclassJp2021renew-top #mainVisual .col2Content:before { padding: 108px 0 0; display: block; position: absolute; top: 0; left: 0; z-index: 999; box-sizing: border-box; width: 145px; height: 145px; content: "オンライン"; color: #fff; background: #a688bd; letter-spacing: -0.1em; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

#openClass .openclassJp2021renew-top #pageTitle { margin: auto; position: absolute; top: 1.5em; left: 0; right: 0; font-size: 34px; font-weight: bold; text-align: center; color: #fff; }

#openClass .openclassJp2021renew-top .col2headline3 { margin-right: 10px; position: absolute; left: 2em; bottom: 1.5em; line-height: 1.5; font-size: 18px; font-weight: bold; color: #fff; }

#openClass .openclass_sub #mainVisual #pageTitle .titleExplan { margin: 8px 0; line-height: 1.5; font-size: 18px; font-weight: bold; color: #fff; }

#openClass .openclass_sub .bg−basic { background: #f2f2f2; }

#openClass .openclass_sub .openclassJp2021renew-top { margin-bottom: 20px; }

#openClass .openclass_sub #localNav { margin-bottom: 17px; }

#openClass .openclass_sub .lecturerWrapClass { width: 740px; }

#openClass .openclass_sub .lecturerWrapClass .introContentWrap li dt { width: 160px; }

#openClass .openclass_sub .lecturerWrapClass .introContentWrap li dd { width: 570px; }

#openClass .openclass_sub .lecturerWrapClass .introContentWrap li dd .name { font-size: 20px; }

#openClass .openclass_sub .col2headline6 { padding: 10px 0; margin-top: 20px; font-size: 20px; color: #0086af; letter-spacing: -1px; }

#openClass .openclass_sub #document_download-area-bottom { padding-bottom: 42px; }

#openClass .openclass_sub .interview { padding-bottom: 50px; }

#openClass #apply-anchor-area { margin-bottom: 1.5em; }

#openClass #apply-anchor-area .col2Content { padding-bottom: 20px; background: #fff; }

#openClass #apply-anchor-area .flex-table { margin: 0 auto; padding: 20px 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 700px; font-size: 15px; }

#openClass #apply-anchor-area .flex-table thead th { padding: .35em; border: solid 1px #e0e0e0; border-bottom: none; background: #f2f2f2; font-weight: bold; }

#openClass #apply-anchor-area .flex-table tbody tr td { padding: .6em; border: solid 1px #e0e0e0; border-top: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

#openClass #apply-anchor-area .flex-table tbody tr td span.place:before { margin-right: .1em; position: relative; line-height: 20px; font-family: "ilm"; font-size: 20px; color: #62bad5; content: "M"; vertical-align: middle; }

#openClass #apply-anchor-area .flex-table thead tr, #openClass #apply-anchor-area .flex-table tbody tr { display: -webkit-box; display: flex; }

#openClass #apply-anchor-area .flex-table thead tr th, #openClass #apply-anchor-area .flex-table tbody tr td { -webkit-box-pack: center; justify-content: center; text-align: center; width: 350px; }

#openClass #apply-anchor-area .flex-table.-col3 thead tr th, #openClass #apply-anchor-area .flex-table.-col3 tbody tr td { width: auto; min-width: 175px; }

#openClass #apply-anchor-area .flex-table.-col3 thead tr th:nth-child(2), #openClass #apply-anchor-area .flex-table.-col3 tbody tr td:nth-child(2) { width: 100%; }

#openClass #apply-anchor-area .btnHome { margin: 0 auto; background: #dadf00; width: 67%; height: 60px; line-height: 60px; font-size: 18px; }

#openClass #apply-anchor-area .btnHome a { color: #3e3a39; }

#openClass #apply-anchor-area .btnHome:after { margin: auto; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; position: absolute; top: 0; bottom: 0; right: 1em; content: ""; width: 0.5em; height: 0.5em; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#openClass #document_download-area { padding: 0 0 1.5em; position: relative; width: 100%; background: #f2f2f2; }

#openClass #document_download-area .download { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; }

#openClass #document_download-area .download div { background: #fff; }

#openClass #document_download-area .download div:first-child { width: 64%; font-size: 15px; line-height: 1.7; padding: 1.5em 2em 1.2em 2em; }

#openClass #document_download-area .download div:last-child { min-height: 100px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0; width: 35.7%; }

#openClass #document_download-area .btnHome { text-indent: -1em; background: #dadf00; width: 225px; }

#openClass #document_download-area .btnHome: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); }

#openClass #document_download-area .btnHome a { color: #3e3a39; }

@media only screen and (min-width: 641px) { #openClass #document_download-area .download div:first-child { padding-right: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } }

#openClass #document_download-area-top { padding: 0 0 35px; position: relative; width: 100%; background: #f2f2f2; }

#openClass #document_download-area-top:nth-last-of-type(2) { padding: 40px 0 42px 0; }

#openClass #document_download-area-top:nth-last-of-type(2) .btnHome { background: url(/images/images2016/open_class/download-materials-bottom.svg) no-repeat; background-size: 100%; }

#openClass #document_download-area-top .btnHome { text-indent: -1em; background: url(/images/images2016/open_class/download-materials-top.svg) no-repeat; background-size: 100%; width: 100%; height: 89px; text-align: left; padding-left: 192px; text-indent: 0; letter-spacing: initial; padding: 19px 0 0 192px; line-height: 25px; }

#openClass #document_download-area-top .btnHome:after { position: absolute; top: 0; bottom: 0; right: 2em; 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 a { color: #3e3a39; text-indent: 0; }

@media only screen and (min-width: 641px) { #openClass #document_download-area-top .download div:first-child { padding-right: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } }

#openClass #document_download-area-top .boxCommentary2 { padding: 0; font-weight: normal; }

#openClass #document_download-area-bottom { padding: 40px 0 42px 0; position: relative; width: 100%; background: #f2f2f2; }

#openClass #document_download-area-bottom .btnHome { text-indent: -1em; background: url(/images/images2016/open_class/download-materials-bottom.svg) no-repeat; background-size: 100%; width: 100%; height: 89px; text-align: left; padding-left: 192px; text-indent: 0; letter-spacing: initial; padding: 19px 0 0 192px; line-height: 25px; }

#openClass #document_download-area-bottom .btnHome:after { position: absolute; top: 0; bottom: 0; right: 2em; 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 a { color: #3e3a39; text-indent: 0; }

@media only screen and (min-width: 641px) { #openClass #document_download-area-bottom .download div:first-child { padding-right: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } }

#openClass #document_download-area-bottom .boxCommentary2 { padding: 0; font-weight: normal; }

#openClass #navLink #localNav { margin-bottom: 40px; border: solid 2px #e0e0e0; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 740px; height: 88px; }

#openClass #navLink #localNav li { position: relative; width: 100%; min-width: 105px; height: 88px; line-height: 1em; font-size: 14px; text-align: center; }

#openClass #navLink #localNav li:hover::after { border-color: #ED7A3E; }

#openClass #navLink #localNav li a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; height: 100%; vertical-align: middle; color: #0086af; letter-spacing: -.05em; }

#openClass #navLink #localNav li a:hover { color: #ED7A3E; }

#openClass #navLink #localNav li a:hover:after { border-color: #ED7A3E; }

#openClass #navLink #localNav li a:before { margin-top: -0.7em; border-right: solid 2px #e0e0e0; position: absolute; top: 50%; left: 0; width: 100%; height: 1.5em; content: " "; }

#openClass #navLink #localNav li a:after { margin: auto; border-top: 1px solid #0086af; border-left: 1px solid #0086af; position: absolute; left: .5em; -webkit-transform: translateX(50%) rotate(135deg); transform: translateX(50%) rotate(135deg); content: ""; width: 0.3em; height: 0.3em; vertical-align: middle; }

#openClass #navLink #localNav li span.letterspace-narrow { letter-spacing: -0.15em; }

#openClass #navLink #localNav.arrowBottom li a:after { border-top: 1px solid #0086af; border-right: 1px solid #0086af; border-left: none; position: absolute; bottom: 1.3em; left: 46%; -webkit-transform: translateX(46%) rotate(135deg); transform: translateX(46%) rotate(135deg); content: ""; width: 0.3em; height: 0.3em; }

#openClass .panelLink { margin-bottom: 38px; }

#openClass .panelLink .moviePanel dt { position: relative; width: 238px; height: 134px; /*&::after{ position: absolute; width: 70px; height: 50px; content: ""; background: url(../../images/images2016/open_class/detail/japan/20211014/icon_play.svg) no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/ }

#openClass .panelLink .moviePanel dt img { border: solid #eee 1px; }

#openClass .panelLink .moviePanel dd .titleMain span { padding-left: 10px; font-size: 14px; }

#openClass .panelLink .moviePanel dd .titleExplain { margin-top: 15px; line-height: 1.3; font-size: 18px; }

#openClass .interviewPanel { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; }

#openClass .interviewPanel > li { margin-bottom: 40px; margin-right: 17px; width: 235px; background: #fff; box-shadow: 0px 0px 10px rgba(171, 139, 110, 0.39); }

#openClass .interviewPanel > li a { display: block; height: 100%; position: relative; }

#openClass .interviewPanel > li .thumbWrap { width: 100%; height: 150px; }

#openClass .interviewPanel > li .thumbWrap img { width: 100%; }

#openClass .interviewPanel > li .textWrap { padding: 18px 18px 80px; display: block; width: 100%; }

#openClass .interviewPanel > li .category { margin-bottom: 12px; line-height: 1.2; color: #005198; font-size: 14px; letter-spacing: -.13em; }

#openClass .interviewPanel > li .category span { margin-left: .5em; }

#openClass .interviewPanel > li .title { line-height: 1.4; color: #000; font-size: 18px; font-weight: bold; }

#openClass .interviewPanel > li .subTitle { margin-top: 6px; display: block; line-height: 1.3; color: #000; font-size: 14px; }

#openClass .interviewPanel > li .moreArticle { margin-top: auto; width: 200px; position: absolute; bottom: 20px; left: 20px; }

#openClass .interviewPanel > li .moreArticle .btn { position: relative; width: 100%; height: auto; line-height: 2.3em; background: #407eab; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: .04em; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; }

#openClass .interviewPanel > li .moreArticle .btn:before { display: inline-block; padding-right: 0.5em; content: "G"; color: #fff; font-family: ilm; }

#openClass .interviewPanel > li:nth-child(3n) { margin-right: 0; }

#openClass .adviser-message { padding-top: 60px; letter-spacing: 0; text-align: left; }

#openClass .adviser-message .catch { padding-bottom: 20px; font-weight: bold; }

#openClass .adviser-message .catch span { font-size: 16px; }

#openClass .adviser-message .adviser { position: absolute; right: 40px; top: 60px; font-weight: normal; }

#openClass .adviser-message .adviser .lecInfo { margin-top: .5em; display: inline-block; font-size: 12px; line-height: 1.3; }

#openClass .adviser-message dt { margin-bottom: 1em; font-size: 24px; }

#openClass .adviser-message dd { margin-bottom: 20px; line-height: 1.5; }

#openClass .adviser-message .-width510 { width: 510px; }

#openClass .featureWrap { padding: 40px 30px 20px; background: #fff; }

#openClass .featureWrap h5 { padding: 6px 20px; font-size: 18px; font-weight: 600; color: #fff; background: #0068a7; }

#openClass .featureWrap div { margin: 1em 0 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#openClass .featureWrap div img { margin-right: 1em; flex-shrink: 0; width: 80px; height: 80px; }

#openClass .kouzaGaiyoWrap h2 .optional { margin-right: .5em; padding: .2em .5em; border: solid 1px #fff; line-height: 2; }

#openClass .kouzaGaiyoWrap.light_blue h2 { background: #6ab0cc; }

#openClass .kouzaGaiyoWrap.light_blue .kouzaGaiyoDetail { padding: 0; border: solid 10px #4898c3; background: none; }

#openClass #jisedaiVoice h5 { margin-bottom: .5em; font-size: 20px; font-weight: bold; }

#openClass .pie-chart_profile { padding: 10px 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; background: #fff; }

#openClass .pie-chart_profile img { width: 370px; height: 370px; }

#openClass .openClassTopix { margin: 0 auto 40px; padding: 40px 30px; background: #FFF; }

#openClass .openClassTopix .topixList > li { margin-bottom: 10px; }

#openClass .openClassTopix .topixList > li a { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; }

#openClass .openClassTopix .topixList > li .updateArea { width: 7em; line-height: 1.8; font-size: 14px; color: #0086af; }

#openClass .openClassTopix .topixList > li .textArea { padding-left: 2em; width: calc(100% - 7em); }

#openClass .openClassTopix .topixList > li .textArea .text { line-height: 1.3; font-size: 18px; }

#openClass .openClassTopix .topixList > li .textArea .date { font-size: 14px; font-weight: bold; }

#openClass .openClassTopix .topixList > li:nth-child(n+6) { display: none; }

#openClass .openClassTopix .topixList > li:nth-child(5) { margin: 0; }

#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: 1em; padding: 0 0 0 1em; text-indent: -1em; font-size: 1.33em; }

.atdFlowList { margin-bottom: 2em; }

.atdFlowList > li + li { margin-top: 2em; }

.atdFlowList > li .date { margin-right: .5em; font-weight: bold; }

.atdFlowList > li p:first-of-type { margin-top: 1em; padding-left: 2.5em; line-height: 1; }

.atdFlowList > li p:first-of-type + ul { margin-top: .5em; }

.atdFlowList > li > ul { margin-top: 1em; padding-left: 2em; }

.atdFlowList > li > ul > li { padding-left: 2em; text-indent: -2em; }

.atdFlowList > li > ul > li + li { margin-top: .5em; }

.atdFlowList > li > ul > li:before { font-size: 2em; line-height: .5; font-weight: bold; vertical-align: middle; content: "・"; }

.atdFlowList > li .introContentBox { margin: 1.5em auto; }

.atdFlowList > li .introContentBox dd { margin-top: 0; }

.atdFlowList > li .introContentBox dd p { margin-top: 0; padding-left: 0; line-height: normal; }

.atdFlowList > li .introContentBox dd .letterSpac0 { letter-spacing: 0px; }

.headlineNotes { padding-left: 3em; text-indent: -1em; }

.inturnsTable { margin-top: 1.5em; width: 100%; }

.inturnsTable tr { border-top: solid 1px #ccc; }

.inturnsTable tr:nth-child(odd) th, .inturnsTable tr:nth-child(odd) td { background: #e2e2e2; }

.inturnsTable tr:first-child th { text-align: center; }

.inturnsTable tr:last-child { border-bottom: solid 1px #ccc; }

.inturnsTable th, .inturnsTable td { padding: 1em; border-left: solid 1px #ccc; background: #fff; }

.inturnsTable th:first-child, .inturnsTable td:first-child { border-left: none; }

.inturnsTable th:first-child { width: 10em; font-weight: bold; }

.inturnsTable td:last-child { text-align: center; }

.small { font-size: .9em; }

.textIndent1, .lead.textIndent1 { padding-left: 1em; text-indent: -1em; }

.headlineBox { display: block; padding: .5em 1em; background: #ddd; color: #3E3A39; border: dotted 1px #000; font-size: 1.1em; }

.narrowedLink { display: block; margin: 20px auto 0; width: 540px; }

.narrowedLink > li { display: inline-block; float: left; width: 260px; }

.narrowedLink > li:last-child { float: right; }

.narrowedLink a { display: block; height: 50px; line-height: 50px; font-size: 19px; }

.narrowedLink a:hover { color: #fff; }

.narrowedLink:after { display: block; clear: both; content: ""; }

.voiceBox { margin-top: 50px; padding: 26px 40px; border: solid 2px #33a4ce; line-height: 1.25; }

.voiceBox h6 { margin: 1.5em 0 1em 1em; text-indent: -1em; }

.voiceBox .voicelead { margin-top: 1em; }

.voiceTtl { color: #33a4ce; font-size: 24px; font-weight: bold; }

.voiceTtl small { font-size: 20px; }

.voiceList li:before { color: #33a4ce; }

.flex_wap { display: -webkit-box; display: flex; }

.flex_wap.col2 { -webkit-box-pack: justify; justify-content: space-between; }

.flex_wap.col2 > * { width: 49%; }

.flex_wap.col2 > *:nth-child(n+3) { margin-top: 1em; }

.flex_wap.col2 > * img { width: 100%; height: auto; }

.spTextCenter { display: block; }

.interviewer { display: -webkit-box; display: flex; color: #005198; }

.interviewer dd { padding-left: 2em; }

.interviewer .name { font-size: 1.2em; font-weight: bold; }

.interviewer .prof { margin-top: 1em; line-height: 1.4; font-size: .9em; }

.jisedaiHead { padding: .5em 0; border-top: solid 3px #005198; border-bottom: solid 3px #005198; line-height: 1.3; color: #005198; font-weight: bold; font-size: 1.4em; }

.talk_line li + li { margin-top: 1em; }

.talk_line .listener { color: #0086af; font-weight: bold; }

.talk_line .speaker { padding-left: 1em; }

.talk_line p + p { margin-top: 1em; }

.talk_line .boxCommentary2 { margin-top: 1em; text-align: left; }

.talk_line .boxCommentary2 dt { font-size: 1.1em; }

.talk_line .boxCommentary2 dd { margin-top: .5em; font-weight: normal; }

.col2Content.message_box { margin-top: 40px; padding: 60px 40px; position: relative; background: #fff; }

.col2Content.message_box .headline_lb { margin-bottom: 2.75em; }

.col2Content.message_box .headline_lb small { margin-top: .66em; display: block; }

.col2Content.message_box p { margin-top: 2em; }

.col2Content.message_box ul { margin-top: 2em; }

.col2Content.message_box li { margin: 0; }

.col2Content.message_box li + li { margin-top: .5em; }

.col2Content.message_box .col2headline4 { padding-top: 2em; border-width: 2px; font-size: 18px; }

.col2Content.message_box .name { margin-top: 1.75em; font-size: 24px; }

.col2Content.message_box .belong { margin-top: 1.5em; font-size: 14px; }

.col2Content.message_box .profile { margin-top: 1.25em; font-size: 12px; text-align: justify; width: 500px; }

.col2Content.message_box .space { display: none; }

.col2Content.message_box .lecturer_img { position: absolute; right: 20px; bottom: 0; }

.oList.listInP li { font-size: 18px; }

.oList.listInP li p, .oList.listInP li a { font-size: 16px; }

.oList.listInP li + li { margin-top: 1.5em; }

.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 #a688bd center right; background-size: cover; }

.session_list > li:nth-child(2) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-2.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list > li:nth-child(3) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-3.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list > li:nth-child(4) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-4.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list > li:nth-child(5) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-5.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list > li:nth-child(6) h5 { background: url(/images/images2016/open_class/detail/japan/20190516/session_list-bgi-6.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list > li + li { margin-top: 40px; }

.session_list h5 { padding: 30px 40px; height: 140px; line-height: 1; font-size: 24px; font-weight: bold; color: #fff; letter-spacing: -.025em; text-shadow: 0 0 1em rgba(153, 102, 0, 0.6); }

.session_list h5 span, .session_list h5 small { display: block; }

.session_list h5 span { margin-bottom: .75em; font-size: 18px; }

.session_list h5 small { margin-top: .75em; font-size: 14px; font-weight: normal; letter-spacing: 0; }

.session_list .session_list_detail { padding: 40px; background: #fff; }

.session_list .list2 li { letter-spacing: -.05em; }

.session_list .list2 li + li { margin-top: .5em; }

.session_list .headline_guest { margin-top: .5em; padding: 1em 0; position: relative; color: #c69; }

.session_list .headline_guest span { position: relative; z-index: 800; background: #fff; }

.session_list .headline_guest:after { position: absolute; top: 50%; right: 0; z-index: 0; width: 98%; height: 1px; background: #c69; content: ""; }

.session_list .guest_box { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

.session_list .guest_box .text_area { padding-left: .5em; }

.session_list .guest_box .name, .session_list .guest_box .belong { font-weight: bold; }

.session_list .guest_box .name { font-size: 24px; }

.session_list .guest_box .belong { margin-left: 2em; font-size: 14px; }

.session_list .guest_box .profile { margin-top: .5em; font-size: 12px; text-align: justify; }

.session_list.purple > li { box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); }

.session_list.purple > li:nth-child(1) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-1.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple > li:nth-child(2) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-2.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple > li:nth-child(3) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-3.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple > li:nth-child(4) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-4.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple > li:nth-child(5) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-5.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple > li:nth-child(6) h5 { background: url(/images/images2016/open_class/detail/japan/20200611/session_list-bgi-6.jpg) no-repeat #a688bd center right; background-size: cover; }

.session_list.purple h5 { text-shadow: 0 0 1em rgba(73, 0, 153, 0.6); position: relative; }

.session_list.purple h5:after { content: ""; background: url(/images/images2016/open_class/detail/japan/20200611/arrow.jpg) no-repeat; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; width: 40px; height: 40px; top: 50%; right: 30px; -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.session_list.purple h5.arrow:after { -webkit-transform: rotate(180deg) translateY(25%); transform: rotate(180deg) translateY(25%); }

#openClass .voiceList.voiceList_bk li:before { color: #3E3A39; }

.studentsArea + .voiceList.voiceList_bk { margin-top: -.75em; }

.outlineDateTable.outlineDateTable_session th:first-child { padding-right: 1.5em; }

#courseOutline_wrap .table2 caption { position: relative; background: #0068a7; padding: 17px; margin: 0 0 30px 0; color: #fff; font-size: 22px; font-weight: 600; }

#courseOutline_wrap .table2 caption:after { position: absolute; right: 0; left: 0; bottom: -15px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #0068a7 transparent transparent transparent; content: ''; }

#event #mainContent { background: #f2f2f2; }

#event #mainPanel { width: 1020px; margin: 15px auto 100px; }

#event #mainPanel li, #event #mainPanel .comingSoon { position: relative; float: left; width: 235px; height: 100%; margin: 0 10px 40px 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); list-style: none; }

#event #mainPanel li dl, #event #mainPanel .comingSoon dl { position: relative; z-index: 800; }

#event #mainPanel li dl dd, #event #mainPanel .comingSoon dl dd { position: relative; height: 180px; padding: 0 1em; background: #fff; letter-spacing: -1px; }

#event #mainPanel li dl dd.iconNewDd:after, #event #mainPanel .comingSoon dl dd.iconNewDd:after { position: absolute; top: -45px; right: 5px; width: 60px; height: auto; content: url(/images/images2016/opinions/icon-new.png); }

#event #mainPanel li dl dd > h3, #event #mainPanel li dl dd > p, #event #mainPanel .comingSoon dl dd > h3, #event #mainPanel .comingSoon dl dd > p { padding: 1em 0 30px; color: #3E3A39; line-height: 1.3; }

#event #mainPanel li dl dd > h3.longText .titleMain, #event #mainPanel .comingSoon dl dd > h3.longText .titleMain { display: inline-block; font-size: .925em; line-height: 1.2; }

#event #mainPanel li dl dd > h3.longText .titleSub, #event #mainPanel .comingSoon dl dd > h3.longText .titleSub { display: inline-block; margin-top: .25em; font-size: .8em; line-height: 1.2; }

#event #mainPanel li dl dd > h3.longText small, #event #mainPanel .comingSoon dl dd > h3.longText small { margin-top: .25em; display: block; font-size: .7em; }

#event #mainPanel li dl dd .twoLines, #event #mainPanel .comingSoon dl dd .twoLines { display: block; margin-bottom: .25em; font-size: small; }

#event #mainPanel li dl dd .iconNew, #event #mainPanel .comingSoon dl dd .iconNew { position: absolute; top: -45px; right: 5px; }

#event #mainPanel li a, #event #mainPanel .comingSoon a { display: block; -webkit-transition: .3s; transition: .3s; }

#event #mainPanel li a .dispatchHover, #event #mainPanel li a .eventHover, #event #mainPanel .comingSoon a .dispatchHover, #event #mainPanel .comingSoon a .eventHover { display: none; }

#event #mainPanel li a:hover, #event #mainPanel .comingSoon a:hover { opacity: .7; }

#event #mainPanel li a:hover .dispatchHover, #event #mainPanel li a:hover .eventHover, #event #mainPanel .comingSoon a:hover .dispatchHover, #event #mainPanel .comingSoon a:hover .eventHover { opacity: 1; }

#event #mainPanel li .newContent, #event #mainPanel .comingSoon .newContent { display: inline-block; position: absolute; top: -40px; right: 5px; content: url(/images/images2016/opinions/icon-new.png); }

#event #mainPanel li.noPanel, #event #mainPanel .comingSoon.noPanel { display: none; }

#event #mainPanel li.comingSoon, #event #mainPanel .comingSoon.comingSoon { height: 405px; background: url(/images/images2016/home/comingsoon.png); }

#event.eventHome .col2headline4 { width: 1000px; margin: 0 auto 30px; padding-top: 0; }

#event.eventHome #contactArea { padding-top: 60px; }

#event.eventHome .detailTtl { display: none; }

@media only screen and (min-width: 641px) { #event.eventHome .LowerRightIcon:after, #event.eventHome .external_icon:after { border-width: 0 0 75px 75px; } }

#event .basicContent { padding-bottom: 0; background: #f2f2f2; }

#event .basicContent.lastContent { padding-bottom: 80px; }

#event .basicContent .col2Content { overflow: hidden; }

#event #localNavWrap { position: relative; width: 100%; height: 230px; background-color: #00314a; }

#event #localNavWrap .localNavBg { position: absolute; width: 100%; height: 60px; bottom: 0; background: rgba(0, 134, 175, 0.8); z-index: 900; }

#event #localNavWrap .localNavBg img { width: 100%; height: 230px; }

#event #localNavWrap #mainVisual { height: 100%; }

#event #localNavWrap #mainVisual .kv { position: absolute; right: 220px; z-index: 0; }

#event #localNavWrap #mainVisual .col2Content { display: table; height: 100%; }

#event #localNavWrap #mainVisual .col2headline3 { display: table-cell; position: relative; bottom: 30px; margin-top: 0; padding-top: 0; color: #fff; font-size: 20px; letter-spacing: -1px; line-height: 1.3333; vertical-align: middle; }

#event #localNavWrap #mainVisual .col2headline3 .advantage { font-size: 18px; padding-top: 5px; display: inline-block; }

#event #localNavWrap #mainVisual .col2headline3 .advantage a { display: block; padding: 5px 10px; background-color: #b03235; color: #fff; font-size: .85em; line-height: 1.2; position: relative; z-index: 999; }

#event #localNavWrap #mainVisual .col2headline3 .advantage a:hover { background-color: #8d2627; }

#event #localNavWrap #mainVisual .col2headline3 .kaisaiDate { padding-left: .25em; font-size: 22px; }

#event #localNavWrap #mainVisual .col2headline3.ls2 { letter-spacing: -.05em; }

#event #localNavWrap #localNav { position: absolute; left: 0; bottom: 0; }

#event #localNavWrap #localNav li { float: left; line-height: 60px; text-align: center; }

#event #localNavWrap #localNav li a { display: block; position: relative; width: 100%; height: 100%; padding: 0 40px; color: #fff; box-sizing: border-box; font-size: 14px; -webkit-transition: 0.2s; transition: 0.2s; }

#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 { background: #005488; font-size: 18px; }

#event #localNavWrap #localNav li a.current:before { content: none; }

#event #localNavWrap #localNav li a.current:after { display: block; position: absolute; right: 0; bottom: -7px; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #005488 transparent transparent transparent; content: ''; }

#event #localNavWrap #localNav li a:hover { color: #ffcc00; }

#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 30px; }

#event #reportArea { padding: 35px 0; background-color: #ecebeb; }

#event #reportArea h3 { font-size: 20px; font-weight: bold; }

#event #reportArea dl { margin-top: 16px; padding: 20px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; background-color: #fff; }

#event #reportArea dl dt { border: 1px solid #e6e6e6; }

#event #reportArea dl dd { margin: 10px 0 0 20px; font-size: 15px; font-weight: bold; }

#event #reportArea .panelHover { background: rgba(0, 134, 175, 0.2); }

#event .reportLead { padding: 37px 30px 60px; background-color: #fff; }

#event .reportLead h3 { margin-top: 50px; font-size: 20px; font-weight: bold; }

#event .reportLead .overviewLink { margin-top: 10px; }

#event .reportLead li { margin-top: 18px; }

#event .annotation { margin-top: 10px; color: #999; }

#event .seminar { margin: 0 0 2em; }

#event .seminar dl { margin-bottom: 2em; }

#event .seminar dt, #event .seminar dd { display: inline-block; vertical-align: top; }

#event .seminar dt { width: 10%; }

#event .seminar dd { width: 88%; }

#event .seminar ol { margin-top: 1em; padding-left: 1em; }

#event.detail #titleArea #pageTitle { margin-bottom: 33px; }

#event.detail #titleArea #pageTitle .titleExplan { margin: 0 0 7px; color: #3E3A39; font-size: 28px; }

#event.detail #titleArea #pageTitle .titleExplan.small_lb { color: #0086af; font-size: 26px; letter-spacing: -.025em; }

#event.detail #titleArea #pageTitle .titleMain.line2 { line-height: 1.2; display: inline; }

#event.detail #titleArea #pageTitle .titleMain.line2.color { color: #009cdf; }

#event.detail #titleArea #pageTitle .titleSub.small_red { color: #b03235; font-size: 28px; letter-spacing: -.025em; }

#event.detail #titleArea #pageTitle.line2 { margin: 48px 0; }

#event.detail #titleArea #pageTitle.line3 { line-height: 1.2; margin: -16px 0 19px; }

#event.detail #titleArea #pageTitle.line1em { margin: 1em 0; }

#event.detail #titleArea #pageTitle .fontSmall { font-size: 18px; }

#event.detail #titleArea #pageTitle .fontSmall.ttlColorRed { color: #b03235; }

#event.detail #titleArea #pageTitle .fontSmall.ttlColorBlue { color: #0086af; }

#event.detail #mainContent { padding: 40px 0 0; }

#event.detail #mainContent .catch.top10 { padding-top: 10px; }

#event.detail #mainContent .col2headline4 { padding-top: 30px; }

#event.detail .col2headline4.top30 { padding-top: 30px; }

#event.detail .contentEvent img + p { margin-top: 26px; }

#event.detail .contentEvent p:last-child { margin-bottom: 26px; }

#event.detail .contentEvent p { margin-bottom: 1.5em; line-height: 1.75; }

#event.detail .contentEvent.boxCommentary2 { font-weight: normal; letter-spacing: 0; }

#event.detail .contentEvent.boxCommentary2 dl > dt { margin-bottom: 20px; color: #33a4ce; font-size: 24px; }

#event.detail .contentEvent.boxCommentary2 .headline_bk { margin-bottom: 10px; font-size: 20px; }

#event.detail .contentEvent.boxCommentary2 p:last-child { margin-bottom: 0; }

#event.detail .contentEvent .table_simple p { margin-bottom: 0; line-height: 1.5; }

#event.detail .voiceBox { margin-top: 50px; padding: 26px 40px; border: solid 2px #33a4ce; line-height: 1.25; }

#event.detail .voiceTtl { margin-bottom: 20px; color: #33a4ce; font-size: 24px; font-weight: bold; }

#event.detail .voiceTtl small { font-size: 20px; }

#event.detail .voiceList li:before { color: #33a4ce; }

#event.detail .picSmall { padding: 60px 0; }

#event.detail #listLeader { margin: 50px 0; padding: 23px 10px; border-top: solid 2px #000; border-bottom: solid 2px #000; }

#event.detail #exemplaryLeader { padding-left: 0; }

#event.detail #exemplaryLeader h4 { font-weight: bold; }

#event.detail #introLecture, #event.detail #classOutline { padding-top: 40px; }

#event.detail .boxCommentary2.top30m { margin-top: 30px; }

#event .outlineBox1.pad40 { padding: 40px; text-align: left; }

#event .left75em { padding: .5em 1.75em; }

#event .listNotesL { display: block; margin-bottom: 0; padding: .5em 1.5em 0; }

#event #applyArea.continue { padding-bottom: 0; border: none; }

#event .continue { padding-bottom: 25px; border-bottom: solid 1px #66afc5; }

#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 #asideIn dd li a { padding: 0; }

#event #aside #asideIn dd li a:after { content: none; }

#event #aside li dl { padding: 18px 20px; width: 100%; }

#event #aside li dl.hamidas { padding-right: 18px; }

#event #aside li dt img { display: none; }

#event #aside li .detailTtl { display: block; margin-bottom: 7px; }

#event #aside li dd:hover { background: inherit; }

#event #aside li a { padding: 0; }

#event #aside li a .dispatchHover { display: none; }

#event #aside li a:hover .dispatchHover { opacity: 1; z-index: 998; }

#event #aside li a.current:hover .dispatchHover { opacity: 0; }

#event #aside li .slide_subTitle { display: block; margin-top: .5em; letter-spacing: -0.6px; font-size: 15px; }

#event #aside .titleSub { display: block; margin-top: .5em; font-size: .9em; }

#event .hoverStyle { color: #0086af; }

#event .hoverStyle:hover { opacity: .7; }

#event .mohanList { display: inline-block; }

#event .figList { margin: 30px 0; display: -webkit-box; display: flex; display: -ms-flexbox; }

#event .figList li { width: 100%; padding: 10px; }

#event .figList img { width: 100%; }

#event.en #mainPanel li.comingSoon { height: 415px; }

#event.en #mainPanel li dl dd { height: 190px; }

#event.online2020v1 #titleArea { padding-bottom: 50px; }

#event.online2020v1 #titleArea #topicPath { margin: 15px 0 55px; }

#event.online2020v1 #titleArea .pageTitle { border-bottom: 5px solid #ED7A3E; padding-bottom: 10px; line-height: 1.3; font-size: 44px; font-weight: bold; letter-spacing: -.07em; text-align: center; }

#event.online2020v1 #titleArea .detailText { margin-top: 15px; font-size: 24px; font-weight: bold; text-align: center; }

#event.online2020v1 #titleArea .leadText { margin-top: 25px; line-height: 1.8; }

#event.online2020v1 #mainContent .col2Content, #event.online2020v1 .basicContent .col2Content { width: 100%; }

#event.online2020v1 #mainContent { padding: 30px 0 70px; }

#event.online2020v1 .listHeadline { margin-bottom: 15px; padding-bottom: 12px; position: relative; font-size: 24px; text-align: center; }

#event.online2020v1 .listHeadline span { font-size: 32px; }

#event.online2020v1 .listHeadline:after { margin: 0 auto; display: block; position: absolute; bottom: 0; right: 0; left: 0; width: 120px; height: 4px; background: #000; content: ""; }

#event.online2020v1 .listComment { margin-bottom: 25px; font-size: 14px; text-align: center; }

#event.online2020v1 .seminarList > li { padding: 20px; display: -webkit-box; display: flex; background: #fff; }

#event.online2020v1 .seminarList > li:not(:last-child) { margin-bottom: 10px; }

#event.online2020v1 .seminarList > li .dateArea { width: 134px; line-height: 1.9; text-align: center; }

#event.online2020v1 .seminarList > li .dateArea p { font-size: 18px; }

#event.online2020v1 .seminarList > li .textArea { border-right: 2px solid #f2f2f2; padding: 0 30px 0 10px; width: 640px; }

#event.online2020v1 .seminarList > li .title { line-height: 1.4; color: #0086af; font-size: 24px; }

#event.online2020v1 .seminarList > li .lecturer { font-size: 18px; }

#event.online2020v1 .seminarList > li .contentsList { margin-top: 12px; font-size: 16px; }

#event.online2020v1 .seminarList > li .contentsList > li { padding-left: 1.7em; position: relative; }

#event.online2020v1 .seminarList > li .contentsList > li:before { position: absolute; top: .6em; left: 0; display: block; width: 20px; height: 2px; content: ""; background: #3e3a39; }

#event.online2020v1 .seminarList > li .btnArea { padding-left: 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 186px; }

#event.online2020v1 .seminarList > li .appBtn { width: 145px; font-size: 16px; }

#event.online2020v1 .seminarList > li .appBtn a { padding: .5em 1em; position: relative; display: block; width: 100%; color: #fff; background: #005198; text-align: center; text-indent: -1em; }

#event.online2020v1 .seminarList > li .appBtn a:after { border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; right: 1em; width: .6em; height: .6em; content: ""; -webkit-transform: translateY(-50%) rotate(45deg) scale(0.8); transform: translateY(-50%) rotate(45deg) scale(0.8); }

#event.online2020v1 #contactArea { padding: 0; background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); }

#event.online2020v1 #contactArea #contactWrap { padding: 40px 0; }

#event.online2020v1 .contactHeadline { margin-bottom: 22px; font-size: 24px; font-weight: bold; text-align: center; }

#event.online2020v1 .contactDetailWrap { border: 1px solid #ccc; margin: 0 auto; padding: 8px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 670px; }

#event.online2020v1 .contactDetailWrap a { color: #000; }

#event.online2020v1 .contactDetailWrap .tell:before, #event.online2020v1 .contactDetailWrap .mail:before { margin-right: .2em; font-family: "ilm"; }

#event.online2020v1 .contactDetailWrap .tell { margin-right: 40px; position: relative; top: -.1em; font-size: 28px; }

#event.online2020v1 .contactDetailWrap .tell:before { content: "A"; font-size: 1.2em; vertical-align: bottom; }

#event.online2020v1 .contactDetailWrap .mail { font-size: 22px; }

#event.online2020v1 .contactDetailWrap .mail:before { content: "Q"; font-size: 1.8em; vertical-align: middle; }

#event.online2020v1 .contactComment { margin-top: 8px; font-size: 14px; text-align: center; }

#event.newsDetail #topicPath.long { width: 740px; }

#event.newsDetail #topicPath.long li { display: inline; float: none; }

#event.newsDetail #topicPath.long a { display: -webkit-inline-box; display: inline-flex; float: none; }

#event.newsDetail .subtitle-underBar { margin-bottom: .66em; padding-bottom: .2em; }

#event.newsDetail #pageTitle .titleExplan { line-height: 1.4; }

#event.newsDetail #pageTitle .titleMain { line-height: 1.2; }

#event.newsDetail .img_box { text-align: center; }

#event.newsDetail .img_box img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }

#event.newsDetail .img_box + p { margin-top: 2em; }

#event .text-position_center { text-align: center; }

#event .infocontent-talk { margin: 2em 0; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; }

#event .infocontent-talk dt { width: 20%; margin: 0 1% 1em 0; }

#event .infocontent-talk dt img { width: 100%; }

#event .infocontent-talk dd { width: 100%; }

#event .infocontent-talk p + p { margin-top: 1em; }

@media only screen and (min-width: 641px) { #event .infocontent-talk dt { width: 8.109%; } #event .infocontent-talk dd { width: 89%; } }

#event .number-list { margin: 2em 0 2em 1.3em; text-indent: -1.3em; }

#event .number-list li + li { margin-top: 1em; }

#event .blue-text { color: #0086af; }

.roleName { display: block; margin-bottom: .5em; color: #0086af; }

@media only screen and (min-width: 641px) { .roleName { font-size: .8em; } }

.indentTxt { display: inline-block; padding-left: 1em; text-indent: -1em; }

ul.noStyle { padding-left: .25em; list-style: none !important; }

ul.noStyle li:before { content: none; }

.indentBlock1 { display: block; padding-left: 1em; }

.indentBlock2 { display: block; padding-left: 2em; }

.hofstedeContent .right { margin: 0 0 1em 1em; }

.hofstedeContent .indentTxt { display: block; }

.hofstedeContent li:after { display: block; clear: both; content: ""; }

.hofstedeContent .listTitle { margin: 1em auto; }

.hofstedeContent .leftText { float: left; width: 60%; }

.hofstedeContent .sampleImg { margin: 0; padding: 0 0 1em 1em; width: 40%; }

.hofstedeContent .sampleImg img { width: 100%; height: auto; border: solid 1px #aaa; }

.hofstedeContent .sampleImg h4 { margin-bottom: .5em; font-size: .9em; }

.notedList { padding: 1em; border: solid 1px #aaa; background: #fff; font-size: .8em; }

.notedList .listTitle { margin: 0 auto .5em; font-size: 1.1em; }

.notedList li + li { margin-top: .25em; }

.parag1 > p:not(:last-child) { margin-bottom: 1em; }

.imgList { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 1.5em; text-align: center; }

.imgList img { width: auto; height: 105px; border: solid 2px #aaa; }

.table_simple { margin: 0 auto 2em; }

.table_simple th, .table_simple td { padding: 1em; vertical-align: top; }

.table_simple th { width: 120px; }

.table_simple .col2headline6 { margin-top: 0; margin-bottom: 0; font-size: 18px; }

.table_simple .col2headline6 + p { padding-left: 2em; }

.table_simple .col2headline6.noIndent { padding: 0; text-indent: 0; }

.table_simple p { margin-top: .5em; margin-bottom: 0; }

.linkText { color: #0086af; }

.btnReport a { padding: .5em 1em; border-radius: .5em; border-bottom: solid 2px #d27d00; display: inline-block; line-height: 1; color: #FFF; background-color: #FF9E0D; font-weight: bold; font-size: 1em; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19); }

.btnReport a:hover { border-bottom: solid 2px #fd9535; opacity: .8; }

.btnReport a:active { border-bottom: solid 2px #fd9535; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

.btnReport a:after { margin-left: .5em; font-family: "ilm"; content: "a"; }

.btnReport.text-right { text-align: right; }

p + .btnReport { margin-top: 1.5em; }

.mb05em { margin-bottom: .5em; }

.mb1em { margin-bottom: 1em; }

.noteHeadline { margin: 2.5em auto 1.5em; font-size: 1.1em; font-weight: bold; }

.movie_link { display: -webkit-box; display: flex; text-align: left; width: 660px; }

.movie_link h4 { font-size: 22px; font-weight: bold; }

.movie_link p { font-size: 16px; font-weight: normal; }

.movie_link .thumb { margin-right: 20px; }

.boxCommentary2.mt2em { margin-top: 2em; }

#online #mainContent { background: #f2f2f2; }

#online #mainContent .headline4 { width: 1000px; margin: 0 auto 30px; padding-top: 0; }

#online #mainContent #mainPanel { padding: 40px 0 0; width: 1000px; margin: 0 auto; border-top: 1px solid #ccc; }

#online #mainContent #mainPanel .boxCommentary { margin: 0 auto 10px; padding: 0; }

#online #mainContent #mainPanel .boxCommentary a { display: block; width: 100%; height: 100%; -webkit-transition: .3s; transition: .3s; }

#online #mainContent #mainPanel .boxCommentary a:hover { opacity: .7; }

#online #mainContent #mainPanel .boxCommentary dl { padding: 20px 30px; }

#online #mainContent #mainPanel .boxCommentary dl dt { float: left; padding-right: 30px; }

#online #mainContent #mainPanel .boxCommentary dl dd { margin: 0 0 0 268px; text-align: left; }

#online #mainContent #mainPanel .boxCommentary dl dd .titleMain { font-size: 24px; }

#online #mainContent #mainPanel .boxCommentary dl dd .titleMain small { font-size: 22px; }

#online #mainContent #mainPanel .boxCommentary dl dd .titleSub { color: #0086af; font-size: 14px; }

#online #mainContent #mainPanel .boxCommentary dl dd .purposeWrap p:last-child { letter-spacing: 0; line-height: 1.25; }

#online #mainContent #mainPanel .boxCommentary:last-child { margin-bottom: 0; }

#online #mainContent.lastContent { padding-bottom: 80px; }

#online .midLine:after { left: 4.5em; }

#online #othersLinkWrap { padding: 40px 0; background: #f2f2f2; }

#online #othersLinkWrap.externalLink { padding: 60px 0 140px; }

#online #othersLinkWrap.externalLink .bnrList { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

#online #othersLinkWrap.externalLink .btnHome { letter-spacing: 0px; width: 380px; }

#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 #othersLink { width: 1000px; margin: 0 auto; padding: 23px 0 30px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }

#online #othersLink .headLine { color: #3E3A39; font-size: 24px; font-weight: bold; }

#online #othersLink .linkList { overflow: hidden; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

#online #othersLink .linkList li { float: left; padding: 0 0.5em 0 0; font-size: inherit; font-weight: normal; text-indent: inherit; }

#online #othersLink .linkList li a { display: block; }

#online #othersLink .linkList li a:before { top: 5px; }

#online .bnrList { width: 1000px; margin: 0 auto; overflow: hidden; }

#online .bnrList li { float: left; margin-right: 20px; padding-bottom: 15px; }

#online .bnrList li:nth-child(2n) { margin-right: 0; }

#online .bnrList li:last-child { padding-bottom: 40px; }

#online .bnrList.otherBnrList { margin-top: 2em; }

#online .bnrList.otherBnrList li { float: none; width: 440px; margin: 0 auto; padding: 0; }

#online .bnrList.otherBnrList li a { display: block; letter-spacing: 2px; }

#online .bnrList.otherBnrList li:hover a { color: #fff; opacity: 1; }

#online .bnrList.otherBnrList li:after { top: 0; right: 1em; font-family: "ilm"; font-size: 18px; content: "P"; }

#online .bnrList.otherBnrList.onlineHome li { width: 100%; }

#online .bnrList.otherBnrList.onlineHome li a { font-size: 24px; }

#online .bnrList.otherBnrList.onlineHome li:after { right: 37%; font-size: 20px; }

#online .bnrList.otherBnrList.top0m { margin-top: 0; position: relative; top: 1em; }

#online #panelList { display: -webkit-box; display: flex; flex-wrap: wrap; width: 1000px; margin: 0 auto; padding-bottom: 30px; }

#online #panelList li { width: 320px; margin: 0 20px 20px 0; background: #fff; }

#online #panelList li:nth-child(3n) { margin-right: 0; }

#online #panelList li dd { padding: 1em 30px; min-height: 15em; box-sizing: border-box; letter-spacing: -1px; text-justify: inter-ideograph; text-align: justify; }

#online #bnrListWrap .bnrList { padding: 40px 0 80px; }

#online .basicContent { padding-bottom: 0; background: #f2f2f2; }

#online .basicContent.bgLightBlue { background: #e6eeee; }

#online .basicContent.lastContent { padding-bottom: 80px; }

#online.onlineDetail #pageTitle .detaiSublTtl { font-size: 28px; }

#online.onlineDetail #mainContent .col2headline3 { display: inline-block; position: relative; width: 740px; color: #0086af; z-index: 990; }

#online.onlineDetail #mainContent #mainLead.col2Lead { padding-bottom: 45px; }

#online.onlineDetail #mainContent #mainLead.col2Lead.noBtm { margin-bottom: 0; padding-bottom: 0; }

#online.onlineDetail #mainContent #mainLead.col2Lead + .col2headline3 { padding: 0 0 50px; font-weight: bold; line-height: 1; }

#online #dvdPreview, #online .dvdPreview { display: table; padding: 30px 40px; font-weight: normal; }

#online #dvdPreview .photo, #online .dvdPreview .photo { display: table-cell; }

#online #dvdPreview .sampleDetail, #online .dvdPreview .sampleDetail { display: table-cell; position: relative; width: 300px; margin-left: 20px; vertical-align: top; }

#online #dvdPreview .sampleDetail .language3, #online .dvdPreview .sampleDetail .language3 { margin: 15px 0 12px; color: #0086af; font-size: 22px; font-weight: bold; line-height: 1.27272727272727; }

#online #dvdPreview .sampleDetail .labelArea, #online .dvdPreview .sampleDetail .labelArea { text-align: center; overflow: hidden; }

#online #dvdPreview .sampleDetail .labelArea li.label, #online .dvdPreview .sampleDetail .labelArea li.label { float: left; width: 98px; height: 20px; margin-right: 3px; background: #999; color: #fff; font-size: 14px; line-height: 20px; }

#online #dvdPreview .sampleDetail .labelArea li.label:last-child, #online .dvdPreview .sampleDetail .labelArea li.label:last-child { margin-right: 0; }

#online #dvdPreview .sampleDetail .supervise, #online .dvdPreview .sampleDetail .supervise { padding: 18px 0 12px; font-size: 14px; line-height: 1.28571428571429; }

#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: 45px; }

#online #dvdPreview .btnHome, #online .dvdPreview .btnHome { width: 200px; height: 30px; margin-top: 5px; }

#online #dvdPreview .btnHome:first-child, #online .dvdPreview .btnHome:first-child { margin-top: 1em; }

#online #dvdPreview .btnHome a, #online .dvdPreview .btnHome a { line-height: 30px; text-align: left; text-indent: 1em; }

#online #dvdPreview .btnHome a:hover, #online .dvdPreview .btnHome a:hover { color: #fff; }

#online #dvdPreview .btnHome:after, #online .dvdPreview .btnHome:after { top: 4px; right: 13px; }

#online #dvdPreview.top, #online .dvdPreview.top { margin-bottom: 20px; }

#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: left; }

#online #dvdPreview.top .sampleDetail, #online .dvdPreview.top .sampleDetail { display: block; float: left; vertical-align: top; }

#online #dvdPreview.top .btnHome, #online .dvdPreview.top .btnHome { position: relative; float: right; top: 30px; width: 185px; }

#online #dvdPreview.top .btnHome a, #online .dvdPreview.top .btnHome a { letter-spacing: 1px; text-indent: 30px; }

#online #dvdPreview.top .btnHome:after, #online .dvdPreview.top .btnHome:after { top: -8px; right: 21px; }

#online .col2headline-blue { margin-top: 36px; padding-bottom: 13px; background: url(/images/images2016/case/border-1.png) repeat-x; background-position: left bottom; }

#online .table1 th, #online .table2 th { width: 180px; padding-left: 20px; font-weight: bold; text-align: left; box-sizing: border-box; }

#online .table1 td, #online .table2 td { padding: 22px 30px; letter-spacing: 0; }

#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 .noDisc li:before, #online .table2 td .noDisc li:before { content: " "; }

#online .table1 td .asteriskList li, #online .table2 td .asteriskList li { padding-left: 1.2em; position: relative; text-indent: 0; }

#online .table1 td .asteriskList li:before, #online .table2 td .asteriskList li:before { position: absolute; left: 0; content: "＊"; }

#online .table1 th { background: #0086af; color: #fff; }

#online .table2 { margin-top: 30px; }

#online .table2 th { background: #cbd8e4; color: #3E3A39; }

#online .table2 th span { display: block; padding-left: 18px; font-size: 14px; }

#online .table2 th span.pcInline { display: inline-block; }

#online #lecturerWrap { margin: 0; }

#online #lecturerWrap .lecturer { margin-top: 30px; padding: 30px; background: #fff; border: none; box-shadow: 0px 0px 10px rgba(171, 139, 110, 0.39); }

#online #lecturerWrap .lecturer .alphabet:before { display: inline; margin-right: 7px; margin-left: -5px; content: "｜"; }

#online #lecturerWrap .lecturer .title { color: #0086af; font-size: 14px; }

#online #lecturerWrap .lecturer dd p { font-size: 14px; padding-bottom: 5px; }

#online .captureList { margin: 1em 0 0; display: -webkit-box; display: flex; width: 740px; }

#online .captureList li { width: 32%; }

#online .captureList li img { width: 100%; }

#online .captureList li p.caption { margin: .5em 0 0; font-size: 14px; }

#online .captureList li:not(:nth-child(3)) { margin-right: 2%; }

#online .methodP { display: table-cell; vertical-align: bottom; }

#online .methodP .detailLink { height: 2.5em; line-height: 2.5em; }

#online .methodP a:hover { color: #fff; }

#online .dl4Box dl { float: left; width: 50%; text-justify: inter-ideograph; text-align: justify; padding-right: 20px; }

#online .dl4Box dl:nth-of-type(even) { margin: 0; padding-right: 0; padding-left: 20px; }

#online .dl4Box dl:nth-child(n + 3) dd { padding-bottom: 0; }

#online .dl4Box dl dd { padding: .5em 0 40px; line-height: 1.4; }

#online .saleBox { background: #fff; padding: 2em; overflow: hidden; }

#online .saleBox .rightFig { float: right; width: 45%; padding-left: 20px; }

#online .saleBox .leftArea { float: left; width: 55%; }

#online .saleBox h3 { font-size: 28px; }

#online .saleBox h3 + p { padding: 1em 1em 0 0; }

#online .saleDownloadArea { padding-bottom: 80px; }

#online .saleyoutubeWrap { display: inline-block; width: 40%; padding-right: 10px; }

#online .saleyoutubeWrap iframe { padding-bottom: 10px; vertical-align: bottom; }

#online .saleyoutubeWrap iframe + iframe { padding-bottom: 0; padding-top: 10px; }

#online .saleyoutubeWrap + a { display: inline-block; width: 40%; padding-left: 10px; }

#online .saleyoutubeWrap + a img { width: 100%; height: auto; }

#online .saleyoutubeWrap.movie { margin-bottom: 1em; padding: 40px; width: 740px; }

#online .saleyoutubeWrap .threeItems { padding-left: 0; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#online .saleyoutubeWrap .threeItems li { width: 32%; height: 100%; }

#online .stepList-disc { margin-left: 1em; text-indent: -1em; }

#online .eachTime p:nth-child(n + 2) { font-weight: bold; }

#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: 40px; }

#online #aside.bnrOn .otherBnr { display: block; position: relative; }

#online #aside.bnrOn .otherBnr a { display: block; position: absolute; top: 40px; width: 220px; height: 120px; }

#online .basicContent.teaching_material { padding: 13px 0 25px; }

#online .basicContent.teaching_material li { position: relative; background: #fff; text-align: center; }

#online .basicContent.teaching_material li + li { margin-top: 10px; }

#online .basicContent.teaching_material dl { padding: 20px 30px; overflow: hidden; }

#online .basicContent.teaching_material dt { padding-right: 30px; float: left; }

#online .basicContent.teaching_material dd { margin-left: 268px; text-align: left; }

#online .basicContent.teaching_material .number_of_times { margin-bottom: .5em; padding: .25em 1em; display: inline-block; background: #0086af; color: #fff; font-size: 14px; line-height: 1; }

#online .basicContent.teaching_material .titleMain { margin-bottom: .25em; font-size: 24px; line-height: 1; }

#online .basicContent.teaching_material .learning { margin-left: 5em; line-height: 1.3; text-indent: -5em; color: #0086af; font-size: 14px; }

#online .basicContent.teaching_material .introduction { margin-top: .5em; padding-top: .5em; line-height: 1.4; border-top: 1px solid; }

#online #pageTtl { padding: 15px 0 40px; }

#online #pageTtl #topicPath { margin: 0 auto 35px; width: 1000px; }

#online #pageTtl #topicPath li:last-child:after { content: ""; }

#online #pageTtl h2 { margin: 0 auto; width: 1000px; font-size: 36px; }

#online #pageTtl h2 .titleExplan { color: #0086af; font-size: 18px; line-height: 1; }

#online #main { padding: 40px 0; background-color: #F2F2F2; }

#online #main #container { margin: 0 auto; display: -webkit-box; display: flex; display: -ms-flexbox; width: 1000px; }

#online #main #article { margin-right: 40px; width: 740px; }

#online #main #article section:not(:last-child) { margin: 0 0 60px; }

#online #main #article h3 { margin: 0 0 30px; padding: 0 0 5px; border-bottom: 4px solid #3E3A39; font-size: 28px; }

#online #main #article p:not(:last-child) { margin: 0 0 20px; }

#online #main #article .lineListBlue { color: #005198; margin: 0 0 30px; }

#online #main #article .lineListBlue li { padding-left: 1.8em; position: relative; margin: 0 0 5px; }

#online #main #article .lineListBlue li:before { position: absolute; display: inline-block; top: .7em; left: 0; width: 20px; height: 0; border: solid 1px #005198; content: " "; }

#online #main #article .whiteArea { margin: 0 0 20px; padding: 40px; position: relative; background-color: #FFF; text-align: center; }

#online #main #sidebar { width: 220px; position: relative; }

#online #main #sidebar #aside { position: static; left: inherit; margin: 0; width: 220px; box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#online #main #sidebar #aside .title { padding: 10px 0; background-color: #ED7A3E; font-size: 20px; font-weight: bold; color: #FFF; text-align: center; }

#online #main #sidebar #aside ul { background-color: #FFF; }

#online #main #sidebar #aside li { border-bottom: 1px solid #DDD; -webkit-transition: 0.3s; transition: 0.3s; }

#online #main #sidebar #aside li:last-child { border: none; }

#online #main #sidebar #aside li:hover { color: #8f9300; }

#online #main #sidebar #aside li a { display: block; padding: 18px 30px 18px 15px; position: relative; }

#online #main #sidebar #aside li a:after { position: absolute; top: 50%; right: 10px; margin-top: -0.65em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#online #main #sidebar #aside li a.current, #online #main #sidebar #aside li a:hover { background-color: #f3f3f0; }

#online .onlineTable { width: 100%; }

#online .onlineTable tr:nth-child(even) td { background-color: #EEE; }

#online .onlineTable th { padding: 10px 0; border-right: 2px solid #FFF; background-color: #005198; color: #FFF; text-align: center; font-size: 20px; font-weight: bold; }

#online .onlineTable th:nth-child(1) { width: 22%; }

#online .onlineTable th:nth-child(2) { width: 39%; }

#online .onlineTable th:nth-child(3) { width: 39%; }

#online .onlineTable th:last-child { border: none; }

#online .onlineTable td { padding: 10px; border-right: 2px solid #005198; }

#online .onlineTable td:last-child { border: none; }

#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 { margin: 2em auto; padding: .5em 1em; background: #ea5413; color: #fff; border-radius: 4px; letter-spacing: -.05em; }

.meritbox dt { margin-bottom: .5em; padding-bottom: .25em; border-bottom: solid 2px #fff; text-align: center; font-size: 1.2em; font-weight: bold; }

.meritbox ul { display: -webkit-box; display: flex; }

.meritbox li { padding-left: 1em; float: left; width: 33.3333333333%; background: url(/images/images2016/online/flippedclass/arrow.png) no-repeat left center; }

.meritbox li + li { margin-left: 1em; }

.meritbox:last-child { margin-bottom: 0; }

.link_after_arrow { -webkit-transform: rotate(270deg); transform: rotate(270deg); display: inline-block; font-size: .7em; vertical-align: text-bottom; }

.proposal_online { background: #262626; background-image: url(/images/slopingBg2.png); }

.proposal_online .title { padding: .25em 0 .5em; }

.proposal_online .col2headline_obi { margin-top: .5em; padding: .125em; display: block; line-height: 1.2; background: #ea5413; color: #fff; font-size: 1.2em; font-weight: bold; text-align: center; }

.proposal_online .serviceContent { padding: 1em; }

.proposal_online .serviceContent dt { padding: 0; border-bottom: solid 1px #ccc; color: #ea5413; font-size: 1.4em; text-align: center; }

.proposal_online .serviceContent .subTitle { -webkit-box-pack: center; justify-content: center; font-size: 1.2em; text-align: center; }

.proposal_online .serviceContent dd { margin-top: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

.proposal_online .serviceContent dd ul { padding: 0 0 0 1em; }

.proposal_online .serviceContent dd ul.no_indent li { padding-left: 0; text-indent: 0; }

.proposal_online .serviceContent dd ul.no_indent li + li { margin-top: .5em; }

.proposal_online .serviceContent dd li { margin: 0; font-weight: normal; font-size: .9em; }

.proposal_online .serviceContent dd li + li { margin-top: .125em; }

.proposal_online .serviceContent dd li:before { content: none; }

.contentsLead { padding: 1em; border-radius: 5px; background: #f4e7e7; line-height: 1.3; font-size: 1.4em; text-align: center; }

.contentsLead span { display: block; text-align: right; font-size: .6em; }

.contents_category_list { text-align: center; }

.contents_category_list li { padding: 1em; border-radius: 5px; float: left; display: inline-block; width: 32%; background: #e9cccc; }

.contents_category_list li span { display: block; }

.contents_category_list li:nth-child(n+4) { margin-top: 15px; }

.contents_category_list li:nth-child(3n+1) { float: left; }

.contents_category_list li:nth-child(3n+2) { margin-left: 15px; }

.contents_category_list li:nth-child(3n+3) { 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 { padding: 1em; background: url(/images/contents/bg-dark.png); color: #fff; }

.pickupCourse img { width: 100%; height: auto; }

#about #titleArea #pageTitle span.titleExplan { font-size: 18px; }

#about #mainContent { position: relative; padding-bottom: 100px; background: #f2f2f2; }

#about #mainContent #panelShadow { display: none; position: absolute; z-index: 0; top: 71px; right: 0; left: 0; width: 1015px; height: 626px; margin: 0 auto; background: url(/images/images2016/about/index-shadow.png) no-repeat; background-size: 100%; }

#about #mainContent #mainPanel { width: 1000px; margin: 0 auto; padding: 80px 0 0; -webkit-filter: drop-shadow(0px 0px 10px rgba(171, 139, 110, 0.38)); filter: drop-shadow(0px 0px 10px rgba(171, 139, 110, 0.38)); }

#about #mainContent #mainPanel ul { display: -webkit-box; display: flex; flex-wrap: wrap; box-sizing: border-box; }

#about #mainContent #mainPanel ul li { position: relative; width: 33.3333333333%; height: 152px; background: #fff; color: #333; }

#about #mainContent #mainPanel ul li .panelContent { position: absolute; top: 50%; right: 0; left: 0; margin: -25px auto 0; }

#about #mainContent #mainPanel ul li h3 { position: relative; color: #3E3A39; font-size: 22px; letter-spacing: -2px; text-align: center; text-indent: -0.25em; }

#about #mainContent #mainPanel ul li h3 span { display: block; color: #ED7A3E; font-size: 12px; letter-spacing: 0; }

#about #mainContent #mainPanel ul li h3:after { position: absolute; top: 0; right: 14px; color: #231815; font-family: ilm; font-size: 22px; font-weight: lighter; color: #3E3A39; content: "a"; -webkit-transition: .3s; transition: .3s; }

#about #mainContent #mainPanel ul li h3.letterSpace3 { letter-spacing: -3px; }

#about #mainContent #mainPanel ul li h3.line2 { line-height: 1.2; }

#about #mainContent #mainPanel ul li h3.line2 span { margin-top: .5em; }

#about #mainContent #mainPanel ul li a { border-bottom: solid 2px #efefef; border-left: solid 2px #efefef; display: block; position: relative; z-index: 800; width: 100%; height: 100%; -webkit-transition: .5s; transition: .5s; }

#about #mainContent #mainPanel ul li a:hover { background: #ED7A3E; }

#about #mainContent #mainPanel ul li a:hover h3 { color: #fff; }

#about #mainContent #mainPanel ul li a:hover h3 span { color: #fff; }

#about #mainContent #mainPanel ul li a:hover h3:after { color: #fff; }

#about #mainContent #mainPanel ul li:last-child a { border-right: solid 2px #efefef; }

#about.aboutDetail .col2headline4 { font-size: 24px; letter-spacing: 0; }

#about.aboutDetail #mainContent { padding-bottom: 35px; }

#about.aboutDetail #mainContent #localNaviWrap #localNav2 { font-size: 14px; }

#about.aboutDetail #mainContent #localNaviWrap #localNav2:after { top: 57px; right: 275px; }

#about.aboutDetail #mainContent #localNaviWrap #localNav2.proNavi li a.leftEdge { padding-left: 0; }

#about.aboutDetail #mainContent #localNaviWrap #localNav2.proNavi.line2:after { top: 78px; }

#about.aboutDetail #mainContent #localNaviWrap #localNav2.line3:after { top: 96px; }

#about.aboutDetail #mainContent #localNaviWrap .localNav2-Wrap { padding: 18px 220px 18px 0px; }

#about.aboutDetail .co2Visual h3 { position: absolute; top: 110px; left: 40px; color: #0086af; font-size: 28px; line-height: 1.1428; }

#about.aboutDetail .co2Visual h3 .belong { display: block; margin-top: 13px; color: #3E3A39; font-size: 16px; line-height: 1.25; }

#about.aboutDetail .co2Visual h3 .belong .name { display: block; font-size: 20px; line-height: 1; }

#about.aboutDetail .co2Visual.message { position: relative; padding-bottom: 35px; }

#about.aboutDetail .co2Visual.message h3 { letter-spacing: -.05em; }

#about.aboutDetail .co2Visual.message .subMessage { display: block; font-size: 24px; letter-spacing: -1px; }

#about.aboutDetail .col2Lead { letter-spacing: -1px; line-height: 1.75; }

#about.aboutDetail .col2Lead.colorBk { color: #3E3A39; }

#about.aboutDetail .basicContent.lastContent { padding-bottom: 100px; }

#about.aboutDetail.message .management_nav { padding-top: 42px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#about.aboutDetail.message .management_nav li { width: 173px; height: 318px; background: #fff; }

#about.aboutDetail.message .management_nav li a { padding: 31px 20px; display: block; position: relative; height: 100%; text-align: center; }

#about.aboutDetail.message .management_nav .photo img { width: 120px; height: auto; -webkit-backface-visibility: hidden; }

#about.aboutDetail.message .management_nav .position { margin-top: 11px; display: block; line-height: 1.2857142857; font-size: 14px; text-align: left; }

#about.aboutDetail.message .management_nav .name { border-top: solid 1px #e0e0e0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; bottom: 17px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 133px; height: 56px; }

#about.aboutDetail.message .management_nav .name:after { margin-top: -10px; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: "ilm" !important; content: "j"; }

#about.aboutDetail.message .basicContent + .basicContent { padding-top: 41px; }

#about.aboutDetail.message .basicContent + .basicContent .col2Content { border-top: solid 1px #ccc; }

#about.aboutDetail.message .basicContent + .basicContent .co2Visual.message h3 { top: 88px; }

#about.aboutDetail.message #kobayashi { padding-bottom: 115px; }

#about.aboutDetail.message #kobayashi .co2Visual.message h3 { line-height: 1.15; }

#about.aboutDetail.profile table a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

#about.aboutDetail.profile table a:hover { opacity: 0.7; text-decoration: none; }

#about.aboutDetail .profTable { padding-bottom: 20px; }

#about.aboutDetail .profTable .col2headline4 { margin-bottom: 20px; padding-top: 40px; }

#about.aboutDetail .profTable .col2headline4 small { margin-left: 1.5em; font-size: 16px; letter-spacing: 0px; }

#about.aboutDetail .profTable td .ttl { font-weight: bold; }

#about.aboutDetail .profTable td .ttl + ul li { padding-left: 0.5em; letter-spacing: -1px; list-style-type: disc; list-style-position: inside; }

#about.aboutDetail .tableNenpyo th:before { display: inline-block; margin-right: 0.5em; text-indent: -1.5em; content: "ー"; }

#about.aboutDetail .tableNenpyo td { letter-spacing: -1px; }

#about.aboutDetail #mainContent #mainLead.aboutLead { padding: 0; }

#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: 20px; }

#about.aboutDetail #aside #asideIn .topLink a { letter-spacing: -1px; text-align: center; }

#about.aboutDetail .newLogoBoxWrap { padding: 50px 0 0; }

#about.aboutDetail .newLogoBox { padding: 80px 40px; background: #FFF; text-align: center; }

#about.aboutDetail .newLogoBox .logo { line-height: 0; margin-bottom: 80px; }

#about.aboutDetail .newLogoBox .logo img { margin: 0 auto; display: block; width: 450px; }

#about.aboutDetail .newLogoBox .logoText p + p { margin-top: 1em; }

#about #mainContent.partnerMain { padding-bottom: 0; }

#about #mainContent.partnerMain .profTable { padding-bottom: 0; }

#about #mainContent.partnerMain.en { padding-bottom: 100px; }

#about .partnerHead { margin-bottom: 20px; }

#about .boxCommentary2.aboutImg { margin: 25px 0 35px; }

#about .detailList.mbaSchool { margin-top: 10px; margin-bottom: 35px; }

#about .detailList.mbaSchool li:last-child { border-bottom: none; }

#about .ptnrWrap .lead { margin: 10px 0 0; padding: 14px 0 20px; border-top: solid 1px #ccc; }

#about .ptnrWrap .boxCommentary2 ul { padding-left: 0; }

#about .ptnrWrap .boxCommentary2 ul li:before { display: inline; margin-right: 0.25em; content: "・"; }

#about .detailList { margin-top: 40px; }

#about .mfp-container { padding: 0 10px; }

#about .mfp-close-btn-in .mfp-close.btnClose { color: #FFF; }

#about .profileBox { margin: 90px auto; padding: 30px; padding-bottom: 45px; position: relative; max-width: 1000px; width: 100%; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; background: #FFF; }

#about .profileBox .photo { margin-right: 30px; width: 158px; }

#about .profileBox .photo img { width: 100%; }

#about .profileBox dl { padding-right: 40px; -webkit-box-flex: 1; flex: 1; }

#about .profileBox dl .name { margin-bottom: 6px; color: #3E3A39; font-size: 24px; }

#about .profileBox dl .name .alphabet { font-size: 12px; }

#about .profileBox dl .name .alphabet:before { display: inline-block; margin: 0 15px 0; content: "|"; }

#about .profileBox dl .position { margin-bottom: 9px; color: #0086af; font-size: 14px; }

#about .profileBox dl .description { font-size: 14px; text-align: justify; }

#about .profileBox dl .description a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

#about .profileBox dl .description a:hover { opacity: .7; }

#about .profileBox dl .bnr { margin-top: 30px; }

#about .profileBox dl .bnr a { display: inline-block; -webkit-transition: .3s; transition: .3s; }

#about .profileBox dl .bnr a:hover { opacity: .7; }

#about .profileBox dl .article_ttl { margin-top: 2em; position: relative; font-weight: bold; overflow: hidden; }

#about .profileBox dl .article_ttl span { padding-right: 1em; position: relative; z-index: 1; background: #fff; }

#about .profileBox dl .article_ttl:after { border-bottom: solid 1px #000; display: block; position: absolute; top: 50%; right: 0; z-index: 0; width: 100%; content: ""; }

#about .profileBox dl .article_list { margin-top: 1em; }

#about .profileBox dl .article_list li + li { margin-top: 0.25em; }

#about .profileBox dl .article_list .link_arrow { padding-left: 2em; display: block; position: relative; top: 0; -webkit-transform: none; transform: none; font-size: inherit; flex-wrap: wrap; }

#about .profileBox dl .article_list .link_arrow::before { position: absolute; top: -.15em; left: 0; }

#about .profileBox dl .article_list .link_arrow span br { display: none; }

#about .profileBox dl .article_list .link_arrow > br { display: none; }

#about .profileBox dl .article_list .link_arrow small { display: block; margin-top: 0.25em; font-size: 0.9em !important; }

#about .profileBox dl .article_btn_box { margin-top: 1.5em; border: solid 2.5px; padding: 0; display: inline-block; position: relative; }

#about .profileBox dl .article_btn { display: block; padding: 10px 60px 10px 35px; font-weight: bold; }

#about .profileBox dl .article_btn:hover { opacity: .7; }

#about .profileBox dl .article_btn:after { margin: auto; border-top: 2px solid #3E3A39; border-right: 2px solid #3E3A39; position: absolute; top: 0; bottom: 0; right: 1em; content: ""; width: 0.5em; height: 0.5em; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#about .profileBox .btnClose { margin: .75em; padding: 0; display: block; position: absolute; top: 0; right: 0; width: 1em; height: 1em; line-height: 1; opacity: 1; -webkit-transition: .3s; transition: .3s; }

#about .profileBox .btnClose:hover { background: transparent; opacity: .5; }

#about .profileBox .btnClose:after { top: 0; right: 0; -webkit-transform: none; transform: none; color: #000; cursor: pointer; font-family: "ilm"; font-size: 1em; content: "Y"; }

#about .profileBox .ajaxNo { display: none; }

#about .facContent .top0 { margin-top: 0; padding-top: 0; }

#about .facContent .bottom0 { margin-bottom: 0; padding-bottom: 0; }

#about .facContent .partsCenter { margin-bottom: 30px; }

#about .facContent .partsCenter th { padding: 15px 0; font-weight: bold; line-height: 1; }

#about .facContent .partsCenter th span { font-weight: normal; font-size: 14px; }

#about .facContent .partsCenter tbody th span { font-size: 14px; text-align: left; }

#about .facContent .partsCenter tbody th p { display: inline-block; }

#about .facContent .partsCenter tbody th p span { display: block; margin-top: 3px; }

#about .facContent .partsCenter tbody td { text-align: center; }

#about .facContent .boxCommentary2 dd { margin-bottom: 0.5em; }

#about .facContent .boxCommentary2 dd:last-child { margin-bottom: 0; }

#about .facContent .hotelLead { padding-top: 50px; }

#about .facContent .detailList { margin-top: 0; }

#about .facContent .detailList li:first-child { border-top: none; }

#about .facContent .detailList dd { font-size: 20px; }

#about .facContent #mapWrap { padding-bottom: 14px; }

#about .facContent #byTrain { margin-top: 30px; padding-left: 0; font-weight: normal; text-align: left; }

#about .facContent #byTrain li { line-height: 1.5; }

#about .facContent .col2Content:after { position: absolute; right: 0; bottom: -74px; left: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f2f2f2 transparent transparent transparent; content: ''; }

#about .facContent .boxCommentary2.aboutImg.facImg { margin-top: 20px; }

#about .detailList.list2 { margin-top: 0; }

#about .detailList.list2 li { padding-left: 1.25em; }

#about .detailList.list2 li:last-child { border-bottom: none; }

#about #mainLead { position: relative; }

#about #mainLead #officeImg { position: absolute; top: 0; right: 0; }

#about #mainLead #officeImg + .accessMap { margin-top: 30px; }

#about .accessMap { margin-top: 5px; padding-bottom: 1em; }

#about .accessMap .textLeft a { font-weight: normal; text-decoration: underline; }

#about .accessMap .textLeft a:hover { color: #0086af; }

#about .profTable .normalTx { line-height: 28px; padding-bottom: 18px; }

#about.publish .titleMain { margin-top: 5px; text-indent: -5px; }

#about.publish .titleSub { text-indent: -2px; }

#about .contentsTitle { display: block; padding: 0; width: 100%; color: #0086af; font-size: 20px; font-weight: bold; }

#about #publishDetail .detail dt.contentsTitle:after { content: none; }

#about dt.contentsTitle { line-height: 1.25; }

#about dd.contentsTitle { margin-bottom: 1em; }

#about .basicContent.bookContent { padding: 20px 0 35px; }

#about .basicContent.bookDetail { padding: 0 0 35px; }

#about .basicContent.bookDetail .headline2 { margin-bottom: 30px; padding: 10px 0 4px; border-bottom: solid 4px #3E3A39; font-size: 28px; font-weight: 600; letter-spacing: -2px; line-height: 1.5; }

#about .basicContent.bookDetail .lead { font-size: 20px; font-weight: bold; }

#about .basicContent.bookDetail p { line-height: 1.75; }

#about .basicContent.bookDetail a:before { position: relative; top: 4px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#about .basicContent.bookDetail .headline3 { margin: 2em 0 20px; padding-bottom: 13px; color: #0086af; font-size: 20px; font-weight: bold; line-height: 1.25; background: url(/images/images2016/case/border-1.png) repeat-x; background-position: left bottom; }

#about .basicContent.bookDetail h4.headline3 { margin: 25px 0 0; background: none; }

#about .basicContent.bookDetail h4.headline3 .partTtl { padding-right: 1em; }

#about .basicContent.bookDetail h4.headline3 .partSubTtl { padding-left: 4.66666em; }

#about .basicContent.bookDetail .list1 { margin-top: -0; }

#about .basicContent.bookDetail .list1 li { margin-top: 10px; }

#about .basicContent.bookDetail .list1.number { list-style-position: inside; }

#about .basicContent.bookDetail .sect { margin-top: 10px; }

#about .basicContent.bookDetail .sect:last-of-type { margin-top: 18px; }

#about .basicContent.bookDetail .sect:before { display: inline-block; width: 20px; height: 0; margin-right: 0.5em; border: solid 1px #000; box-sizing: border-box; vertical-align: middle; content: " "; }

#about .basicContent.bookDetail .pdf { margin-top: 33px; padding: 20px; border: solid 2px #3E3A39; }

#about .basicContent.bookDetail .pdf .linkList li { font-size: 14px; }

#about .basicContent.bookDetail .pdf .linkList li a { color: #0086af; font-size: 16px; }

#about .basicContent.bookDetail .pdf .linkList li a:before { color: #3E3A39; -webkit-transition: .3s; transition: .3s; }

#about .basicContent.bookDetail .pdf .linkList li a:hover { opacity: .7; }

#about .basicContent.bookDetail .pdf .linkList li a:hover:before { color: #0086af; }

#about .otherShop a { margin-left: 1em; color: #0086af; }

#about .otherShop a:hover { opacity: .7; }

#about .otherShop a:before { position: relative; top: 4px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#about .col2Content.publishDetail { padding-top: 40px; }

#about #aside.pubAside #asideIn dd li.publish_li { background: #cce7ef; }

#about .col2headline4.firstTtl { margin: 0; padding-top: 54px; }

#about .careerPath { margin-bottom: 1em; }

#about .careerPath p { margin-bottom: 1em; letter-spacing: -1px; }

#about .careerPath dl { font-size: 14px; }

#about .careerPath dt { font-weight: bold; }

#about .careerPath dd { margin-left: 2em; }

#about .careerPath .col2headline-blue { margin-bottom: 10px; color: #3E3A39; }

#about .careerPath #gmExList { padding-top: 1em; }

#about .careerPath #gmExList dt { color: #0086af; font-size: 18px; line-height: 1.3333; }

#about .careerPath #gmExList dt:before { margin-right: 0.25em; color: #3E3A39; content: "・"; }

#about .careerPath #gmExList dd { margin-left: 1.4em; padding-bottom: 1em; font-size: 16px; }

#about .careerPath.tableArea { margin-bottom: 65px; }

#about .careerPath .table2 { margin-top: 0; }

#about .careerPath .table2 caption { padding-bottom: 23px; font-size: 20px; font-weight: bold; text-align: left; }

#about #guidanceWrap { position: relative; }

#about #guidanceWrap #guidance { position: absolute; top: -30px; }

#about .col2headline4.top30 { padding-top: 30px; }

#about #sliderDispatch { position: relative; width: 100%; max-width: 1120px; margin: 0 auto; }

#about #prevD, #about #prevE { display: block; position: absolute; top: 0; left: 0; height: calc(100% - 30px); padding-right: 5%; background: transparent; }

#about #prevD img, #about #prevE img { position: absolute; top: 25%; left: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.6); -webkit-transition: 0.5s; transition: 0.5s; }

#about #prevD:hover, #about #prevE:hover { background: transparent; }

#about #prevD:hover img, #about #prevE:hover img { background: rgba(98, 186, 213, 0.6); }

#about #nextD, #about #nextE { display: block; position: absolute; top: 0; right: 0; height: calc(100% - 30px); padding-left: 5%; background: transparent; }

#about #nextD img, #about #nextE img { position: absolute; top: 25%; right: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.6); -webkit-transition: 0.5s; transition: 0.5s; }

#about #nextD:hover, #about #nextE:hover { background: transparent; }

#about #nextD:hover img, #about #nextE:hover img { background: rgba(98, 186, 213, 0.6); }

#about .slideArrow { width: 40px; height: 120px; background: rgba(0, 0, 0, 0.6); color: #fff; line-height: 120px; text-align: center; z-index: 999; }

.lecturerPanel .lecListNo { display: none; }

@media only screen and (min-width: 641px) { #about.symbol_page #mainContent { padding: 10px 0 120px; } }

#about.en #mainContent #panelShadow { background: url(/images/images2016/about/index-shadow-en.png) no-repeat; background-size: 100%; }

#about.ieStyle #mainContent #panelShadow { display: block; }

#program .col2headline3, #program .col2headline5 { color: #0086af; }

#program .panelLink a:hover { opacity: .6; }

#program #titleArea #pageTitle span.titleExplan { font-size: 18px; letter-spacing: -1px; }

#program #titleArea #pageTitle.line3 { margin-bottom: 24px; }

#program.programHome #mainContent #mainLead p { margin-bottom: 2em; }

#program.programHome #mainContent .programList-en { margin-top: -40px; }

#program.programHome #mainContent .linkList2 li { display: block; float: left; }

#program.programHome #mainContent .linkList2 li .noFloat { float: none; }

#program.programHome #mainContent .linkList2 li:last-of-type .slash { display: none; }

#program.programHome #mainContent .linkList2:after { display: block; clear: both; content: ""; }

#program.programHome #mainContent .btnWrap { margin-top: 1em; }

#program.programHome #mainContent .btnWrap a:before { content: none; }

#program.programHome #mainContent .btnWrap a:hover { color: #fff; }

#program #mainContent { padding-bottom: 115px; background: #f2f2f2; }

#program #mainContent .headline4 { width: 1000px; margin: 0 auto 20px; padding-top: 0; letter-spacing: 0; }

#program #mainContent .programLink { position: relative; padding: 55px 0 0; }

#program #mainContent .linkList2 { padding: 20px 20px 0; box-sizing: border-box; }

#program #mainContent .linkList2 li { padding: 0; }

#program #mainContent .linkList2 li a { letter-spacing: -1px; }

#program #mainContent .linkList2 li a:before { margin-right: 0.3em; }

#program #mainContent #others .linkList2 { padding-top: 0; }

#program #mainContent #others .linkList2 a { letter-spacing: -2px; }

#program.programDetail { /*table*/ }

#program.programDetail #mainContent p a, #program.programDetail #mainContent dd a, #program.programDetail #mainContent li a, #program.programDetail #mainContent table a, #program.programDetail .basicContent p a, #program.programDetail .basicContent dd a, #program.programDetail .basicContent li a, #program.programDetail .basicContent table a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

#program.programDetail #mainContent p a:hover, #program.programDetail #mainContent dd a:hover, #program.programDetail #mainContent li a:hover, #program.programDetail #mainContent table a:hover, #program.programDetail .basicContent p a:hover, #program.programDetail .basicContent dd a:hover, #program.programDetail .basicContent li a:hover, #program.programDetail .basicContent table a:hover { opacity: 0.7; text-decoration: none; }

#program.programDetail #mainContent .linkList a, #program.programDetail #mainContent .linkList2 a, #program.programDetail .basicContent .linkList a, #program.programDetail .basicContent .linkList2 a { color: inherit; text-decoration: none; }

#program.programDetail #mainContent .linkList a:hover, #program.programDetail #mainContent .linkList2 a:hover, #program.programDetail .basicContent .linkList a:hover, #program.programDetail .basicContent .linkList2 a:hover { color: #0086af; }

#program.programDetail #mainContent { padding-bottom: 30px; }

#program.programDetail #mainContent #mainLead p { margin-bottom: 2em; }

#program.programDetail #mainContent #mainLead p:last-child { margin-bottom: 1em; }

#program.programDetail #mainContent .col2headline3 { color: #0086af; }

#program.programDetail .headline3 { padding: 1em 0 0.5em; font-size: 22px; font-weight: bold; }

#program.programDetail .col2headline4 { padding-top: 36px; }

#program.programDetail .onlyHead { padding-bottom: 10px; }

#program.programDetail .bgWhite { background: #fff; }

#program.programDetail .bgLightBlue { background: #e6eeee; }

#program.programDetail .grayList { margin-top: 0; margin-bottom: 1em; }

#program.programDetail .featureLead p { padding: 0 0 30px; }

#program.programDetail .featureLead p.firstChild { margin-top: 2em; }

#program.programDetail .featureLead p:last-of-type { padding-bottom: 1em; }

#program.programDetail .sampleLead { position: relative; margin-bottom: -20px; padding-bottom: 0; font-weight: bold; }

#program.programDetail .lead { font-weight: bold; }

#program.programDetail .txtNormal { font-weight: normal; }

#program.programDetail .txtNormal.first { margin-top: 2em; }

#program.programDetail .ideaLead { position: relative; margin-bottom: -20px; padding-top: 40px; font-weight: bold; }

#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 li { padding-left: 0; text-indent: 0; }

#program.programDetail .list1.number { margin-left: 1.2em; }

#program.programDetail .list3 li { padding: 0 0 0 2em; text-indent: -2em; }

#program.programDetail .list4 { margin-top: .5em; }

#program.programDetail .featureList { padding-bottom: 30px; }

#program.programDetail .contentImg { margin: 30px auto 20px; }

#program.programDetail .contentImg2 { margin: 20px auto 50px; }

#program.programDetail .pentaImg { border: 4px solid #1b5172; }

#program.programDetail .featureImg { margin-bottom: 10px; }

#program.programDetail .explanation2 { margin-top: 1em; background: #EEE; }

#program.programDetail .arrowStep { margin-bottom: 10px; }

#program.programDetail #mainContent .linkList2.reference { margin-top: 0; padding: 0 0 40px; }

#program.programDetail #mainContent .linkList2.reference li { display: block; }

#program.programDetail #mainContent .linkList2.reference li + li { margin-top: .75em; }

#program.programDetail .basicContent { padding-bottom: 40px; }

#program.programDetail .basicContent.lastContent { padding-bottom: 80px; }

#program.programDetail .basicContent a { color: #0086af; text-decoration: underline; -webkit-transition: .3s; transition: .3s; }

#program.programDetail .basicContent a:hover { opacity: 0.7; text-decoration: none; }

#program.programDetail .basicContent a sub, #program.programDetail .basicContent a sup { text-decoration: none; }

#program.programDetail .separate30 { padding-top: 30px; }

#program.programDetail .separate40 { padding-top: 40px; }

#program.programDetail .schedule2 { margin-top: 40px; padding: 10px 10px 1px; background: #232425 url(../../images/slopingBg2.png); }

#program.programDetail .schedule2 .title { padding: 10px 0 20px; color: #FFF; text-align: center; font-size: 22px; line-height: 1.2; }

#program.programDetail .schedule2 .title span { display: block; font-size: 14px; }

#program.programDetail .schedule2 > dd { margin: 0 0 10px; background: #FFF; }

#program.programDetail .schedule2 > dd .day { padding: 10px 0; background: #368dd7; text-align: center; color: #FFF; font-size: 18px; }

#program.programDetail .schedule2 > dd .day.bgWhite { background: #fff; color: #3E3A39; padding: 15px; font-size: 16px; font-weight: 500; text-align: left; font-weight: normal; }

#program.programDetail .schedule2 > dd dd { background: none; text-align: left; }

#program.programDetail .schedule2 > dd p { padding: 15px; }

#program.programDetail .schedule2 .scheduleList > li { padding: 15px; }

#program.programDetail .schedule2 .scheduleList > li p:first-child { margin: 0; color: #3E3A39; font-size: 18px; font-weight: bold; }

#program.programDetail .schedule2 .scheduleList > li p { padding: 0; }

#program.programDetail .schedule2 .scheduleList > li ul { list-style: disc; margin: 0 0 0 30px; }

#program.programDetail .schedule2 .scheduleList > li ul.number { list-style: decimal; }

#program.programDetail .schedule2 .scheduleList dt { color: #3E3A39; font-size: 18px; font-weight: bold; text-align: left; }

#program.programDetail .schedule2 .scheduleList .box { margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF; }

#program.programDetail .schedule2 .scheduleList .box dt { font-size: 16px; }

#program.programDetail .schedule2.follower { background: #fff; }

#program.programDetail .schedule2.follower dd { box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }

#program.programDetail .program-aim-navigation { margin-bottom: 1em; background: #f2f5f8; }

#program.programDetail .program-aim-navigation th, #program.programDetail .program-aim-navigation td { border: solid 2px #fff; }

#program.programDetail .program-aim-navigation thead { color: #FFF; background: #005198; }

#program.programDetail .program-aim-navigation thead th, #program.programDetail .program-aim-navigation thead td { padding: 1em; text-align: center; font-weight: bold; }

#program.programDetail .program-aim-navigation thead th { width: 190px; }

#program.programDetail .program-aim-navigation tbody th a { padding: 1em 1em 1em 2em; display: block; color: #005198; text-decoration: none; }

#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; }

#program.programDetail #feature .headline3 { padding: 1em 0 0.5em; color: #900000; font-size: 22px; font-weight: bold; }

#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 20px; }

#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 { padding: 0.5em 1em; font-size: 16px; }

#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: 125px; background: #e7f4ff; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; font-weight: bold; text-align: left; vertical-align: top; }

#program.programDetail #feature .table1 th.gray, #program.programDetail #feature .table2 th.gray, #program.programDetail #feature .table3 th.gray, #program.programDetail #feature .table4 th.gray, #program.programDetail #feature .tableMini th.gray { background: #DEDEDE; }

#program.programDetail #feature .table1 th.blue, #program.programDetail #feature .table2 th.blue, #program.programDetail #feature .table3 th.blue, #program.programDetail #feature .table4 th.blue, #program.programDetail #feature .tableMini th.blue { background: #5A9FDC; color: #FFF; }

#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: 12px; }

#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 { background: #f7f7f7; border-bottom: 2px solid #FFF; text-align: left; }

#program.programDetail #feature .table1 td.blue, #program.programDetail #feature .table2 td.blue, #program.programDetail #feature .table3 td.blue, #program.programDetail #feature .table4 td.blue, #program.programDetail #feature .tableMini td.blue { background: #e7f4ff; }

#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 { list-style: disc; margin: 0 0 1em 18px; font-weight: normal; }

#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 { list-style: square; margin: 0 0 10px; font-weight: bold; }

#program.programDetail #feature .table1 .title span, #program.programDetail #feature .table2 .title span, #program.programDetail #feature .table3 .title span, #program.programDetail #feature .table4 .title span, #program.programDetail #feature .tableMini .title span { font-weight: normal; }

#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: 25px; }

#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: 5px; }

#program.programDetail #feature .table1 .area_slim, #program.programDetail #feature .table2 .area_slim, #program.programDetail #feature .table3 .area_slim, #program.programDetail #feature .table4 .area_slim, #program.programDetail #feature .tableMini .area_slim { width: 480px; }

#program.programDetail #feature .table1 .figure, #program.programDetail #feature .table2 .figure, #program.programDetail #feature .table3 .figure, #program.programDetail #feature .table4 .figure, #program.programDetail #feature .tableMini .figure { border: 1px solid #CCC; background: #FFF; }

#program.programDetail #feature .table1 .arrow, #program.programDetail #feature .table2 .arrow, #program.programDetail #feature .table3 .arrow, #program.programDetail #feature .table4 .arrow, #program.programDetail #feature .tableMini .arrow { margin: 0 !important; text-align: center; }

#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: 10px 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: 5px 20px; background: #608ed5; color: #FFF; }

#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: 10px 20px; background: #FFF; }

#program.programDetail #feature .table1 .flowRight img, #program.programDetail #feature .table2 .flowRight img, #program.programDetail #feature .table3 .flowRight img, #program.programDetail #feature .table4 .flowRight img, #program.programDetail #feature .tableMini .flowRight img { float: right; }

#program.programDetail #feature .table1 .flowRight:after, #program.programDetail #feature .table2 .flowRight:after, #program.programDetail #feature .table3 .flowRight:after, #program.programDetail #feature .table4 .flowRight:after, #program.programDetail #feature .tableMini .flowRight:after { clear: both; display: block; content: ''; }

#program.programDetail #feature .table1 .flowRight + .arrow, #program.programDetail #feature .table2 .flowRight + .arrow, #program.programDetail #feature .table3 .flowRight + .arrow, #program.programDetail #feature .table4 .flowRight + .arrow, #program.programDetail #feature .tableMini .flowRight + .arrow { list-style: none; text-align: right; }

#program.programDetail #feature .table1 .strong, #program.programDetail #feature .table2 .strong, #program.programDetail #feature .table3 .strong, #program.programDetail #feature .table4 .strong, #program.programDetail #feature .tableMini .strong { font-weight: bold; font-size: 15px; padding: 1em 0 0 0; }

#program.programDetail #feature .table1.partsCenter thead th, #program.programDetail #feature .table2.partsCenter thead th, #program.programDetail #feature .table3.partsCenter thead th, #program.programDetail #feature .table4.partsCenter thead th, #program.programDetail #feature .tableMini.partsCenter thead th { text-align: center; }

#program.programDetail #feature .table1.partsCenter td, #program.programDetail #feature .table2.partsCenter td, #program.programDetail #feature .table3.partsCenter td, #program.programDetail #feature .table4.partsCenter td, #program.programDetail #feature .tableMini.partsCenter td { text-align: center; }

#program.programDetail #feature .table1.borderTable, #program.programDetail #feature .table2.borderTable, #program.programDetail #feature .table3.borderTable, #program.programDetail #feature .table4.borderTable, #program.programDetail #feature .tableMini.borderTable { border: solid 3px #ccc; }

#program.programDetail #feature .tableMini { width: 100%; table-layout: auto; font-size: 12px; }

#program.programDetail #feature .tableMini.fontMini td { font-size: 11px; letter-spacing: -0.04em; vertical-align: top; padding: 1em 0.3em; border-right: 2px solid #fff; }

#program.programDetail #feature .tableMini .tdGray { background: #d9d9d9; }

#program.programDetail #feature .tableMini .tdRed { background: #f3cccb; }

#program.programDetail #feature .tableMini .tdBlue { background: #cfecf4; }

#program.programDetail #feature .tableMini .tdPurple { background: #ddccf0; }

#program.programDetail #feature .tableMini .tdOrange { background: #fcd5b4; }

#program.programDetail #feature .tableMini .tdGreen { background: #d8e4bc; }

#program.programDetail #feature .tableMini .center { text-align: center; }

#program.programDetail #feature .tableMini .middle td { vertical-align: middle; }

#program.programDetail #feature .tableMini th, #program.programDetail #feature .tableMini td { padding: 0.3em; }

#program.programDetail #feature .tableMini th { vertical-align: middle; }

#program.programDetail #feature .tableMini th.first { width: 3em; }

#program.programDetail #feature .tableMini .time { font-size: 10px; }

#program.programDetail #feature .table1.ghd th { width: auto; vertical-align: middle; text-align: center; }

#program.programDetail #feature .table1.ghd td, #program.programDetail #feature .table1.ghd th { padding: 3px; font-size: 12px; word-break: break-all; }

#program.programDetail #feature .table1.ghd td { padding-left: 5px; }

#program.programDetail #feature .table1.ghd .th1 { width: 15em; }

#program.programDetail #feature .table1.ghd .th2 { width: 6em; }

#program.programDetail #feature .table1.ghd .th3 { width: 7.5em; }

#program.programDetail #feature .table1.ghd .th4 { width: 11em; }

#program.programDetail #feature .table1.ghd .th5 { width: 5.5em; }

#program.programDetail #feature .table1.ghd .th6 { width: 3em; }

#program.programDetail #feature .table1.press thead th, #program.programDetail #feature .table1.press thead td { background: #5197c8; color: #FFF; padding: 10px 1em; font-weight: bold; }

#program.programDetail .supplementary { padding: 20px 20px 0; background: #e4e9ed; margin: 20px 0; }

#program.programDetail .supplementary dt { font-size: 16px; margin: 0 0 0 -0.5em; }

#program.programDetail .supplementary dd { font-size: 12px; padding: 0 0 20px; }

#program.programDetail .supplementary dd ul { padding: 0 0 0 1.5em; list-style: disc; }

#program.programDetail .supplementary dd ul.number { list-style: decimal; }

#program.programDetail .supplementary dd li { margin: 0 0 0.2em; font-weight: bold; }

#program.programDetail .outlineBox1, #program.programDetail .squareList1 li { padding: 20px; background: #f2f5f8; }

#program.programDetail .explanation2 { padding: 2em; background: #fff; text-align: left; }

#program .wMgrTable { margin-top: 0; font-size: 18px; }

#program .wMgrTable th { border: none; background: #368dd7; color: #fff; font-size: 18px; }

#program .wMgrTable td { border: none; }

#program .wMgrTable tr { border-bottom: 1px solid #f2f2f2; }

#program .wMgrTable tr:last-child { border-bottom: none; }

#program .wMgrTable .list1W li { margin-bottom: .5em; padding-left: 1em; text-indent: -1em; font-weight: bold; }

#program #aside #asideIn .sideBnrProgram { position: absolute; bottom: -400px; left: 0; width: 100%; -webkit-transition: .3s; transition: .3s; box-shadow: 0 0 20px rgba(62, 58, 57, 0.2); }

#program #aside #asideIn .sideBnrProgram:hover { opacity: .7; }

.stepList .movieWrap { margin-top: 1em; }

.stepList .movieWrap a { color: #0086af; }

.stepList .movieWrap a:hover { text-decoration: none; opacity: 0.8; }

.stepList .movieWrap .saleyoutubeWrap { margin: 2em auto 0; text-align: center; }

.stepList .movieWrap .saleyoutubeWrap a { display: inline-block; width: 310px; }

.stepList .movieWrap .saleyoutubeWrap img { display: block; margin-bottom: .5em; width: 100%; height: auto; }

.stepList .movieWrap .saleyoutubeWrap:empty { margin: 0; }

.stepList .movieWrap .saleyoutubeWrap.twoItems a:first-child { float: left; }

.stepList .movieWrap .saleyoutubeWrap.twoItems a:last-child { float: right; }

.stepList .arrow { margin: 1em auto; }

.stepHeadlne span, .comprehension, .completion { display: inline-block; padding: .25em 2em; font-size: 1.2em; font-weight: bold; }

.stepHeadlne { margin-bottom: 1em; font-size: 1.3em; font-weight: bold; }

.stepHeadlne span { margin-right: 1em; background: #0086af; color: #fff; }

.comprehension { background: #FBA34B; }

.completion { background: #B7FC64; }

.noLinkImportant { pointer-events: none !important; font-size: 0 !important; }

.parallelogram { display: inline-block; position: relative; top: 0; margin-left: 2em; padding: 0 0.5em; color: #fff; font-size: 10px; font-weight: bold; line-height: 18px; vertical-align: middle; font-family: sans-serif; letter-spacing: -.05em; }

.parallelogram + .parallelogram { margin-left: 20px; }

.parallelogram:before { position: absolute; top: 0; left: -16px; width: 0; height: 0; border-style: solid; border-width: 0 0 18px 16px; content: ""; }

.parallelogram:after { position: absolute; top: 0; right: -16px; width: 0; height: 0; border-style: solid; border-width: 18px 16px 0 0; content: ""; }

.parallelogram:first-child { background: #00649a; }

.parallelogram:first-child:before { border-color: transparent transparent #00649a transparent; }

.parallelogram:first-child:after { border-color: #00649a transparent transparent transparent; }

.parallelogram:nth-child(2) { background: #0097ce; }

.parallelogram:nth-child(2):before { border-color: transparent transparent #0097ce transparent; }

.parallelogram:nth-child(2):after { border-color: #0097ce transparent transparent transparent; }

.parallelogram:nth-child(3) { background: #009a65; }

.parallelogram:nth-child(3):before { border-color: transparent transparent #009a65 transparent; }

.parallelogram:nth-child(3):after { border-color: #009a65 transparent transparent transparent; }

.parallelogram.block { background: #009a65; }

.parallelogram.block:before { border-color: transparent transparent #009a65 transparent; }

.parallelogram.block:after { border-color: #009a65 transparent transparent transparent; }

.parallelogram.case { background: #00649a; }

.parallelogram.case:before { border-color: transparent transparent #00649a transparent; }

.parallelogram.case:after { border-color: #00649a transparent transparent transparent; }

.parallelogram.feed { background: #05479d; }

.parallelogram.feed:before { border-color: transparent transparent #05479d transparent; }

.parallelogram.feed:after { border-color: #05479d transparent transparent transparent; }

.parallelogram.reflect { background: #70b658; }

.parallelogram.reflect:before { border-color: transparent transparent #70b658 transparent; }

.parallelogram.reflect:after { border-color: #70b658 transparent transparent transparent; }

.parallelogram.role { background: #2f9999; }

.parallelogram.role:before { border-color: transparent transparent #2f9999 transparent; }

.parallelogram.role:after { border-color: #2f9999 transparent transparent transparent; }

.parallelogram.study { background: #0097ce; }

.parallelogram.study:before { border-color: transparent transparent #0097ce transparent; }

.parallelogram.study:after { border-color: #0097ce transparent transparent transparent; }

.parallelogram.work { background: #496a00; }

.parallelogram.work:before { border-color: transparent transparent #496a00 transparent; }

.parallelogram.work:after { border-color: #496a00 transparent transparent transparent; }

.parallelogram.work2 { background: #8bc34a; }

.parallelogram.work2:before { border-color: transparent transparent #8bc34a transparent; }

.parallelogram.work2:after { border-color: #8bc34a transparent transparent transparent; }

#caseStudy #mainContent { padding-bottom: 80px; background: #f2f2f2; }

#caseStudy #mainContent #localNaviWrap #localNav2 li a.leftEdge { padding-left: 0; }

#caseStudy #mainContent .headline4 { width: 1000px; margin: 0 auto 20px; padding-top: 0; letter-spacing: 0; }

#caseStudy #mainContent .caseLink { position: relative; padding: 55px 0 0; }

#caseStudy #mainContent .caseLink li a p small, #caseStudy #mainContent .caseLink li a p span { margin-left: 1.5em; font-size: 14px; }

#caseStudy #mainContent .caseLink .newLabel { position: relative; top: -1px; padding: 3px 14px; border: solid 2px #c00; color: #c00; }

#caseStudy #mainContent .linkList2 { padding: 20px 20px 0; box-sizing: border-box; }

#caseStudy #mainContent .linkList2 li { padding: 0; }

#caseStudy #mainContent .linkList2 li a { letter-spacing: -1px; }

#caseStudy #mainContent .linkList2 li a:before { margin-right: 0.3em; }

#caseStudy #mainContent #others .linkList2 { padding-top: 0; }

#caseStudy #mainContent #others .linkList2 a { letter-spacing: -2px; }

#caseStudy.caseDetail #caseGenre { display: none; }

#caseStudy.caseDetail #topicPath { margin-bottom: 3px; }

#caseStudy.caseDetail #titleArea #pageTitle { margin-bottom: 27px; }

#caseStudy.caseDetail #titleArea #pageTitle.oneLine { padding: 18px 0; }

#caseStudy.caseDetail #titleArea #pageTitle span.titleExplan { display: inline-block; padding: 0 14px; background: url(/images/images2016/case/label-bg.png) repeat-x; color: #fff; font-size: 16px; letter-spacing: -1px; line-height: 26px; }

#caseStudy.caseDetail #mainContent { padding-bottom: 50px; background: #e6eeee; }

#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 { color: #0086af; line-height: 1.14285714285714; }

#caseStudy.caseDetail #mainContent .col2headline3 + .col2headline4 { padding-top: 20px; }

#caseStudy.caseDetail #mainContent .explanation1 { margin-bottom: 0; }

#caseStudy.caseDetail .col2headline4 { margin-bottom: 25px; padding-top: 40px; font-size: 24px; }

#caseStudy.caseDetail .col2headline4 + ul.lead.list1 { margin-left: 1em; font-weight: bold; list-style-type: disc; list-style-position: inside; }

#caseStudy.caseDetail .col2headline-blue { margin: 14px 0; padding-bottom: 13px; background: url(/images/images2016/case/border-1.png) repeat-x; background-position: left bottom; }

#caseStudy.caseDetail .onlyHead { padding-bottom: 10px; }

#caseStudy.caseDetail .noPadding { padding: 0; }

#caseStudy.caseDetail .top50 { padding-top: 50px; }

#caseStudy.caseDetail .top30 { padding-top: 30px; }

#caseStudy.caseDetail .supplementary, #caseStudy.caseDetail .explanation2 { position: relative; margin: 0 0 10px; padding: 40px 40px 30px; background: #fff; }

#caseStudy.caseDetail .supplementary dt, #caseStudy.caseDetail .explanation2 dt { font-size: 20px; font-weight: bold; }

#caseStudy.caseDetail .supplementary dd, #caseStudy.caseDetail .explanation2 dd { font-size: 14px; }

#caseStudy.caseDetail .supplementary dd ul, #caseStudy.caseDetail .explanation2 dd ul { list-style: disc; padding: 0 0 0 1.5em; }

#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 dd .list1 li, #caseStudy.caseDetail .explanation2 dd .list1 li { padding-left: 0; text-indent: 0; }

#caseStudy.caseDetail .supplementary .photo, #caseStudy.caseDetail .explanation2 .photo { float: right; margin-left: 30px; }

#caseStudy.caseDetail .supplementary .photo + p, #caseStudy.caseDetail .explanation2 .photo + p { position: absolute; top: 50%; margin-top: -27px; }

#caseStudy.caseDetail .supplementary:after, #caseStudy.caseDetail .explanation2:after { display: inline-block; position: relative; right: 0; bottom: -50px; left: 0; width: 680px; margin: 0 auto; content: url(/images/images2016/box-shadow-col2.png); z-index: 999; }

#caseStudy.caseDetail .btn { display: inline-block; position: relative; margin-left: 20px; padding: 6px 25px 6px 55px; background: #0086af; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: left; -webkit-transition: .3s; transition: .3s; }

#caseStudy.caseDetail .btn:hover { background: #0099cc; }

#caseStudy.caseDetail .btn:before { position: absolute; top: 50%; left: 20px; margin-top: -15px; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "y"; }

#caseStudy.caseDetail .basicContent { padding-bottom: 50px; }

#caseStudy.caseDetail .basicContent.lastContent { padding-bottom: 80px; }

#caseStudy.caseDetail .explanation3 li { padding-left: 1.5em; }

#caseStudy.caseDetail table.table2.caseTable { margin-bottom: 30px; }

#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 .caseTable { margin-top: 0; }

#caseStudy.caseDetail .caseTable th, #caseStudy.caseDetail .caseTable td { font-size: medium; border: solid 2px #f2f2f2; box-sizing: border-box; }

#caseStudy.caseDetail .caseTable th small, #caseStudy.caseDetail .caseTable td small { color: #666; font-size: 14px; }

#caseStudy.caseDetail .caseTable th p:last-child, #caseStudy.caseDetail .caseTable td p:last-child { margin-bottom: 0; }

#caseStudy.caseDetail .caseTable th { width: 145px; padding: 1em 2em; background: #009cb0; color: #fff; text-align: left; vertical-align: middle; font-weight: bold; }

#caseStudy.caseDetail .caseTable th span { font-size: 12px; letter-spacing: normal; }

#caseStudy.caseDetail .caseTable .lead { padding-bottom: 10px; font-size: 20px; font-weight: bold; }

#caseStudy.caseDetail .caseTable a { text-decoration: none; }

#caseStudy.caseDetail #caseTableWrap .lead { padding-bottom: 10px; font-size: 20px; font-weight: bold; }

#caseStudy.caseDetail #caseTableWrap .list1.number { list-style-position: inside; }

#caseStudy.caseDetail .title.wMgr { padding: 20px 10px; background: #7fcdd7; color: #FFF; text-align: center; font-size: 22px; font-weight: bold; line-height: 1.2; }

#caseStudy.caseDetail .title.wMgr:after { position: absolute; border: 15px solid transparent; border-top: 15px solid #7fcdd7; top: 65px; left: 50%; margin-left: -15px; content: ''; }

#caseStudy.caseDetail .lead.wMgr { padding: 30px 0 20px; font-weight: bold; text-align: center; }

#caseStudy.caseDetail .table1, #caseStudy.caseDetail .table3, #caseStudy.caseDetail .table4 { box-shadow: 0 0 3px rgba(171, 139, 110, 0.38); }

#caseStudy.caseDetail .table1 th, #caseStudy.caseDetail .table3 th, #caseStudy.caseDetail .table4 th { background: #009cb0; color: #fff; font-weight: bold; }

#caseStudy.caseDetail .table1.caseTable, #caseStudy.caseDetail .table3.caseTable, #caseStudy.caseDetail .table4.caseTable { box-shadow: none; }

#caseStudy.caseDetail .figure.boxCommentary2 { margin-top: 40px; }

#caseStudy.caseDetail .stcWrap p { margin-bottom: 1em; }

#caseStudy.caseDetail .stcWrap p:last-child { margin-bottom: 0; }

#caseStudy.caseDetail .stcWrap #mainContent p.lead { margin-bottom: -2px; }

#caseStudy.caseDetail .stcWrap .table1, #caseStudy.caseDetail .stcWrap .explanation2 { margin: 30px 0 40px; }

#caseStudy.caseDetail .stcWrap .table1 p, #caseStudy.caseDetail .stcWrap .explanation2 p { margin: 0; }

#caseStudy.caseDetail .stcWrap .explanation2 p { margin-top: 1em; padding-left: 0; }

#caseStudy.caseDetail .stcWrap .outlineBox1 { padding: 1.5em; }

#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-left: 1em; }

#caseStudy.caseDetail .stcWrap .list1 li { margin: 0 0 10px; padding: 0; text-indent: 0; }

#caseStudy.caseDetail .stcWrap .list1 li:last-child { margin-bottom: 0; }

#caseStudy.caseDetail .stcWrap .proposal p { margin-bottom: 0; padding-bottom: 15px; }

#caseStudy.caseDetail .stcWrap .proposal dd.aim { padding: 1em; }

#caseStudy.caseDetail .stcWrap .lead.proposal { position: relative; margin: 0 0 30px; padding: 0 0 10px; background: none; border-bottom: 1px solid #7fcdd7; font-weight: bold; }

#caseStudy.caseDetail .stcWrap .lead.proposal:after { position: relative; bottom: -20px; display: block; content: ''; width: 0; height: 0; margin: 0 auto; border-top: 10px solid #7fcdd7; border-left: 10px solid transparent; border-right: 10px solid transparent; }

#caseStudy.caseDetail .stcWrap .table1 th { font-weight: bold; }

#caseStudy.caseDetail .stcWrap .table1 ul { list-style: disc; margin: 0 0 1em 18px; font-weight: normal; }

#caseStudy.caseDetail .stcWrap .table1 .title { list-style: square; margin: 0 0 10px; font-weight: bold; }

#caseStudy.caseDetail .stcWrap .table1 .title span { font-weight: normal; }

#caseStudy.caseDetail .stcWrap .table1 .day { margin: 10px 0; }

#caseStudy.caseDetail .stcWrap .table1 .day dt { padding: 5px 20px; background: #608ed5; color: #FFF; }

#caseStudy.caseDetail .stcWrap .table1 .day dd { padding: 10px 20px; background: #f2f2f2; }

#caseStudy.caseDetail .stcWrap .table1 .arrow { text-align: center; }

#caseStudy.caseDetail .stcWrap .table1 .arrow img { width: 3em; }

#caseStudy.caseDetail .stcWrap .table1.noMargin .figure { margin: 10px 0; border: solid 1px #ccc; }

#caseStudy.caseDetail .stcWrap .table1.noMargin .figure img { width: 100%; height: auto; }

#caseStudy.caseDetail .stcWrap #stcTable2 th { width: 170px; padding: 1em; font-weight: bold; text-align: left; }

#caseStudy.caseDetail .stcWrap #stcTable2 th span { display: block; margin-top: 10px; font-size: 14px; }

#caseStudy.caseDetail .flow > dt { padding: 5px 10px; background: #009cb0; color: #fff; font-weight: bold; }

#caseStudy.caseDetail .flow > dd { margin: 0 0 10px; padding: 10px; }

#caseStudy.caseDetail .flow > dd dt { font-weight: bold; }

#caseStudy.caseDetail .flow > dd dd { margin: 0 0 10px; }

#caseStudy.caseDetail .flow > dd:last-child, #caseStudy.caseDetail .flow > dd:last-child p { margin-bottom: 0; padding-bottom: 0; }

#caseStudy.caseDetail .flow.proposal { padding: 40px 20px; }

#caseStudy.caseDetail .skill { padding: 10px; background: #009cb0; color: #fff; font-weight: bold; text-align: center; opacity: .8; }

#caseStudy .no_genre { display: none !important; }

#caseStudy .proposal a { color: #0086af; }

#caseStudy .proposal a:hover { opacity: .7; }

#caseStudy .innerTitle-border_bottom { margin-bottom: 1em; padding-bottom: .5em; border-bottom: solid 1px #aaa; display: block; font-size: 1.1em; font-weight: bold; }

#caseStudy .small_title { margin-bottom: .5em; display: block; font-size: .8em; font-weight: normal; }

#caseStudy .panelLink a:hover { opacity: .6; }

#news #titleArea.ttlOneline #topicPath { margin-bottom: 45px; }

#news #mainContent { position: relative; padding-bottom: 120px; background: #f2f2f2; }

#news #mainContent .col2headline4 { margin-bottom: 7px; padding-top: 40px; }

#news #infoList { margin-top: 26px; min-height: 350px; }

#news #infoList > li { position: relative; margin-bottom: 30px; }

#news #infoList a { display: block; }

#news #infoList a:hover { opacity: .6; }

#news #infoList .newLabel:before { display: inline-block; position: absolute; left: 0; color: #f30; font-size: 12px; font-weight: bold; content: "NEW"; }

#news #infoList dt.ymd { width: 100%; margin-bottom: 10px; padding-left: 40px; color: #0086af; font-size: 14px; box-sizing: border-box; }

#news #infoList dt.ymd .infoLabel { display: inline-block; margin-left: 10px; padding: 4px 20px; line-height: 1; border: solid 1px #0086af; }

#news #infoList dt.ymd .infoLabel.press { color: #fff; background: #0086af; }

#news #infoList dd { width: 100%; padding-left: 40px; 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: -1px; }

#news #infoList dd dd p:last-child { margin-bottom: 0; }

#news #infoList dd .inlineList { padding-top: .5em; padding-bottom: 0; }

#news #infoList .infoGenre { margin-top: 0.25em; color: #0086af; font-size: 14px; }

#news #infoList.archive .day p { display: inline-block; margin-bottom: 10px; padding-left: 40px; color: #0086af; font-size: 14px; box-sizing: border-box; }

#news #infoList.archive .day .infoLabel { margin-left: 10px; padding: 4px 20px; border: solid 1px #0086af; color: #0086af; font-size: 14px; }

#news #infoList.archive .day .infoLabel.press { color: #fff; background: #0086af; }

#news #infoList.archive .detailWrap > dl { padding-left: 40px; 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: 10px; padding-left: 40px; color: #0086af; font-size: 14px; box-sizing: border-box; }

#news #infoList.archive.year2012 .detailWrap > dl dt { display: inline-block; margin-bottom: 0.5em; }

#news.newsDetail #mainContent { padding-bottom: 0em; }

#news.newsDetail #mainContent .infoh3 { margin-bottom: 1em; padding-top: 0em; }

#info.en.gtpp #pageTitle { width: 750px; margin-bottom: 70px; font-size: 28px; }

#info.en.gtpp figure { display: block; background: url(/images/images2016/en/information/gtpp/mainVisual-bgi.png) repeat-x; }

#info.en.gtpp figure .inner { display: block; width: 1000px; margin: 0 auto; padding: 0; }

#info.en.gtpp #aside #asideIn .topLink { padding: 0 20px; }

#info.en.gtpp #aside #asideIn .topLink a { line-height: 1.2; text-align: left; }

#info.en.gtpp .mainheadline3 { padding: 2em 0 2em; font-size: 36px; color: #CC5F00; }

#info.en.gtpp .inner { width: 740px; padding-bottom: 5em; line-height: 1.75; overflow: hidden; }

#info.en.gtpp .inner p + p { padding-top: 2em; }

#info.en.gtpp .inner a:hover { color: #0086af; }

#info.en.gtpp .inner .bgYellow { background: #f3ed8d; }

#info.en.gtpp #contactArea { padding: 0 0 60px; text-align: center; }

#info.en.gtpp #contactArea #contactWrap { padding: 0; }

#info.en.gtpp #contactArea .col2Content { padding-top: 5em; }

#info.en.gtpp #contactArea .col2Content:before { position: absolute; top: -1px; right: 0; left: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ecebeb transparent transparent transparent; content: ''; }

#info.en.gtpp #contactArea .btnHome { width: 66%; background: transparent; }

#info.en.gtpp #contactArea .btnHome a { font-size: 28px; 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; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); color: #fff; }

#info.en.gtpp #contactArea .btnHome:hover a { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4c87ab), color-stop(1, #0c4475)); background: -webkit-linear-gradient(top, #4c87ab 5%, #0c4475 100%); background: linear-gradient(to bottom, #4c87ab 5%, #0c4475 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$btnBgColor', endColorstr='$btnBgBtm',GradientType=0); background-color: #4c87ab; }

#info.en.gtpp #contactArea .btnHome:active a { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); }

#info.en.gtpp #contactArea .btnHome:after { color: #fff; }

#info.en.gtpp #classEntry { display: inline-block; border-radius: 5px; background: #fff; overflow: hidden; }

#info.en.gtpp .applyHeadline { margin-top: 3em; padding-top: 1.5em; padding-bottom: .25em; color: #fff; font-size: 24px; border-top: solid 1px #66afc5; }

#info.en.gtpp .telBox { width: 100%; margin: 0; padding: 16px 40px; text-align: left; }

#info.en.gtpp .telBox a { line-height: 1; }

#info.en.gtpp .telBox p:before { display: inline-block; width: 36px; line-height: 1; text-align: center; vertical-align: bottom; }

#info.en.gtpp .tel { padding: 0 0 .25em 0; font-size: 20px; }

#info.en.gtpp .tel:before { font-size: 32px; }

#info.en.gtpp .tel small { display: inline-block; margin-left: .25em; font-size: 18px; }

#info.en.gtpp .email:before { position: relative; content: "Q"; font-size: 28px; font-family: "ilm"; margin-right: 6px; }

#info.en.gtpp .email a { letter-spacing: 0.05em; font-size: 18px; text-decoration: underline; }

#info.en.gtpp .email a:hover { color: #0086af; }

/*news*/
.newsDetail .infocontent { padding-top: 4em; }

.newsDetail .infocontent:last-child { padding-bottom: 5em; }

.newsDetail .postDay { position: absolute; right: 260px; bottom: 15px; }

.newsDetail .postDay span { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; }

.newsDetail .col2Content figure { width: auto; margin-top: 2em; }

.newsDetail .col2Content figure .small { display: inline-block; margin: 1em 0 0; color: #666; font-size: smaller; }

.newsDetail .col2Content figure.center { padding-bottom: 2em; text-align: center; }

.newsDetail .col2Content figure.right { margin: 0 0 1em 2em; float: right; text-align: center; }

.newsDetail .col2Content figure:last-child { padding-bottom: 0em; }

.newsDetail .col2Content figure.margin-top0 { margin-top: 0; }

.newsDetail .col2Content figure img { display: inline-block; }

.newsDetail .col2Content figure p { margin: .5em 0 0; font-size: 14px; }

.newsDetail .col2Content .oList { margin: 1.5em 0; }

.newsDetail .col2Content .oList li { margin-left: 1em; text-indent: -1em; }

.newsDetail .col2Content p + p { margin-top: 1.5em; }

.newsDetail .col2Content .text-collar-red { margin-bottom: 1em; margin-top: 1.4em; color: #c80000; font-size: 18px; font-weight: bold; }

.newsDetail .col2Content .subtitle-underBar { margin: 1.7em 0 1em; border-bottom: solid 1px #000; width: 740px; }

.newsDetail .contact { padding: 1em 0 0; border-top: 1px solid #000; }

.newsDetail #mainContent .col2headline4.infoh3 { margin-bottom: 1em; padding-top: 0em; }

.newsDetail .bar-graph ul:nth-child(2) li .percent { background: #E7754B; }

.newsDetail .bar-graph ul:nth-child(3) li .percent { background: #EAB433; }

.newsDetail .bar-graph ul:nth-child(4) li .percent { background: #44BAE4; }

.newsDetail .bar-graph ul:nth-child(5) li .percent { background: #2AB19D; }

.newsDetail .bar-graph ul:nth-child(6) li .percent { background: #9474C1; }

.newsDetail .movieWrap { margin: 1.5em 0 0; width: 100%; max-width: 740px; }

.newsDetail .movieWrap video { width: 100%; }

.newsDetail .movieWrap p { margin: .5em 0 0; font-size: 14px; text-align: center; }

.newsDetail .movieWrap.vertical { margin: 1.5em auto 0; width: 300px; max-width: none; }

.newsDetail .introContent { padding: 4em 0; background-color: transparent; }

.newsDetail .introContent .introContentWrap { width: 100%; }

.newsDetail .introContent .introContentWrap li dl { display: -webkit-box; display: flex; }

.newsDetail .introContent .introContentWrap li dt, .newsDetail .introContent .introContentWrap li dd { display: block; }

.newsDetail .introContent .introContentWrap li dd { max-width: 600px; }

#contact #mainContent { background: #f2f2f2; }

#contact #mainContent .headline4 { width: 1000px; margin: 0 auto 30px; padding-top: 40px; }

#contact #mainContent .headline_lb { width: 1000px; margin: 0 auto 30px; }

#contact #mainContent.enContact { padding-top: 40px; }

#contact #mainLead { margin-bottom: 30px; padding: 0; letter-spacing: -1px; }

#contact .contactForm { margin: 0 auto; display: -webkit-box; display: flex; width: 1000px; background: #FFF; }

#contact .contactForm .info { padding: 5px 40px; width: 735px; }

#contact .contactForm .info .contactTel, #contact .contactForm .info .contactMail { display: -webkit-box; display: flex; height: 50px; line-height: 55px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

#contact .contactForm .info .contactTel dt, #contact .contactForm .info .contactMail dt { width: 200px; font-size: 14px; }

#contact .contactForm .info .contactTel dd, #contact .contactForm .info .contactMail dd { font-size: 26px; }

#contact .contactForm .info .contactTel dd a:before { position: relative; content: "A"; font-size: 36px; font-family: "ilm"; margin-right: 6px; vertical-align: top; }

#contact .contactForm .info .contactMail dd a:before { position: relative; content: "Q"; font-size: 34px; font-family: "ilm"; margin-right: 6px; vertical-align: top; }

#contact .contactForm .info .contactMail { line-height: 45px; }

#contact .contactForm .btnWrap { padding: 20px 40px; border-left: 3px solid #f2f2f2; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#contact .entryBtn .btnHome { display: block; width: 225px; background: #0086af; }

#contact .entryBtn .btnHome:hover { background: #62bad5; }

#contact .entryBtn .btnHome:hover a { color: #fff; }

#contact #various { margin-bottom: 30px; }

#contact #panelLead { margin: 30px 0; }

#contact #mainPanel { padding-bottom: 120px; background: #f2f2f2; }

#contact #mainPanel .section { position: relative; margin: 0 auto 10px; padding: 20px 40px; background: #fff; }

#contact #mainPanel .section .headline_lb { padding-top: 20px; line-height: 1.2; }

#contact #mainPanel .section.toForm { display: table; width: 100%; padding: 0 20px 0 40px; box-sizing: border-box; overflow: hidden; }

#contact #mainPanel .section.toForm .leftBox { display: table-cell; width: 740px; padding: 20px 0; vertical-align: top; }

#contact #mainPanel .section.toForm .entryBtn { display: table-cell; float: none; margin-top: 0; text-align: right; vertical-align: middle; }

#contact #mainPanel .section.toForm .entryBtn .btnHome { display: inline-block; }

#contact #mainPanel .section:last-child { margin-bottom: 0; }

#contact.contactFormPage #pageTitle { margin: 50px auto 60px; line-height: 1; }

#contact.contactFormPage #mainContent { padding-top: 50px; }

#contact.contactFormPage #mainLead { margin: 0 auto 50px; }

#contact.contactFormPage #legal_agreement .headline_lb { width: 100%; font-size: 22px; }

#contact.contactFormPage #legal_agreement h3 { padding-bottom: .5em; border-bottom: solid 1px #ccc; font-size: 18px; color: #3E3A39; font-weight: bold; }

#contact.contactFormPage #legal_agreement p { margin: 1em 0 0 1.33333em; font-weight: normal; }

#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: 60px; }

#contact.contactFormPage .boxCommentary { padding: 60px; }

#contact.contactFormPage .boxCommentary h3, #contact.contactFormPage .boxCommentary p { text-align: left; }

#contact.contactFormPage .boxCommentary .redWrap { text-align: right; }

#contact.contactFormPage .boxCommentary .textCenter { text-align: center; }

#contact.contactFormPage .inputWrap { margin: 40px auto; line-height: 3; }

#contact.contactFormPage .inputWrap label { padding: 1em 3em; border: solid 2px #3E3A39; }

#contact.contactFormPage .inputWrap label + label { border-left: 0; }

#contact.contactFormPage .inputWrap label input { margin-right: 1em; }

#contact.contactFormPage .headline_CB_form { font-size: 22px; line-height: 1.4545454545; text-align: left; }

#contact.contactFormPage .table1 { margin-top: .5em; }

#contact.contactFormPage .table_middle { margin-top: 5em; margin-bottom: 3em; }

#contact.contactFormPage tr + tr th, #contact.contactFormPage tr + tr td { border-top: solid 2px #fff; }

#contact.contactFormPage th { width: 240px; padding: 1em 24px; background: #e5f3f7; font-weight: bold; }

#contact.contactFormPage th.noWrap { white-space: nowrap; }

#contact.contactFormPage td { padding: 30px 40px; background: #f8f8f8; }

#contact.contactFormPage td label { display: block; line-height: 1.3; padding-left: -1.15em; text-indent: -1.15em; }

#contact.contactFormPage td label + label { margin-top: .5em; }

#contact.contactFormPage td label input[type="checkbox"] { margin-right: 1em; }

#contact.contactFormPage td .check_table { padding: 0; }

#contact.contactFormPage td .check_table label { display: table; padding: 0; text-indent: 0; }

#contact.contactFormPage td .check_table label input[type="checkbox"], #contact.contactFormPage td .check_table label span { display: table-cell; }

#contact.contactFormPage td .check_table legend { margin-bottom: 1em; font-weight: bold; }

#contact.contactFormPage .require:after { margin-left: .5em; color: #c00; content: "※"; }

#contact.contactFormPage .labelGroup { padding-left: 1em; }

#contact.contactFormPage .labelGroup + .labelGroup { margin-top: 2em; }

#contact.contactFormPage select { width: 14em; height: 2.5em; line-height: normal; padding: 0 0 0 1em; background: #fff; }

#contact.contactFormPage input[type="text"], #contact.contactFormPage input[type="email"], #contact.contactFormPage input[type="tel"], #contact.contactFormPage input[type="button"], #contact.contactFormPage textarea { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 1em; border: none; width: 100%; background: #fff; box-shadow: 0 0 .5em #ccc; line-height: normal; }

#contact.contactFormPage input.middle[type="text"], #contact.contactFormPage input.middle[type="email"], #contact.contactFormPage input.middle[type="tel"], #contact.contactFormPage input.middle[type="button"], #contact.contactFormPage textarea.middle { width: 460px; }

#contact.contactFormPage textarea { display: block; padding: 1em; width: 100%; border: solid 1px #ccc; }

#contact.contactFormPage textarea.spOnly { display: none; }

#contact.contactFormPage table + p { margin: 50px auto 40px; }

#contact.contactFormPage .nameWrap span { margin-right: 1em; }

#contact.contactFormPage .nameWrap input { width: 170px; }

#contact.contactFormPage .nameWrap input + span { margin-left: 1em; }

#contact.contactFormPage .addressWrap input { width: 140px; margin: 0 1em; }

#contact.contactFormPage .addressWrap input:last-of-type { margin-right: 0; }

#contact.contactFormPage .ifPossible th { padding-top: 30px; vertical-align: top; }

#contact.contactFormPage .ifPossible ul { padding-left: 0; }

#contact.contactFormPage .ifPossible li { display: table; position: relative; top: 0; left: 0; width: 100%; margin-top: 40px; }

#contact.contactFormPage .ifPossible li:after { display: block; clear: both; content: ""; position: absolute; top: 0; left: 0; width: 100%; margin-top: -20px; border-top: solid 1px #ccc; }

#contact.contactFormPage .ifPossible li:first-child { margin-top: 0; }

#contact.contactFormPage .ifPossible li:first-child:after { content: none; }

#contact.contactFormPage .ifPossible li label, #contact.contactFormPage .ifPossible li > input { display: table-cell; vertical-align: middle; }

#contact.contactFormPage .ifPossible li label { width: 240px; padding-left: 1.5em; }

#contact.contactFormPage .ifPossible li input[type="checkbox"] { margin-right: 1em; }

#contact.contactFormPage .submitAnnotation { font-size: 14px; margin-top: 1em; }

#contact.contactFormPage .submitbnbox { margin: 60px auto; }

#contact.contactFormPage .submitbnbox #submit_button { width: 400px; height: 50px; line-height: normal; margin: 0 auto; font-size: 16px; font-weight: bold; cursor: pointer; text-align: center; outline: none; background: #0086af; color: #fff; -webkit-transition: .3s; transition: .3s; }

#contact.contactFormPage .submitbnbox #submit_button:hover { background: #005198; }

#contact.contactFormPage .submitbnbox.-hidden input { display: none; }

#contact.contactFormPage .logoBox { border: solid 1px #ccc; color: #666; font-size: 13px; }

#contact.contactFormPage .logoBox td:first-child { width: 240px; padding: 0; text-align: center; }

#contact.contactFormPage .logoBox td:last-child { padding-left: 0; }

#contact.contactFormPage .logoBox ul { padding-left: 0; }

#contact.contactFormPage .logoBox li { padding-left: 2em; text-indent: -2em; }

#contact.contactFormPage .checkAnnotation { margin: 0; padding-left: 1.7em; }

#policy.terms #mainContent { padding-top: 30px; padding-bottom: 120px; background: #f2f2f2; }

#policy.terms .headline4 { padding-top: 40px; }

#policy.terms .headline4:first-child { padding-top: 0; }

#policy.terms .term_headline { margin: 0 auto; padding-top: 45px; width: 1000px; }

#policy.terms .basicContent .basicContentWrap p { text-justify: inter-ideograph; text-align: justify; }

#policy.terms .basicContent .basicContentWrap p.textRight { text-align: right; }

#policyp { text-justify: inter-ideograph; text-align: justify; }

#policy .basicContent1 { padding-top: 30px; }

#policy .basicContent1 .textRight1 { width: 1000px; margin: 0 auto; padding: 20px 0; font-size: 16px; line-height: 28px; text-align: right; }

#policy .col2headline5 { font-weight: bold; 　padding: 10px 0; margin-top: 25px; font-size: 22px; color: #3E3A39; letter-spacing: -1px; }

#policy #contentsIn.basicContentWrap { width: 1000px; margin: 0 auto; }

#policy #contentsIn.basicContentWrap p { margin: 20px 0; }

#policy #contentsIn.basicContentWrap .list5 { list-style-type: decimal; padding-top: 30px; padding-left: 2em; }

#policy #contentsIn.basicContentWrap .list5 li { /*  margin-left: 10px; */ padding-bottom: 15px; padding-left: 10px; }

#policy #contentsIn.basicContentWrap .mainLead3 { width: 1000px; margin: 0 auto; padding-left: 30px; font-size: 16px; }

#policy #contentsIn.basicContentWrap .mainLead3.letterpd01 { letter-spacing: -0.01em; }

#policy #contentsIn.basicContentWrap .mainLead3.letterpd01.tel { margin-top: 10px; line-height: 1.3; }

#policy #contentsIn.basicContentWrap .mainLead3.letterpd01.tel01 { margin-top: 15px; }

#policy #contentsIn.basicContentWrap .mainLead3.sentence1 { margin-bottom: 10px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom { margin-left: 50px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom1 { margin-left: 40px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom2 { margin: 15px 0px 15px 30px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom3 { margin-left: 30px; margin-top: 15px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom4 { margin-left: 30px; }

#policy #contentsIn.basicContentWrap .mainLead3.incom5 { margin-left: 20px; }

#policy #contentsIn.basicContentWrap .mainLead3.incomss { margin: 15px 0 0 50px; }

#policy #contentsIn.basicContentWrap #mainLead4 { margin: 5px 0; font-size: 16px; }

#policy #contentsIn.basicContentWrap .mainLead2 { width: 1000px; margin: 0 auto; font-size: 16px; line-height: 28px; }

#policy #contentsIn.basicContentWrap .mainLead2.bold { font-weight: bold; }

#policy #contentsIn.basicContentWrap .mainLead2.bold2 { font-size: 25px; font-weight: bold; padding-top: 45px; }

#policy #contentsIn.basicContentWrap .mainLead2.bold3 { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }

#policy #contentsIn.basicContentWrap .mainLead2.hisi { margin: 10px 0 0 30px; line-height: 1.5; }

#policy #contentsIn.basicContentWrap .mainLead2.hisi.pd01 { margin: 0px 0 0 60px; }

#policy #contentsIn.basicContentWrap .mainLead2.hisi.kakko { padding-left: 2.75em; text-indent: -1.75em; }

#policy #contentsIn.basicContentWrap ul.list_parentheses { padding: 10px 0 0 15px; margin: 0; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li { list-style-type: none; list-style-position: inside; counter-increment: cnt; text-indent: -1.5em; padding-left: 2.5em; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li:before { content: "(" counter(cnt) ") "; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li.nasi:before { content: none; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #incomment { margin: 5px 0 15px 15px; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #incomment.rightm { margin: 0 0 0 50px; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber { margin-left: 20px; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber p { margin: 5px 0 0px 0px; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber ul { margin: 0px 0 10px 0px; }

#policy #contentsIn.basicContentWrap ul.list_parentheses > li #listnumber.level05 { margin-left: 70px; }

#policy #mainContent { padding-bottom: 80px; background: #f2f2f2; }

#policy .headline_bk { width: 1000px; margin: 0 auto; padding-top: 45px; }

#policy .headline4 { padding-top: 40px; }

#policy .headline4:first-child { padding-top: 0; }

#policy #contactArea .contactLabel span { bottom: 40px; }

#policy #contactArea #contactWrap { display: table; }

#policy #contactArea #contactWrap .contactTel { float: right; margin: 0; padding: 0 20px 0 20px; border-right: none; border-left: solid 2px #f0f0f0; }

#policy #contactArea #contactWrap .contactTel dt { right: 0; margin-right: 10px; }

#policy #address { display: table-cell; float: none; margin-left: 1em; line-height: 1.25; vertical-align: middle; }

#policy .policyTable { border: solid 1px #000; margin-left: 30px; margin-bottom: 25px; }

#policy .policyTable th, #policy .policyTable td { padding: .25em .5em; vertical-align: top; }

#policy .policyTable .top { border-bottom: solid 1px #000; }

#policy .policyTable .top th { text-align: center; }

#policy .policyTable .top th + th { border-left: solid 1px #000; }

#policy .policyTable .kakko { padding-left: 3em; border-top: solid 1px #000; text-indent: -2em; }

#policy .policyTable .kaiji { width: 7em; border-left: solid 1px #000; border-bottom: dotted 1px #000; text-align: center; }

#policy .policyTable .dottLine { border-left: solid 1px #000; border-bottom: dotted 1px #000; }

#policy .policyTable .btmBoeder { border-bottom: solid 1px #000; }

#policy .policyTable .innerTr .firstT { width: 3em; border: none; }

#policy .policyTable .innerTr th, #policy .policyTable .innerTr td { border-top: solid 1px #000; border-left: solid 1px #000; }

#policy #mainContent #localNav1.policyNavi.en .clearLi { clear: both; }

#policy #mainContent #localNav1.policyNavi.en .clearLi:before { padding: 0; content: none; }

#sitemap #mainContent { padding-bottom: 120px; background: #f2f2f2; }

#sitemap .basicContent .basicContentWrap p { text-justify: inter-ideograph; text-align: justify; }

#sitemap .basicContent .basicContentWrap p.textRight { text-align: right; }

#sitemap.en #sitelistIn #foreignList li a:before { top: 3px; vertical-align: text-bottom; }

#sitemap.en #sitelistIn .siteList.conPro { letter-spacing: 0; }

#sitelistIn .siteList { position: relative; margin-bottom: 10px; padding: 26px 40px; background: #fff; box-sizing: border-box; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; }

#sitelistIn .siteList > ul > li:last-child:after { content: none; }

#sitelistIn .siteList:last-child { margin-bottom: 0; }

#sitelistIn .siteList:after { display: block; clear: both; content: " "; }

#sitelistIn .siteList:hover { background: rgba(218, 223, 0, 0.5); cursor: pointer; }

#sitelistIn .siteList:hover h3 { opacity: .7; }

#sitelistIn .siteList > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; }

#sitelistIn .siteList.conPro { letter-spacing: -1px; }

#sitelistIn .siteList:after { position: absolute; top: 50%; right: 23px; margin-top: -19px; clear: both; font-family: "ilm"; font-size: 26px; content: "a"; }

#sitelistIn .siteList.siteList_program .clear { clear: none; }

#sitelistIn .siteList.siteList_program li:last-child:after { content: none; }

#sitelistIn h3 { font-size: 20px; font-weight: bold; }

#sitelistIn ul { margin-top: 10px; }

#sitelistIn ul li { float: left; margin-top: 0; line-height: 1.1; }

#sitelistIn ul li a { position: relative; font-size: 16px; -webkit-transition: 0.3s; transition: 0.3s; z-index: 999; }

#sitelistIn ul li a:hover { color: inherit; opacity: .7; }

#sitelistIn ul li:after { display: inline; padding: 0 3px 0 13px; content: "｜"; }

#sitelistIn ul li.rightEdge:after { content: none; }

#sitelistIn .kana { letter-spacing: -2px; }

#sitelistIn #otherList { margin-top: 40px; background: transparent; border: solid 2px #666; cursor: auto; }

#sitelistIn #otherList ul { margin-top: 0; }

#sitelistIn #otherList li { line-height: 1.5; }

#sitelistIn #otherList a:hover { opacity: .7; }

@media only screen and (min-width: 641px) { #sitelistIn #otherList { margin-bottom: 2em; padding: 1em 40px; } }

#sitelistIn #otherList:after { content: none; }

#sitelistIn #foreignList { padding: 0; background: transparent; }

#sitelistIn #foreignList h3 { font-size: 16px; }

#sitelistIn #foreignList ul { margin-top: 5px; display: -webkit-box; display: flex; }

#sitelistIn #foreignList li { padding: 0; width: 332px; text-indent: 0; -webkit-transition: 0.3s; transition: 0.3s; }

#sitelistIn #foreignList li:not(:last-child) { margin-right: 1px; }

#sitelistIn #foreignList li:after { content: none; }

#sitelistIn #foreignList li a { padding: 18px 0 18px 10px; display: block; width: 100%; color: #fff; letter-spacing: 0; background: #666; font-size: 20px; left: 0; }

#sitelistIn #foreignList li a span { display: block; margin: 5px 0 0 29px; font-size: 14px; }

#sitelistIn #foreignList li a:before { top: 0.6em; margin-right: 8px; }

#sitelistIn #foreignList li a:hover { background: #7fc2d7; }

#sitelistIn #foreignList li a:after { display: block; position: absolute; top: 50%; right: 10px; margin-top: -0.5em; font-family: "ilm"; font-size: 20px; content: "P"; }

#sitelistIn #foreignList:after { content: none; }

#microlearning .microlearningOnly-space { margin-bottom: 41px; }

#microlearning .col2headline3 { padding: 60px 0 0; color: #0086af; }

#microlearning .panelLink a:hover .panelHover { opacity: 1; background: rgba(255, 255, 255, 0.3); }

#microlearning #mainheadline3 { padding: 50px 0 0; }

#microlearning #mainheadline3 .subtitle { font-size: 18px; color: #0086af; }

#microlearning .col2headline4 { font-size: 24px; }

#microlearning .list4 { margin-bottom: 0; }

#microlearning .list4 li { margin-bottom: 1em; }

#microlearning .list4 li:last-child { margin-bottom: 0; }

#microlearning h5 { font-size: 20px; font-weight: bold; }

#microlearning .lastContent { background-color: #ecebeb; }

#microlearning .basicContent { background-color: #ecebeb; }

#microlearning p + p { margin-top: 1.5em; }

#microlearning .bottomSpace { margin-bottom: 1.5em; }

#microlearning .movieWrap { display: -webkit-box; display: flex; }

#microlearning .movieWrap .twoItems { width: 49%; }

#microlearning .movieWrap .twoItems a:hover { opacity: 0.7; text-decoration: none; }

#microlearning .movieWrap .twoItems p { text-align: center; }

#microlearning .movieWrap .twoItems:nth-child(even) { margin-left: 2%; }

#microlearning .movieWrap .twoItems img { width: 100%; height: auto; border: 1px solid #ddd; }

#microlearning .movieWrap .twoItems .play-btn { position: relative; display: inline-block; }

#microlearning .movieWrap .twoItems .play-btn:before { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 80px; height: 50px; border-radius: 10%; background: #222; opacity: .7; }

#microlearning .movieWrap .twoItems .play-btn:after { margin: auto; position: absolute; top: 0; left: 5%; right: 0; bottom: 0; content: ""; box-sizing: border-box; width: 17px; height: 10px; border: 10px solid transparent; border-left: 17px solid #fff; }

#microlearning .boxCommentary2.noPadding, #microlearning boxCommentary.noPadding { padding: 0; }

#mainPanel.microlearning-link { margin: 1.5em 0 1.5em; width: 100%; }

#mainPanel.microlearning-link .boxCommentary { margin: 0 auto 10px; padding: 0; }

#mainPanel.microlearning-link .boxCommentary:after { position: absolute; right: 0; bottom: -20px; left: 0; width: 680px; margin: 0 auto; content: url(/images/images2016/box-shadow-col2.png); z-index: 999; }

#mainPanel.microlearning-link .boxCommentary2 { padding: 0; }

#mainPanel.microlearning-link dl { padding: 20px 30px; }

#mainPanel.microlearning-link dl dt { padding-right: 30px; float: left; }

#mainPanel.microlearning-link dl dd { margin: 0 0 0 268px; text-align: left; }

#mainPanel.microlearning-link dl dd p { margin-top: 0; }

#mainPanel.microlearning-link dl dd .titleMain { font-size: 24px; line-height: 1.25; }

#mainPanel.microlearning-link dl dd .min { font-size: 18px; }

#mainPanel.microlearning-link dl dd .titleSub { color: #0086af; font-size: 14px; }

#mainPanel.microlearning-link dl dd .purposeWrap p:last-child { letter-spacing: 0; line-height: 1.25; }

#survey #pageTitle span.titleExplan { margin-bottom: 0; }

#survey #titleArea.col2Content #pageTitle { margin-bottom: 50px; }

#survey #mainContent { padding-bottom: 150px; min-height: 700px; }

#survey .col2headline4 { padding-top: 40px; font-size: 24px; }

#survey .inner { margin: 0 auto; width: 1000px; }

.active_surveyLinkList .resultOnly { display: none !important; }

.active_surveyLinkList li { padding: 20px; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; position: relative; background: #fff; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1); overflow: hidden; }

.active_surveyLinkList li + li { margin-top: 1em; }

.active_surveyLinkList li .bnr_img { width: 345px; height: auto; }

.active_surveyLinkList li .textarea { padding: 0 20px 0 40px; }

.active_surveyLinkList li h4 { margin: .5em 0; line-height: 1.1666666667; font-size: 24px; font-weight: bold; }

.active_surveyLinkList li p { line-height: 1.4285714286; font-size: 14px; }

.active_surveyLinkList li p + p { margin-top: .25em; }

.active_surveyLinkList li .btnHome_width_auto { margin-top: 1em; padding: .5em 3em .5em 1em; background: #f60; color: #fff; line-height: 1; font-size: 20px; }

.active_surveyLinkList li .btnHome_width_auto:hover { opacity: .7; }

.active_surveyLinkList li.accepting:after { padding: 40px 10px 10px; display: block; position: absolute; top: 0; right: 0; width: 133px; -webkit-transform-origin: 85% 115%; transform-origin: 85% 115%; -webkit-transform: rotate(45deg); transform: rotate(45deg); line-height: 1.125; background: #c00; color: #fff; font-weight: bold; text-align: center; content: "回答\A受付中!!"; white-space: pre; }

.result_surveyLinkList { background: #fff; }

.result_surveyLinkList .activeOnly { display: none !important; }

.result_surveyLinkList > li { padding: 20px; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; position: relative; overflow: hidden; }

.result_surveyLinkList > li .overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(218, 223, 0, 0.2); opacity: 0; }

.result_surveyLinkList > li .overlay:hover { opacity: 1; }

.result_surveyLinkList > li .bnr_img { margin-right: 40px; width: 200px; height: auto; min-width: 200px; }

.result_surveyLinkList > li .textarea { padding: 0 40px 0 0; }

.result_surveyLinkList > li .textarea ul { font-size: 14px; }

.result_surveyLinkList > li h4 { margin-bottom: .5em; line-height: 1.2; font-size: 20px; font-weight: bold; }

.result_surveyLinkList > li p { line-height: 1.4285714286; font-size: 14px; }

.result_surveyLinkList > li p + p { margin-top: .25em; }

.result_surveyLinkList > li: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 #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.result_surveyLinkList > li + li:before { border-top: solid 1px #ccc; display: block; position: absolute; top: 0px; left: 0; width: 100%; content: ""; }

.result_surveyLinkList > li.no_result > a { pointer-events: none; }

.result_surveyLinkList > li.no_result:after { content: none; }

.result_surveyLinkList > li.no_result .btnHome { background: #aaa; }

.result_surveyLinkList > li.no_result:after { margin: 0; padding: 40px 10px 10px; display: block; position: absolute; top: 25px; right: 25px; width: 133px; height: 2em; -webkit-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); line-height: 1.125; background: #aaa; color: #fff; font-weight: bold; letter-spacing: -.05em; text-align: center; content: "結果報告\A準備中"; white-space: pre; border: none; }

.result_surveyLinkList > li.multi_link > a { pointer-events: none; }

.result_surveyLinkList > li.multi_link:after { content: none; }

.result_surveyLinkList > li.multi_link .spOnly.btnHome { display: none; }

.result_surveyLinkList .btnHome_width_auto { display: none; }

.surveyLinkList { padding-top: 60px; }

.surveyLinkList > li { position: relative; padding-left: 2em; }

.surveyLinkList > li + li { margin-top: 2em; }

.surveyLinkList > li:before { position: absolute; top: 0; left: 0; margin-top: -.125em; font-size: 1.5em; font-weight: bold; content: "・"; }

.surveyLinkList h4 span { font-size: 1.125em; }

.answerOrResult { margin-top: .25em; }

.answerOrResult li { display: inline-block; }

.answerOrResult a { color: #0086af; font-weight: bold; }

.answerOrResult a:hover { opacity: .7; }

.answerOrResult .disabled { color: #999; font-weight: normal; pointer-events: none; }

.subnaviBannerList { margin-top: 207px; }

.subnaviBannerList li { box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2); }

.subnaviBannerList li + li { margin-top: 20px; }

.pickup_box { margin: 60px auto 0; padding: 30px 20px; background: #dedede; width: 1000px; overflow: hidden; }

.pickup_box > ul:after { display: block; width: 310px; content: ""; }

.pickup_box li { width: 310px; text-align: center; }

.pickup_box a:hover { opacity: .7; }

#atd { letter-spacing: 0; /*ASIDE*/ }

#atd .mainVisualWrap { padding: 15px 0 30px; height: 170px; background: -webkit-linear-gradient(left, rgba(189, 32, 61, 0.8) 0%, rgba(247, 179, 18, 0.8) 100%), url(/images/images2016/atd/bg-mainvisual.jpg) no-repeat center center; background: linear-gradient(to right, rgba(189, 32, 61, 0.8) 0%, rgba(247, 179, 18, 0.8) 100%), url(/images/images2016/atd/bg-mainvisual.jpg) no-repeat center center; background-size: auto,cover; }

#atd .mainVisualWrap #topicPath { margin: 0 0 35px; }

#atd .mainVisualWrap #topicPath a { color: #FFF; }

#atd .mainVisualWrap #topicPath li { color: #FFF; }

#atd .mainVisualWrap #pageTitle { margin: 0; font-size: 50px; color: #FFF; }

#atd .mainVisualWrap #pageTitle span.titleExplan { margin: 8px 0 0; }

#atd .leadWrap { background: #FFF; }

#atd #mainPanel { width: 1020px; margin: 60px auto 0; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

#atd #mainPanel .homeOnly { display: none; }

#atd #mainPanel ul { display: -webkit-box; display: flex; flex-wrap: wrap; }

#atd #mainPanel li { position: relative; margin: 0 10px 40px 10px; width: 235px; height: 400px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

#atd #mainPanel li .panelBgImg { display: none; }

#atd #mainPanel li#noPanelImg { display: none !important; }

#atd #mainPanel li .panelContent { position: relative; width: 100%; height: 100%; background: #fff; color: #000; z-index: 800; }

#atd #mainPanel li .panelContent dt > img { width: 100%; height: auto; }

#atd #mainPanel li .panelContent dd { padding: 0 15px; }

#atd #mainPanel li .panelContent dd .iconNew { position: absolute; top: 110px; right: 5px; }

#atd #mainPanel li .panelContent dd h2 { margin-top: 18px; color: #005198; font-size: 14px; letter-spacing: -1px; }

#atd #mainPanel li .panelContent dd h3 { margin-top: 12px; font-size: 18px; font-weight: 600; letter-spacing: 0px; line-height: 24px; }

#atd #mainPanel li .panelContent dd p { margin-top: 4px; font-size: 14px; line-height: 20px; }

#atd #mainPanel li .panelContent dd .talkGenreWrap { position: absolute; bottom: 15px; z-index: 801; }

#atd #mainPanel li .panelContent dd .talkGenreWrap:before { display: inline-block; position: absolute; bottom: 32px; width: 20px; height: 2px; background: #000; content: ""; }

#atd #mainPanel li .panelContent dd .talkGenreWrap p { float: left; margin: 0; padding: 0; font-size: 14px; font-weight: 500; }

#atd #mainPanel li .panelContent dd .talkGenreWrap .talkGenre { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: solid 1px #0086af; color: #0086af; }

#atd #mainPanel li .panelContent dd .talkGenreWrap .talkGenre.blogIcon:after { position: absolute; top: 2px; left: 186px; content: url("/images/images2016/opinions/icon-blog.png"); z-index: 999; }

#atd #mainPanel li .panelContent .LowerRightIcon:before { position: absolute; bottom: 9px; right: 14px; font-family: "ilm"; font-size: 18px; content: "P"; z-index: 999; }

#atd #mainPanel li .panelContent .LowerRightIcon:after { position: absolute; bottom: 0; right: 0; z-index: 800; width: 0; height: 0; border-style: solid; border-width: 0 0 95px 75px; border-color: transparent transparent #ededed transparent; content: ""; }

#atd #mainPanel li.panelLink a { width: 100%; height: 100%; }

#atd #mainPanel li.panelLink a .panelHover { background: rgba(255, 255, 255, 0.5); }

#atd .titleMain.bracket { text-indent: -.6em; font-size: 0.86em; }

#atd #aside #asideIn dd li .category { padding: 20px; -webkit-transition: .3s; transition: .3s; color: #fff; font-weight: bold; }

#atd .mcPersonWrap .mcPerson { width: 1000px; margin: 0 auto; padding: 25px 0; }

#atd .mcPersonWrap .mcPerson dt { display: inline-block; width: 80px; margin-right: 5px; vertical-align: middle; }

#atd .mcPersonWrap .mcPerson dd { display: inline-block; color: #3E3A39; font-size: 16px; vertical-align: middle; }

#atd .mcPersonWrap .mcPerson dd .listener { color: #b23031; }

#atd .mcPersonWrap .mcPerson dd .belong { display: block; font-size: 12px; letter-spacing: -1px; }

#atd .mcPersonWrap .mcPerson dd .belong .cicom { letter-spacing: -2px; }

#atd .mcPersonWrap + hr { margin: 0; border-top: solid 1px #ccc; }

#atd .mcPersonWrap + #mainLeadWrap #mainLead { padding: 0; }

#atd .mcPersonWrap.col2 { margin: 0 auto; display: -webkit-box; display: flex; width: 1000px; }

#atd .mcPersonWrap.col2 .mcPerson { margin: 0; width: 50%; }

#atd .atdList li > p { padding-left: 1.4em; }

#download #mainContent { background: #f2f2f2; padding-bottom: 3.5em; }

#download #mainPanel { width: 1020px; margin: 5px auto 0; -webkit-font-feature-settings: 'pwid'; font-feature-settings: 'pwid'; }

#download #mainPanel ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }

#download #mainPanel li { margin: 0 10px 40px; position: relative; display: -webkit-box; display: flex; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s; transition: .3s; }

#download #mainPanel li:hover { opacity: .7; }

#download #mainPanel li .panelContent { position: relative; width: 235px; height: 100%; color: #3E3A39; z-index: 800; }

#download #mainPanel li .panelContent dl { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; }

#download #mainPanel li .panelContent dt { flex-shrink: 0; }

#download #mainPanel li .panelContent dt img { width: 100%; height: auto; }

#download #mainPanel li .panelContent dd { padding: 0 15px 15px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; width: 100%; }

#download #mainPanel li .panelContent dd h2 { margin-top: 18px; line-height: 1.3; color: #005198; font-size: 14px; letter-spacing: -1px; }

#download #mainPanel li .panelContent dd .iconNew { position: absolute; top: 105px; right: 5px; }

#download #mainPanel li .panelContent dd .panelInline { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; }

#download #mainPanel li .panelContent dd .panelInline h3 { margin-top: 12px; font-size: 18px; font-weight: 600; letter-spacing: 0px; line-height: 24px; }

#download #mainPanel li .panelContent dd .panelInline p { margin: 4px 0 20px; font-size: 14px; line-height: 20px; }

#download #mainPanel .download { margin-top: auto; padding-top: 10px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; }

#download #mainPanel .download .btnHome { margin: 0 auto .5em; text-indent: -1em; width: 100%; background: #dadf00; text-decoration: none; font-weight: 600; color: #3E3A39; letter-spacing: .04em; }

#download #mainPanel .btnHome: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); }

.ieOnly { display: none !important; }

.ieStyle .ieOnly { display: block !important; }

.ieStyle .list3 li::before { top: -2px; }

.ieStyle header #headerWrapper .upperHeader .aboutWrap ul li { padding-top: 3px; }

.ieStyle header #headerWrapper .upperHeader .sns li { top: 4px; }

.ieStyle header #headerWrapper .upperHeader .aboutWrap .aboutContact .contactUs a { padding-top: 0; }

.ieStyle header #headerWrapper .upperHeader .aboutWrap .aboutContact .download_nav a { padding-top: 0; }

.ieStyle footer #footerWrapper #footerSiteMap .siteList ul li { padding: .3em 0; }

#home.ieStyle #mainPanel li .panelContent h2 { padding: 4px 15px 1px 25px; }

#home.ieStyle #pager_slider_mainvisual-label .title, #home.ieStyle #mainSlider .slide_textWrap .title { -webkit-font-feature-settings: normal; font-feature-settings: normal; }

#home.ieStyle #pickupLabel { padding: 4px 0 0 0; }

#home.ieStyle #infoList dt.ymd .infoLabel, #news.ieStyle #infoList dt.ymd .infoLabel { padding: 4px 20px 0; }

#home.ieStyle .btnHome a, .ieStyle .btnHome a { padding: 4px 0 0 0; }

.ieStyle .btnHome:after { top: 4px; }

.ieStyle .report_mainProBox .btnHome:after { top: 50%; }

#home.ieStyle .btnHome_width_auto.btnHome a, .ieStyle .btnHome_width_auto.btnHome a { padding: .7em 3em .3em 3em; }

.ieStyle .btnHome_width_auto.btnHome:after { top: 0; }

.ieStyle #mailRegistration.home.home #mailRegistWrap li dd.btnMail a { padding: 4px 0 0 0; }

#consulting.ieStyle.consultingDetail .btnWrap .btnL a, #consulting.ieStyle.consultingDetail .btnWrap .btnS a { padding: 3px 40px 0 20px; }

.ieStyle #contactArea #contactWrap .contactLink p.btnHome a { padding: 4px 0 0; }

#consulting.ieStyle.consultingDetail .btnOnBrdr .btnS a { padding: 3px 0 0; }

#consulting.ieStyle.consultingDetail .btnOnBrdr .btnS:after, #consulting.ieStyle.consultingDetail .btnWrap .btnS:after { top: -6px; }

#consulting.ieStyle.consultingDetail .startBtn_small { padding: .7em 3em .3em 2em; }

#consulting.ieStyle.consultingDetail .startBtn:after { top: 30%; }

#consulting.ieStyle.consultingDetail #mainContent .boxCommentary2.mainProBox .col2headline4 .shaded { padding-top: 3px; }

#download.ieStyle #mainPanel .download .btnHome { padding-top: 4px; }

.ieStyle #download #mainPanel .download .btnHome { padding-top: 4px; }

.ieStyle #download #mainPanel li .panelContent dd h2 { padding-left: 0; padding-right: 0; }

.ieStyle .panelList1 li a p { padding: 17px 20px 13px 60px; }

.ieStyle .panelList1 li .label { padding: .3em .6em 0; }

.ieStyle #aside #asideIn dd .listMark1 li > a, #consulting.ieStyle #aside #asideIn dd li .category, .ieStyle #aside #asideIn dd li a { padding: 22px 20px 14px; }

.ieStyle #aside #asideIn dd li .category { padding: 0; }

.ieStyle #aside #asideIn dd li .category a { padding: 22px 30px 14px 20px; }

#caseStudy.ieStyle #aside #asideIn dd li .category.noLink a, #online.ieStyle #aside #asideIn dd li .category.noLink a { padding: 22px 20px 14px; }

.ieStyle #aside #asideIn dd li .sideBnr a, .ieStyle #aside #asideIn .opinionsBnr a, .ieStyle #aside #asideIn .bnr_openclass a { padding: 0 !important; }

.ieStyle .oList.number { margin-left: 1.05em; }

.ieStyle .oList.number li { list-style: none; text-indent: -1.85em; counter-increment: sample; }

.ieStyle .oList.number li:before { margin-right: -0.2 0.1em; content: counter(sample) ".　"; }

.ieStyle .oListN.number li:before { counter-increment: sample; content: counter(sample) ".　"; }

.ieStyle .comprehension, .ieStyle .stepHeadlne span { font-family: 'Segoe UI', "メイリオ", Meiryo, sans-serif; line-height: 1; padding: .5em 2em; }

#consulting.ieStyle.consultingDetail #mainContent .col2Content.info-mainvisual.info-banner .mainvisual-ordinal { font-family: 'Segoe UI', "メイリオ", Meiryo, sans-serif; }

#consulting.ieStyle.consultingDetail #mainContent .col2Content.info-mainvisual .mainvisual-ordinal { font-family: 'Segoe UI', "メイリオ", Meiryo, sans-serif; }

.ieStyle .graphLead a:not(.bothCommunicateAdapt), .ieStyle #event.detail .contentEvent p.graphLead:last-child a:not(.bothCommunicateAdapt) { padding-bottom: 0 !important; }

.ieStyle .table2.mgt th { padding: 1.25em 1em .75em; }

.ieStyle .table2.mgt td { padding: 0.75em 1em 0.25em; }

#home.ieStyle .slide_textWrap .label { padding-top: 4px; }

#home.ieStyle #pager_slider_mainvisual-label .label { padding-top: 2px; }

.ieStyle .mail_popup li { padding-top: 3px; }

#opinions.ieStyle #mainContent #narrowedWrap dd ul li { margin: 0 10px 15px 0; font-family: 'メイリオ', 'Meiryo', sans-serif; }

.edgeStyle .list3 li::before { top: -2px; }

.edgeStyle .oList.number { margin-left: 1.05em; }

.edgeStyle .oList.number li { list-style: none; text-indent: -1.85em; counter-increment: sample; }

.edgeStyle .oList.number li:before { margin-right: -0.2 0.1em; content: counter(sample) ".　"; }

.edgeStyle .oListN.number li:before { counter-increment: sample; content: counter(sample) ".　"; }

.ieStyle #sitelistIn :not(#foreignList):not(#otherList) ul, .edgeStyle #sitelistIn :not(#foreignList):not(#otherList) ul { padding-right: 1em; display: -webkit-box; display: flex; flex-wrap: wrap; }

.ieStyle #sitelistIn :not(#foreignList):not(#otherList) ul li.rightEdge::after, .edgeStyle #sitelistIn :not(#foreignList):not(#otherList) ul li.rightEdge::after { content: "｜"; }

@media only screen and (max-width: 640px) { .ieStyle #sitelistIn :not(#foreignList):not(#otherList) ul, .edgeStyle #sitelistIn :not(#foreignList):not(#otherList) ul { padding: 0px; display: block; } }

.ieStyle .underLine, .edgeStyle .underLine { padding-bottom: 0; border-bottom: none; text-decoration: underline; }