@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"); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }

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

ul { list-style: none; }

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

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

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

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

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

sub { vertical-align: text-bottom; }

/*base*/
html { height: 100%; }

body { height: 100%; min-width: 1000px; margin: 0; padding: 0; background: #fff; color: #111; font-family: Verdana,"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic", sans-serif; letter-spacing: .05em; font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }
hr {margin: 1em 0 1em 7em; border-top: 1px solid #ccc}
/*tooltip*/
[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -10px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-family: sans-serif;
  white-space: nowrap;
}
[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 8px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;	
  /*border-bottom: 8px solid #000;*/
}

/*baseWrap*/
#wrap { position: relative; min-height: 100%; z-index: 10; }

/*headerWrap*/
#headerWrap { position: fixed; top: 0; width: 100%; letter-spacing: normal; font-weight: bold; z-index: 1000; box-sizing: border-box; }

#header { margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 800; width: 100%; height: 60px; background: #002656; }

#header .inner { margin: 0 auto; display: flex; width: 1000px; }

#header a { display: block; color: #fff; font-size: 18px; vertical-align: center;}

#header .logo { float: left; margin: 0 20px 0 0; }

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

.cookie_approval { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif; position: relative; z-index: 9999; max-height: 0; overflow: hidden; line-height: 1.333333; background: #000; color: #999; font-size: 12px; }

.cookie_approval * { box-sizing: border-box; }

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

.cookie_approval a { color: #fff; }

.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; cursor: pointer; transition: .3s; }

.btn_close_approval:hover { text-decoration: none; opacity: .7; }

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

.ieStyle .mark_close { transform: translateY(-49%); font-size: 1.67em; font-weight: bold; }

.edgeStyle .mark_close { transform: translateY(-50%); font-size: 1.67em; font-weight: bold; }

@keyframes open { from { max-height: 0; }
  to { max-height: 60px; } }

@keyframes close { from { max-height: 60px; }
  to { max-height: 0; } }

.cookie_approval.show { animation: open 0.9s 0.5s; animation-fill-mode: forwards; }

.cookie_approval.close { animation: close 0.5s; animation-fill-mode: forwards; }

@keyframes have_cookie_navWrap_open { from { top: 60px; }
  to { top: 120px; } }

@keyframes have_cookie_navWrap_close { from { top: 120px; }
  to { top: 60px; } }

@keyframes have_cookie_Wrap_open { from { padding-top: 0px; }
  to { padding-top: 60px; } }

@keyframes have_cookie_Wrap_close { from { padding-top: 60px; }
  to { padding-top: 0px; } }

.have_cookie #navWrap { animation: have_cookie_navWrap_open 0.9s 0.5s; animation-fill-mode: forwards; }

.have_cookie #wrap { animation: have_cookie_Wrap_open 0.9s 0.5s; animation-fill-mode: forwards; }

.close_cookie #navWrap { animation: have_cookie_navWrap_close 0.5s 0s; animation-fill-mode: forwards; }

.close_cookie #wrap { animation: have_cookie_Wrap_close 0.5s 0s; animation-fill-mode: forwards; }

/*contentsWrap*/
#contentsWrap { position: relative; top: 0; width: 1000px; padding: 0 0 190px; height: 100%; min-height: 100%; margin: 0 auto; box-sizing: border-box; }

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

#contents { width: 720px; padding: 100px 0 100px; }

#navWrap { position: fixed; top: 60px; width: 100%; height: 40px; margin: 0 0 -100px; background: #f7f7f7; box-shadow: 0 0 2px 2px #EEE; z-index: 100; font-size: 12px; letter-spacing: -0.05em; }

#navWrap #nav { width: 1000px; margin: 0 auto; /* /li */ }

#navWrap #nav ul { position: relative; display: table; width: 720px; height: 40px; }

#navWrap #nav li { position: relative; display: table-cell; width: 143px; text-align: center; }

#navWrap #nav li:hover a { background: #5f7d41; color: #FFF; }

#navWrap #nav li:hover:after { position: absolute; top: 36px; left: 50%; width: 0; height: 0; margin-left: -8px; border: 8px solid transparent; border-top-color: #5f7d41; content: ''; z-index: 100; }

#navWrap #nav li.line2 a { line-height: 1; }

#navWrap #nav li.navCurrentChild { background: #991e20; }

#navWrap #nav li.navCurrentChild a:after { position: absolute; top: 36px; left: 50%; width: 0; height: 0; margin-left: -8px; border: 8px solid transparent; border-top-color: #991e20; content: ''; z-index: 100; }

#navWrap #nav a { position: relative; display: block; height: 40px; padding: 10px 0 0; color: #1a446f; box-sizing: border-box; text-decoration: none; z-index: 15; }

#navWrap #nav a:after { position: absolute; right: 3px; font-family: 'ilm'; content: 'H'; }

#navWrap #nav a.Navcurrent { background: #991e20; color: #fff; }

#navWrap #nav a.Navcurrent:after { position: absolute; top: 36px; left: 50%; width: 0; height: 0; margin-left: -8px; border: 8px solid transparent; border-top-color: #991e20; content: ''; z-index: 100; }

#navWrap #nav .contact a:after { font-family: 'ilm'; content: 'w'; }

#navWrap #nav .sub { position: absolute; display: none; width: auto; height: auto; box-shadow: 0 0 10px -4px #000; z-index: 1; }

#navWrap #nav .sub li { display: block; background: #FFF; }

#navWrap #nav .sub li:hover:after { border: none; }

#navWrap #nav .sub li a { background: #FFF !important; color: #1a446f !important; z-index: 1 !important; }

#navWrap #nav .sub li a:hover { background: #8eb764 !important; color: #FFF !important; }

#navWrap #nav .sub li a:after { position: absolute; right: 3px; font-family: 'ilm'; content: 'w'; }

#programs #nav .programs > a, #openlecture #nav .programs > a { background: #5f7d41; color: #fff; }

#programs #nav .programs:after, #openlecture #nav .programs:after { position: absolute; top: 36px; left: 50%; width: 0; height: 0; margin-left: -8px; border: 8px solid transparent; border-top-color: #5f7d41; content: ''; z-index: 100; }

#about #nav .about > a, #cesestudy #nav .casestudy > a, #company #nav .company > a, #contact #nav .contact > a { background: #5f7d41; color: #fff; }

#about #nav .about:after, #cesestudy #nav .casestudy:after, #company #nav .company:after, #contact #nav .contact:after { position: absolute; top: 36px; left: 50%; width: 0; height: 0; margin-left: -8px; border: 8px solid transparent; border-top-color: #5f7d41; content: ''; z-index: 100; }

#asideWrap { position: absolute; top: 0; right: 0; width: 250px; background: url(../images/aside/bg.png); z-index: 200; /* /#map */ /* /child */ }

#asideWrap #map { padding: 15px 0; position: relative; /* /ul */ }

#asideWrap #map ul { background: url(../images/aside/asianNetWork/asianNetWorkBg.png) no-repeat; width: 220px; height: 182px; margin: 0 auto; }

#asideWrap #map ul li { text-indent: -9999px; position: absolute; }

#asideWrap #map ul li a { width: 100%; height: 100%; display: block; }

#asideWrap #map ul li.mapTokyo { width: 65px; height: 20px; background: url(../images/aside/asianNetWork/btnTokyo.png) no-repeat; right: 23px; top: 65px; background-position: 0 -30px; }

#asideWrap #map ul li.mapTokyo:hover { background-position: 0 0; }

#asideWrap #map ul li.mapTokyo.mapCurrent { background-position: 0 0; }

#asideWrap #map ul li.mapTokyo.mapCurrent:hover { opacity: 0.8; }

#asideWrap #map ul li.mapShanghai { width: 76px; height: 20px; background: url(../images/aside/asianNetWork/btnShanghai.png) no-repeat; left: 38px; top: 72px; background-position: 0 -30px; }

#asideWrap #map ul li.mapShanghai:hover { background-position: 0 0; }

#asideWrap #map ul li.mapShanghai.mapCurrent { background-position: 0 0; }

#asideWrap #map ul li.mapShanghai.mapCurrent:hover { opacity: 0.8; }

#asideWrap #map ul li.mapSingapore { width: 81px; height: 20px; background: url(../images/aside/asianNetWork/btnSingapore.png) no-repeat; left: 72px; top: 151px; background-position: 0 -32px; }

#asideWrap #map ul li.mapSingapore:hover { background-position: 0 0; }

#asideWrap #map ul li.mapSingapore.mapCurrent { background-position: 0 0; }

#asideWrap #map ul li.mapSingapore.mapCurrent:hover { opacity: 0.8; }

#asideWrap #map ul li.mapBangkok { width: 81px; height: 20px; background: url(../images/aside/asianNetWork/btnBangkok.png) no-repeat; left: 68px; top: 121px; background-position: 0 -32px; }

#asideWrap #map ul li.mapBangkok:hover { background-position: 0 0; }

#asideWrap #map ul li.mapBangkok.mapCurrent { background-position: 0 0; }

#asideWrap #map ul li.mapBangkok.mapCurrent:hover { opacity: 0.8; }

#asideWrap #map ul li.mapJakarta { width: 81px; height: 20px; background: url(../images/aside/asianNetWork/btnJakarta.png) no-repeat; left: 90px; top: 174px; background-position: 0 -32px; }

#asideWrap #map ul li.mapJakarta:hover { background-position: 0 0; }

#asideWrap #map ul li.mapJakarta.mapCurrent { background-position: 0 0; }

#asideWrap #map ul li.mapJakarta.mapCurrent:hover { opacity: 0.8; }

#asideWrap .white { background: url(../images/aside/bgWhite.png); }

#asideWrap .bnr li { padding: 15px; }

#asideWrap.child { background: url(../images/aside/bg-child.png); }

#asideWrap.child .white { background: url(../images/aside/bg-child2.png); }

#asideWrap #sns li { display: inline-block; }

/* /#asideWrap */
#aside { margin: 60px 0 0; /* /pageTitle */ }

#aside #pageTitle { display: table; padding: 40px 0 0 15px; height: 110px; }

#aside #pageTitle h3 { display: table-cell; vertical-align: middle; font-size: 22px; font-weight: normal; color: #2b4b17; line-height: 1.1; }

#aside #pageNav { margin: 0 auto 15px auto; padding-left: 15px; }

#aside #pageNav li { display: inline-block; background: #fff; border-bottom: 1px solid #d3d3d3; width: 220px; position: relative; }

#aside #pageNav li:first-child { border-top: 2px solid #2b4b17; }

#aside #pageNav li:last-child { border-bottom: none; }

#aside #pageNav li a { display: block; padding: 10px; }

#aside #pageNav li a:after { font-family: 'ilm'; content: "w"; position: absolute; right: 5px; }

#aside #pageNav li a:hover, #aside #pageNav li a.current { color: #2b4b17; }

#topicPath { padding: 5px 0 0; font-size: 10px; }

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

#topicPath li { float: left; margin-left: 10px; }

#topicPath li:first-child { background: url(../../images/common/iconHome.png) no-repeat left; padding-left: 12px; background-position: 0 2px; margin-left: 0; }

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

#topicPath li:before { color: #0e2d4f; content: '／  '; }

.section { margin: 30px 0 0; }

.section p { margin: 0 0 2em; }

.section p.firstSentence { margin-top: 1em; }

.section.separete { background: url(../../images/common/separateLine.png) no-repeat center bottom; padding-bottom: 30px; }

.section .sectionPart { margin-bottom: 2em; }

.section .sectionPart dt { padding: 5em 2em; display: inline-block; box-sizing: border-box; width: 40%; vertical-align: top; }

.section .sectionPart dd { display: inline-block; width: 55%; }

.section .sectionPart .headline3 { border-bottom: 2px solid #5f7d41; font-size: 16px; }

.section img { max-width: 720px; }

/*#footerWrap*/
#footerWrap { position: relative; height: 190px; margin: -190px 0 0; background: #141e05; letter-spacing: normal; z-index: 20; }

#footerWrap .logo { width: 140px; margin: 0 10px 0 0; text-align: center; }

#footerWrap .footerLink { float: left; padding: 6px 0 0; line-height: 1; z-index: 10; }

#footerWrap .footerLink li { float: left; margin: 0 10px; }

#footerWrap .footerLink li a { color: #CCC; text-decoration: none; }

#footerWrap .copyrightWrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 24px; background: #100408; font-size: 10px; }

#footerWrap .copyrightIn { width: 1000px; margin: 0 auto; }

#footerWrap .copyright { float: right; padding: 6px 0 0; color: #888; text-align: right; font-family: Arial; }

#footerWrapIn { width: 1000px; margin: 0 auto; height: 150px; color: #CCC; }

#pageTop a { display: block; height: 35px; padding: 5px 0 0; background: #454703; color: #FFF; text-decoration: none; line-height: 1; text-shadow: 0 0 5px #FFF; text-align: center; }

#pageTop a:hover { background: #8c9006; }

#pageTop a:before { display: block; content: "o"; font-family: "ilm"; text-align: center; }

#address { float: left; padding: 25px 0 0; }

#address p { float: left; }

#address .name { margin: 0 0 15px; text-align: center; }

#address .name a { display: block; width: 116px; height: 30px; padding: 3px 0 0; background: #5f7d41; border: 1px solid #999999; box-sizing: border-box; color: #FFF; font-weight: bold; }

#address .address { position: relative; clear: both; width: 480px; padding: 6px 0 0; border-top: 1px solid #2f3005; text-align: left; }

#address .address:after { position: absolute; top: -2px; display: block; width: 100%; border-top: 1px solid #100408; content: ''; }

#footerContact .contactTel { float: right; width: 460px; text-align: left; }

#footerContact .contactTel dt { position: relative; margin: 0 0 10px; padding: 10px 0 0; font-size: 10px; line-height: 1; }

#footerContact .contactTel dt:before { position: absolute; top: 0; left: -15px; display: block; height: 20px; border-left: 1px solid #321a1e; content: ''; }

#footerContact .contactTel.japanese, #footerContact .contactTel.branch { width: 240px; }

#footerContact .tel, #footerContact .fax { padding: 10px 0 0; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 20px; line-height: 1; }

#footerContact .tel span, #footerContact .fax span { font-size: 10px; }

#footerContact .tel:before { position: relative; content: "n"; top: -4px; font-family: "ilm"; font-size: 22px; margin: 0 6px 0 0; vertical-align: middle; }

#footerContact .fax:before { position: relative; content: "v"; top: -4px; font-family: "ilm"; font-size: 22px; margin: 0 6px 0 0; vertical-align: middle; }

/**parts**/
.headline1 { position: relative; margin: 0 0 10px; font-weight: bold; font-size: 16px; line-height: 1; /* &:before{ position: absolute; top:50%; left: 0; display: block; width: 10px; border-bottom: 2px solid $siteColor; font-weight: bold; content: ''; } */ }

.headline2, .headline3 { font-weight: normal; }

.headline2 { height: 112px; padding: 40px 0; border-bottom: 2px solid #2b4b17; font-family: sans-serif; font-size: 30px; line-height: 1; box-sizing: border-box; }

.headline2 span { font-size: 12px; display: block; margin-bottom: 3px; padding-left: 2px; }

.headline3 { margin: 0 0 20px; color: #2b4b17; font-size: 22px; }

.headline3 span { font-size: 14px; display: block; }

.headline4 { width: 100%; font-size: 16px; background: #5f7d41; color: #fff; text-align: center; margin-bottom: 10px; }

.headline5 { font-size: 20px; color: #343434; font-weigh: bold; margin: 10px 0; }

.headline5.border:after { content: ''; display: block; width: 100%; height: 2px; background: url(../images/aside/bg-child2.png) repeat; position: relative; top: 4px; }

.headline6 { font-size: 24px; font-weight: normal; padding-bottom: 14px; margin-bottom: 18px; background: url(../../images/common/headlineBorder3.png) no-repeat bottom center; }

.headline6 span { display: block; font-size: 12px; padding-left: 2px; }

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

.bold { font-weight: bold; }

.LargerTitle { margin-bottom: .5em; font-size: 22px; }

.clearfix { content: ""; clear: both; display: block; }

.normalLink:after { content: 'w'; font-family: "ilm"; font-size: 11px; position: relative; top: 1px; }

/* btn style */
.btn { display: block; }

.btn.type1 { background: #3677b9; color: #FFF; }

/* list style */
.listType1 li { background: url(../../images/common/listType1.png) no-repeat; padding-left: 23px; background-position: 0 3px; }

/* bg style */
.areaStyle1 { background: url(../../images/common/bgtype1.png) repeat; padding: 3px; margin-bottom: 20px; }

.areaStyle1 .content { background: #fff; padding: 20px; }

.areaStyle2 { background: url(../../images/common/bgtype2.png) repeat; padding: 3px; }

.areaStyle2 .content { background: #fff; padding: 20px; }

/* common layout */
.lecturer.noPhoto dl { margin: 0 0 30px 0; }

.lecturer.noPhoto dt { font-size: 28px; background: url(../../images/common/headlineBorder1.png) no-repeat bottom; padding-bottom: 10px; margin-bottom: 12px; }

.lecturer.noPhoto dt span { font-size: 12px; position: relative; bottom: 5px; display: inline-block; margin-left: 10px; }

.lecturer p.photo { float: left; padding-top: 10px; }

.lecturer dl { margin-bottom: 30px; margin-left: 130px; }

.lecturer dt { font-size: 28px; background: url(../../images/common/headlineBorder1.png) no-repeat bottom left; padding-bottom: 10px; margin-bottom: 12px; }

.lecturer dt span { font-size: 12px; position: relative; bottom: 5px; display: inline-block; margin-left: 10px; }

.inquiryBox { background: #FFF; box-shadow: 0 0 4px #a1a1a1; font-weight: bold; margin-top: 30px; box-shadow: 0 0 5px rgba(4, 0, 0, 0.4); /* /dd */ }
.inquiryBox dt { font-size: 20px; color: #fff; text-align: center; padding: 15px 0; background: url(../../images/common/bgtype3.png) repeat; }
.inquiryBox dt span { font-size: 12px; display: block; }
.inquiryBox dd { color: #1a436f; display: inline-block; width: 345px; padding: 15px 0 15px 10px; text-align: center; vertical-align: top; position: relative; }
.inquiryBox dd p { margin-bottom: 0.8em; }
.inquiryBox dd p:first-child { font-size: 15px; margin: 0; }
.inquiryBox dd .inquiryBtn { width: 300px; height: 35px; background: #2f70b5; border-radius: 2px; margin: 30px auto 0; }
.inquiryBox dd .inquiryBtn a { color: #fff; display: block; width: 100%; height: 100%; line-height: 35px; }
.inquiryBox dd .inquiryBtn2 { width: 300px; height: 35px; background: #2f70b5; border-radius: 2px; margin: 19px 0 0 15px; padding: 7px 7px 16px 7px;}
.inquiryBox dd .inquiryBtn2 a { color: #fff; display: block; width: 100%; height: 100%; }

.inquiryBox dd .inquiryTel { padding: 5px 0 0; font-family: 'Lato', sans-serif; font-weight: 200; font-size: 22px; line-height: 1; margin: 0 0 0 10px; /* text-align: justify;  */ }
.inquiryBox dd .inquiryTel:before { position: relative; content: "n"; top: -4px; font-family: "ilm"; font-size: 20px; margin: 0 6px 0 0; vertical-align: middle; }
.inquiryBox dd .inquiryTel span { width: 4em; display: inline-block; font-size: 18px; line-height: 24px; text-align: left; }
.inquiryBox dd.first:after { content: ''; display: block; width: 2px; height: 120px; position: absolute; background: url(../../images/common/inquiryLine.png) repeat-y top right; top: 15px; right: -10px; }
.inquiryBox dd.first dd p { width: 400px; }
.inquiryBox dd .plus { font-size: 12px; text-align: right; font-weight: normal; margin: 0 10px 0 0; }



#sns { width: 220px; margin: 15px auto; }

#sns ul { margin-left: 103px; }

#sns li { width: 35px; height: 30px; text-indent: -9999px; background: url(../../images/common/iconSocial.png) no-repeat; }

#sns li a { width: 100%; height: 100%; display: block; }

#sns li.snsTwitter { background-position: 1px 0; }

#sns li.snsFB { background-position: -44px 0; }

#sns li.snsYoutube { background-position: -88px 0; }

#sns li.snsTwitter:hover { background-position: 1px -50px; }

#sns li.snsFB:hover { background-position: -44px -50px; }

#sns li.snsYoutube:hover { background-position: -88px -50px; }

.notes { font-size: 12px; }

/* tableStyle */
.table1 { table-layout: fixed; width: 100%; margin: 0 0 20px; }

.table1 td { padding: 1em 1em 1em; }

.table1 th { padding: 1em 1em 1em; width: 125px; background: #e9f8dc; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; text-align: left; vertical-align: middle; }

.table1 th.gray { background: #DEDEDE; }

.table1 th.blue { background: #5A9FDC; color: #FFF; }

.table1 th span { font-size: 12px; }

.table1 td { background: #f9f9f9; border-bottom: 2px solid #FFF; text-align: left; }

.table1 td.blue { background: #e7f4ff; }

.table1 ul { list-style: disc; margin: 0 0 1em 18px; font-weight: normal; }

.table1 .title { list-style: square; margin: 0 0 10px; font-weight: bold; }

.table1 .title span { font-weight: normal; }

.table1 .Business { list-style-type: none; }

.table1 ol { padding-left: 25px; }

.table1 ol li { margin-bottom: 5px; }

.table1 .detailBtn { display: inline-block; width: auto; background: #fff; font-size: 12px; padding: 5px 3px; margin-top: 3px; box-shadow: 1px 1px 3px #ccc; text-align: left; }

.table1 .detailBtn a { display: block; padding: 0 20px; }

.table1 .detailBtn.red { background: #2b4b17; }

.table1 .detailBtn.red a { color: #fff; display: block; }

/* /table1 */
.languageLink { padding: 15px; background: #d8d8d8; margin-top: 50px; text-align: center; }

.languageLink li { background: #5f7d41; width: 342px; margin-bottom: 4px; display: inline-block; position: relative; }

.languageLink li a { color: #fff; display: inline-block; text-align: center; width: 100%; height: 100%; padding: 10px 15px; box-sizing: border-box; }

.languageLink li a:after { position: absolute; content: 'w'; width: 1em; font-family: 'ilm'; top: 25%; right: 20px; }

.languageLink li a:after:hover { text-decoration: none; }

/* /about/ */
#about { /* /strongPoint */ }

#about .personPics { float: right; margin: 0 0 10px 10px; padding: 6px; }

#about .personPics span { display: block; }

#about .strongPoint dl { width: 350px; display: inline-block; vertical-align: top; margin-bottom: 25px; }

#about .strongPoint dl.point1 dt { background: url(../../images/about/iconNumber1.png) no-repeat; }

#about .strongPoint dl.point2 dt { background: url(../../images/about/iconNumber2.png) no-repeat; }

#about .strongPoint dl.point3 dt { background: url(../../images/about/iconNumber3.png) no-repeat; }

#about .strongPoint dl.point4 dt { background: url(../../images/about/iconNumber4.png) no-repeat; }

#about .strongPoint dl dt { padding-left: 50px; font-size: 16px; font-weight: bold; line-height: 1.3; height: 60px; display: table; }

#about .strongPoint dl dt span { display: table-cell; vertical-align: middle; }

#about .strongPoint dl dd { margin-top: 5px; }

#about .stepWrap dt { background: url(../../images/common/headlineBorder2.png) no-repeat center bottom; font-size: 18px; height: 45px; }

#about .stepWrap dt.step1 span { background: url(../../images/about/iconStep1.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dt.step2 span { background: url(../../images/about/iconStep2.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dt.step3 span { background: url(../../images/about/iconStep3.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dt.step4 span { background: url(../../images/about/iconStep4.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dt.step5 span { background: url(../../images/about/iconStep5.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dt.step6 span { background: url(../../images/about/iconStep6.png) no-repeat bottom left; padding: 5px 0 0 80px; background-position: 0 -8px; }

#about .stepWrap dd { margin-bottom: 27px; }

#about .stepWrap .stepDetail { background: #f2f2f2; padding: 17px; margin-top: -20px; }

#about .stepWrap .stepDetail p:first-child { font-weight: bold; color: #404040; }

#about .stepWrap .stepDetail ul li { margin-left: 2.5em; }

#about .stepWrap .stepDetail ul span { margin-left: -3em; }

/* /about */
#company { /* /informationList */ }

#company .informationList a:after { content: 'w'; display: inline-block; font-family: 'ilm'; position: relative; top: 3px; }

#company .informationList dt { background: url(../../images/company/infoListBg.png) no-repeat; color: #fff; height: 18px; font-size: 12px; padding-left: 20px; }

#company .informationList dt .date { margin-right: 30px; position: relative; top: -3px; display: inline-block; width: 110px; }

#company .informationList dt .iconNews, #company .informationList dt .iconLink, #company .informationList dt .iconPdf { display: inline-block; text-indent: -9999px; width: 43px; height: 18px; margin: 4px 0 0 0px; background: url(../../images/company/iconInformation.png) no-repeat; }

#company .informationList dt .iconLink { background-position: 0 -19px; }

#company .informationList dt .iconPdf { background-position: 0 -38px; }

#company .informationList dd { background: #f3f3f3; padding: 10px 20px; margin-bottom: 15px; }

#company .informationList dd .infoTitle { font-size: 16px; line-height: 1.4; margin-bottom: 0.5em; }

#company .informationList dd p { margin-bottom: 5px; }

#company .informationList dd .LinkArea { border-top: 1px solid #ccc; padding-top: 10px; }

#company .informationList dd .LinkArea .btn { padding: 3px 15px 3px 5px; display: inline; background: #2b4b17; position: relative; font-size: 12px; }

#company .informationList dd .LinkArea .btn a { width: 100%; height: 100%; color: #fff; padding: 0px 15px; letter-spacing: -0.05em; }

#company .informationList dd .LinkArea .btn a:after { font-family: 'ilm'; content: "w"; position: absolute; top: 15%; }

/* /company */
#openlecture { /* /table2 */ /* /SeminarList */ }

#openlecture #lectureList { background: url(../../images/common/bgtype3.png) repeat; padding: 8px; }

#openlecture .table2 { table-layout: auto; width: 100%; margin: 0 0 20px; }

#openlecture .table2 td { padding: 1em 1em 1em; }

#openlecture .table2 th { padding: 1em 1em 1em; background: none; color: #fff; text-align: center; vertical-align: top; }

#openlecture .table2 th:first-child { width: 190px; margin-right: 3px; }

#openlecture .table2 tr { border-bottom: 2px solid #4b1f1f; margin-bottom: 2px; }

#openlecture .table2 tr td { background: #f9f9f9; text-align: left; }

#openlecture .table2 tr td .tableHeadline { display: block; font-size: 16px; margin-bottom: 5px; }

#openlecture .table2 tr td .tableHeadline a { color: #5d1520; font-weight: bold; }

#openlecture .table2 tr td:first-child { border-right: 2px solid #4b1f1f; width: 185px; }

#openlecture .table2 tr td.btnLink { background: #ccc; min-height: 50px; width: 25px; height: 100%; padding: 0; }

#openlecture .table2 tr td.btnLink a { display: block; width: 100%; height: 100%; }

#openlecture .table2 tr td.blue { background: #e7f4ff; }

#openlecture .table2 tr .porsel { position: relative; background: #333; width: 25px; }

#openlecture .table2 tr .porsel p:before { content: ''; display: block; background: #333; width: 100%; height: 100%; }

#openlecture .table2 tr .porsel a { width: 100%; height: 100%; display: block; }

#openlecture .SeminarList dt { /*  background:url(../../images/company/infoListBg.png) no-repeat; */ background: #dadada; color: #fff; height: 18px; font-size: 12px; }

#openlecture .SeminarList dt .date { margin-right: 20px; position: relative; top: -3px; display: inline-block; background: #21060a; padding: 0 10px 0 20px; line-height: 18px; }

#openlecture .SeminarList dt .date:after { position: absolute; content: ''; display: inline-block; width: 16px; height: 18px; background: url(../../images/company/iconInfoList.png) no-repeat right; right: -15px; }

#openlecture .SeminarList dt .iconNews, #openlecture .SeminarList dt .iconLink, #openlecture .SeminarList dt .iconPdf { display: inline-block; text-indent: -9999px; width: 43px; height: 18px; margin: 4px 0 0 0px; background: url(../../images/company/iconInformation.png) no-repeat; }

#openlecture .SeminarList dt .iconLink { background-position: 0 -19px; }

#openlecture .SeminarList dt .iconPdf { background-position: 0 -38px; }

#openlecture .SeminarList dd { background: #f3f3f3; padding: 10px 20px; margin-bottom: 15px; }

#openlecture .SeminarList dd .infoTitle { font-size: 20px; color: #2b4b17; line-height: 1.4; margin-bottom: 0.5em; padding: 10px 0 15px 0; border-bottom: 1px solid #ccc; }

#openlecture .SeminarList dd p { margin-bottom: 5px; }

#openlecture .SeminarList dd ul { margin-bottom: 10px; }

#openlecture .SeminarList dd .LinkArea { border-top: 1px solid #ccc; padding-top: 10px; }

#openlecture .SeminarList dd .LinkArea .btn { padding: 3px 15px 3px 5px; display: inline; background: #2b4b17; position: relative; font-size: 12px; }

#openlecture .SeminarList dd .LinkArea .btn a { width: 100%; height: 100%; color: #fff; padding: 0px 15px; letter-spacing: -0.05em; }

#openlecture .SeminarList dd .LinkArea .btn a:after { font-family: 'ilm'; content: "w"; position: absolute; top: 15%; }

#openlecture .headline2 { padding: 30px 0; height: auto; font-size: 24px; font-weight: bold; }

#openlecture .headline2 span { margin: 10px 0; color: #2b4b17; font-size: 18px; }

#openlecture .headline2 span.orangeText { color: #ec5221; }

#openlecture .headline2 span.subtitle { color: black; font-weight: normal; }

#openlecture .headline4 { margin-bottom: 20px; border-bottom: 3px solid #111; background: none; color: #111; font-size: 28px; font-weight: bold; text-align: left; }

#openlecture .localNavWrap { padding: 50px 30px; height: 70px; color: #FFF; font-size: 24px; }

#openlecture .localNavWrap.upc { background: url(../../images/openlecture/detail/mainVisual.jpg) no-repeat right center; background-size: cover; }

#openlecture .localNavWrap.indonesia { background: url(../../images/openlecture/detail/20180308/mainVisual.jpg) no-repeat right center; background-size: cover; }

#openlecture .localNavWrap.manage { background: url(../../images/openlecture/detail/20180306/mainVisual.jpg) no-repeat right center; background-size: cover; }

#openlecture .boxCommentary2 { margin: 20px 0; padding: 40px 0; background: #FFF; box-shadow: 0 3px 5px #ccc; text-align: center; }

#openlecture .boxCommentary2 img { width: 100%; }

#openlecture .boxCommentary2 .min { width: auto; }

#openlecture .list2 { list-style: disc; margin: 0 0 2em; }

#openlecture .list2 li { list-style-position: inside; }

#openlecture .list3 { margin-bottom: 3em; }

#openlecture .list3 li { margin: 0 0 13px; padding: 0 0 0 30px; text-indent: -30px; font-size: 16px; }

#openlecture .list3 li:last-child { margin-bottom: 0; }

#openlecture .list3 li:before { position: relative; top: 3px; margin: 0 0.5em 0 0; content: 'l'; font-family: 'ilm'; font-size: 21px; line-height: 1; vertical-align: text-bottom; }

#openlecture .list3 li dl { margin: 10px 0 0; }

#openlecture .list3 li dt { margin: 0 0 10px; text-indent: 0; }

#openlecture .list3 li dd { margin: 0; padding: 0; }

#openlecture .list3 li ul { list-style: disc; margin: 0 0 0 2em; font-weight: normal; }

#openlecture .list3 li ul.number { list-style: decimal; }

#openlecture .list3 li ul.m125 { margin: .5em 0 .5em 1.25em; }

#openlecture .list3 li ul.m125 li { font-weight: normal; }

#openlecture .list3 li ul.noDisc { margin-left: 0; list-style-type: none; }

#openlecture .list3 li li { margin: 0; padding: 0; text-indent: 0; font-size: 14px; }

#openlecture .list3 li li:before { content: none; }

#openlecture .list3 li li li { list-style: circle; }

#openlecture .list3.number { list-style: decimal; }

#openlecture .list3.listInP li { font-weight: bold; }

#openlecture .list3.listInP p { font-weight: normal; text-indent: 0; }

#openlecture .list3.noBefore li:before { content: none; }

#openlecture .upcList { display: inline-block; }

#openlecture .upcList ul { float: left; vertical-align: top; width: 28%; }

#openlecture .upcList ul li.top { list-style: none; margin-left: -2em; }

#openlecture .oList { margin-bottom: 2em; font-weight: bold; }

#openlecture .oList li { margin-top: 0.5em; list-style-position: inside; }

#openlecture .oList li:first-child { margin-top: 0; }

#openlecture .oList li p { margin-top: .5em; padding-left: 1em; font-weight: normal; }

#openlecture .oList li .ddd { list-style: disc; margin: 0 0 0 2em; font-weight: normal; padding: 0; }

#openlecture .oList li .ddd:last-child { margin-bottom: 5px; }

#openlecture .oList li .ddd li { margin: 0 0 5px 0; padding-left: 0px; list-style-position: outside; }

#openlecture .oList + .noteO { margin-top: 1em; padding-left: 1.5em; font-size: 13px; }

#openlecture .oList.number { list-style: decimal; }

#openlecture .oList.number li { padding: 0 0 0 1em; text-indent: -1.15em; }

#openlecture .seminarPics_upc { margin: 0 auto 40px; }

#openlecture .seminarPics_upc:after { display: block; clear: both; content: ''; }

#openlecture .seminarPics_upc li { width: 215px; float: left; vertical-align: top; margin-top: 5px; }

#openlecture .seminarPics_upc li:nth-child(2) { margin: 5px 35px; }

#openlecture .seminarPics_upc li span { padding-top: 0.5em; display: block; font-size: 13px; }

#openlecture .reportPhoto { line-height: 1.5; }

#openlecture .reportPhoto.horizontally:after { clear: both; display: block; content: ''; }

#openlecture .reportPhoto.horizontally li { float: left; margin: 0 10px 0 0; }

#openlecture .entryList { padding: 1.125em 0 .5em; text-align: center; background: #5f7d41; }

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

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

#openlecture .entryList .btnHome { width: 326px; height: 60px; margin: 30px auto 5px; padding-bottom: 0; border: none; background: #FFF; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }

#openlecture .entryList .btnHome a { display: inline-block; text-decoration: none; width: 100%; padding: 0; border-radius: 0; color: #5f7d41; font-size: 18px; line-height: 60px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }

#openlecture .entryList .btnHome a:hover { color: #FFF; }

#openlecture .entryList .btnHome:hover { background: #141e05; }

#openlecture .lecture dt { display: inline-block; width: 120px; vertical-align: top; }

#openlecture .lecture dd { display: inline-block; padding: 15px 0 0 15px; width: 579px; text-align: justify; vertical-align: top; }

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

#openlecture .lecture dd .alphabet { margin-left: 2em; font-size: 14px; }

#openlecture .lecture dd .belong { padding: 10px 0; font-weight: bold; line-height: 1.3333; }

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

#openlecture .address dt { float: left; width: 120px; padding: 8px 0; font-weight: bold; }

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

#openlecture .address dd { padding: 18px 0 18px 130px; border-bottom: solid 1px #ccc; }

#openlecture .address dd:first-of-type { padding-top: 0; }

#openlecture .address dd .redNote { display: block; color: #c00; font-size: 14px; }

#openlecture .address .linkList { overflow: hidden; }

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

#openlecture .address .linkList li:last-child { margin-left: 1em; }

#openlecture .address .linkList li a:before { position: relative; top: 5px; margin-right: 0.4em; font-family: "ilm"; font-size: 20px; font-weight: normal; content: "k"; }

#openlecture .download { background: #eecdb2; padding: 25px 200px; margin-bottom: 10px; box-shadow: 0 0 5px #d2b49c inset; }

#openlecture .download p { background: #c75900; padding: 10px 15px; text-align: center; margin: 0; box-shadow: 0 0 5px #b19782; }

#openlecture .download p a { color: #FFF; }

/* /openlecture */
#programs { /* /programList */ /* /programDetailList */ }

#programs ul { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#programs ul .programList { width: 350px; margin-bottom: 30px; position: relative; display: inline-block; vertical-align: top; background: #f2f6f5; }

#programs ul .programList:nth-child(odd) { margin-right: 15px; }

#programs ul .programList .cbitop { width: 330px; height: 80px; background: #396286; padding: 10px; color: #fff; }

#programs ul .programList .cbitop p { margin-bottom: 10px; font-weight: 800; line-height: 1.2; font-size: 15px; }

#programs ul .programList .cbitop img { float: left; }

#programs ul .programList .cbitop .rightTitle { padding-left: 10px; display: inline-block; width: 235px; }

#programs ul .programList .cbitop .rightTitle .center { padding-top: 5px; }

#programs ul .programList .cbitop .rightTitle .subtitle { border-bottom: 1.2px solid #fff; font-weight: 300; font-size: 13px; margin-bottom: 5px; }

#programs ul .programList .cbitop .rightTitle .subtitle .number { color: #f5ba3c; font-weight: 600; letter-spacing: -1px; margin-left: 10px; font-size: 16px; }

#programs ul .programList .cbibottom { padding: 15px; font-size: 13px; line-height: 1.4; min-height: 135px; }

#programs ul .programList .cbibottom.first { padding: 15px; min-height: 100px; }

#programs ul .programList .cbibottom .detailPdf { background: #08a99b; width: 120px; height: 26px; float: right; position: relative; top: 7px; }

#programs ul .programList .cbibottom .detailPdf a { width: 100%; height: 100%; display: block; color: #fff; text-align: center; line-height: 26px; }

#programs .programDetailList { background: url(../../images/common/bgtype3.png) repeat; padding: 5px; }

#programs .programDetailList dl { width: 352px; display: inline-block; vertical-align: top; }

#programs .programDetailList dl dt { font-size: 20px; text-align: center; color: #fff; padding: 15px 0; }

#programs .programDetailList dl dd { background: #fff; padding: 15px 10px; margin-top: 2px; }

#programs .programDetailList table { width: 710px; }

#programs .programDetailList table th { font-size: 20px; color: #fff; text-align: center; padding: 15px 10px; }

#programs .programDetailList table td { background: #fff; width: 300px; padding: 15px 10px; border-right: 3px solid #6d3737; border-top: 3px solid #6d3737; vertical-align: top; }
#programs.solution { /* /columnVoice */ }
#programs.solution #solutionTitle { position: relative; }
#programs.solution #solutionTitle dt, #programs.solution #solutionTitle dd { color: #fff; position: relative; }
#programs.solution #solutionTitle dt { background-color: #04736a; padding: 10px 0 10px 120px; line-height: 15px; border-bottom: 1px solid #013e39; }
#programs.solution #solutionTitle dt span { margin-left: 10px; }
#programs.solution #solutionTitle dt:first-child { position: absolute; z-index: 10; padding: 0; top: 10px; left: 10px; border: none; }
#programs.solution #solutionTitle dd { border-top: 1px solid #ceeeeb; }
#programs.solution #solutionTitle dd:nth-child(3) { padding: 20px 0 15px 0; text-align: center; font-size: 20px; font-weight: bold; background-color: #08a99b; }
#programs.solution #solutionTitle dd:nth-child(3):after { position: absolute; z-index: 11; bottom: -16px; left: 49%; content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-top: 8px solid #08a99b; }
#programs.solution #solutionTitle dd:last-child { background-color: #e6e6e6; padding-top: 10px; }
#programs.solution #solutionTitle dd:last-child p { font-size: 20px; font-weight: bold; color: #f25b00; text-align: center; padding-bottom: 6px; }
#programs.solution #solutionTitle dd:last-child ul { position: absolute; top: 11px; right: 10px; }
#programs.solution #solutionTitle dd:last-child ul li { display: inline-block; position: relative; }
#programs.solution #solutionTitle dd:last-child ul li a { background: #c75900; color: #fff; text-decoration: none; padding: 5px 10px 5px 5px; font-size: 11px; }
#programs.solution #solutionTitle dd:last-child ul li a:hover { background: #7f3e09; }
#programs.solution #solutionTitle dd:last-child ul li a:after { font-family: 'ilm'; content: "w"; position: absolute; top: 20%; right: 2px; }
#programs.solution .column2List { width: 49%; display: inline-block; vertical-align: top; margin-bottom: 15px; }
#programs.solution .column2List li { list-style-type: square; list-style-position: outside; margin-left: 1em; /* list-style-position: inside; padding-left: 2em; text-indent: -2em;  */ }
#programs.solution #scheduleList { background: #f3f3f3; margin-bottom: 10px; border-top: 2px solid #4d756c; border-bottom: 2px solid #4d756c; margin: 0; }
#programs.solution #scheduleList dl { position: relative; border-bottom: 1px solid #ccc; }
#programs.solution #scheduleList dl a { padding: 25px 20px; display: block; }
#programs.solution #scheduleList dl a:hover { text-decoration: none; }
#programs.solution #scheduleList dl a:hover:after { background-position: 0 -73px; }
#programs.solution #scheduleList dl a:after { content: ''; position: absolute; top: 35%; right: 10px; display: block; width: 66px; height: 66px; background: url("images/programs/solution/btnPdf.png") no-repeat; }
#programs.solution #scheduleList dl dt { font-size: 20px; color: #094135; padding-bottom: 20px; }
#programs.solution #scheduleList dl dd ul li { width: 80%; }
#programs.solution #scheduleList dl dd ul li span { width: 5em; display: inline-block; }
#programs.solution #scheduleList dl dd ul li span:after { content: '：'; width: 1em; }
#programs.solution #scheduleList ul.comment { padding: 10px; background: #1D4539; }
#programs.solution #scheduleList ul.comment li { font-size: 12px; font-weight: bold; color: #fff; }
/* START : saa3: added ENG/THA to PDF button */
#programs.solution #scheduleList-th { background: #f3f3f3; margin-bottom: 10px; border-top: 2px solid #4d756c; border-bottom: 2px solid #4d756c; margin: 0; }
#programs.solution #scheduleList-th dl { position: relative; border-bottom: 1px solid #ccc; }
#programs.solution #scheduleList-th dl a { padding: 25px 20px; display: block; }
#programs.solution #scheduleList-th dl a:hover { text-decoration: none; }
#programs.solution #scheduleList-th dl a:hover:after { background-position: 0 -73px; }
#programs.solution #scheduleList-th dl a:after { content: ''; position: absolute; top: 35%; right: 10px; display: block; width: 66px; height: 66px; background: url("images/programs/solution/btnPdf-th.png") no-repeat; }
#programs.solution #scheduleList-th dl dt { font-size: 20px; color: #094135; padding-bottom: 20px; }
#programs.solution #scheduleList-th dl dd ul li { width: 80%; }
#programs.solution #scheduleList-th dl dd ul li span { width: 5em; display: inline-block; }
#programs.solution #scheduleList-th dl dd ul li span:after { content: '：'; width: 1em; }
#programs.solution #scheduleList-th ul.comment { padding: 10px; background: #1D4539; }
#programs.solution #scheduleList-th ul.comment li { font-size: 12px; font-weight: bold; color: #fff; }
/* END : saa3 */
#programs.solution .photoList.column3 li { width: 236px; }
#programs.solution .photoList.column4 li { width: 177px; margin-left: 4px; }
#programs.solution .photoList li { display: inline-block; }
#programs.solution .photoList li:first-child { margin-left: 0; }
#programs.solution #dlBlock { background: #eecdb2; padding: 25px 0; margin-bottom: 10px; box-shadow: 0 0 5px #d2b49c inset; }
#programs.solution #dlBlock p { text-align: center; margin: 0; }
#programs.solution #dlBlock p a { background-color: #c75900; padding: 10px 15px; color: #fff; box-shadow: 0 0 5px #b19782; }
#programs.solution #dlBlock2 { background: #0e75bc; padding: 25px 200px; margin-bottom: 10px; box-shadow: 0 0 5px #1a446f inset; }
#programs.solution #dlBlock2 p { background-color: #0e75bc; padding: 10px 15px; text-align: center; margin: 0; box-shadow: 0 0 5px #b19782; }
#programs.solution #dlBlock2 p a { color: #fff; }
#programs.solution #dlBlock3 { background: #eecdb2; padding: 25px 200px; margin-bottom: 10px; box-shadow: 0 0 5px #d2b49c inset; }
#programs.solution #dlBlock3 p { background-color: #c75900; padding: 10px 15px; text-align: center; margin: 0; box-shadow: 0 0 5px #b19782; }
#programs.solution #dlBlock3 p a { color: #fff; }
#programs.solution .columnVoice { background: url(images/common/bgtype2.png) repeat; padding: 5px; }
#programs.solution .columnVoice dt { font-size: 20px; color: #fff; text-align: left; padding: 10px 0 5px 10px; }
#programs.solution .columnVoice dd { background: #fff; margin-bottom: 15px; }
#programs.solution .columnVoice dd:last-child { margin-bottom: 0; }
#programs.solution .columnVoice dd li { padding: 10px 15px 10px 25px; position: relative; }
#programs.solution .columnVoice dd li:before { content: ''; width: 5px; height: 5px; position: absolute; display: block; background: #333; top: 20px; left: 10px; }
#programs.solution .columnVoice dd li.odd { background: #f4f4f4; }
/* /programs */
#cesestudy .cesestudyList { /* /li */ }

#cesestudy .cesestudyList li { display: inline-block; width: 220px; height: 323px; border: 1px solid #e7e7e7; padding: 5px; vertical-align: top; box-shadow: 0 0 4px #ddd; margin-bottom: 15px; }

#cesestudy .cesestudyList li:nth-child(2) { margin: 0 5px; }

#cesestudy .cesestudyList li p { margin: 0; font-size: 12px; }

#cesestudy .cesestudyList li p:first-child { color: #2b4b17; }

#cesestudy .cesestudyList li p.listTitle { display: table; height: 60px; font-size: 16px; border-bottom: 1px solid #cccccc; margin-bottom: 4px; line-height: 1.2; width: 100%; }

#cesestudy .cesestudyList li p.listTitle span { display: table-cell; vertical-align: middle; }

#cesestudy .cesestudyList li p.listBtn { position: relative; background: #2b4b17; text-align: center; font-size: 12px; padding: 5px 0; }

#cesestudy .cesestudyList li p.listBtn a { color: #fff; display: block; width: 100%; height: 100%; }

#cesestudy .cesestudyList li p.listBtn a:after { content: ''; display: block; position: absolute; width: 13px; height: 12px; background: url(../../images/common/iconExternal.png) no-repeat; right: 5px; top: 30%; }

#cesestudy .cesestudyList li p.listDetail { min-height: 75px; }

/* /#casestudy */
#columnReport .columnList { /* /dd */ }

#columnReport .columnList dt { background: url(../../images/company/infoListBg.png) no-repeat; color: #fff; height: 18px; font-size: 12px; padding-left: 20px; position: relative; z-index: 10; }

#columnReport .columnList dt .date { margin-right: 30px; position: relative; top: -3px; display: inline-block; width: 110px; }

#columnReport .columnList dt .iconNews, #columnReport .columnList dt .iconLink, #columnReport .columnList dt .iconPdf, #columnReport .columnList dt .iconEvent, #columnReport .columnList dt .iconTraining, #columnReport .columnList dt .iconColumn, #columnReport .columnList dt .iconBlog, #columnReport .columnList dt .iconReport { display: inline-block; text-indent: -9999px; width: 63px; height: 18px; margin: 4px 0 0 0px; background: url(../../images/column-report/iconColumn.png) no-repeat; }

#columnReport .columnList dt .iconBlog { background-position: 0 -19px; }

#columnReport .columnList dt .iconReport { background-position: 0 -38px; }

#columnReport .columnList dt .iconTraining { background-position: 0 -57px; }

#columnReport .columnList dt .iconEvent { background-position: 0 -76px; }

#columnReport .columnList dd { margin-bottom: 15px; }

#columnReport .columnList dd .areaStyle1 { background: url(../../images/common/bgtype1.png) repeat; padding: 3px; margin-bottom: 20px; margin-top: -5px; position: relative; }

#columnReport .columnList dd .areaStyle1 .content { background: #fff; width: 674px; border-bottom: 1px solid #ccc; }

#columnReport .columnList dd .columnHeadlist { font-size: 20px; font-weight: normal; padding: 10px 0 20px 0; border-bottom: 1px solid #ccc; letter-spacing: -0.05em; margin-bottom: 10px; }

#columnReport .columnList dd .detailBtn { position: absolute; bottom: -10px; right: 0; }

#columnReport .columnList dd.columnListTitle { font-size: 24px; padding: 25px 0; background: url(../../images/common/headlineBorder3.png) no-repeat bottom center; }

#columnReport .columnList dd.columnListTitle span { font-size: 16px; letter-spacing: 0; }

#columnReport .columnList dd p { margin: 0; }

#columnReport .columnVoice { background: url(../../images/common/bgtype3.png) repeat; padding: 5px; }

#columnReport .columnVoice dt { font-size: 20px; color: #fff; text-align: left; background: url(../../images/column-report/iconVoice.png) no-repeat; padding: 10px 0 5px 90px; background-position: 20px 0; }

#columnReport .columnVoice dd { background: #fff; margin-bottom: 15px; }

#columnReport .columnVoice dd:last-child { margin-bottom: 0; }

#columnReport .columnVoice dd li { padding: 10px 15px; }

#columnReport .columnVoice dd li.odd { background: #f4f4f4; }

#columnReport .columnVoice dd li:before { content: '・ '; display: inline-block; width: 1em; margin-left: -1em; padding-left: 5px; }

#columnReport .eventLink { clear: both; background: #f7f7f7; padding: 15px; }

#columnReport .eventLink a { font-size: 12px; padding: 5px 10px; font-weight: bold; background: #BD0008; color: #fff; text-decoration: none; }

#columnReport .photoList { margin-bottom: 1.5em; width: 100%; text-align: center; }

#columnReport .photoList li { display: inline-block; width: 47%; padding: 1%; text-align: left; vertical-align: top; }

#columnReport .photoList li img { padding: 2px; border: 1px solid #ccc; box-sizing: border-box; width: 100%; }

#columnReport .photoList li.center { margin: 0 auto; display: block; }

#columnReport .photoList li.center.widthMax { width: 100%; padding: 0; }

#columnReport .photoList span { font-size: 12px; }

#columnReport .headline4 { margin-bottom: 20px; border-bottom: 3px solid #111; background: none; color: #111; font-size: 28px; font-weight: bold; text-align: left; }

/* columnReport */
/* #sitemap */
#sitemap .section h3.headline3 { border-botom: 1px dotted #5f7d41; }

#sitemap .section ul { padding-left: 15px; }

#sitemap .section ul li { display: inline-block; width: 49%; height: 25px; margin-top: 5px; }

#sitemap .section ul li a { height: 100%; display: block; line-height: 25px; }

#sitemap .section ul li a:after { content: "w"; font-family: "ilm"; font-size: 14px; position: relative; top: 2px; left: 5px; }

#sitemap .section ul li a:hover { border-bottom: 1px solid; display: inline-block; text-decoration: none; color: #5f7d41; }

/* /sitemap */
@font-face { font-family: "ilm"; src: url("../font/ilm.eot"); src: url("../font/ilm.eot?#iefix") format("embedded-opentype"), url("../font/ilm.woff") format("woff"), url("../font/ilm.ttf") format("truetype"), url("../font/ilm.svg#ilm") format("svg"); 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-telephone:before { content: "a"; }

.icon-right-dir:before { content: "b"; }

.icon-external:before { content: "c"; }

.icon-circle:before { content: "d"; }

.icon-angle-square-right:before { content: "e"; }

.icon-align-justify:before { content: "f"; }

.icon-up:before { content: "g"; }

.icon-cancel-circle:before { content: "h"; }

.icon-right:before { content: "i"; }

.icon-angle-right-box:before { content: "j"; }

.icon-cancel-circle-right:before { content: "k"; }

.icon-check-square:before { content: "l"; }

.icon-speech-bubble:before { content: "m"; }

.icon-telephone-circle:before { content: "n"; }

.icon-back-home:before { content: "o"; }

.icon-angle-top:before { content: "p"; }

.icon-bread-circle:before { content: "q"; }

.icon-mail:before { content: "s"; }

.icon-mail-1:before { content: "t"; }

.icon-home:before { content: "u"; }

.icon-attention:before { content: "v"; }

.icon-close:before { content: "w"; }

.icon-fax:before { content: "x"; }

.icon-angle-right:before { content: "y"; }

.icon-angle-circle-right:before { content: "z"; }

.icon-angle-circle-top:before { content: "A"; }

.icon-freedial:before { content: "B"; }

.icon-angle-square-bottom:before { content: "C"; }

.icon-angle-square-top:before { content: "D"; }

.icon-page-top-1:before { content: "E"; }

.icon-right-dir-2:before { content: "F"; }

.icon-right-dir-large:before { content: "r"; }

.icon-angle-down:before { content: "H"; }

#home #contentsWrap { padding: 0 0 24px; }

#home #contentsWrap .kvArea { margin-top: 20px; }

#home #contents { padding: 100px 0 0 0; }

#home #footerWrap { position: relative; height: 24px; margin: -24px 0 0; background: #0d2b43; letter-spacing: normal; z-index: 20; }
/*#home #footerWrap { position: relative; height: 190px; margin: -190px 0 0; background: #141e05; letter-spacing: normal; z-index: 20; }*/

#home .info { position: relative; padding: 14px 0; }

#home .info dt { position: absolute; top: 50%; margin: -7px 0 0; }

#home .info dd { padding: 0 0 0 200px; font-size: 12px; }

#home .info dd li { margin-left: 7em; line-height: 1.4em; }

#home .info dd li .date { width: 7em; display: inline-block; margin-left: -7em; }

#home .info .headline1, #home .info .infoList { float: left; }

#home .info .headline1 { font-size: 14px; }

#home .info .infoList { width: 52px; height: 12px; margin: 0 0 0 5px; padding: 1px 0 0; background: url(../../images/infoListBg.png) no-repeat; font-size: 10px; text-align: center; line-height: 1; }

#home .info .infoList a { display: block; color: #FFF; }

#home .freeArea { margin: 12px 0; padding: 10px 0; border-top: 1px dotted #a38382; border-bottom: 1px dotted #a38382; }

#home .freeArea .pickupWrap { margin: 0 0 0 -10px; }

#home .freeArea .pickupWrap:after { clear: both; display: block; content: ''; }

#home .freeArea .pickup { float: left; width: 355px; margin: 0 0 0 10px; font-size: 12px; }

#home .freeArea .pickup .photo { float: left; width: 125px; }

#home .freeArea .pickup dt { font-weight: bold; }

#home .freeArea .pickup dd { margin: 0 0 10px; }

#home .freeArea .pickup dd dl { margin-left: 125px; }

#home .btnArea { margin: 0 0 0 -10px; }

#home .btnArea p { float: left; width: 355px; margin: 0 0 0 10px; position: relative; }

#home .btnArea .btn { padding: 10px 15px; font-size: 12px; letter-spacing: -0.05em; }

#home .btnArea .btn a { display: block; }

#home .btnArea .btn:after { font-family: 'ilm'; content: 'w'; position: absolute; right: 5px; }

#home .btnArea .btn:hover { background: #1a446f; }

/*# sourceMappingURL=style.css.map */

/*Slideshow CSS*/
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 3.5s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 3.5s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

#home .panelContent { position: relative; min-height: 100%; z-index: 10; }

#home .panelContent li { position: relative; float: left; width: 180px; /*height: 405px;*/ margin: 0 10px 40px 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

#home .panelContent li dl { position: relative; z-index: 800; }

#home .panelContent li dl dd { position: relative; height: 160px; padding: 0 1em; background: #fff; letter-spacing: -1px; }

#home .panelContent li dl dd .iconNew { position: absolute; top: -45px; right: 5px; }

#home .panelContent li dl dd.iconNewDd:after { position: absolute; top: -45px; right: 5px; width: 60px; height: auto; content: url(/images/images2016/opinions/icon-new.png); }

#home .panelContent li dl dd h3 { padding: 1em 0 30px; color: #3E3A39; line-height: 1.3; }

#home .panelContent li dl dd h3 small { display: block; }

#home .panelContent li.preparation { width: 1000px; height: 225px; background: url(/images/images2016/open_class/preparation-bg.png) no-repeat; background-size: 100% 100%; }

#home .panelContent li.preparation dl { position: relative; top: 50%; margin-top: -44px; color: #fff; text-align: center; }

#home .panelContent li.preparation dl dt { font-size: 24px; font-weight: bold; line-height: 1.33333333333333; }

#home .panelContent li.preparation dl dd { height: auto; padding: 0.5em 0 0 0; background: transparent; }

#home .panelContent li a { display: block; }

#home .panelContent li a .dispatchHover, #home .panelContent li a .eventHover { display: none; }

#home .panelContent li a:hover { opacity: .7; }

/*#home #panelContent li:hover a:after { color: inherit; opacity: .6; }*/

#home .panelContent li a:hover .dispatchHover, #home .panelContent li a:hover .eventHover { opacity: 1; z-index: 998; }

#home .panelContent li .slide_subTitle { display: block; margin-top: .5em; letter-spacing: -0.6px; }

#home .panelContent li.noPanel { display: none; }

#home .panelContent li .newContent { display: inline-block; position: absolute; top: -40px; right: 5px; content: url(/images/images2016/opinions/icon-new.png); }

#home .panelContent:after { display: block; clear: both; content: ""; }

#home .panelContent .titleSubSmall { line-height: 2; font-size: small; }

#home .panelContent .datePlace { position: absolute; bottom: 12px; width: 180px; line-height: 1.4; }

#home .panelContent .datePlace .slideDate, #home .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; }

#home .panelContent .datePlace .slideDate.off, #home .panelContent .datePlace .slidePlace.off { display: none; }

#home .panelContent .datePlace .slideDate:before, #home .panelContent .datePlace .slidePlace:before { position: relative; top: 5px; left: 0; margin-right: .5em; font-family: "ilm"; font-size: 18px; color: #9fa0a0; }

#home .panelContent .datePlace .slideDate.kana, #home .panelContent .datePlace .slidePlace.kana { letter-spacing: -.05em; }

#home .panelContent .datePlace .slideDate { margin-bottom: -3px; }

/*#home .panelContent .datePlace .slideDate:before { content: "T"; }

#home .panelContent .datePlace .slidePlace:before { content: "M"; }*/

#home .panelContent .datePlace.homeOnly, #home .panelContent .datePlace.eventOnly { display: none; }

#home .panelContent .datePlace.homeOnly { display: block; }

/*.mySlides1 {display:none}*/

#home #info { padding: 20px 0 60px; overflow: hidden; }

#home #infoWrap { position: relative; min-height: 100%; margin: 0 auto; }

#home #infoWrap h2 { padding-bottom: .75em; border-bottom: solid 2px #3E3A39; color: #3E3A39; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 100%; line-height: 1; text-align: center; }

#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: auto/*210px*/; 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: 14px; 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; }

#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: 16px;*/ padding: 11px 0 0 0; }

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

/*company*/
#company #info { padding: 20px 0 60px; width: 720px; overflow: hidden; }

#company #infoWrap { position: relative; min-height: 100%; margin: 0 auto; }

#company #infoWrap h2 { padding-bottom: .75em; border-bottom: solid 2px #3E3A39; color: #3E3A39; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 100%; line-height: 1; text-align: center; }

#company #infoList li { display: none; }

#company #infoList li:nth-child(-n+5) { display: block; }

#company #infoList li.homeDispNo { display: none; }

#company #infoList { margin-top: 26px; padding-right: 3em; position: relative; height: auto/*210px*/; overflow: hidden; border-bottom: solid 1px #eee; background: url(/images/images2016/home/infolist_shadow.png) center bottom repeat-x; }

#company #infoList > li { position: relative; margin-bottom: 18px; }

#company #infoList > li a { display: block; }

#company #infoList > li a:hover { opacity: .6; }

#company #infoList .newLabel:before { display: inline-block; position: absolute; left: 0; color: #f30; font-size: 12px; font-weight: bold; content: "NEW"; line-height: 24px; }

#company #infoList dt.ymd { width: 100%; margin-bottom: 8px; padding-left: 0px/*40px*/; color: #0097dd; font-size: 14px; box-sizing: border-box; line-height: 24px; }

#company #infoList dt.ymd .infoLabel { display: inline-block; margin-left: 10px; padding: 4px 20px; line-height: 1; border: solid 1px #0097dd; }

#company #infoList dt.ymd .infoLabel.press { color: #fff; background: #0086af; }

#company #infoList dd { width: 100%; padding-left: 40px; line-height: 1.25; text-justify: inter-ideograph; text-align: justify; box-sizing: border-box; }

#company #infoList dd dt { margin-bottom: 0.5em; }

#company #infoList dd dd p { margin-bottom: 1em; letter-spacing: -1px; }

#company #infoList dd dd p:last-child { margin-bottom: 0; }

#company #infoList dd .inlineList { padding-top: .5em; padding-bottom: 0; }

#company #infoList dd .inlineList.oneRow li { display: inline-block; }

#company #infoList .infoGenre { margin-top: 0.25em; color: #0086af; font-size: 14px; }

#company #infoLink { position: absolute; top: 0; right: 0; font-size: 16px; }

#company #infoLink img { vertical-align: middle; -webkit-transition: 0.2s; transition: 0.2s; }

#company #infoLink a { -webkit-transition: 0.2s; transition: 0.2s; }

#company #infoLink a:before { position: relative; top: -2px; right: 9px; font-size: 22px; vertical-align: middle; }

#company #infoLink:hover a { opacity: .6; }

#navWrap #nav .home a:after{ position: absolute; right: 3px; content:'';}