@charset "utf-8";
/* CSS Document */
/* Reset
----------------------------------------------------*/
html {
  overflow-y: scroll;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}
table,
th,
td {
  font-size: 100%;
  line-height: 1.6;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
object,
embed {
  vertical-align: top;
}
hr,
legend {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
img,
abbr,
acronym,
fieldset {
  border: 0;
}
ul,
li {
  list-style-type: none;
}
img,
a img {
  border: none;
  background: transparent;
  vertical-align: bottom;
}
/* font
----------------------------------------------------*/
body {
  font: 62.5% Meiryo, arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka,
    sans-serif;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #333;
  font-weight: 500;
}
html > /**/ body {
  font-size: 10px;
} /* Except IE */
* html body {
  /* IE6用フォント指定 */
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
/*--- default */
body {
  text-align: center;
  background: url(../images/common/hedar_bg.png) repeat-x;
}
/* Link
----------------------------------------------------*/
a {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
  color: #cc0000;
}
/* float,clear
----------------------------------------------------*/
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
}
.cf {
  /* clearfix */
  zoom: 1;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
}
/* margin
---------------------------------------- */
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt60 {
  margin-top: 60px !important;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.m10 {
  margin-bottom: 10px;
}
.m15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
/* padding
---------------------------------------- */
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb90 {
  padding-bottom: 90px;
}
.pl10 {
  padding-left: 10px;
}
.ofh {
  overflow: hidden;
}
/* text
---------------------------------------- */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.txt_narrow {
  letter-spacing: -1px;
}
.txt_space {
  letter-spacing: 1px;
}
.txt_indent {
  text-indent: 1em;
}
.fs24 {
  font-size: 20px !important;
}
/* その他
---------------------------------------- */
/*画像透過*/
a.imgHover:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#logo a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* wrapper
----------------------------------------------------*/
#wrapper {
  width: 100%;
  margin: 0 auto;
}
/* header
----------------------------------------------------*/
#header {
  position: relative;
  width: 1000px;
  height: 134px;
  text-align: left;
  margin: 0 auto;
}
/*  ========================= general */
#header .headTxt,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #headInfo {
  position: absolute;
}
/*  ========================= header */
#header .headTxt {
  top: 16px;
  left: 197px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
#header .headTxt span {
  font-size: 12px;
}
#header #logo {
  top: 0;
  left: 0;
  width: 182px;
}
#header #guideNav {
  top: 15px;
  right: 0;
}
#header #guideNav li {
  display: inline;
  padding-left: 5px;
}
#header #globalNav {
  top: 81px;
  right: 0;
  width: 818px;
  height: 53px;
  background: cc0000;
}
#header #globalNav li {
  float: left;
  text-align: center;
  font-size: 14px;
  height: 55px;
  font-weight: bold;
  display: table;
  position: relative;
}
#header #globalNav li a {
  color: #ffffff;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  height: 53px;
  line-height: 1.2;
  text-align: center;
}
#header #globalNav li a:hover {
  color: #cc0000;
  background: #ffffff;
  height: 49px;
  border: 2px solid #cc0000;
}
/*#header #globalNav li:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  width: 1px;
  height: 17px;
  background: #ffffff;
}*/
#header #globalNav li#gnav01:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
/*#header #globalNav li#gnav01 {width: 102px;}
#header #globalNav li#gnav02 {width: 78px;}
#header #globalNav li#gnav03 {width: 153px;}
#header #globalNav li#gnav04 {width: 128px;}
#header #globalNav li#gnav05 {width: 78px;}
#header #globalNav li#gnav06 {width: 100px;}
#header #globalNav li#gnav07 {width: 84px;}
#header #globalNav li#gnav08 {width: 95px;}*/
#header #globalNav li#gnav01 {
  width: 120px;
}
#header #globalNav li#gnav02 {
  width: 66px;
}
#header #globalNav li#gnav03 {
  width: 126px;
}
#header #globalNav li#gnav04 {
  width: 100px;
}
#header #globalNav li#gnav05 {
  width: 150px;
}
#header #globalNav li#gnav06 {
  width: 70px;
}
#header #globalNav li#gnav07 {
  width: 100px;
}
#header #globalNav li#gnav08 {
  width: 84px;
}
#header #headInfo {
  top: 30px;
  right: 0;
}
/* content
---------------------------------------- */
#content {
  width: 100%;
  font-size: 140%;
}
p.gotop {
  clear: both;
  text-align: right;
  font-size: 0;
}
/* nav
---------------------------------------- */
#nav {
  float: left;
  width: 200px;
  margin-bottom: 20px;
}
/* main
---------------------------------------- */
#main {
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.6;
  padding-top: 60px;
}
/*  ========================= locus */
#breadcrumbs {
  border-bottom: 1px dotted #ccc;
}
#breadcrumbs ol {
  zoom: 1;
  width: 1000px;
  margin: auto;
  padding: 10px 0;
}
#breadcrumbs ol:before,
#breadcrumbs ol:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#breadcrumbs ol:after {
  clear: both;
}
#breadcrumbs li {
  float: left;
  font-size: 12px;
  line-height: 1;
}
#breadcrumbs li:after {
  content: ">";
  margin: 0 5px;
}
#breadcrumbs li:last-child:after {
  display: none;
}
#breadcrumbs a {
  color: #333;
}
#breadcrumbs a:hover {
  text-decoration: none;
}
/* footer
---------------------------------------- */
#footerContact {
  border-top: 1px solid #eeeeee;
}
#footerContact .inner {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}
#footerContact .inner h3 {
  margin: 0 0 30px 0;
  padding: 0;
  background: none;
  border: none;
}
#footerContact .inner ul {
  margin-top: 8px;
}
#footerContact .inner li {
  float: left;
}
#footerContact .inner li + li {
  margin-left: 10px;
}
#footer {
  width: 100%;
  background: #f4f4f4;
}
#footer .inner {
  width: 1000px;
  margin: 0 auto;
  background: #f4f4f4;
  padding: 40px 0;
  text-align: left;
}
#footer .inner > ul {
  float: left;
}
#footer .inner > ul > li {
  padding-left: 15px;
  background: url(../images/common/footer_icon.png) no-repeat left 3px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}
#footer .inner ul li a {
  color: #333333;
  text-decoration: none;
}
#footer .inner ul li a:hover {
  color: #cc0000;
}
#footer #flink01,
#footer #flink03 {
  border-right: 1px dotted #656565;
  width: 139px;
  margin-right: 20px;
}
#footer #flink02 {
  border-right: 1px dotted #656565;
  width: 518px;
  margin-right: 20px;
}
#footer .inner > ul > li > ul {
  margin-top: 8px;
}
#footer .inner > ul > li li {
  font-weight: normal;
  float: left;
  width: 158px;
  margin-right: 9px;
  font-size: 12px;
  margin-bottom: 5px;
}
#footer #flink04 {
  width: 140px;
}
#footer #copyright {
  padding: 10px 0;
  text-align: center;
  color: #ffffff;
  background: #cc0000;
}
/* general
----------------------------------------------------*/
#pageImg {
  height: 147px;
  background: url(../images/about/bg_main.png) no-repeat center center;
  text-align: left;
}
#pageImg h1 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 70px;
  padding-left: 30px;
}
#content .last {
  margin-bottom: 0;
}
/*  ========================= text */
#content p {
  margin-bottom: 1em;
}
#content .emphasis {
  color: #f00;
  font-weight: bold;
}
/*  ========================= img */
#content .imgL {
  float: left;
  margin-right: 1em;
  margin-bottom: 0;
}
#content .imgLbtm {
  float: left;
  margin-right: 1em;
}
#content .imgR {
  float: right;
  margin-left: 15px;
  margin-bottom: 0;
}
#content .imgRbtm {
  float: right;
  margin-left: 1em;
}
/*  ========================= box */
.section {
  padding: 30px 0;
}
.section.bg {
  background: #eeeeee;
}
.section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.section > .inner .half {
  width: 500px;
}
.article {
  width: 1000px;
  margin: 0 auto 70px;
}
.article h2 {
  font-size: 30px;
  color: #cc0000;
  padding: 0 0 0 15px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  border-left: 4px solid #cc0000;
  line-height: 1.4;
}
#trainingDetailPage #pageImg {
  height: 267px;
  border-bottom: 1px solid #eeeeee;
}
#trainingDetailPage #pageImg h1 {
  padding-top: 60px;
  margin-bottom: 15px;
}
/*　　研修　background
-------------------------*/
#trainingDetailPage #pageImg.speech {
  background: url(../images/training/spe5_170630.png) no-repeat center center;
}
#trainingDetailPage #pageImg.communication {
  background: url(../images/training/com15_190205.png) no-repeat center center;
  height: 380px;
}
#trainingDetailPage #pageImg.sales {
  background: url(../images/training/sale5_170630.png) no-repeat center center;
}
#trainingDetailPage #pageImg.manner {
  background: url(../images/training/man5.png) no-repeat center center;
}
#trainingDetailPage #pageImg.reception {
  background: url(../images/training/res5.png) no-repeat center center;
}
#trainingDetailPage #pageImg.tel {
  background: url(../images/training/tel5.png) no-repeat center center;
}
#trainingDetailPage #pageImg.lecture {
  background: url(../images/training/lec5.png) no-repeat center center;
}
#trainingDetailPage #pageImg.subsidy {
  background: url(../images/training/sub5.png) no-repeat center center;
}
#trainingDetailPage #pageImg.communication h1 {
  padding-top: 60px;
  margin-bottom: 15px;
  padding: 60px 0 0 0;
}
#trainingDetailPage #pageImg .btnList {
  width: 942px;
  margin: 0 auto;
}
#trainingDetailPage #pageImg .btnList li {
  float: left;
}
#trainingDetailPage #pageImg .btnList li + li {
  margin-left: 27px;
}
#trainingDetailPage h2.title {
  font-size: 30px;
  color: #cc0000;
  padding: 0 0 0 15px;
  position: relative;
  font-weight: bold;
  width: 985px;
  margin: 0 auto 30px;
}
#trainingDetailPage h2.title:before {
  content: "";
  width: 4px;
  height: 40px;
  background: #cc0000;
  position: absolute;
  left: 0;
  top: 3px;
}
#trainingPage #content .trainingList {
  margin-top: 30px;
}
#trainingPage #content .training-table {
  margin-bottom: 5px;
}
#trainingPage #content .training-table .clickhover:hover {
  background: #fdf5f5;
}
#trainingPage .training-table .clickhover:hover {
  cursor: pointer;
}
#trainingPage #content .training-table th {
  text-align: center;
}
#trainingPage #content .training-table tbody th {
  padding: 0;
  background: none;
}
#trainingPage #content .training-table th.center {
  text-align: center;
}
#trainingPage #content .training-table p {
  font-size: 12px;
  margin-bottom: 0;
}
#trainingPage #content .training-table h3 {
  font-size: 20px;
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 10px;
}
#trainingPage #content .training-table h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
}
.photoItem {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #cccccc;
}
.photoItem h3,
#companyPage h3,
#aboutPage #media h3,
#resultsPage h3,
#columnDetailPage h3,
#methodPage h3,
#trainingDetailPage #method-movie h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  background: #f8f8f8;
  border-left: 2px solid #cc0000;
  padding: 8px;
}
.photoItem h3.training_reason_h3 {
  font-size: 20px;
}
#resultsPage h4,
#companyPage.supportPage h4 {
  font-size: 16px;
  color: #cc0000;
}
.photoItem .photo {
  margin-right: 30px;
}
.photoItem .photo.fright {
  margin-left: 30px;
  margin-right: 0;
}
/*  ========================= title */
/*#main h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
#main h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#main h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h3.firstChild,
#main h4.firstChild,
#main h5.firstChild {
	margin-top: 0;
}*/
/*  ========================= table */
#content table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-right: none;
  border-top: none;
}
#content table th,
#content table td {
  padding: 10px;
  border: 1px solid #ddd;
  border-left: none;
  border-bottom: none;
  vertical-align: middle;
  font-weight: 500;
}
#content table th {
  background: #fae5e5;
  font-weight: bold;
}
/*  ========================= defalt list */
#main p.defList,
#main .defList li,
#main .defList dt {
  padding-left: 15px;
  background: url(../img/common/icon.gif) no-repeat 0 5px;
}
#main .defList dd {
  padding-left: 15px;
}
/*  ========================= attention */
#main p.attention,
#main .attention li,
#main .attention dt {
  padding-left: 15px;
  background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#main .attention dd {
  padding-left: 15px;
}
/*  ========================= text Link */
#main p.txtLink {
  margin-top: 5px;
  text-align: right;
}
#main p.txtLink a {
  display: block;
  padding-left: 20px;
  background: url(../img/common/icon_arrow.gif) no-repeat left center;
  /zoom: 1;
}
/*  ========================= button Link */
#content ul.btn-link {
  zoom: 1;
}
#content ul.btn-link:before,
#content ul.btn-link:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#content ul.btn-link:after {
  clear: both;
}
#content .btn-link {
  padding-top: 50px;
  text-align: center;
}
#content .btn-link a {
  display: block;
  width: 300px;
  margin: auto;
  padding: 20px 0;
  border-radius: 6px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
  background: url(../images/common/ico-btn-link.png) no-repeat 275px center
    #f1963d;
}
#content .btn-link a:hover {
  opacity: 0.8;
}
#content .btn-orange {
  padding-top: 40px;
  zoom: 1;
}
#content .btn-orange:before,
#content .btn-orange:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#content .btn-orange:after {
  clear: both;
}
#content .btn-orange a {
  background-image: none;
  width: 300px;
  padding: 20px 0;
  background-color: #f1963d;
  font-size: 22px;
}
#content .btn-orange a:before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  margin: 0 10px -5px 0;
  background: url(../images/common/ico-arrow-circle-l.png) no-repeat 0 0;
}
/* 01 index
----------------------------------------------------*/
#indexPage #mainImage {
  /*background: url(../images/index/main_bg.png) no-repeat center center;*/
  border-bottom: 1px solid #eeeeee;
}
#indexPage .btn {
  text-align: center;
  margin: 30px 0;
}
#indexPage #main {
  padding-top: 10px;
}
#indexPage #teacherList {
  width: 401px;
  margin: 0 auto;
}
#indexPage #teacherList .teachItem h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #cc0000;
}
#indexPage #teacherList .teachItem .text {
  width: 181px;
  float: left;
}
#indexPage #teacherList .teachItem .text dl + dl {
  margin-top: 10px;
}
#indexPage #teacherList .teachItem .text dt {
  font-weight: bold;
}
#indexPage #history-results {
  margin-top: 30px;
  margin-bottom: 30px;
}
#indexPage #history-results ul {
  margin-left: 4px;
}
#indexPage #history-results li {
  float: left;
  margin-left: 3px;
}
#indexPage #studyList {
  width: 401px;
  margin: 0 auto;
}
/*#indexPage #studyList dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #cccccc;
}*/
#indexPage #studyList dt {
  position: relative;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
#index-btnList {
  width: 1000px;
  margin: 0 auto 30px;
}
#index-btnList li {
  float: left;
  margin-right: 20px;
  margin-top: 20px;
}
#index-results h2 {
  margin-bottom: 20px;
}
#index-results h3 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #cc0000;
}
#index-results p {
  margin-bottom: 0;
}
#index-results div.full {
  width: 1000px;
  float: left;
}
#index-results div.halfl {
  width: 400px;
  float: left;
}
#index-results div.halfr {
  width: 600px;
  float: left;
}
#index-results div.full li,
#index-results div.halfl li,
#index-results div.halfr li {
  width: 178px;
  margin: 10px 9px 0 0;
  padding-left: 13px;
  float: left;
  background: url(../images/common/ico-red.png) no-repeat left 5px;
}
#index-results div.full ul.list02 li {
  width: 311px;
}
#index-about h2,
#index-resultshis h2 {
  margin-bottom: 30px;
  text-align: center;
}
#index-about {
  background: url(../images/index/bg_about.png) no-repeat center 80px;
}
#index-news.section {
  padding-top: 60px;
}
#index-news .half {
  width: 455px;
}
#index-news h2 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
#index-news dl dt {
  width: 95px;
  float: left;
}
#index-news dl dd {
  padding-left: 95px;
  width: 360px;
}
#index-news dl dd p {
  text-align: left;
}
#index-news dl {
  margin-top: 10px;
  padding-top: 10px;
}
#index-news dl + dl {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #cccccc;
}
.article #index-results {
  padding: 30px 30px 40px 40px;
  width: 920px;
}
.article #index-results div ul {
  width: 920px;
}
.article #index-results div li {
  width: 208px;
  margin-right: 10px;
  float: left;
  margin-top: 10px;
  background: url(../images/common/ico-red.png) no-repeat left center;
  padding-left: 12px;
}
.article #voice .voiceItem {
  width: 286px;
  float: left;
  border-top: 1px solid #cc0000;
  background-color: #f8f8f8;
  padding: 0 15px 20px;
  position: relative;
}
.article #voice .voiceItem + .voiceItem {
  margin-left: 26px;
}
.article #voice .voiceItem h4 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted #cccccc;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.article #voice .voiceItem h4 .it {
  background: url(../images/about/ico_it.png) no-repeat left center;
  width: 25px;
  height: 22px;
  display: inline-block;
  padding-right: 8px;
}
.article #voice .voiceItem h4 .sys {
  background: url(../images/about/ico_sys.png) no-repeat left center;
  width: 21px;
  height: 22px;
  display: inline-block;
  padding-right: 8px;
}
.article #voice .voiceItem h4 .sales {
  background: url(../images/about/ico_sales.png) no-repeat left center;
  width: 20px;
  height: 23px;
  display: inline-block;
  padding-right: 8px;
}
.article #voice .voiceItem h4 .sekkyaku {
  background: url(../images/about/ico_sekkyaku.png) no-repeat left center;
  width: 20px;
  height: 23px;
  display: inline-block;
  padding-right: 8px;
}
.article #voice .voiceItem h4 .gijutu {
  background: url(../images/about/ico_gijutu.png) no-repeat left center;
  width: 20px;
  height: 23px;
  display: inline-block;
  padding-right: 8px;
}
.article #voice .voiceItem h4 .eigyo {
  background: url(../images/about/ico_eigyo.png) no-repeat left center;
  width: 20px;
  height: 23px;
  display: inline-block;
  padding-right: 8px;
}
#aboutPage #media h4,
#resultsPage #media h4,
#studyPage h4,
#companyPage.mediaPage h4 {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 12px;
  color: #cc0000;
}
#aboutPage #media h5,
#companyPage.mediaPage h5 {
  font-size: 16px;
  font-weight: bold;
}
#aboutPage #media h5 + h5,
#companyPage.mediaPage #media h5 + h5 {
  margin-top: 20px;
}
#aboutPage #media h5.year,
#companyPage.mediaPage #media h5.year {
  color: #cc0000;
}
#aboutPage .magazineList + h5,
#companyPage.mediaPage .magazineList + h5 {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dotted #cccccc;
}
#aboutPage #media .text,
#companyPage.mediaPage #media .text {
  width: 808px;
  float: right;
}
#aboutPage .magazineList,
#companyPage.mediaPage .magazineList {
  margin-top: 10px;
}
#aboutPage .magazineList dl,
#companyPage.mediaPage .magazineList dl {
  width: 122px;
  float: left;
  margin-right: 24px;
}
#aboutPage .magazineList dd,
#companyPage.mediaPage .magazineList dd {
  margin-top: 8px;
}
#companyPage.mediaPage .magazineList dl:nth-child(7n) {
  margin-right: 0px;
}
#resultsPage #media .text {
  width: 570px;
  float: right;
}
/*#resultsPage #resultsList ul {
	margin-bottom: 30px;
}*/
#companyPage.supportPage #resultsList li,
#resultsPage #resultsList li {
  width: 308px;
  margin-right: 10px;
  float: left;
  margin-top: 5px;
  background: url(../images/common/ico-red.png) no-repeat left 5px;
  padding-left: 15px;
}
#trainingDetailPage #index-results {
  padding: 40px 0 40px;
}
.faq-list .faq {
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: solid 2px #eee;
}
.faq-list .faq h3 {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  padding: 10px 40px 10px 65px;
  border: none;
  background: url(../images/training/ico_open.png) no-repeat right center;
  color: #333333;
  font-size: 18px;
  line-height: 1.3;
}
#contents .faq-list .faq h3:before {
  display: none;
}
.faq-list .faq h3 span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #cc0000;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
}
.faq-list .faq h3.on {
  background: url(../images/training/ico_close.png) no-repeat right center;
}
.faq-list .faq p {
  margin-bottom: 0;
}
.faq-list .faq .answer {
  display: none;
  position: relative;
  /*min-height: 50px;*/
  margin-top: 15px;
  padding: 7px 40px 0 65px;
  box-sizing: border-box;
}
.faq-list .faq .answer:before {
  content: "A";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border: 3px solid #cc0000;
  color: #cc0000;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  box-sizing: border-box;
}
#trainingDetailPage #teacherList {
  width: 950px;
}
#trainingDetailPage #teacherList .teachItem {
  width: 270px;
  float: left;
  padding: 20px;
  background: #f8f8f8;
}
#trainingDetailPage #teacherList .teachItem h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
}
#trainingDetailPage #teacherList .teachItem .text {
  width: 120px;
  float: left;
  font-size: 12px;
}
#trainingDetailPage #teacherList .teachItem .text dl + dl {
  margin-top: 5px;
}
#trainingDetailPage #teacherList .teachItem .text dt {
  font-weight: bold;
  font-size: 13px;
  padding-left: 8px;
  border-left: 2px solid #cc0000;
  margin-bottom: 8px;
  line-height: 1;
}
#trainingDetailPage #teacherList .teachItem .text dd {
  padding: 0 2px 10px;
}
#teacherPage #teacherList {
  width: 1000px;
}
#teacherPage #teacherList .teachItem {
  width: 480px;
  float: left;
  margin-right: 40px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #cccccc;
}
#teacherPage #teacherList .teachItem h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  color: #cc0000;
}
#teacherPage #teacherList .teachItem .text {
  width: 255px;
  float: right;
}
#teacherPage #teacherList .teachItem .text dl + dl {
  margin-top: 15px;
}
#teacherPage #teacherList .teachItem .text dt {
  font-weight: bold;
  font-size: 16px;
  color: #cc0000;
  border-left: 3px solid #cc0000;
  padding-left: 10px;
  line-height: 1.2;
  margin-bottom: 5px;
}
#teacherPage #teacherList .teachItem .text dd li {
  background: url(../images/common/ico-red.png) no-repeat left center;
  padding-left: 15px;
}
#teacherPage #steacherList .steacherItem {
  width: 210px;
  margin-right: 53px;
  float: left;
}
#teacherPage #steacherList .steacherItem dt {
  font-size: 22px;
  color: #cc0000;
  font-weight: bold;
  margin-top: 8px;
}
#main .link-box {
  padding: 15px;
  border: 1px solid #dddddd;
  background: url(../images/common/ico-arrow-gray-l.png) no-repeat 970px center;
  zoom: 1;
}
#main .link-box:before,
#main .link-box:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#main .link-box:after {
  clear: both;
}
#main .link-box.on {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
#main .link-box.on img {
  opacity: 0.8;
}
#main .link-box .img {
  float: left;
  overflow: hidden;
  width: 300px;
  height: 180px;
  margin-right: 20px;
}
#main .link-box .img img {
  width: 100%;
  height: auto;
}
#main .link-box .txt {
  float: left;
  width: 620px;
}
#main .link-box dt {
  margin: 0 0 10px;
  padding: 0;
  color: #e60012;
  font-size: 18px;
  font-weight: bold;
}
#main .link-box .date {
  margin-top: 5px;
  font-size: 12px;
}
#main .link-box .txt {
  margin-top: 15px;
  line-height: 1.5;
}
#columnPage #main #update {
  width: 1025px;
}
#columnPage #main #update .box {
  float: left;
  width: 316px;
  margin: 0 25px 30px 0;
}
#columnPage #main #update .box.on {
  opacity: 0.8;
}
#columnPage #main #update .img {
  overflow: hidden;
  width: 316px;
  height: 140px;
  margin-bottom: 15px;
}
#columnPage #main #update .img img {
  width: 100%;
  height: auto;
}
#columnPage #main #update dt {
  font-weight: bold;
  line-height: 1.3;
}
#columnPage #main #update .date {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1;
}
#columnDetailPage #main #cnt-index {
  clear: both;
  border: 1px solid #dddddd;
  width: 1000px;
  margin: 30px auto 0;
}
#columnDetailPage #main #cnt-index h3 {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  border-left: none;
}
#columnDetailPage #main #cnt-index dl {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #dddddd;
}
#columnDetailPage #main #cnt-index dd {
  margin: 5px 0 0 1em;
}
#columnDetailPage .article {
  margin-bottom: 60px;
}
.relateColumn {
  margin-left: 10px;
}
.relateColumn li {
  background: url(../images/common/ico-red.png) no-repeat left 5px;
  padding-left: 15px;
  float: left;
  width: 215px;
  margin-left: 15px;
  margin-bottom: 5px;
}
#studyPage .study-ico {
  margin-bottom: 20px;
  margin-left: 644px;
}
#studyPage .text .study-ico {
  margin-bottom: 10px;
  margin-left: 0;
}
#studyPage .study-ico li {
  float: left;
  margin-left: 3px;
}
#studyPage .text {
  width: 750px;
  float: right;
}
#studyPage .text .date {
  margin: 0;
  font-weight: bold;
}
#studyPage .text h4 {
  border-bottom: none;
  padding: 0;
}
#studyPage .text h4 a {
  color: #cc0000;
}
#methodPage #method-movie .item,
#trainingDetailPage #method-movie .item {
  width: 480px;
  float: left;
  margin-right: 40px;
}
#methodPage #method-movie .item dd,
#trainingDetailPage #method-movie .item dd {
  margin-top: 15px;
}
#methodPage .btn-link li {
  display: inline-block;
}
#methodPage .btn-link li + li {
  margin-left: 20px;
}
.clickablemap {
  width: 484px;
  height: 509px;
}
#method-box {
  width: 476px;
  float: right;
}
#method-box .copy {
  text-align: center;
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
}
#method-box h3 {
  background: #ddb358;
  border-radius: 3px 3px 0 0;
  border-left: none;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 0;
}
#method-box .inner {
  padding: 20px;
  border-left: 1px solid #ddb358;
  border-right: 1px solid #ddb358;
  border-bottom: 1px solid #ddb358;
  border-radius: 0 0 3px 3px;
}
#method-box .inner dd {
  margin-top: 10px;
}
#method-box #item01 h3 {
  background: #d5a02e 58;
}
#method-box #item01 .inner {
  border-left: 1px solid #d5a02e;
  border-right: 1px solid #d5a02e;
  border-bottom: 1px solid #d5a02e;
}
#method-box #item02 h3 {
  background: #918d43;
}
#method-box #item02 .inner {
  border-left: 1px solid #918d43;
  border-right: 1px solid #918d43;
  border-bottom: 1px solid #918d43;
}
#method-box #item03 h3 {
  background: #787cac;
}
#method-box #item03 .inner {
  border-left: 1px solid #787cac;
  border-right: 1px solid #787cac;
  border-bottom: 1px solid #787cac;
}
#method-box #item04 h3 {
  background: #604439;
}
#method-box #item04 .inner {
  border-left: 1px solid #604439;
  border-right: 1px solid #604439;
  border-bottom: 1px solid #604439;
}
#method-box #item05 h3 {
  background: #6f2757;
}
#method-box #item05 .inner {
  border-left: 1px solid #6f2757;
  border-right: 1px solid #6f2757;
  border-bottom: 1px solid #6f2757;
}
#method-box #item06 h3 {
  background: #c1541c;
}
#method-box #item06 .inner {
  border-left: 1px solid #c1541c;
  border-right: 1px solid #c1541c;
  border-bottom: 1px solid #c1541c;
}
#method-box #item07 h3 {
  background: #565d63;
}
#method-box #item07 .inner {
  border-left: 1px solid #565d63;
  border-right: 1px solid #565d63;
  border-bottom: 1px solid #565d63;
}
#method-box #item08 h3 {
  background: #afc9ca;
}
#method-box #item08 .inner {
  border-left: 1px solid #afc9ca;
  border-right: 1px solid #afc9ca;
  border-bottom: 1px solid #afc9ca;
}
#method-box #item09 h3 {
  background: #baaa52;
}
#method-box #item09 .inner {
  border-left: 1px solid #baaa52;
  border-right: 1px solid #baaa52;
  border-bottom: 1px solid #baaa52;
}
#method-box #item10 h3 {
  background: #3a546b;
}
#method-box #item10 .inner {
  border-left: 1px solid #3a546b;
  border-right: 1px solid #3a546b;
  border-bottom: 1px solid #3a546b;
}
/*  contact page
----------------------------------------------------*/
#content .form-wrap table th,
#content .form-wrap table td {
  vertical-align: middle;
}
#content .form-wrap table td#address {
  padding-bottom: 0;
}
#content .form-wrap table td#address th,
#content .form-wrap table td#address td {
  padding-bottom: 10px;
}
#content .form-wrap table table {
  border: none;
  width: auto;
  margin: 0;
}
#content .form-wrap table table th,
#content .form-wrap table table td {
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  font-weight: normal;
  text-align: left;
}
#content .form-wrap table table td {
  padding-right: 10px;
}
#content .form-wrap table table td input,
#content .form-wrap table table td select {
  margin: 0 5px;
}
#content .form-wrap table ol {
  margin-bottom: 0;
  zoom: 1;
}
#content .form-wrap table ol:before,
#content .form-wrap table ol:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#content .form-wrap table ol:after {
  clear: both;
}
#content .form-wrap table ol.inline li {
  float: left;
  margin-right: 30px;
}
#content .form-wrap table ol.clm03 li {
  float: left;
  width: 33%;
}
#content .form-wrap table li {
  margin-bottom: 5px;
}
#content .form-wrap table li:las-child {
  margin-bottom: 0;
}
#content .form-wrap table input[type="text"],
#content .form-wrap table textarea {
  box-sizing: border-box;
  margin-right: 5px;
  padding: 5px;
  border: solid 1px #ddd;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#content .form-wrap table input[type="radio"],
#content .form-wrap table input[type="checkbox"] {
  margin-right: 5px;
}
#content .form-wrap table select {
  width: 270px;
  font-size: 14px;
}
#content .form-wrap table .autozip {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  line-height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#content .form-wrap table .input1 {
  width: 340px;
}
#content .form-wrap table .input2 {
  width: 270px;
}
#content .form-wrap table .input3 {
  width: 110px;
}
#content .form-wrap table .input4 {
  width: 80px;
}
#content .form-wrap table .input5 {
  width: 485px;
}
#content .form-wrap .info {
  color: #999;
  font-size: 12px;
}
#content .form-wrap th span {
  float: right;
}
#content .form-wrap th span,
#content .form-wrap h3 span {
  display: block;
  width: 35px;
  height: 18px;
  margin-top: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
}
#content .form-wrap .must {
  background: #b42c00;
}
#content .form-wrap .op {
  background: #999;
}
#content .form-wrap #privacy {
  margin-top: 30px;
}
#content .form-wrap #privacy .must {
  display: inline-block;
  float: none;
  margin-left: 15px;
}
#content .form-wrap #privacy .inner {
  width: 1000px;
  border: solid 1px #f2f2f2;
  box-sizing: border-box;
}
#content .form-wrap #privacy .inner .in_inner {
  overflow: auto;
  height: 200px;
  padding: 20px;
}
#content .form-wrap #privacy #agree {
  width: 1000px;
  text-align: center;
  font-size: 16px;
  margin-top: 15px;
}
#content .form-wrap #privacy #agree input {
  margin-right: 10px;
}
#content .form-wrap #submit {
  text-align: center;
  margin-top: 30px;
}
#content .form-wrap #submit input {
  width: 300px;
  border: none;
  background: #f1963d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  letter-spacing: 2px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
#content .form-wrap #submit input:hover {
  cursor: pointer;
  opacity: 0.8;
}
#content .form-wrap #thanks {
  margin-bottom: 0;
  text-align: center;
}
#content .form-wrap #thanks h3 {
  margin-bottom: 50px;
  border: none;
  padding: 0;
  font-size: 22px;
}
#content .form-wrap #thanks #submit {
  margin-top: 70px;
}
#content .form-wrap #thanks #submit a {
  display: block;
  width: 300px;
  margin: auto;
  border: none;
  background: #005178;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  letter-spacing: 2px;
  text-decoration: none;
}
#content .form-wrap #thanks #submit a:hover {
  cursor: pointer;
  opacity: 0.8;
}
#contactPage #footerContact {
  display: none;
}
/* bxslider
----------------------------------------------------*/
#index-resultshis .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
  background: #eeeeee;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.section .bx-wrapper .bx-prev {
  left: -40px;
}
.section .bx-wrapper .bx-next {
  right: -36px;
}
#trainingDetailPage .bx-wrapper .bx-prev {
  left: -25px;
}
#trainingDetailPage .bx-wrapper .bx-next {
  right: -15px;
}
#voice .voiceItem ul.voicelist {
  padding-left: 20px;
  margin-bottom: 1em;
}
#voice .voiceItem ul.voicelist li {
  list-style-type: disc;
  list-style-position: outside;
}
.article .res_link a {
  background: url(../images/common/ico-red.png) no-repeat left center;
  padding-left: 12px;
}
.res_box {
  border: 5px solid #eee;
  background: #f8f8f8;
  padding: 20px;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
#trainingPage #pageImg {
  background: url(../images/common/page_ttl3.png) no-repeat center center;
}
#aboutPage #pageImg {
  background: url(../images/common/page_ttl1.png) no-repeat center center;
}
#methodPage #pageImg {
  background: url(../images/about/bg_main.png) no-repeat center center;
}
#resultsPage #pageImg {
  background: url(../images/common/page_ttl5.png) no-repeat center center;
}
#teacherPage #pageImg {
  background: url(../images/common/page_ttl6.png) no-repeat center center;
}
#columnPage #pageImg,
#columnDetailPage #pageImg {
  background: url(../images/common/page_ttl7.png) no-repeat center center;
}
#contactPage #pageImg {
  background: url(../images/common/page_ttl11.png) no-repeat center center;
}
#contactPage #pageImg.dl_form {
  background: url(../images/common/page_ttl10.png) no-repeat center center;
}
#contactPage #pageImg.seminar_form {
  background: url(../images/common/page_ttl9.png) no-repeat center center;
}
/*セミナーページ*/
#studyPage #pageImg {
  background: url(../images/common/page_ttl8.png) no-repeat center center;
}
/*人材教育コンサルティング*/
#trainingDetailPage #pageImg.cons {
  background: url(../images/common/page_ttl2.png) no-repeat center center;
  height: 147px;
}
/*キャリアアップ助成金*/
.dl_subsidy {
  width: 350px;
  float: left;
}
.dl_subsidy + .dl_subsidy {
  margin-left: 20px;
}
.dl_subsidy dt {
  font-weight: bold;
}
.dl_subsidy dd {
}
.dl_subsidy dd + dt {
  margin-top: 10px;
}
.teigiList li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.consider h3 {
  margin-bottom: 0;
  background: #cc0000;
  font-size: 16px;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bold;
}
.consider .box {
  background: #f8f8f8;
  padding: 20px;
  margin: 0;
}
.consider .box li {
  font-size: 18px;
  font-weight: bold;
  background: url(../images/common/ico_check.png) no-repeat left center;
  padding-left: 30px;
}
.consider .box li + li {
  margin-top: 8px;
}
.half {
  width: 495px;
}
.edu .box {
  border: 1px solid #cccccc;
  padding: 15px 20px 10px;
}
.edu .box + .box {
  margin-top: 30px;
}
.edu h3 {
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #cccccc;
  font-size: 16px;
}
.edu .box a {
  background: url(../images/common/ico-red.png) no-repeat left center;
  padding-left: 15px;
}
h3.copy {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
#trainingDetailPage #index-results.consulting {
  padding: 30px 30px 40px 40px;
}
#foot-action {
  /*display: none;*/
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 0;
  background: rgba(220, 220, 220, 0.95);
  text-align: left;
  z-index: 10000;
}
#foot-action .inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#foot-action .inner .actionbtn li {
  float: left;
  margin-right: 10px;
}
#foot-action .inner .actionbtn li.tel {
  margin-right: 20px;
  margin-top: 10px;
}
#foot-action .inner .anounce {
  position: absolute;
  right: 0;
  bottom: -20px;
}
.bx-wrapper #studyList .date img {
  display: inline !important;
}
#newsDetailPage #pageImg {
  background: url(../images/common/page_ttl13.png) no-repeat center center;
}
#newsDetailPage p.news_date {
  color: #666;
  font-size: 16px;
  font-weight: bold;
}
#content p.reception_ttl {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}
.reception_box {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #cccccc;
}
.reception_box .txt_red {
  color: #cc0000;
}
#main .reception_bg_gr {
  padding: 30px;
  background: #eee;
}
.mb70 {
  margin-bottom: 70px !important;
}
.reception_bg_gr .txt_red strong {
  color: #cc0000;
}
.reasonBox dl {
  width: 653px;
  float: right;
  margin-top: 20px;
}
.reasonBox dt {
  padding: 2px 20px 2px 0;
  margin-bottom: 5px;
  float: left;
  font-weight: bold;
  color: #cc0000;
}
.reasonBox dd {
  padding-left: 10px;
  background: url(../images/training/tr_dd.png) no-repeat 0 7px;
  clear: both;
}
.reasonBox dd + dd {
  margin-top: 5px;
}
.reception_btn li {
  display: inline-block;
  margin: 0 20px;
}
.inline_content {
  width: 800px;
  overflow: hidden;
}
.inline_content {
  text-align: left;
  font-size: 14px;
}
.inline_content p.reception_ttl {
  font-size: 14px;
  color: #cc0000;
}
.inline_content p.reception_ttl.txt_red {
  font-size: 16px;
  font-weight: bold;
  color: #cc0000;
}
.textRed {
  color: #cc0000;
}
.studyBtn a {
  padding: 16px 0 20px 0 !important;
  font-size: 18px !important;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
.studyBtn a:before {
  margin: 0 10px -8px 0 !important;
}
#trainingDetailPage.consultingPage .article #voice .voiceItem a:hover {
  color: #333;
  text-decoration: none;
  display: block;
}
#trainingDetailPage.consultingPage .article #voice .voiceItem:hover {
  background-color: #fdf5f5;
}
#trainingDetailPage.consultingPage p.btn {
  position: absolute;
  bottom: 5px;
  right: 20px;
}
#contactPage #content #copyright {
  font-size: 100%;
}
#content table.con_menu01 {
  float: left;
  width: 700px;
  margin-right: 40px;
  margin-bottom: 40px;
  text-align: center;
}
#content table.con_menu02 {
  float: left;
  width: 260px;
  text-align: center;
}
#content table.con_menu02 span {
  font-size: 12px;
}
#content table.con_menu03 {
  float: left;
  width: 480px;
  margin-right: 40px;
  text-align: center;
}
#content table.con_menu04 {
  float: left;
  width: 480px;
  text-align: center;
}
#content table.con_menu01 th,
#content table.con_menu02 th,
#content table.con_menu03 th,
#content table.con_menu04 th {
  text-align: center;
}
/*170309追加css-------------------------------*/
.important_box {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 30px;
}
.important_box h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.important_box p {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
}
/*170323追加ｃss------------------------------*/
.privacy_box {
  height: 60px;
  padding: 10px 20px;
  overflow-y: scroll;
  border: 1px solid #ddd;
}
#content .reasonBox p {
  font-size: 16px;
  font-weight: 500;
}
#content .reasonBox dl dd {
  font-size: 14px;
  font-weight: 500;
}
#content table td.ver_top {
  vertical-align: top;
}
table td.training_program_tbl strong.red_bold {
  display: inline-block;
  font-size: 18px;
  color: #cc0000;
  font-weight: bold;
}
table td.training_program_tbl strong {
  font-size: 14px;
  font-weight: bold;
}
.fright.training_program_tbl_box {
  width: 580px;
}
.cf.training_program_tbl_box {
  margin-bottom: 30px;
}
table td.training_program_tbl2 strong.red_bold {
  display: block;
  font-size: 18px;
  color: #cc0000;
  font-weight: bold;
  border-bottom: 1px solid #cc0000;
  padding-bottom: 2px;
}
table td.training_program_tbl2 strong {
  font-size: 14px;
  font-weight: bold;
}
/*170417追加css----------------------------------------------------------------------*/
.curriculum_box {
  width: 778px;
}
.curriculum_box_left {
  width: 528px;
  float: left;
}
.curriculum_box_right {
  float: right;
  width: 220px;
  margin: 30px 0 0 30px;
}
.curriculum_box_right img {
  width: 100%;
}
.curriculum_box dl {
  display: table;
}
.curriculum_box dl dt {
  width: 30px;
  display: table-cell;
  background: url(../images/common/curriculum_img03.png) repeat-y 14px 0;
  text-align: center;
  padding: 0 15px 10px 0;
}
.curriculum_box dl dt.curriculum_last {
  padding-bottom: 100px;
}
.curriculum_box dl dt span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.curriculum_box dl.curriculum_box dt span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.curriculum_box dl.curriculum_dl02 dt span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: url(../images/common/curriculum_img02.png) no-repeat 9px 6px;
}
.curriculum_box dl dd {
  width: 480px;
  display: table-cell;
  vertical-align: top;
}
.curriculum_box_left h3 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  /* vertical-align: top; */
  border-bottom: 1px dotted #ccc;
}
.curriculum_box_left h4 {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
#content table td.curriculum_td {
  padding: 20px;
}
.curriculum_td_half .curriculum_box dl dd {
  width: 340px;
}
.curriculum_td_half .curriculum_box_left {
  width: 410px;
}
#content table td.curriculum_td.curriculum_td_half {
  padding: 20px 20px 20px 10px;
}
.curriculum_td_half .curriculum_box {
  width: 380px;
}
.curriculum_td_half .curriculum_box_left {
  width: 380px;
  float: none;
}
#content table td.curriculum_td_half {
  vertical-align: top;
}
#content span.curriculum_copy {
  font-size: 13px;
  display: block;
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #cc0000;
}
#content p.curriculum_copy {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #cc0000;
}
#content p.curriculum_copy.pure {
  font-size: 22px;
  margin-bottom: 0;
  text-align: center;
}
/*170525 2P追加分css　START-----------------------------------------------*/
#demoPage #content p.mb50 {
  margin-bottom: 50px;
}
#demoPage #pageImg {
  background: url(../images/demo/ttl_bg.png) no-repeat top center;
  border-bottom: 1px solid #eee;
  height: 146px;
}
#demoPage #pageImg h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
}

#demoPage .h2_bg_wrap {
  position: relative;
}
#demoPage img.h2_bg {
  position: absolute;
  top: -30px;
  left: -40px;
}
#demoPage .stepimg {
  float: right;
  margin-left: 30px;
}
#demoPage #flowBox {
  background: #f8f8f8;
  padding: 30px 30px 30px 65px;
}
#demoPage #flowBox .box {
  width: 805px;
  background: #fff;
  padding: 30px 30px 30px 65px;
  border: 1px solid #eeeeee;
  border-left: 4px solid #cc0000;
  position: relative;
  margin-bottom: 40px;
}
#demoPage #flowBox .box h3 {
  margin-bottom: 20px;
  font-size: 28px;
  color: rgb(204, 0, 0);
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#demoPage #flowBox .box .flowBox_step_img {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -45px;
  left: -45px;
}
#demoPage #flowBox .box:after {
  content: url(../images/demo/step_after.png);
  display: inline;
  position: absolute;
  bottom: -41px;
  left: 0;
}
#demoPage #flowBox .box:last-child:after {
  content: none;
}
#demoPage #flowBox .box:last-child {
  margin-bottom: 0;
}
#demoPage .flowBox_grayBox {
  background: #f8f8f8;
  padding: 15px;
  line-height: 1.4;
  width: 545px;
}
#diagnosisPage #content p,
#diagnosisPage #content dd {
  font-size: 16px;
}
#diagnosisPage .diagnosis_txt01 {
  width: 620px;
}
#diagnosisPage .diagnosis_listBox dl dd {
  background: #f8f8f8;
  padding: 25px 25px 95px;
  margin-bottom: 40px;
}
#diagnosisPage .diagnosis_listBox li {
  float: left;
  margin-right: 40px;
  width: 480px;
  position: relative;
}
#diagnosisPage .diagnosis_listBox li:nth-child(even) {
  margin-right: 0;
}
#diagnosisPage .diagnosis_listBox a {
  position: absolute;
  display: block;
  width: 280px;
  bottom: 65px;
  left: 100px;
}
#diagnosisPage .diagnosis_listBox li:nth-of-type(4) a {
  width: 340px;
  left: 70px;
}
#diagnosisPage .diagnosis_btn_list li {
  float: left;
  margin-right: 40px;
}
#diagnosisPage .diagnosis_btn_list li:last-child {
  margin-right: 0;
}
#diagnosisPage #pageImg {
  background: url(../images/diagnosis/ttl_bg.png) no-repeat center center;
  text-align: left;
  height: 267px;
  border-bottom: 1px solid #eee;
}
#diagnosisPage #pageImg h1 {
  padding-top: 110px;
}
#foot-action .inner .actionbtn li.tel {
  margin-right: 50px;
  margin-top: 20px;
}
#foot-action .inner .actionbtn li.tel.tel__column {
  margin-right: 30px;
}
#foot-action .inner .actionbtn li {
  margin-right: 5px;
}
li.faction_contact,
li.faction_download {
  margin-bottom: 5px;
}
#footerContact .inner div.cf div.fleft {
  margin-top: 20px;
}
#footerContact .inner div.cf div.fright {
  width: 570px;
}
#footerContact .inner div.cf div.fright li {
  float: left;
  width: 280px;
  margin-right: 10px;
}
#footerContact .inner div.cf div.fright li:nth-child(even) {
  margin-right: 0;
}
#footerContact .inner div.cf div.fright li:nth-of-type(1),
#footerContact .inner div.cf div.fright li:nth-of-type(2) {
  margin-bottom: 10px;
}
#footerContact .inner li + li {
  margin-left: 0;
}
.inline_content_diagnosis {
  width: 700px;
  text-align: center;
  overflow: hidden;
}
/*170525 2P追加分css　END-----------------------------------------------*/
/*170529 改善分css　START-----------------------------------------------*/
.linkBox {
  margin: 50px 0;
  font-size: 14px;
}
.linkBox h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.linkBox h4 span.redtxt {
  color: #cc0000;
}
.textMincho {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #333333;
}
.minchored {
  color: #cc0000;
}
.fontLL_ita {
  font-size: 34px;
  font-style: italic;
  display: inline-block;
  width: 45px;
}
.fontL {
  font-size: 24px;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.aboutkees.textMincho p {
  margin-bottom: 0 !important;
}
.photoItem h3.training_reason_h3 {
  font-size: 22px;
}
/*170529 改善分css　END-----------------------------------------------*/
/*170606　研修レポート追加css　START------------------------------------*/
#reportPage #pageImg {
  background: url(../images/report/bg_main.png) no-repeat center center;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
#reportPage p {
  font-size: 16px;
}
#reportPage dl.reportPage_list dt,
#reportPage dl.reportPage_list dd {
  float: left;
}
#reportPage dl.reportPage_list dd {
  width: 750px;
}
#reportPage dl.reportPage_list dt {
  width: 220px;
  margin-right: 30px;
}
#reportPage p.date {
  font-weight: bold;
  color: #666;
}
#reportPage p.cate {
  display: inline;
  margin-right: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  padding: 2px 25px;
}
#reportPage .right p.cate {
  margin-left: 4px;
}
#reportPage dl.reportPage_list {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #bbbbbb;
}
#reportPage h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  /* background: #f8f8f8; */
  /* border-left: 2px solid #cc0000; */
  /* padding: 8px 8px 8px 15px; */
  color: #cc0000;
  float: left;
  width: 835px;
}
#reportPage .reportPage_Box p {
  overflow: hidden;
}
#reportPage .reportPage_Box {
  margin-bottom: 60px;
}
#reportPage .reportPage_btn a {
  width: 300px;
  display: block;
  margin: auto;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  background: no-repeat 275px center #f1963d;
  padding: 16px 0 20px 0 !important;
  font-size: 20px;
}
#reportPage .reportPage_btn a:hover,
.reportPage_list:hover {
  transition: 0.3s;
  opacity: 0.8;
}
#reportPage .reportPage_btn a:before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  margin: 0 10px -5px 0;
  background: url(../images/common/ico-arrow-circle-l.png) no-repeat 0 0;
}
#indexPage p.cate {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  padding: 2px 25px;
  margin-bottom: 5px;
}
#indexPage p.cate.cate1,
#reportPage p.cate.cate1 {
  background: #ff7b24;
}
#indexPage p.cate.cate2,
#reportPage p.cate.cate2 {
  background: #53c563;
}
#indexPage p.cate.cate3,
#reportPage p.cate.cate3 {
  background: #cb6f99;
}
#indexPage p.cate.cate4,
#reportPage p.cate.cate4,
#indexPage p.cate.cate5,
#reportPage p.cate.cate5,
#indexPage p.cate.cate6,
#reportPage p.cate.cate6,
#indexPage p.cate.cate7,
#reportPage p.cate.cate7,
#indexPage p.cate.cate8,
#reportPage p.cate.cate8,
#indexPage p.cate.cate9,
#reportPage p.cate.cate9,
#indexPage p.cate.cate10,
#reportPage p.cate.cate10 {
  background: #bbbbbb;
}
/*.repoBox dl {
	padding-bottom: 8px;
	margin-bottom: 8px;
}*/
.repoBox dd a {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
}
/*.repoBox dd {
	min-height: 50px;
}*/
/*.repoBox .bx-prev,
.repoBox .bx-next {
	top: 125px !important;
}*/
#reportPage table p {
  font-size: 14px;
  margin-bottom: 0;
}
#reportPage table p + p {
  margin-top: 1em;
}
.h2_click {
  position: relative;
}
.h2_click_btn {
  position: absolute;
  top: -10px;
  right: -10px;
}
#indexPage .bx-wrapper .bx-controls-direction a {
  top: 140px;
}
#indexPage .bx-wrapper {
  min-height: 270px;
}
#reportPage .reportPage_Box img {
  width: 340px;
}
/*170606　研修レポート追加css　END　------------------------------------*/
/* 170630 6月改善分　START------------------------------------------- */
#trainingDetailPage #pageImg.speech {
  background: url(../images/training/spe5_170630.png?d=1706301732) no-repeat
    center center;
  height: 380px;
}
#trainingDetailPage #pageImg.sales {
  background: url(../images/training/sale5_190205.png?d=1706301732) no-repeat
    center center;
  height: 380px;
}
#trainingDetailPage #pageImg.speech .btnList li + li,
#trainingDetailPage #pageImg.sales .btnList li + li {
  margin-left: 20px;
}
span.training_ttl_voice {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  width: 265px;
  background: #cc0000;
  margin: 0 auto;
  /* padding: 8px 0; */
  border-radius: 28px;
  height: 56px;
  line-height: 56px;
}
#trainingDetailPage #pageImg.speech h1,
#trainingDetailPage #pageImg.sales h1 {
  padding-top: 60px;
  margin-bottom: 15px;
  padding: 60px 0 0 0;
}
/*#trainingDetailPage #pageImg.speech .btnList {
    width: 1000px;
    margin: 37px auto 0;
}*/
#trainingDetailPage #pageImg.sales .btnList {
  width: 1000px;
  margin: 0 auto 0;
}
/* 170630 6月改善分　END  ------------------------------------------- */
/*170727 7月改善文　START  ------------------------------------------- */
.receptionBox {
  position: relative;
  width: 910px;
  height: 491px;
  background: url(../images/training/receptionBox.png) no-repeat;
  margin: 0 auto 60px;
}
.receptionTxt01,
.receptionTxt02,
.receptionTxt03,
.receptionTxt04,
.receptionTxt05,
.receptionTxt06,
.receptionTxt07,
.receptionTxt08,
.receptionTxt09,
.receptionTxt10,
.receptionTxt11,
.receptionTxt12,
.receptionTxt13 {
  position: absolute;
  font-size: 16px;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}
.receptionTxt01 {
  top: 23px;
  left: 60px;
}
.receptionTxt02 {
  top: 23px;
  left: 312px;
}
.receptionTxt03 {
  top: 23px;
  left: 520px;
}
.receptionTxt04 {
  top: 14px;
  left: 740px;
  line-height: 1.4;
}
.receptionTxt05 {
  top: 140px;
  left: 330px;
  color: #333;
}
.receptionTxt06 {
  top: 170px;
  left: 76px;
}
.receptionTxt07 {
  top: 170px;
  left: 408px;
}
.receptionTxt08 {
  top: 170px;
  left: 690px;
}
.receptionTxt09 {
  top: 210px;
  left: 40px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
  color: #333;
  font-size: 14px;
}
.receptionTxt10 {
  top: 210px;
  left: 350px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
  color: #333;
  font-size: 14px;
}
.receptionTxt11 {
  top: 210px;
  left: 680px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
  color: #333;
  font-size: 14px;
}
.receptionTxt13 {
  top: 436px;
  left: 70px;
  color: #c00;
  font-size: 24px;
}
.receptionTxt12 {
  top: 345px;
  left: 214px;
  color: #c00;
  font-size: 24px;
}
.receptionBox2 {
  position: relative;
  background: url(../images/training/receptionBox2.png) no-repeat;
  width: 910px;
  height: 373px;
  margin: 0 auto;
}
.receptionBox2_01,
.receptionBox2_02,
.receptionBox2_03 {
  position: absolute;
  font-size: 16px;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}
.receptionBox2_List01,
.receptionBox2_List02,
.receptionBox2_List03 {
  position: absolute;
}
.receptionBox2_List01 li,
.receptionBox2_List02 li,
.receptionBox2_List03 li {
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
  color: #333;
}
.receptionBox2_List01 li span,
.receptionBox2_List02 li span,
.receptionBox2_List03 li span {
  color: #c00;
}
.receptionBox2_01 {
  top: 175px;
  left: 70px;
}
.receptionBox2_02 {
  top: 175px;
  left: 365px;
}
.receptionBox2_03 {
  top: 175px;
  left: 685px;
}
.receptionBox2_List01 {
  top: 215px;
  left: 60px;
}
.receptionBox2_List02 {
  top: 215px;
  left: 370px;
}
.receptionBox2_List03 {
  top: 215px;
  left: 680px;
}
/*------------------------------------------------------------------- */
/*170830 8月改善------------------------------------------------------*/
#companyPage .company_menu li {
  width: 480px;
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
}
#companyPage .company_menu li a {
  display: block;
}
#companyPage .company_menu li:nth-of-type(2n) {
  margin-right: 0;
}
#companyPage #pageImg {
  height: 147px;
  background: url(../images/company/page_ttl1.png) no-repeat center center;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}
#companyPage table a {
  color: #cc0000;
}
#companyPage dl.company_localNav dt a {
  color: #fff;
}
#companyPage dl.company_localNav dt a:hover {
  text-decoration: underline;
  color: #fff;
}
#companyPage dl.company_localNav dt {
  width: 200px;
  background: #cc0000;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
  text-align: center;
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
#companyPage dl.company_localNav dd {
  width: 758px;
  padding: 20px;
  vertical-align: middle;
  display: table-cell;
  border: 1px solid #cc0000;
  margin: 0;
}
#companyPage dl.company_localNav dd li {
  background: url(../images/common/ico-red.png) no-repeat left 5px;
  padding-left: 15px;
  float: left;
  margin-right: 30px;
}
#companyPage dl.company_localNav dd li a {
  font-weight: bold;
}
#companyPage #panel2,
#companyPage #panel3 {
  display: none;
}
#companyPage ul.tabList {
  border-bottom: 2px solid #c00;
}
#companyPage ul.tabList li {
  float: left;
}
#companyPage .panel h4 {
  font-size: 16px;
  font-weight: bold;
  color: #c00;
  margin: 20px 0 10px;
}
#companyPage ul.tabList li a {
  color: #666;
  font-size: 14px;
  display: block;
  font-weight: normal;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  border-top: 2px solid #666;
  margin-right: 4px;
  font-weight: bold;
  padding: 10px 50px;
  text-align: center;
  box-sizing: border-box;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#companyPage ul.tabList li.active a,
#companyPage ul.tabList li:hover a {
  background: #c00;
  border-left: 2px solid #c00;
  border-right: 2px solid #c00;
  border-top: 2px solid #c00;
}
#companyPage ul.tabList li.active a,
#companyPage ul.tabList li:hover a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#companyPage div#panel1,
#companyPage div#panel2,
#companyPage div#panel3 {
  margin-top: 30px;
}
#trainingDetailPage #pageImg.callcenter {
  background: url(../images/training/call_bg_190205.png) no-repeat center center;
  height: 380px;
}
#trainingDetailPage #pageImg.callcenter .btnList li + li {
  margin-left: 20px;
}
#trainingDetailPage #pageImg.callcenter h1 {
  padding-top: 60px;
  margin-bottom: 15px;
  padding: 60px 0 0 0;
}
#trainingDetailPage #pageImg.callcenter .btnList {
  width: 1000px;
  margin: 0 auto 0;
}
/*170926追加css--------------------------------------------------*/
#trainingDetailPage .trainingPage_teacher #teacherList {
  width: 1000px;
}
#trainingDetailPage .trainingPage_teacher #teacherList .teachItem {
  width: 270px;
  float: left;
  padding: 20px;
  background: #f8f8f8;
  margin: 0 35px 35px 0;
  border-bottom: none;
}
#trainingDetailPage
  .trainingPage_teacher
  #teacherList
  .teachItem:nth-of-type(3n) {
  margin: 0 0 35px 0;
}
a.dlPage_btn {
  display: inline-block;
  background: #b42c00;
  color: #fff;
  padding: 2px 10px;
  border-radius: 4px;
  border: 2px solid #b42c00;
}
a.dlPage_btn:hover {
  background: #fff;
  color: #b42c00;
  text-decoration: none;
}
a.dlPage_btn:before {
  content: "> ";
}
/*171130-----------------------------*/
.bnrBox {
  width: 1000px;
  margin: 20px auto 10px;
}
/*171208人材開発追加css-----------------*/
div#pageImg.proposal {
  background: url(../images/proposal/proposal_mv.png) no-repeat center center;
}
ul.cf.proposalPoint {
  width: 920px;
  margin: 0 auto;
}
ul.cf.proposalPoint li {
  float: left;
}
ul.cf.proposalPoint li:nth-of-type(2) {
  margin: 0 34px;
}
ul.proposalExample {
  width: 920px;
  margin: 0 auto;
}
ul.proposalExample > * {
  box-sizing: border-box;
}
ul.proposalExample li:first-child {
  margin-right: 40px;
}
ul.proposalExample li {
  float: left;
  width: 440px;
  border: 3px solid #f1963d;
  border-radius: 5px 5px 0 0;
}
ul.proposalExample li dt {
  text-align: center;
  background: #fef4eb;
  padding: 10px;
  border-bottom: 1px solid #f1963d;
}
ul.proposalExample li dd {
  width: 440px;
  padding: 20px;
  display: table-cell;
  text-align: center;
}
.proposalCheckBox {
  background: #fcf2f2 url(../images/proposal/proposal_img07.png) right bottom
    no-repeat;
  padding: 40px;
  box-sizing: border-box;
  margin: 60px 0 20px;
}
.proposalCheckBox ul li {
  padding-left: 25px;
  font-size: 18px;
  line-height: 2;
  background: url(../images/proposal/proposal_img06.png) no-repeat left center;
}
.proposalCheckBox ul {
  margin-bottom: 20px;
}
.proposalSupportBox {
  width: 1000px;
  height: 340px;
  position: relative;
  background: url(../images/proposal/proposal_img11.png) no-repeat left top;
}
.subsicySupportLink01 {
  position: absolute;
  left: 241px;
  top: 45px;
}
.subsicySupportLink02 {
  position: absolute;
  left: 241px;
  top: 225px;
}
.subsicySupportLink03 {
  position: absolute;
  left: 511px;
  top: 0px;
}
.subsicySupportLink04 {
  position: absolute;
  left: 511px;
  top: 90px;
}
.subsicySupportLink05 {
  position: absolute;
  left: 511px;
  top: 180px;
}
.subsicySupportLink06 {
  position: absolute;
  left: 780px;
  top: 133px;
}
.subsicySupportLink07 {
  position: absolute;
  left: 780px;
  top: 225px;
}
#trainingDetailPage.proposal .copy {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.proposal_red_txt {
  color: #c50003;
}
h4.proposal_ttl {
  border-left: 5px solid #ca0000;
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 20px;
}
.proposalCard {
  background: #f6f6f6;
  width: 550px;
  padding: 20px 20px 10px;
  box-sizing: border-box;
}
.proposal .photoItem {
  margin-bottom: 60px;
  padding-bottom: 0;
  border-bottom: none;
}
#content table.proposalPrice {
  margin-bottom: 30px;
  table-layout: fixed;
}
#content table.proposalPrice th,
#content table.proposalPrice td {
  text-align: center;
  width: 12.5%;
}
#content table.proposalPrice thead th {
  background: #cc0000;
  color: #fff;
  font-size: 16px;
}
#content table.proposalPrice thead th.borderNone {
  border-top: none;
}
.proposalPriceAttention {
  background: #f6f6f6;
  padding: 20px;
  font-size: 12px;
}
.proposalPriceAttention dt {
  font-size: 14px;
  font-weight: bold;
}
.proposalPriceAttention dd {
  text-indent: 1em;
}
.proposalPriceAttention dd:nth-of-type(2) {
  margin-bottom: 10px;
}
#content table.proposalRequirement {
  border-collapse: separate;
  border-spacing: 2px;
  border: none;
}
#content table.proposalRequirement th,
#content table.proposalRequirement td {
  border: 1px solid #ddd;
}
#content table.proposalRequirement th {
  background: #cc0000;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border: 1px solid #cc0000;
  width: 30px;
}
#trainingDetailPage.proposal #pageImg h1 {
  padding-top: 110px;
  margin-bottom: 0;
}
.proposalSupportBox a:hover img {
  opacity: 0.5;
}
#content table th.borderNone {
  border-top: none;
}
ul.proposalExample li {
  margin-bottom: 40px;
}
ul.proposalExample li.proposalExample-twoCoulmn {
  float: none;
  clear: both;
  margin-top: 0px;
  width: 920px;
}
p.top_main_btn {
  position: absolute;
  left: -60px;
  bottom: 50px;
}
.top_main_area {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#header {
  z-index: 1;
}
/*#indexPage #mainImage {
	background: url(../images/index/main_bg_180205.png) no-repeat center center;
}*/
/*---------------- 180220 ----------------------------------*/
#trainingDetailPage .results {
  width: 310px;
  margin-right: 35px;
  display: block;
}
#trainingDetailPage .mr0 {
  margin-right: 0px !important;
}
#trainingDetailPage .results .text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
  margin-top: 20px;
}
#trainingDetailPage .results .text a {
  font-weight: bold;
  color: #333;
}
#trainingDetailPage .realreport ul.report_box li {
  float: left;
  width: 310px;
  display: block;
  margin-right: 30px;
  margin-bottom: 20px;
}
#trainingDetailPage .realreport ul.report_box li h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
  margin-top: 20px;
}
#reportPage .article h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  background: #f8f8f8;
  border-left: 2px solid #cc0000;
  padding: 8px;
  width: 1000px;
}
#reportPage .report_block ul.report_box li {
  float: left;
  width: 310px;
  display: block;
  margin-right: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#reportPage .mr0 {
  margin-right: 0px !important;
}
#reportPage .report_block ul.report_box li h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
  margin-top: 20px;
}
#reportPage .report_detail h4 {
  font-size: 20px;
  font-weight: bold;
  color: #cc0000;
}
#reportPage .report_detail span {
  font-size: 14px;
}
#reportPage .report_detail p {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
}
/*180306追加css------------------------------*/
.relate-trainingBnrBox {
  border: 1px solid #ddd;
  padding: 20px;
}
.relate-trainingBnrBox .img {
  float: left;
  width: 300px;
  margin-right: 20px;
}
.relate-trainingBnrBox dt a {
  font-size: 22px;
  font-weight: bold;
  color: #cc0000;
}
.relate-trainingBnrBox dt a:hover {
  text-decoration: none;
}
.relate-trainingBnrBox dd {
  font-size: 14px;
}
#content .relate-trainingBnrBox p.btn {
  float: right;
  margin: 15px 0 0 0;
  background: #cc0000;
  color: #fff;
  font-weight: bold;
  padding: 3px 10px;
}
.relate-trainingBnrBox p.btn:after {
  content: " >";
}
.relate-trainingBnrBox:hover {
  opacity: 0.7;
}
/*180319追加css------------------------------------------------------------*/
#trainingDetailPage #pageImg.sales01 {
  background: url(../images/program/program05.png) no-repeat center center;
}
#trainingDetailPage #pageImg.sales02 {
  background: url(../images/program/program06.png) no-repeat center center;
}
#trainingDetailPage #pageImg.communication01 {
  background: url(../images/program/program07.png) no-repeat center center;
}
#trainingDetailPage #pageImg.communication02 {
  background: url(../images/program/program08.png) no-repeat center center;
}
#trainingDetailPage .program_localNav h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  background: #f8f8f8;
  border-left: 2px solid #cc0000;
  padding: 8px;
  text-align: left;
}
.program_localNav li {
  width: 480px;
  float: left;
  margin-right: 40px;
}
.program_localNav li a {
  font-weight: bold;
  font-size: 20px;
}
.program_localNav li img {
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.program_localNav li:nth-of-type(even) {
  margin-right: 0;
}
.programPage .salesTbl .curriculum_td_half .curriculum_box_left {
  width: auto;
}
.programPage .salesTbl .curriculum_td_half .curriculum_box {
  width: auto;
}
.programPage .salesTbl .curriculum_td_half .curriculum_box_left {
  width: auto;
}
.programPage .salesTbl .curriculum_td_half .curriculum_box dl dd {
  width: 680px;
}
.programPage .salesTbl .curriculum_box_left {
  width: auto;
}
.programPage .salesTbl .curriculum_box dl dd {
  width: auto;
}
.program_localNav a {
  background: #f1973a;
  display: block;
  color: #fff;
  font-size: 14px !important;
  padding: 5px 10px;
  width: 200px;
  text-align: center;
  margin: 10px auto 40px;
}
.program_localNav a:hover {
  text-decoration: none;
}
.program_localNav a:after {
  content: " >";
}
.program_localNav li:hover {
  opacity: 0.7;
}
#trainingDetailPage.programPage #pageImg h1 {
  padding-top: 90px;
  margin-bottom: 0;
  padding-left: 0px;
  /* margin-left: 430px; */
}
.programPage .curriculum_td_half .curriculum_box dl dd {
  width: 680px;
}
.program_localNavUnder li {
  width: 480px;
  float: left;
  margin-right: 40px;
  text-align: center;
}
.program_localNavUnder li a {
  font-weight: bold;
  font-size: 20px;
}
.program_localNavUnder li img {
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.program_localNavUnder li:nth-of-type(even) {
  margin-right: 0;
}
p.attentionTxt {
  color: #cc0000;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  /* border: 4px solid #ccc; */
  padding: 15px;
  background: #fef0f0;
}
.lp_sale .curriculum_td_half .curriculum_box dl dd {
  width: auto;
}
#foot-action .inner .actionbtn li.faction_training.faction_b_to_c_twins {
  margin-top: 20px;
}
/*180525追加css------------------------------------------------------*/
.menu {
  position: relative;
}
ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.menu > li:hover {
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#header #globalNav.menu > li:hover a {
  color: #c00;
}
.menu > li.menu__single {
  position: relative;
}
li.menu__single ul.menu__second-level {
  position: absolute;
  top: 53px;
  left: -302px;
  width: 1000px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid #c00;
  border-top: none;
  height: 250px;
}
#header #globalNav li .menu__second-level li {
  width: 30%;
  text-align: left;
  height: auto;
  line-height: 1.4;
}
#header #globalNav li .menu__second-level li:nth-of-type(3n) {
  width: 40%;
}
#header #globalNav li .menu__second-level li:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-right: 5px;
  vertical-align: middle;
  border-color: #c00;
  content: "";
}
#header #globalNav.menu > li .menu__second-level a {
  display: inline;
  height: auto;
  line-height: 2;
  color: #333;
  border: none;
}
li.menu__single:hover ul.menu__second-level {
  top: 53px;
  visibility: visible;
  opacity: 1;
}
#header #globalNav .menu__second-level li:after {
  content: none;
}
#header #globalNav .menu__second-level li:before {
  content: none;
}
#header #globalNav li#gnav02 .menu__second-level li a {
  border: none;
}
#header #globalNav li#gnav02 .menu__second-level li a:hover {
  color: #cc0000;
  background: unset;
  height: auto;
  border: none;
  text-decoration: underline;
}
#header #globalNav li#gnav02 a {
  height: 53px;
  box-sizing: border-box;
  border: 2px solid #cc0000;
  border-bottom: none;
}
#header #globalNav li#gnav02 a:hover {
  border-bottom: none;
}
.trainingPage-relate-column li {
  background: url(../images/common/ico-red.png) no-repeat left 5px;
  padding-left: 15px;
  float: left;
  box-sizing: border-box;
  width: 480px;
  margin-bottom: 5px;
}
.trainingPage-relate-column li:nth-of-type(2n) {
  margin-left: 40px;
}
/*180810*/
#footer #flink01,
#footer #flink03 {
  min-height: 215px;
}
#footer #flink02 {
  min-height: 215px;
}
.icon_target_window:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  right: 0;
  top: 6px;
  margin-left: 5px;
  background-image: url(../images/common/send_round.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10px;
}
/* 180824 事例追加
----------------------------------------------------*/
#resultsPage .report_block {
  width: 1000px;
  margin: 0 auto 60px;
}
#resultsPage .report_block ul.report_box li {
  float: left;
  width: 270px;
  display: block;
  margin-right: 95px;
  margin-bottom: 20px;
}
#resultsPage .report_block ul.report_box li:nth-of-type(3n) {
  margin-right: 0;
}
#resultsPage .report_block ul.report_box li h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
  margin-top: 20px;
}
#resultsPage .label {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  max-width: 960px;
}
#resultsPage .label li {
  display: flex;
  align-items: center;
}
#resultsPage .label li span {
  background: #cc0000;
  padding: 3px 10px;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
}
#resultsPage h3 {
  font-size: 22px;
}
#resultsPage.results-single-Page p {
  font-size: 16px;
}
#resultsPage.results-single-Page p.copy {
  font-weight: bold;
  font-size: 22px;
}
#resultsPage.results-single-Page h4 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
}
#results_cnt td li {
  text-indent: -1em;
  padding-left: 1em;
}
div#results_voice li {
  font-size: 16px;
  background: url(../images/training/tr_dd.png) no-repeat 0 7px;
  padding-left: 15px;
  margin-bottom: 15px;
}
#resultsPage.results-single-Page #footer #copyright {
  font-size: 10px;
}
/*180919*/
#indexPage .top-mv .bx-wrapper {
  min-height: auto;
}
#indexPage .top-mv .bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
#indexPage .top-mv .bx-wrapper img {
  margin: 0 auto;
}
.top-mv .bx-wrapper .bx-viewport {
  background: url(../images/index/slider_bg.png?230313) no-repeat center center;
}
.w1130 {
  width: 1130px;
  margin: 0 auto;
  position: relative;
}
#indexPage .top-mv .bx-wrapper .bx-controls-direction a {
  top: -205px;
}
p.top_main_btn {
  left: 10px;
}
#indexPage .top-mv .bx-controls-direction {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#trainingDetailPage.campaignPage #pageImg.cons {
  background: url(../images/campaign/ttl_bg.png) no-repeat center center;
  height: 268px;
}
#trainingDetailPage.campaignPage #pageImg h1 {
  padding-top: 100px;
  margin-bottom: 15px;
}
.campaignPage p {
  font-size: 16px;
}
#trainingDetailPage.campaignPage .copy p {
  font-size: 24px;
}
body#trainingDetailPage h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
table.training_1809_tbl {
  margin-bottom: 30px;
}
#content table.training_1809_tbl tr:nth-of-type(1) th {
  background: #cc0000;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.text-link {
  color: #cc0000;
}
.textLink {
  width: 1000px;
  margin: 40px auto;
}
.textLink a {
  font-size: 16px;
  font-weight: bold;
}
.textLink a:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-right: 8px;
  vertical-align: middle;
  border-color: #c00;
  content: "";
}
.bxslidermv .slide2 h1 img:hover {
  opacity: 0.7;
}
.top_main_area.slide h1 a {
  display: block;
  width: 1130px;
  margin: 0 auto;
}
/*181005---------------------*/
#columnDetailPage.two-column .article {
  width: 720px;
}
.cnt-article {
  width: 720px;
  float: left;
}
#columnDetailPage.two-column .main-wrap {
  width: 1000px;
  margin: 0 auto 20px;
  overflow: hidden;
}
#columnDetailPage.two-column .sidenav {
  width: 260px;
  float: right;
}
#columnDetailPage.two-column .bnrBox {
  margin: -20px auto 60px;
}
#columnDetailPage.two-column #main #cnt-index {
  width: 718px;
}
#columnDetailPage.two-column #index-btnList {
  width: 720px;
  margin: 0 0 30px 0;
}
#columnDetailPage.two-column #index-btnList li {
  margin-right: 7px;
  width: 235px;
}
#columnDetailPage.two-column #index-btnList li:nth-of-type(3n) {
  margin-right: 0;
}
#columnDetailPage.two-column .relateColumn {
  margin-left: 0;
}
#columnDetailPage.two-column .relateColumn li {
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 10px;
}
#columnDetailPage.two-column .relateColumn li:nth-of-type(3n) {
  margin-right: 0;
}
.bnr_side {
  margin-bottom: 20px;
}
.sidenav .cside {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
.rank_item {
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px dotted #ddd;
}
.rank_item:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.rank_item .rank_img {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.rank_img img {
  width: 100%;
  height: 60px;
  object-fit: cover;
  object-position: center;
}
.rank_item a {
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: #666;
}
.rank_item a:hover {
  color: #666;
  text-decoration: none;
}
.rank_side,
.cate_side {
  border: 1px solid #ddd;
  border-top: 3px solid #cc0000;
}
.cate_side {
  margin-top: 20px;
}
.cate_side ul {
  padding: 10px;
}
.cate_side li {
  margin: 0 0 2px 0;
}
.cate_side li:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-right: 10px;
  vertical-align: middle;
  border-color: #c00;
  content: "";
}
#content .cnt-article .article p {
  font-size: 16px;
}
/*181026--------------*/
p.map_ttl {
  text-align: center;
  font-weight: bold;
  color: #c00;
  font-size: 20px;
  margin-top: 30px;
  position: relative;
}
p.map_ttl span:before {
  content: "";
  position: absolute;
  width: 320px;
  display: block;
  border-bottom: 1px solid #c00;
  left: 0;
  top: 15px;
}
p.map_ttl span:after {
  content: "";
  position: absolute;
  width: 320px;
  display: block;
  border-bottom: 1px solid #c00;
  right: 0;
  top: 15px;
}
p.map_ttl2 {
  background: #f8f8f8;
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
  border-left: 1px solid #c00;
}
.article_company .imgL {
  width: 600px;
}
.article_company .imgL img {
  width: 100%;
}
.article_company .txt {
  float: right;
  width: 370px;
}
.article_company {
  overflow: hidden;
}
.article_company .btn-link {
  clear: both;
}
.article_company .txt table {
  margin-bottom: 15px;
}
.article_company .txt dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.article_company .txt li:before {
  content: "・";
}
.article_company + .article_company {
  margin-top: 40px;
}
#trainingDetailPage .realreport ul.report_box li h4 {
  width: 250px;
}
/*181204-----------------------------------------------*/
.mvArea h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  font-size: 46px;
  font-weight: bold;
  line-height: 1.2;
}
.mvArea h1 span {
  font-size: 24px;
}
.mvArea h1 span strong {
  font-size: 34px;
}
.mvArea {
  width: 1000px;
  margin: 0 auto;
}
p.mv_copy {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
  text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px,
    white -1px -1px 10px;
}
.mvArea .btnList {
  margin-left: -10px !important;
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
}
.mvArea .btnList li {
  width: 160px;
  height: 130px;
  background: url(../images/training/training_mv_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center color;
  font-size: 18px;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: none !important;
  display: table-cell;
  line-height: 1.2;
}
.mvArea .btnList li strong {
  display: block;
  color: #fdf8bb;
  font-size: 34px;
}
.mvArea .btnList li strong span {
  font-size: 22px;
}
.mvArea.mvArea-low h1 {
  font-size: 28px;
}
.mvArea.mvArea-low h1 span {
  font-size: 20px;
}
#pageImg .mvArea-low h1 {
  padding-left: 0;
}
.btnList-low li {
  float: left;
  width: 296px;
  height: 60px;
  background-image: url(../images/training/mvArea_low_btn_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.btnList-low {
  margin-top: 15px;
}
.btnList-low li + li {
  margin-left: 27px;
}
.btnList-low li {
  color: #f1963d;
  position: relative;
}
.btnList-low li span.num {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 25px;
  position: absolute;
  left: 20px;
  top: 13px;
}
.btnList-low li span.btnList-low-copy {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 55px;
  top: 10px;
  line-height: 1.4;
}
#trainingDetailPage.proposal .mvArea.mvArea-low h1 {
  font-size: 36px;
}
#trainingDetailPage.proposal #pageImg h1 {
  padding-top: 90px;
  margin-bottom: 10px;
  font-size: 36px;
}
#trainingDetailPage.proposal p.mv_copy {
  font-size: 16px;
}
strong.text-strong {
  /*text-decoration: underline; */
  font-weight: bold;
  font-size: 18px;
  color: #c00;
}
/*body#trainingDetailPage.proposal #main p,
body#trainingDetailPage.proposal #main li {
    font-size: 16px;
}*/
/*181205----------------------------------*/
.training_sales_txtBox {
  position: relative;
}
.training_sales_txtBox h2,
.training_txtBox h2 {
  border: none;
  color: #333;
  font-size: 24px;
}
.training_sales_txtBox h2 .txt-red {
  color: #c00;
}
.training_sales_txtBox h2 strong {
  font-size: 34px;
}
.training_sales_txtBox .training_sales_txtBox-01,
.training_sales_txtBox .training_sales_txtBox-02,
.training_sales_txtBox .training_sales_txtBox-03,
.training_sales_txtBox .training_sales_txtBox-04,
.training_sales_txtBox .training_sales_txtBox-05,
.training_sales_txtBox .training_sales_txtBox-06,
.training_sales_txtBox .training_sales_txtBox-07,
.training_sales_txtBox .training_sales_txtBox-08,
.training_sales_txtBox .training_sales_txtBox-09 {
  position: absolute;
}
.training_sales_txtBox .training_sales_txtBox-01,
.training_sales_txtBox .training_sales_txtBox-02,
.training_sales_txtBox .training_sales_txtBox-03 {
  color: #fff;
  font-size: 16px;
}
.training_sales_txtBox .training_sales_txtBox-01 strong,
.training_sales_txtBox .training_sales_txtBox-02 strong,
.training_sales_txtBox .training_sales_txtBox-03 strong {
  font-size: 30px;
}
.training_sales_txtBox .training_sales_txtBox-01 {
  top: 170px;
  left: 130px;
}
.training_sales_txtBox .training_sales_txtBox-02 {
  top: 170px;
  left: 415px;
}
.training_sales_txtBox .training_sales_txtBox-03 {
  top: 170px;
  left: 740px;
}
.training_sales_txtBox .training_sales_txtBox-04,
.training_sales_txtBox .training_sales_txtBox-05,
.training_sales_txtBox .training_sales_txtBox-06 {
  color: #666;
  font-weight: bold;
  font-size: 13px;
}
.training_sales_txtBox .training_sales_txtBox-04 {
  top: 320px;
  left: 50px;
}
.training_sales_txtBox .training_sales_txtBox-05 {
  top: 320px;
  left: 350px;
}
.training_sales_txtBox .training_sales_txtBox-06 {
  top: 320px;
  left: 710px;
}
p.training_sales_txtBox-07.textMincho,
p.training_sales_txtBox-08.textMincho,
p.training_sales_txtBox-09.textMincho {
  color: #cc0000;
  line-height: 1.4;
}
p.training_sales_txtBox-07.textMincho strong,
p.training_sales_txtBox-08.textMincho strong,
p.training_sales_txtBox-09.textMincho strong {
  font-size: 20px;
}
.training_sales_txtBox .training_sales_txtBox-07 {
  top: 417px;
  left: 105px;
}
.training_sales_txtBox .training_sales_txtBox-08 {
  top: 417px;
  left: 425px;
}
.training_sales_txtBox .training_sales_txtBox-09 {
  top: 417px;
  left: 710px;
}
p.training_career_txtBox-01,
p.training_career_txtBox-02,
p.training_career_txtBox-03,
p.training_career_txtBox-04,
p.training_career_txtBox-05,
p.training_career_txtBox-06 {
  position: absolute;
}
p.training_career_txtBox-01 {
  left: 230px;
  top: 139px;
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
}
p.training_career_txtBox-02,
p.training_career_txtBox-03,
p.training_career_txtBox-04,
p.training_career_txtBox-05 {
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  letter-spacing: -1px;
}
p.training_career_txtBox-02 {
  left: 180px;
  top: 225px;
}
p.training_career_txtBox-03 {
  left: 375px;
  top: 225px;
}
p.training_career_txtBox-04 {
  left: 550px;
  top: 225px;
}
p.training_career_txtBox-05 {
  left: 735px;
  top: 236px;
}
p.training_career_txtBox-06 {
  left: 260px;
  top: 355px;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}
p.training_manner_txtBox-01,
p.training_manner_txtBox-02,
p.training_manner_txtBox-03,
p.training_manner_txtBox-04,
p.training_manner_txtBox-05,
p.training_manner_txtBox-06 {
  position: absolute;
}
p.training_manner_txtBox-01 {
  font-weight: bold;
  color: #c00;
  left: 320px;
  top: 138px;
  font-size: 18px;
}
p.training_manner_txtBox-02,
p.training_manner_txtBox-03,
p.training_manner_txtBox-04,
p.training_manner_txtBox-05 {
  font-weight: bold;
  color: #fff;
  font-size: 26px;
}
p.training_manner_txtBox-02 {
  left: 214px;
  top: 228px;
}
p.training_manner_txtBox-03 {
  left: 365px;
  top: 228px;
}
p.training_manner_txtBox-04 {
  left: 554px;
  top: 228px;
}
p.training_manner_txtBox-05 {
  left: 730px;
  top: 228px;
}
p.training_manner_txtBox-06 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  left: 249px;
  top: 355px;
}
p.training_reception_txtBox-01,
p.training_reception_txtBox-02,
p.training_reception_txtBox-03,
p.training_reception_txtBox-04,
p.training_reception_txtBox-05,
p.training_reception_txtBox-06,
p.training_reception_txtBox-07,
p.training_reception_txtBox-08,
p.training_reception_txtBox-09 {
  position: absolute;
}
p.training_reception_txtBox-01,
p.training_reception_txtBox-02,
p.training_reception_txtBox-03 {
  color: #ff;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 2px;
  font-weight: normal;
}
p.training_reception_txtBox-01 strong,
p.training_reception_txtBox-02 strong,
p.training_reception_txtBox-03 strong {
  font-size: 26px;
}
p.training_reception_txtBox-01 {
  left: 193px;
  top: 235px;
}
p.training_reception_txtBox-02 {
  left: 483px;
  top: 183px;
}
p.training_reception_txtBox-03 {
  left: 773px;
  top: 135px;
}
p.training_reception_txtBox-04 {
  left: 130px;
  top: 340px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
p.training_reception_txtBox-05 {
  left: 400px;
  top: 290px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
p.training_reception_txtBox-06 {
  left: 705px;
  top: 240px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
p.training_reception_txtBox-07 {
  left: 101px;
  top: 390px;
  width: 230px;
  text-align: left;
}
p.training_reception_txtBox-08 {
  /* left: 0; */
  /* top: 0; */
  left: 386px;
  top: 340px;
  width: 230px;
  text-align: left;
}
p.training_reception_txtBox-09 {
  /* left: 0; */
  /* top: 0; */
  left: 678px;
  top: 290px;
  width: 230px;
  text-align: left;
}
p.communication-Box00 {
  border: 3px solid #eee;
  background: #f3f3f3;
  padding: 20px;
  text-align: center;
  font-size: 19px;
}
.training_communicaiton_txtBox-01,
.training_communicaiton_txtBox-02,
.training_communicaiton_txtBox-03,
.training_communicaiton_txtBox-04,
.training_communicaiton_txtBox-05 {
  position: absolute;
}
.training_communicaiton_txtBox-01,
.training_communicaiton_txtBox-03 {
  font-size: 24px;
}
.training_communicaiton_txtBox-01 strong,
.training_communicaiton_txtBox-03 strong {
  color: #d80000;
  font-size: 42px;
}
.training_communicaiton_txtBox-01 {
  left: 235px;
  top: 70px;
}
.training_communicaiton_txtBox-02 {
  left: 265px;
  top: 190px;
}
.training_communicaiton_txtBox-03 {
  left: 520px;
  top: 70px;
}
.training_communicaiton_txtBox-04 {
  left: 540px;
  top: 190px;
}
.training_communicaiton_txtBox-05 {
  color: #d80000;
  left: 280px;
  top: 383px;
  font-size: 22px;
}
p.training_speech_txtBox-01 {
  position: absolute;
  left: 95px;
  top: 140px;
  color: #cd0000;
  font-weight: bold;
  font-size: 30px;
}
p.training_speech_txtBox-02 {
  position: absolute;
  left: 100px;
  top: 185px;
  font-weight: bold;
  font-size: 20px;
}
body#trainingDetailPage .report_block {
  width: 1000px;
  margin: 40px auto 0;
}
body#trainingDetailPage .report_block ul li {
  width: 260px;
  float: left;
  margin-right: 110px;
}
body#trainingDetailPage .report_block ul li:nth-of-type(3n) {
  margin-right: 0;
}
body#trainingDetailPage .report_block ul li h4 {
  color: #c00;
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 16px;
  word-break: auto-phrase;
}
p.training_tel_txtBox-01 {
  position: absolute;
  left: 373px;
  top: 200px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
p.training_tel_txtBox-02 {
  position: absolute;
  left: 193px;
  top: 360px;
}
p.training_tel_txtBox-03 {
  position: absolute;
  left: 735px;
  top: 360px;
}
.mvArea .btnList li a {
  text-decoration: none;
  color: #fff;
}
.mvArea .btnList li a:hover {
  text-decoration: none;
}
.mvArea .btnList li.area-link:hover {
  opacity: 0.7;
  transition: 0.3s;
}
ul.proposalMerit {
  margin-top: 30px;
}
ul.proposalMerit li {
  border-bottom: 1px dotted #ccc;
  margin-top: 20px;
  padding-bottom: 15px;
  font-size: 16px;
}
ul.proposalMerit li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #c00;
  font-weight: bold;
  border: 2px solid #c00;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.pro_about p {
  font-size: 16px;
}
.pro_about_top {
  border: 2px solid #f1963d;
  background: #fef4eb;
  padding: 30px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pro_about_top p {
  font-size: 18px;
  color: #f1963d;
  margin: 0 !important;
}
.pro_about p small {
  color: #666;
  font-size: 14px;
}
/*181218------------------------------*/
.bxslider_company_wrap {
  width: 1000px;
  margin: 10px auto;
}
.bxslider_company li {
  width: 200px;
  float: left;
  text-align: center;
}
#indexPage .bxslider_company_wrap .bx-wrapper {
  min-height: auto;
}
#indexPage .bxslider_company_wrap .bx-wrapper .bx-controls-direction a {
  top: 49px;
}
.bxslider_company_wrap .bx-wrapper .bx-prev {
  left: -20px;
}
.bxslider_company_wrap .bx-wrapper .bx-next {
  right: -20px;
}
#content .bxslider_company_wrap p {
  margin-bottom: 0;
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
}
.bxslider_company_wrap .bx-wrapper .bx-viewport {
  left: 0;
}
/*181219------------------------------------------------*/
a.training-table-btn {
  display: block;
  background: #cc0000;
  color: #fff;
  margin: 10px auto 0;
  box-sizing: border-box;
  padding: 10px 10px 10px 30px;
  width: 90%;
  position: relative;
  border-radius: 4px;
  font-size: 20px;
}
a.training-table-btn:before {
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-right: 5px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
  left: 10px;
  top: 20px;
}
td.clickhover.area-link:hover a {
  text-decoration: none;
  color: #333;
}
a.training-table-btn:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
div#company_access_area {
  margin-top: -70px;
  padding-top: 70px;
}
#content .bxslider_company_wrap p.map_ttl {
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 0;
}
#content .bxslider_company_wrap p.map_ttl span:before {
  width: 400px;
}
#content .bxslider_company_wrap p.map_ttl span:after {
  width: 400px;
}
p.trainingPage_teacher_copy.textMincho {
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
}
p.trainingPage_teacher_copy.textMincho strong {
  font-size: 34px;
  color: #cd0000;
}
#indexPage .top-mv .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -120px;
}
#indexPage .top-mv .bx-wrapper .bx-controls-direction a.bx-next {
  right: -120px;
}
#indexPage .top-mv .bx-wrapper {
  overflow: hidden;
}
/*190408-----------------------------------------------------------*/
.report_archive_list {
  overflow: hidden;
  margin: 0 0 40px 0;
}
.report_archive_list .img {
  float: left;
  margin-right: 40px;
  width: 400px;
}
.report_archive_list .img img {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
}
#content .report_archive_list .date {
  font-size: 14px;
  margin: 0;
  color: #666;
}
.report_archive_list .detail {
  overflow: hidden;
}
.report_archive_list .detail li {
  display: inline-block;
  margin: 0 20px 10px 0;
}
.report_archive_list .detail li span {
  background: #c00;
  padding: 1px 8px;
  color: #fff;
  margin-right: 5px;
}
.report_archive_list .detail li:nth-of-type(1) {
  font-size: 16px;
  border: 2px solid #c00;
  color: #c00;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 4px;
}
.report_archive_list a:hover {
  text-decoration: none;
  color: #333;
}
.report_archive_list.area-link:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.report_archive_list .cnt {
  overflow: hidden;
  margin: 10px 0 0;
}
.report_archive_list_cnt_img {
  width: 200px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
}
.report_archive_list_cnt_img img {
  width: 100%;
}
.report_archive_list.area-link .cnt h4 a {
  color: #c00;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
}
.report_archive_list .cnt_inner {
  overflow: hidden;
}
/*190422------------------------------------------------------------------*/
.disnon {
  display: none;
}
.training_archive_list #tab {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.training_archive_list #tab::before {
  content: "";
  border-bottom: 1px solid #999;
  z-index: -1;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.training_archive_list #tab li:hover {
  cursor: pointer;
}
.training_archive_list #tab li {
  float: left;
  background: #999;
  padding: 20px;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
  width: 340px;
  text-align: center;
  border: 1px solid #999;
  position: relative;
  height: 70px;
}
.training_archive_list #tab li:nth-of-type(2) {
  margin-left: 5px;
}
.training_archive_list #tab li.select {
  color: #333;
  background: #fff;
  border-top: 3px solid #cb0000;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.training_archive_list #tab li:hover {
  opacity: 0.7;
}
.training_archive_list #tab li.select:hover {
  opacity: 1;
}
.training_archive_list .content_wrap {
  margin-top: -1px;
  position: relative;
}
.training_archive_list #tab li:after {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
.training_archive_list #tab li.select:after {
  border-color: #c00;
}
.training_archive_list .content_wrap {
  padding-top: 60px;
}
.training_archive_list .content_wrap h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.training_archive_list .content_wrap .archive_purpose_list {
  overflow: hidden;
}
.training_archive_list .content_wrap .archive_purpose_list li {
  float: left;
  width: 310px;
  margin-right: 35px;
  margin-bottom: 30px;
}
.training_archive_list .content_wrap .archive_purpose_list li div a {
  display: table-cell;
  width: 310px;
  background: #c00;
  box-sizing: border-box;
  /*padding: 20px;*/
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  height: 100px;
  text-align: left;
  vertical-align: middle;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.training_archive_list .content_wrap .archive_purpose_list li div a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
.training_archive_list .content_wrap .archive_purpose_list li:nth-of-type(3n) {
  margin-right: 0;
}
.training_archive_list .content_wrap .archive_purpose_list li div a:hover {
  text-decoration: none;
}
.training_archive_list .content_wrap .archive_purpose_list li:hover {
  opacity: 0.7;
  transition: 0.3s;
}
/*.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(1) div a{
 background-image: url(../images/training/tr_purpose01.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(2) div a{
 background-image: url(../images/training/tr_purpose02.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(3) div a{
 background-image: url(../images/training/tr_purpose03.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(4) div a{
 background-image: url(../images/training/tr_purpose04.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(5) div a{
 background-image: url(../images/training/tr_purpose05.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list1 li:nth-of-type(6) div a{
 background-image: url(../images/training/tr_purpose06.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list2 li:nth-of-type(1) div a{
 background-image: url(../images/training/tr_purpose07.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list2 li:nth-of-type(2) div a{
 background-image: url(../images/training/tr_purpose08.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list2 li:nth-of-type(3) div a{
 background-image: url(../images/training/tr_purpose09.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list2 li:nth-of-type(4) div a{
 background-image: url(../images/training/tr_purpose10.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list2 li:nth-of-type(5) div a{
 background-image: url(../images/training/tr_purpose11.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(1) div a{
 background-image: url(../images/training/tr_purpose12.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(2) div a{
 background-image: url(../images/training/tr_purpose13.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(3) div a{
 background-image: url(../images/training/tr_purpose14.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(4) div a{
 background-image: url(../images/training/tr_purpose15.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(5) div a{
 background-image: url(../images/training/tr_purpose16.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list3 li:nth-of-type(6) div a{
 background-image: url(../images/training/tr_purpose17.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list4 li:nth-of-type(1) div a{
 background-image: url(../images/training/tr_purpose18.png);
}

.training_archive_list .content_wrap .archive_purpose_list.archive_purpose_list4 li:nth-of-type(2) div a{
 background-image: url(../images/training/tr_purpose19.png);
}*/
ul.archive_purpose_list p {
  margin-top: 10px;
  font-size: 14px;
}
.class_tab_area .tab {
  overflow: hidden;
}
.class_tab_area .tab li {
  float: left;
  width: 199px;
  margin-left: 1px;
}
.class_tab_area .tab li a {
  display: block;
}
.class_tab_area .tab li:nth-of-type(1) {
  width: 200px;
  margin-left: 0;
}
.class_tab_area .tab li img {
  width: 100%;
}
.class_tab_area .content {
  background: #eee;
  padding: 30px 40px 18px;
  margin-top: 25px;
  position: relative;
}
.class_tab_area .content:after {
  position: absolute;
  top: -34px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 34px 14px;
  border-color: transparent transparent #eeeeee transparent;
}
.class_tab_area .content#tab1 {
  background: #ecebf4;
}
.class_tab_area .content#tab2 {
  background: #ebedf6;
}
.class_tab_area .content#tab3 {
  background: #e8eef5;
}
.class_tab_area .content#tab4 {
  background: #eaf4e6;
}
.class_tab_area .content#tab5 {
  background: #f1f8eb;
}
.class_tab_area .content#tab1:after {
  border-color: transparent transparent #ecebf4 transparent;
}
.class_tab_area .content#tab2:after {
  border-color: transparent transparent #ebedf6 transparent;
}
.class_tab_area .content#tab3:after {
  border-color: transparent transparent #e8eef5 transparent;
}
.class_tab_area .content#tab4:after {
  border-color: transparent transparent #eaf4e6 transparent;
}
.class_tab_area .content#tab5:after {
  border-color: transparent transparent #f1f8eb transparent;
}
.class_tab_area .content#tab1:after {
  left: 86px;
}
.class_tab_area .content#tab2:after {
  left: 287px;
}
.class_tab_area .content#tab3:after {
  left: 487px;
}
.class_tab_area .content#tab4:after {
  left: 687px;
}
.class_tab_area .content#tab5:after {
  left: 887px;
}
ul.archive_class_list {
  overflow: hidden;
}
ul.archive_class_list li {
  float: left;
  width: 221px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.class_tab_area .content#tab1 ul.archive_class_list li a {
  background: #443b94;
}
.class_tab_area .content#tab2 ul.archive_class_list li a {
  background: #3853ab;
}
.class_tab_area .content#tab3 ul.archive_class_list li a {
  background: #1f5b99;
}
.class_tab_area .content#tab4 ul.archive_class_list li a {
  background: #34910b;
}
.class_tab_area .content#tab5 ul.archive_class_list li a {
  background: #79bd3b;
}
ul.archive_class_list li:nth-of-type(4n) {
  margin-right: 0;
}
ul.archive_class_list li a {
  width: 221px;
  display: table-cell;
  vertical-align: middle;
  /*padding: 5px 20px 5px 10px;*/
  box-sizing: border-box;
  background: #cd0000;
  color: #fff;
  font-weight: bold;
  height: 70px;
  position: relative;
}
ul.archive_class_list li a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  display: block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
ul.archive_class_list li a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
.class_tab_area .content {
  display: none;
  position: relative;
}
/*定着プラン*/
body#planPage h1 {
  color: #cd0000;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 36px;
}
.gray_box {
  background: #f2f2f2;
  padding: 30px 30px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.gray_box img {
  width: 100%;
}
.gray_box h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.plan_schedule dl {
  display: table;
  table-layout: fixed;
}
.plan_schedule dl + dl {
  margin-top: 4px;
}
.plan_schedule dl img {
  max-width: 100%;
}
.plan_schedule dl dt {
  display: table-cell;
  width: 70px;
  background: #c00;
  color: #fff;
  font-size: 20px;
  box-sizing: border-box;
  padding: 10px;
  line-height: 1.1;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.plan_schedule dl dt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #cc0000 transparent transparent transparent;
  z-index: 3;
}
.plan_schedule dl dt:after {
  content: "";
  z-index: 2;
  display: block;
  position: absolute;
  bottom: -34px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #fff transparent transparent transparent;
}
.plan_schedule dl dd {
  display: table-cell;
  width: 930px;
  box-sizing: border-box;
  padding: 30px;
  background: #f2f2f2;
}
.plan_schedule dl dd h3 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.plan_schedule_box {
  margin: 40px 0 10px 0;
  background: #c00;
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding: 15px;
  border-radius: 4px;
  display: block;
  position: relative;
}
.plan_schedule_box a {
  color: #fff;
}
.plan_schedule dl dt.plan_schedule01 {
  background: #333;
}
.plan_schedule dl dt.plan_schedule01:before {
  border-color: #333 transparent transparent transparent;
}
.plan_schedule dl dt.plan_schedule02 {
  background: #555;
}
.plan_schedule dl dt.plan_schedule02:before {
  border-color: #555 transparent transparent transparent;
}
.plan_schedule dl dt.plan_schedule03 {
  background: #777;
}
.plan_schedule dl dt.plan_schedule03:before {
  border-color: #777 transparent transparent transparent;
}
.plan_schedule dl dt.plan_schedule04 {
  background: #999;
}
.plan_schedule dl dt.plan_schedule04:before {
  border-color: #999 transparent transparent transparent;
}
a.plan_schedule_box:hover {
  color: #fff;
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
a.plan_schedule_box {
  position: relative;
  font-weight: bold;
}
a.plan_schedule_box:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  vertical-align: middle;
  border-color: #fff;
  right: 40px;
  top: 50%;
  margin-top: -6px;
}
.plan_schedule_box_col3 {
  overflow: hidden;
  margin: 40px 0 10px;
}
.plan_schedule_box_col3 li {
  display: table-cell;
}
.plan_schedule_box_col3 li a {
  margin: 0;
}
.plan_schedule_box_col3 li {
  width: 100px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #666;
}
.plan_schedule_box_col3 li a,
.plan_schedule_box_col3 li:nth-of-type(1),
.plan_schedule_box_col3 li:nth-of-type(2) {
  width: 450px;
}
.support_aside {
  padding: 30px;
  background: #f5f5f5;
}
.support_aside .imgBox {
  overflow: hidden;
}
#content .support_aside .imgBox .imgR {
  overflow: hidden;
  float: right;
  margin-left: 30px;
}
.support_aside + .support_aside {
  margin-top: 40px;
}
.support_aside h3 {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
}
.support_aside h3:before {
  content: "";
  border-top: 2px solid #c00;
  width: 16px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
}
.support_aside ol {
  padding-left: 30px;
}
.support_aside ol > li {
  list-style-type: decimal-leading-zero;
  font-size: 16px;
}
.support_aside ol > li ul {
  margin-top: 10px;
}
.support_aside ol > li ul li {
  font-size: 14px;
  list-style-type: disc;
}
.support_aside ol > li + li {
  margin-top: 10px;
}
#planPage ul.checkList li {
  font-size: 16px;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
#planPage ul.checkList li:before {
  content: "✔ ";
  color: #c10000;
}
#planPage ul.checkList li + li {
  margin-top: 5px;
}
li.guideNav_textLink a {
  position: relative;
  font-size: 13px;
  height: 46px;
  line-height: 46px;
  color: #cb0000;
  display: inline-block;
  text-decoration: underline;
  font-weight: bold;
  width: 70px;
  text-align: right;
}
li.guideNav_textLink a:hover {
  text-decoration: none;
}
li.guideNav_textLink a:before {
  position: absolute;
  left: 7px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -2px;
  vertical-align: middle;
  border-color: #c00;
  content: "";
}
#trainingDetailPage #pageImg.basic {
  background: url(../images/training/basic_bg.png) no-repeat center center;
  height: 380px;
}
#trainingDetailPage #pageImg.listening {
  background: url(../images/training/listening_bg.png) no-repeat center center;
  height: 380px;
}
#trainingDetailPage #pageImg.presentation {
  background: url(../images/training/presentation_bg.png) no-repeat center
    center;
  height: 380px;
}
#trainingDetailPage #pageImg.tel-basic {
  background: url(../images/training/tel-basic_bg.png) no-repeat center center;
  height: 380px;
}
#trainingDetailPage #pageImg.fleshers {
  background: url(../images/training/fleshers_bg.png) no-repeat center center;
  height: 380px;
}
#planPage #pageImg {
  background: url(../images/plan/img01.png) no-repeat center center;
}
#content table.training_new_tbl thead th {
  background: #c00;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
_:-ms-lang(x),
ul.archive_class_list li a:after {
  top: 35px;
}
_:-ms-lang(x),
.training_archive_list .content_wrap .archive_purpose_list li div a:after {
  top: 50px;
}
/*190603-----------------------------------------------------------------------------*/
div#index-about_kees {
  background-image: url(../images/index/about_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  /* margin: 30px 0 0;*/
}
div#index-about_kees .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
div#index-about_kees h2 {
  font-size: 24px;
  color: #000;
  letter-spacing: 2px;
  margin: 0 0 20px;
}
div#index-about_kees h2 strong {
  color: #c00;
}
div#index-about_kees p {
  line-height: 1.8;
  font-size: 16px;
}
div#index-about_kees .box {
  background: rgba(255, 255, 255, 0.8);
  width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px;
}
div#index-trainingbtn .bx-wrapper .bx-viewport {
  left: 0;
  background: none;
}
div#index-trainingbtn {
  padding: 50px 0;
  background: #eee;
}
div#index-trainingbtn ul {
  /* overflow: hidden;*/
}
div#index-trainingbtn .bx-wrapper {
  position: relative;
  min-height: auto;
}
div#index-trainingbtn .bx-controls .bx-controls-direction .bx-prev {
  top: 40px;
  left: -50px;
}
div#index-trainingbtn .bx-controls .bx-controls-direction .bx-next {
  top: 40px;
  left: auto;
  right: -50px;
}
div#index-result_company {
  padding: 50px 0 70px;
}
div#index-result_company .inner {
  width: 1000px;
  margin: 0 auto;
}
div#index-result_company p.copy {
  font-size: 24px;
  color: #000;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 2px;
}
div#index-result_company p.copy strong {
  color: #ca0000;
  font-size: 40px;
}
div#index-result_company .text {
  float: left;
  padding: 30px;
  background: #f6f6f6;
  width: 660px;
  box-sizing: border-box;
}
div#index-result_company .imgR {
  float: right;
}
div#index-result_company .imgR img {
  width: 100%;
  height: auto;
}
div#index-result_company .text .ttl {
  font-size: 18px;
  font-weight: bold;
}
div#index-result_company .text ul li {
  width: 48%;
  display: inline-block;
}
div#index-result_company .text ul li:before {
  content: "・";
}
.mediaSection {
  overflow: hidden;
}
.mediaSection li {
  float: left;
  width: 122px;
  margin-right: 52px;
}
.mediaSection li:last-child {
  margin: 0;
}
.mediaSection li img {
  display: block;
  margin-bottom: 10px;
}
.mediaSection li strong {
  display: block;
}
.mediaSection ul {
  overflow: hidden;
}
p.tRight {
  text-align: right;
}
div#column_nav_training {
  position: relative;
}
#column_nav_training a.bx-prev {
  top: 35px;
  left: -42px;
}
#column_nav_training a.bx-next {
  top: 35px;
  right: -42px;
}
/*190719----------------------------------*/
.study_copy {
  color: #c00;
  font-weight: bold;
  font-size: 30px;
}
.study_copy p {
  margin-bottom: 20px !important;
}
#resultsPage #index-btnList li:nth-of-type(4n) {
  margin-right: 0;
}
/*190826---------------------------------------------*/
#trainingDetailPage #pageImg.lp_hiring {
  height: 380px;
  background: url(../images/lp_hiring/01.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#trainingDetailPage div#pageImg.lp_hiring .img {
  position: absolute;
  top: 30px;
  left: calc(50% - 130px);
}
#trainingDetailPage div#pageImg.lp_hiring {
  position: relative;
}
#trainingDetailPage div#pageImg.lp_hiring h1 {
  font-size: 44px;
  margin: 0px 0 0 0;
  padding: 70px 0 0 0;
  text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px,
    white -1px -1px 10px;
}
#trainingDetailPage div#pageImg.lp_hiring h1 span {
  font-size: 24px;
  display: block;
  margin: 0 0 10px 10px;
}
.lp_hiring .article h2.copy {
  padding: 0;
  border: none;
  text-align: center;
  font-size: 30px;
  /*font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight:bold;*/
}
.lp_hiring .article h2.copy strong {
  font-size: 40px;
}
.common_btn a {
  background: #f1963d;
  display: inline-block;
  padding: 8px 20px;
  font-weight: bold;
  color: #fff;
  min-width: 250px;
  position: relative;
}
.common_btn {
  text-align: center;
}
.common_btn a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
.common_btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.lp_hiring .arrow {
  position: relative;
  text-align: center;
}
.lp_hiring .arrow p {
  position: relative;
  color: #c00;
  padding-top: 10px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
}
.lp_hiring .arrow p strong {
  font-size: 30px;
}
.lp_hiring .arrow:before {
  content: "";
  margin-left: -250px;
  width: 0;
  left: 50%;
  position: absolute;
  top: 0;
  height: 0;
  border-style: solid;
  border-width: 140px 250px 0 250px;
  border-color: #fae6e6 transparent transparent transparent;
}
.lp_hiring .article .featureBox h2 {
  border: none;
  padding: 0;
  overflow: hidden;
}
.lp_hiring .article .featureBox h2 div {
  float: left;
  font-size: 14px;
  width: 100px;
  height: 100px;
  color: #fff;
  background: #e37c7c;
  box-sizing: border-box;
  border-radius: 100px;
  text-align: center;
  padding: 30px 0;
  margin-right: 20px;
}
.lp_hiring .article .featureBox h2 span {
  padding: 18px 0 0 0;
  display: inline-block;
  font-size: 24px;
}
.lp_hiring .featureBox {
  margin-top: 40px;
}
.lp_hiring .featureBox .imgBox {
  overflow: hidden;
}
.lp_hiring .featureBox p {
  font-size: 16px;
  line-height: 1.8;
}
.lp_hiring .article .featureBox h2 div strong {
  font-size: 17px;
}
.lp_hiring .featureBox + .featureBox {
  border-top: 1px dotted #ccc;
  padding-top: 30px;
}
.lp_hiring .voice_box h3 {
  background: #f6d7d7;
  padding: 10px 15px;
  margin: 0 0 20px 0 !important;
}
.lp_hiring ul.before_after {
  overflow: hidden;
}
.lp_hiring ul.before_after > li {
  width: 450px;
  margin: 0 0 60px 0;
  float: left;
  position: relative;
}
.lp_hiring ul.before_after > li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 50px;
  border-color: transparent transparent transparent #ddd;
  top: 50%;
  right: -75px;
  transform: translateY(-50%);
}
.lp_hiring ul.before_after > li:nth-of-type(2) {
  float: right;
}
.lp_hiring ul.before_after dl dt {
  background: #ccc;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-size: 20px;
  text-align: center;
}
.lp_hiring ul.before_after dl dd {
  background: #f6f6f6;
  padding: 20px;
}
.lp_hiring ul.before_after dl dd strong {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.lp_hiring ul.before_after > li:nth-of-type(2) dl dt {
  background: #cc0000;
}
#trainingDetailPage.lp_hiring .realreport ul.report_box li {
  margin: 0 20px 10px 0;
  width: 235px;
}
#trainingDetailPage.lp_hiring .realreport ul.report_box li img {
  width: 100%;
  height: auto;
}
#trainingDetailPage.lp_hiring .realreport ul.report_box li:nth-of-type(4n) {
  margin-right: 0;
}
div#bnr_hiring {
  text-align: center;
}
div#bnr_hiring p:nth-of-type(1) img {
  width: 70%;
}
div#bnr_hiring .bnr_box_big {
  position: relative;
  background: #fff4e9;
  margin: 30px auto 0;
  padding: 30px;
  width: 80%;
  box-sizing: border-box;
}
div#bnr_hiring .bnr_box_big .pop {
  position: absolute;
  right: 40px;
  top: -20px;
}
div#bnr_hiring .bnr_box_big .ttl1 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
div#bnr_hiring .bnr_box_big .ttl2 {
  font-size: 30px;
  font-weight: bold;
  color: #c00;
}
div#bnr_hiring .bnr_box_big {
  line-height: 1.4;
}
div#bnr_hiring .bnr_box_big .ttl2 strong {
  font-size: 40px;
}
div#bnr_hiring .bnr_box_big p {
  font-size: 16px;
  font-weight: bold;
}
#content .form_lp_hiring table th,
#content .form_lp_hiring table td {
  padding: 6px 10px;
}
.lp_hiring ul.before_after > li li:before {
  content: "✔ ";
  color: #c00;
}
.lp_hiring ul.before_after > li li {
  padding-left: 1.2em;
  text-indent: -1.2em;
  font-weight: bold;
  font-size: 16px;
}
.lp_hiring ul.before_after > li li + li {
  margin-top: 5px;
}
.lp_hiring .mvArea.mvArea-low {
  position: relative;
}
.lp_hiring_mv01 {
  position: absolute;
  left: 400px;
  top: 210px;
  right: 0;
}
.lp_hiring_mv02 {
  position: absolute;
  left: 10px;
  top: 230px;
}
#foot-action.lp_hiring_foot-action .inner .actionbtn li:nth-of-type(2) {
  margin: 5px 0 0 0;
}
#trainingDetailPage div#pageImg.lp_hiring.lp_hiring_form h1 {
  padding-top: 120px;
}
/*190910*/
.lp_hiring select#type {
  padding: 8px 10px;
  margin: 2px 2px;
  border: none;
  border: 1px solid #ddd;
  background: #f8f8f8;
  border-radius: 3px;
}
/*190917------------------*/
#trainingDetailPage #pageImg.lp_hiring.mv_lp_freshers {
  background: url(../images/lp_freshers/lp_freshers_01.png);
  background-position: center center;
}
#trainingDetailPage #pageImg.lp_hiring.mv_lp_offerer {
  background: url(../images/lp_offerer/lp_offerer_01.png);
}
#trainingDetailPage div#pageImg.lp_hiring.mv_lp_freshers h1 {
  font-size: 50px;
  line-height: 1.4;
}
#trainingDetailPage div#pageImg.lp_hiring.mv_lp_freshers h1 span {
  font-size: 26px;
}
ul.mv_lp_freshers_btn {
  overflow: hidden;
  margin-top: 20px;
}
ul.mv_lp_freshers_btn li {
  float: left;
}
ul.mv_lp_freshers_btn li a {
  border: 2px solid #f1963d;
  background: #f1963d;
  box-sizing: border-box;
  border-radius: 4px;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 10px;
  width: 220px;
  text-align: center;
  position: relative;
}
ul.mv_lp_freshers_btn li + li {
  margin-left: 20px;
}
ul.mv_lp_freshers_btn li a:hover {
  text-decoration: none;
  background: #fff;
  color: #f1963d;
  transition: 0.3s;
}
ul.mv_lp_freshers_btn li a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -5px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
ul.mv_lp_freshers_btn li a:hover:before {
  border-color: #f1963d;
}
.mv_lp_freshers .lp_hiring_mv01 {
  position: absolute;
  left: 480px;
  top: 150px;
  right: 0;
}
#trainingDetailPage div#pageImg.lp_hiring.mv_lp_freshers h1 {
  padding-top: 100px;
}
.lp_hiring.lp_freshers .article .featureBox h2 div {
  padding: 15px 0;
  font-size: 15px;
}
.lp_hiring.lp_freshers .article .featureBox h2 div strong {
  font-size: 32px;
  line-height: 1;
}
.lp_hiring #content #resultsList table td p {
  margin: 0;
}
.top_news_wrap {
  height: 220px;
  overflow-y: scroll;
  box-sizing: border-box;
  width: 475px;
}
/*200207*/
#top_banner .inner {
  width: 1000px;
  margin: 0 auto;
}
#top_banner .list {
  padding: 8px;
}
#top_banner {
  background: #eeeeee;
  padding: 30px;
}
.march_lectures .lecture {
  margin: 60px 0;
  border-top: 1px dotted #ccc;
  padding-top: 60px;
}
.march_lectures .copytxt {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.march_lectures .date {
  font-size: 18px !important;
}
.march_lectures .edu .copytxt {
  margin: 30px;
}
body#trainingDetailPage.march_lectures #pageImg h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  color: #cc0000;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 70px;
}
body#trainingDetailPage.march_lectures #pageImg {
  background-image: url(../images/mv_lecture.png);
  background-size: cover;
  background-repeat: no-repeat;
}
body#trainingDetailPage.march_lectures .leadtxt {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: bold;
}
.march_lectures .lecture + .lecture {
  margin-top: 60px;
}
body#trainingDetailPage.march_lectures #pageImg h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  color: #cc0000;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 70px;
}
body#trainingDetailPage.march_lectures #pageImg {
  background-image: url(../images/mv_lecture.png);
  background-size: cover;
  background-repeat: no-repeat;
}
body#trainingDetailPage {
}
body#trainingDetailPage .leadtxt {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: bold;
}
.march_lectures .lecture + .lecture {
  margin-top: 60px;
}
.march_lectures #content .copytxt p {
  margin-bottom: 0;
  color: #c00;
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.march_lectures #content .copytxt {
  margin-bottom: 20px;
  text-align: left;
  color: #333;
}
.march_lectures #content .copytxt p.date {
  /* font-weight: normal; */
  /* font-size: 16px !important; */
  /* text-align: right; */
  color: #333;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
.march_lectures #content .edu + .copytxt {
  margin-top: 40px;
}
body#trainingDetailPage.march_lectures h3.h3 {
  background: #f8f8f8;
  border-left: 2px solid #cc0000;
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
  margin: 40px 0 10px 0px;
}
.march_lectures .textLink a {
  font-size: 14px;
  font-weight: normal;
  /* color: #c00; */
  text-decoration: underline;
}
.march_lectures .textLink a:before {
  margin: 0px 0 4px 0;
}
.march_lectures .textLink {
  margin-top: 10px;
}
.march_lectures .attention {
  border: 2px solid #c00;
  padding: 20px;
  font-weight: bold;
  /*text-align: center;*/
  margin: 20px 0;
}
.march_lectures #content .attention p {
  margin-bottom: 0;
  color: #c00;
  font-size: 18px;
}
.march_lectures h4.h4 {
  color: #c00;
  font-size: 17px;
  margin-bottom: 10px;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*200214*/
.remark_koukai {
  background: #cc0000 !important;
  width: 10% !important;
  padding: 4px 12px;
  border-radius: 3px;
}
#globalNav .menu__second-level .remark_koukai a {
  color: #fff !important;
  margin-left: 3px;
}
#globalNav .menu__second-level .remark_koukai:before {
  border-color: #fff !important;
}
.lecture_btn_wrap {
  position: relative;
}
a.lecture_btn {
  display: inline-block;
  position: absolute;
  background: #f1963d;
  color: #fff;
  padding: 4px 40px;
  font-size: 16px;
  right: 10px;
  top: 50%;
  margin-top: -17px;
  border-radius: 3px;
}
a.lecture_btn:before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
a.lecture_btn:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}
.remark_koukai:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.remark_koukai a:hover {
  text-decoration: none !important;
}
h1.mv_h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 32px;
  color: #cc0000;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 70px;
}
/*200220*/
.lecture_flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lecture_flex_box .img {
  width: 260px;
}
.lecture_flex_box .txt {
  width: 720px;
}
.lecture_flex_box .txt .label dt {
  background: #999;
  display: inline-block;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  padding: 4px 10px;
  width: 70px;
  text-align: center;
  vertical-align: top;
}
.lecture_flex_box .txt .label dd {
  display: inline-block;
  font-size: 15px;
  width: calc(100% - 110px);
  margin-left: 5px;
  vertical-align: middle;
  font-weight: bold;
  color: #444;
}
.lecture_flex_box .img img {
  width: 100%;
}
.lecture_flex_box .txt ul li {
  font-size: 14px;
  font-weight: normal;
}
.lecture_flex_box .txt .label + .label {
  margin-top: 10px;
  border-top: 1px dotted #ccc;
  padding-top: 15px;
}
.kento {
  background: #f6f6f6;
  padding: 15px 30px;
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.kento p:nth-of-type(1) {
  font-weight: bold;
  font-size: 14px;
}
.kento p {
  margin: 0 !important;
}
.small_txt {
  font-size: 12px;
  margin-top: 10px;
}
#trainingDetailPage.lp_management #pageImg.lp_hiring {
  background: url(../images/lp_management/lp_management_01.png);
}
#trainingDetailPage.lp_management .lp_hiring_mv01 {
  left: 480px;
}
.lp_management .aside {
  padding: 20px;
  background: #f6f6f6;
  margin: 40px 0;
}
.lp_management .aside .ttl {
  font-size: 16px;
  font-weight: bold;
}
.management_voice li {
  float: left;
  width: 23%;
  margin-right: 2.6%;
}
.management_voice li:nth-of-type(4) {
  margin-right: 0;
}
.management_voice li img {
  width: 100%;
}
.management_voice li span {
  display: block;
  margin-top: 10px;
  min-height: 100px;
}
.lp_management .formError {
  color: red;
  font-weight: bold;
}
/*200309*/
body#online #pageImg {
  height: 363px;
  background: url(../images/online/mv.png);
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #ddd;
  /* background-color: #f6f6f6; */
}
body#online #pageImg h1 {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  font-size: 46px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 0;
  margin-bottom: 10px;
}
body#online .inner {
  width: 1000px;
  margin: 0 auto;
}
body#online #pageImg .inner p {
  font-size: 26px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.4;
  color: #111;
  margin-bottom: 20px;
}
body#online #pageImg .inner ul {
  width: 560px;
  display: flex;
  justify-content: space-between;
}
body#online #pageImg .inner ul li a {
  display: block;
  background: #f1963d;
  font-size: 16px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-weight: bold;
  padding: 12px 10px;
  box-sizing: border-box;
  position: relative;
}
body#online #pageImg .inner ul li {
  width: 48%;
}
body#online #pageImg .inner ul li a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: -6px;
  vertical-align: middle;
  border-color: #ffffff;
  content: "";
}
body#online #pageImg .inner ul li a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
#online .content__box {
  margin-top: 60px;
}
#online h3 {
  background: #f6f6f6;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  border-left: 2px solid #c00;
  margin-bottom: 20px;
}
#online .content__box .box li {
  line-height: 1.6;
  font-size: 16px;
}
#online .content__box .box li:before {
  content: "✓ ";
  color: #c00;
  font-weight: bold;
}
#online .flex2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#online .flex2 .course {
  width: 48%;
}
#online .flex2 .course dt {
  background: #c00;
  text-align: center;
  font-size: 16px;
  padding: 15px;
  font-weight: bold;
  position: relative;
  color: #fff;
}
#online .flex2 .course dd {
  border: 2px solid #c00;
  padding: 20px;
  border-top: none;
}
#online .flex2 .course dt .icon-new {
  position: absolute;
  font-size: 11px;
  display: block;
  width: 80px;
  height: 80px;
  background: #f1963d;
  border-radius: 1000px;
  box-sizing: border-box;
  padding-top: 16px;
  top: -16px;
  line-height: 1.2;
  right: 10px;
}
#online .flex2 .course dt .icon-new strong {
  font-size: 18px;
}
#online .flex2 .course dd p {
  /* font-size: 14px; */
  /* font-weight: bold; */
}
#online .flex2 .course .sol .ttl:before {
  content: "－ ";
}
#online .flex2 .course dd p.ttl {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  color: #c00;
}
#online .flex2 .course dd ul li:before {
  content: "✓ ";
  color: #c00;
  font-weight: bold;
}
#online .flex2 .course .price p.line-through {
  display: inline;
  text-decoration: line-through;
  font-size: 16px;
  color: #999;
  font-weight: bold;
}
#online .flex2 .course .price strong {
  color: #c00;
  font-size: 24px;
}
#online .flex2 .course .price {
  margin-top: 10px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
}
#online .flex2 .course .price small {
  display: block;
}
#online .content__box.campaign p.copy {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #c00;
}
#online .content__box.campaign .col_present {
  display: flex;
  justify-content: center;
}
#online .content__box.campaign .col_present .right {
  text-align: left;
}
#online .content__box.campaign .col_present div + div {
  margin-left: 40px;
}
#online .content__box.campaign .col_present div.right p {
  font-size: 20px;
  font-weight: bold;
}
#online .content__box.campaign .col_present ul li {
  line-height: 2;
}
#online .content__box.campaign p.copy {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #c00;
}
#online .content__box.campaign .col_present {
  display: flex;
  justify-content: center;
}
#online .content__box.campaign .col_present .right {
  text-align: left;
}
#online .content__box.campaign .col_present div + div {
  margin-left: 40px;
}
#online .content__box.campaign .col_present div.right p {
  font-size: 20px;
  font-weight: bold;
}
#online .content__box.campaign .col_present ul li {
  line-height: 2;
}
#online div#e-learn_details p.ttl {
  font-size: 16px;
  font-weight: bold;
  background: #cc0000;
  color: #fff;
  padding: 5px 20px;
}
#online div#e-learn_details p.ttl small {
  font-size: 14px;
}
#online div#e-learn_details .flex2 > div {
  border: 1px solid #ccc;
  width: 495px;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px;
}
#online div#e-learn_details .flex2 > div h4 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: bold;
  /* color: #c00; */
  background: #f6f6f6;
  /* padding: 10px 20px; */
  line-height: 50px;
}
#online div#e-learn_details .flex2 ul {
  margin: 0 10px 10px;
}
#online div#e-learn_details .flex2 ul li:before {
  content: "● ";
  color: #c00;
}
#online div#e-learn_details .flex2 > div h4 span {
  background: #c00;
  color: #fff;
  padding: 0;
  line-height: 50px;
  display: inline-block;
  margin-right: 10px;
  width: 50px;
  text-align: center;
}
#online div#e-learn_details .flex2 ul li {
  padding-left: 1em;
  text-indent: -1.3em;
}
/*
#online div#download {
    background: #f6f6f6;
    padding: 30px;
    text-align: center;
}*/
#online div#download p {
  font-size: 18px;
  margin-bottom: 10px;
}
#online div#download .btn a {
  display: block;
  background: #f1963d;
  font-size: 16px;
  text-align: center;
  width: 60%;
  color: #fff;
  font-weight: bold;
  padding: 12px 10px;
  box-sizing: border-box;
  position: relative;
  margin-top: 20px;
  border-radius: 4px;
}
#online div#download .btn a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
#online .text-link {
  text-decoration: underline;
}
#online .text-link:hover {
  text-decoration: none;
}
#online #content #main .bg_bl {
  background: #2354ac;
}
#online #content #main .en_bl li:before {
  color: #2354ac;
}
#online #content #main .bor_bl {
  border: 2px solid #2354ac;
  border-top: none;
}
#online .twocol_w {
  width: 48%;
}
#online .down_contact {
  display: flex;
  justify-content: space-between;
}
#online .down_contact .leftbox p {
  font-size: 18px;
}
/*
#online .down_contact .change_des{
    padding: 0px;
    border-left: none;
}*/
/*グロナビ追加*/
li.menu__single ul.gnav_cons {
  left: 0px;
  width: 153px;
}
#header #globalNav #gnav05 .gnav_cons li {
  width: 100%;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
#header #globalNav li#gnav05 .gnav_cons li a:hover {
  color: #cc0000;
  background: unset;
  height: auto;
  border: none;
  text-decoration: underline;
}
/*オンラインページ内動画ポップアップ*/
#online .pop_movie01 .pop__ttl {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
#online .pop_movie01 img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
#online .pop_movie02 img {
  width: 23%;
  border: 1px solid black;
}
#online .pop_movie02 {
  margin-top: 20px;
}
.top_main_area.slide h1 a {
  position: relative;
}
#indexPage video {
  position: absolute;
  bottom: 63px;
  left: 56px;
  width: 258px;
}
#online .pop_movie01_blank {
  display: block;
  width: 436px;
  height: 244px;
  background: #ccc;
}
#online #pageImg .inner .corona {
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-top: 7px;
}
#online .pop_movie01_blank .pop__ttl {
  font-size: 20px;
  padding: 109px 140px;
}
#online #contact p {
  font-size: 16px;
}
#online span.c_red {
  color: #c00;
}
#online span.c_red:before {
  content: "※";
  margin-left: -32px;
  padding-right: 19px;
}
#online .to_jinji {
  font-size: 14px;
  margin-top: 2em;
  display: block;
  margin-left: 3px;
}
#header span.anatxt_red {
  color: #c00;
  font-size: 16px;
}
#indexPage .bnr_book_wrap {
  width: 1130px;
  margin: 0 auto;
  position: relative;
}
#indexPage .bnr_book1 {
  position: absolute;
  bottom: 5px;
  width: 35%;
  left: 39px;
}
#indexPage .bnr_book2 {
  position: absolute;
  bottom: 10px;
  left: 319px;
}
.report_block .report_box p {
  width: 250px;
}
/*-----研修レポートの導線　3番目を表示させない　　☆☆事例追加する場合は変更の必要アリ☆☆
#trainingDetailPage .realreport .report_block ul.report_box li:nth-child(3){
	display: none;
	width:0;

}---------------*/
/*-----------------------------------------------------------------------------------------*/
#online .online_ty {
  font-size: 20px;
  font-weight: bold;
  color: #c00;
  text-align: center;
  margin-bottom: 20px;
}
#online .f_attn {
  font-size: 13px;
}
#online .plan_schedule dl dt {
  width: 220px;
}
#online .plan_schedule dl dt:before,
#online .plan_schedule dl dt:after {
  /* border-width: 30px 89px 0px 89px;*/
  border-width: 30px 91px 0px 91px;
}
#online .online_s02 dd:before,
#online .online_s02 dd span:before {
  content: "✔ ";
  color: #2b419a;
}
#online .plan_schedule dl dt:before {
  bottom: -29px;
}
#online .plan_schedule dl {
  margin-bottom: 20px;
}
#online .plan_schedule_box {
  margin: 20px 0;
}
#online .plan_schedule dl dt:first-child {
  width: 224px;
}
#online .sub_ty:before {
  content: "";
  border-top: 2px solid #c00;
  width: 16px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}
#online .sub_ty {
  font-weight: bold;
  font-size: 16px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
}
/*-------------------table蛇腹-----------*/
.accbox {
  margin-top: -1px;
  padding: 0;
}
/*ラベル*/
.accbox label {
  display: block;
  margin: 1.5px 0;
  padding: 11px 12px;
  color: #fff;
  font-weight: bold;
  background: rgba(204, 0, 0, 0.6);
  cursor: pointer;
  transition: all 0.5s;
}
/*ラベルホバー時*/
.accbox label:hover {
  opacity: 0.7;
}
/*チェックは隠す*/
.accbox input {
  display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
  height: auto;
  opacity: 1;
}
/*-------------------table蛇腹end-----------*/
#online .online_s06 table .ty {
  background: #c00;
  color: #fff;
  font-weight: bold;
}
#online .online_s06 table .big_ty {
  font-size: 18px;
  font-weight: bold;
  color: #c00;
  margin-bottom: 0;
}
#online table li,
#online .cur_cnt .sec li {
  text-indent: -1em;
  padding-left: 1em;
}
#online .cur_cnt .sec {
  width: 478px;
  float: left;
  padding: 10px;
}
#online .sec_another {
  width: 978px;
  padding: 10px;
}
#online .sec_another:first-child,
#online .sec_another:nth-child(3) {
  border-left: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
}
#online .sec_another:nth-child(2) {
  border: 1px solid #c00;
  border-top: none;
}
#online .cur_cnt .b_left {
  border-left: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
}
#online .cur_cnt .b_right {
  border-right: 1px solid #c00;
  border-bottom: 1px solid #c00;
}
#online .cur_cnt p {
  margin: 0;
}
#online .cur_cnt .sm_ty {
  font-weight: bold;
  color: #c00;
}
#online .cur_cnt li:before,
.sec_another li span:before {
  content: "✔";
  margin-right: 4px;
  color: #c00;
}
#online .cur_cnt .attn {
  margin-top: 5px;
  text-align: right;
}
#online #content table th,
#online #content table td {
  border-color: #c00;
}
#online .online_s06 .tb {
  margin-top: 40px;
}
#online label span {
  font-weight: normal;
}
#online .online_s01_cnt li {
  padding: 10px 15px 10px 75px;
  /*    padding: 15px 15px 15px 80px;*/
  background: #fdeada;
  border-radius: 50px;
  text-align: left;
  font-size: 16px;
  position: relative;
  margin-bottom: 20px;
}
#online .online_s01_cnt li span {
  color: #c00;
  font-weight: bold;
}
#online .online_s01_cnt li:before {
  counter-increment: number;
  content: counter(number);
  background: #c00;
  color: #fff;
  /*padding: 10px 19px;*/
  padding: 9px 17px;
  border-radius: 30px;
  position: absolute;
  top: 14px;
  font-weight: bold;
  left: 19px;
}
body {
  counter-reset: number;
}
#online .online_s01_cnt div {
  width: 60%;
  margin-bottom: 19px;
}
#online .online_s01_cnt div img {
  width: 100%;
}
#online .online_s01_cnt ul {
  width: 40%;
}
#online .online_s01_cnt {
  display: flex;
  align-items: flex-end;
}
#online .online_s02 img {
  margin-bottom: 20px;
}
#online .online_s02 dl dt {
  background: #2b419a;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  margin-top: 10px;
}
#online .online_s02 dl dd {
  border: 1px solid #2b419a;
  padding: 10px 30px;
}
#online .online_s02 .tx {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
#online .online_s08 li {
  font-size: 16px;
}
#online .sec_another {
  position: relative;
}
#online .sec_another img {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20%;
}
#contact {
  clear: both;
}
#online .plan_schedule {
  width: 900px;
  margin: 0 auto;
}
/*.article #online .online_s06 .tb_02,.article #online .online_s06 .tb_03,.article #online .online_s06 .tb_04{
	margin-top: 40px;
}*/
#online .plan_schedule dl dt.plan_schedule04 {
  background: #4f91bc;
}
#online .plan_schedule dl dt.plan_schedule04:before {
  border-color: #4f91bc transparent transparent transparent;
}
#online .plan_schedule dl dt.plan_schedule03 {
  background: #426baa;
}
#online .plan_schedule dl dt.plan_schedule03:before {
  border-color: #426baa transparent transparent transparent;
}
#online .plan_schedule dl dt.plan_schedule02 {
  background: #334f97;
}
#online .plan_schedule dl dt.plan_schedule02:before {
  border-color: #334f97 transparent transparent transparent;
}
#online .plan_schedule dl dt.plan_schedule01 {
  background: #292781;
}
#online .plan_schedule dl dt.plan_schedule01:before {
  border-color: #292781 transparent transparent transparent;
}
#online .plan_schedule dl dd {
  background: #ebf7fd;
}
/*200511*/
#trainingDetailPage #pageImg.lp_hiring.online-consultation {
  background: url(../images/online-consultation/img03.jpg) no-repeat center
    center;
  height: 267px;
}
.online-consultation .mark_ye {
  background: linear-gradient(transparent 60%, rgba(254, 208, 77, 0.6) 60%);
}
.online-consultation .article h2.copy_main {
  color: #333;
  padding: 0;
  border: none;
  text-align: center;
  font-size: 25px;
  line-height: 1.8;
  letter-spacing: 0.5px;
}
.online-consultation .article h2.copy_main strong {
  color: #c00;
  font-size: 35px;
}
.online-consultation .content__box {
  margin-top: 60px;
}
.lp_hiring.online-consultation .arrow p strong,
.lp_hiring.online-consultation .article h2.copy {
  font-size: 25px;
  letter-spacing: 0.5px;
}
body#trainingDetailPage .online-consultation h3 {
  background: #f6f6f6;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  border-left: 2px solid #c00;
  margin-bottom: 20px;
}
.online-consultation #online .online_s02 dl dt {
  background: #c00;
}
.online-consultation #online .online_s02 dl dd {
  border: 1px solid #c00;
}
.online-consultation #online .online_s02 dd:before,
.online-consultation #online .online_s02 dd span:before {
  color: #c00;
}
#content .online-consultation thead th {
  background: #c00;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
#content .online-consultation .program table tbody th {
  width: 7em;
}
#content .online-consultation td {
  vertical-align: top;
}
#content .online-consultation .program td {
  width: 440.66px;
}
body#trainingDetailPage h3.font_change {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: -15px;
  background: initial;
  padding: 0;
  border: none;
}
.online-consultation .f_size18 {
  font-size: 18px;
}
#trainingDetailPage div#pageImg.online-consultation h1 {
  padding: 90px 0 0 0;
}
#trainingDetailPage div#pageImg.online-consultation h1 span {
  line-height: 1.4;
}
.online-consultation .article .arrow:before {
  top: -30px;
}
.online-consultation .textMincho span {
  background: linear-gradient(transparent 60%, rgba(254, 208, 77, 0.6) 60%);
  color: #c00;
  font-weight: 600;
}
.online-consultation .text-link {
  text-decoration: underline;
}
.online-consultation .text-link:hover {
  text-decoration: none;
}
#content .online-consultation .textMincho {
  font-size: 18px;
  line-height: 2;
}
body#online #pageImg .text-link {
  font-size: 15px;
  margin-top: 8px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 21px;
  text-decoration: none;
}
body#online #pageImg a.text-link:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}
#online .to_freeseminar {
  display: block;
  margin-top: 20px;
  font-size: 18px;
}
/*200525*/
body#online.mr #pageImg {
  background: url(../images/training_mr/mv.png);
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #ddd;
  background-color: #f6f6f6;
}
/*200602*/
body#online.mr #wrapper #pageImg h1 {
  line-height: 1.6;
  padding-top: 110px;
}
body#online.mr #wrapper #pageImg h1 {
  padding-top: 88px;
  font-size: 38px;
}
body#online.mr #wrapper #pageImg {
  height: 301px;
}
/*200603*/
.accbox .label {
  display: block;
  margin: 1.5px 0;
  padding: 11px 12px;
  color: #fff;
  font-weight: bold;
  background: #c00;
}
body#online.mr .f_change,
body#online.mr .accbox {
  font-size: 16px;
}
#trainingDetailPage img.onlineicon {
  position: absolute;
  width: 14%;
  left: 1024px;
  top: 9px;
  transform: rotate(8deg);
}
body#online.mr .flex {
  display: flex;
}
body#online.mr .flex dd {
  text-indent: -1em;
  padding-left: 46px;
}
body#online.mr .tb ul li,
#online.mr .tb .cur_cnt .sm_ty {
  margin-bottom: 0.2em;
}
#trainingDetailPage .mvArea {
  position: relative;
}
body#online #pageImg .inner h1 p {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  font-size: 46px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 0;
  margin-bottom: 10px;
}
#trainingDetailPage div#pageImg.lp_hiring h1 p {
  font-size: 44px;
  margin: 0px 0 0 0;
  text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px,
    white -1px -1px 10px;
}
body#online #wrapper #pageImg {
  height: 389px;
}
#trainingDetailPage #wrapper div#pageImg.online-consultation h1 {
  padding: 74px 0 0 0;
}
/*sp版調整0610*/
#top_banner {
  padding: 0;
}
#top_banner .bnr01 img {
  width: 1100px;
}
#indexPage #top_dwn_banner .bnr02 {
  float: left;
  margin-right: 30px;
}
#indexPage #top_dwn_banner .bnr02 img,
#indexPage #top_dwn_banner .bnr03 img {
  width: 535px;
}
#indexPage #top_dwn_banner {
  background: #fff;
  display: block;
  margin: 0px auto 30px;
  width: 1100px;
  overflow: hidden;
}
#indexPage #top_dwn_banner a {
  display: block;
}
#indexPage #top_dwn_banner img {
  width: 100%;
  height: auto;
}
#indexPage #top_banner .bnr01 {
  display: block;
  margin: 0 auto 30px;
}
#indexPage #main {
  /*padding-top: 30px;*/
  padding-top: 0;
}
/*------20630オンラインコミュニケーション講座追加-----*/
#trainingDetailPage div#pageImg.lp_hiring.online-communication h1 span div {
  background: #c00;
  color: #fff;
  text-shadow: none;
  padding: 10px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 24px;
}
#trainingDetailPage div#pageImg.lp_hiring.online-communication h1 span {
  font-size: 39px;
  display: block;
  line-height: 1.4;
  margin: 0;
}
#trainingDetailPage div#pageImg.lp_hiring.online-communication .mvArea p {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
#trainingDetailPage #pageImg.lp_hiring.online-communication {
  height: 290px;
  background: url(../images/online-communication/img01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.online-consultation.online-communication .article h2.copy_main {
  font-size: 30px;
  line-height: 1.6;
}
.online-consultation.online-communication .article .txt {
  font-size: 16px;
  text-align: center;
}
.online-consultation.online-communication .memo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.online-consultation.online-communication .memo li {
  width: 27%;
  padding: 20px 20px;
  border: 1px solid #333;
  margin: 20px 10px;
  position: relative;
  font-size: 18px;
  text-align: center;
}
.online-consultation.online-communication .memo li:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 40px;
  background-image: url(../images/online-communication/pin.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  top: -26px;
  right: -17px;
}
.online-communication .red {
  color: #c00;
}
.online-communication .bold {
  font-weight: bold;
}
#content .online-communication .arrow {
  margin-top: 40px;
}
#content .online-communication .arrow p strong {
  position: relative;
  padding-top: 10px;
  font-size: 20px;
  line-height: 1.7;
  color: #000;
}
#content .online-communication .arrow p span {
  font-weight: bold;
  color: #c00;
  font-size: 23px;
}
#content .online-communication .article .arrow:before {
  top: -10px;
}
#content .online-communication .arrow_underCnt .cnt_flex {
  display: flex;
  justify-content: space-around;
}
#content .online-communication .arrow_underCnt .cnt_flex .fleft {
  margin-top: 120px;
  line-height: 1.8;
  text-align: left;
  font-size: 16px;
}
#content .online-communication .arrow_underCnt .cnt_flex .fright {
  width: 39%;
  margin-top: 0;
}
#content .online-communication .arrow_underCnt img {
  margin-top: 60px;
  width: 84%;
}
#content .online-communication .arrow_underCnt strong {
  background: linear-gradient(transparent 60%, rgba(254, 208, 77, 0.4) 60%);
}
#content .online-communication .arrow_underCnt {
  margin-top: 50px;
}
.online-communication .text-link {
  text-decoration: underline;
}
.online-communication .text-link:hover {
  text-decoration: none;
}
#content .online-communication p {
  font-size: 16px;
}
#content .online-communication .tabl__wrap p {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
}
#content .online-communication .tabl__wrap table td.ttl {
  font-weight: bold;
  background: #c00;
  border-bottom: 1px solid #fff;
  color: #fff;
}
#content .online-communication .tabl__wrap table td {
  border-color: #c00;
  border-collapse: collapse;
}
#content .online-communication .tabl__wrap table td.ttl.b_red,
#content .online-communication .tabl__wrap table tr {
  border-bottom: 1px solid #c00;
}
#content .online-communication .down_contact {
  display: flex;
  justify-content: space-between;
}
#content .online-communication .down_contact .leftbox p,
#content .online-communication div#download p {
  font-size: 18px;
}
#content .online-communication .text-link.to_freeseminar {
  display: block;
  margin-top: 20px;
  font-size: 18px;
}
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(3n) {
  width: 20%;
}
#wrapper #header #globalNav li .menu__second-level li {
  width: 20%;
  font-size: 12px;
}
/*#header .new_circle {
    background: #f1963d;
    width: auto;
    color: #fff;
    padding: 13px 6px;
    position: absolute;
    top: -5px;
    font-size: 12px;
    left: -24px;
    border-radius: 50px;
}*/
#header #globalNav li .menu__second-level li.pos_rel a:before {
  background: #c00;
  /* width: 27px;*/
  /* height: 20px; */
  color: #fff;
  padding: 0px 5px;
  position: absolute;
  top: 23px;
  font-size: 10px;
  left: 64px;
  border-radius: 5px;
  content: "new";
}
#online .online_s_add01 .online_ty.online_ty_black {
  color: #000;
  text-align: left;
}
#online .online_s_add01 .online_ty .red {
  color: #c00;
}
#trainingDetailPage
  div#pageImg.lp_hiring.online-communication
  .mvArea
  h1
  span.small {
  font-size: 30px;
  display: inline-block;
}
/*200817*/
body#online.facilitation #wrapper #pageImg h1 span {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
body#online.facilitation #pageImg h1 {
  font-size: 40px;
}
body#online.facilitation #wrapper #pageImg {
  height: 279px;
}
body#online.facilitation #pageImg .inner p {
  margin-top: 20px;
}
/*200820*/
#indexPage .top-report_flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}
#indexPage .top-report_flex img {
  width: 175px;
  padding: 15px;
  height: auto;
}
#indexPage .mt40.report_link img {
  margin: 0 auto;
  display: block;
}
#indexPage #main {
  margin-bottom: 0;
}
#indexPage .report_link {
  margin-top: 10px;
}
#indexPage .report_link img {
  display: block;
  margin: 0 auto;
}
.footer_about_online .flex {
  display: flex;
  align-items: flex-start;
}
.footer_about_online .flex p {
  text-align: left;
  line-height: 1.8;
  width: 60%;
}
.footer_about_online .flex p strong {
  background: linear-gradient(transparent 70%, #fff1ad 70%);
}
.footer_about_online .flex picture {
  width: 38%;
  margin-left: 30px;
}
.footer_about_online .flex img {
  width: 38%;
  margin-left: 30px;
  height: auto;
}
.footer_about_online .flex picture img {
  width: 100%;
  margin: 0;
}
.footer_about_online .section.bg {
  padding: 30px;
}
.footer_about_online h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #c00;
}
/*200910 jirei*/
#resultsPage .movie-box-wrap {
  display: flex;
  justify-content: space-between;
  width: 1000px;
}
/*#resultsPage .movie-box-wrap .movie-inner{
	width: 485px;
}*/
#resultsPage .movie-box-wrap .youtube img,
#resultsPage .movie-box-wrap .youtube .player {
  width: 100%;
}
#resultsPage .movie-box-wrap .youtube {
  width: 485px;
}
#resultsPage iframe#player1 {
  width: 100%;
  /*height: auto;*/
}
#resultsPage .youtube:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}
#resultsPage #home-page iframe#player1 {
  height: 100%;
}
/*200910 jirei end*/
.online-consultation.online-communication .online_s07 .report_archive_list .txt,
#content .online-communication .online_s07 .report_archive_list p {
  text-align: left;
  font-size: 14px;
}
#columnDetailPage .cate_side li {
  text-indent: -1em;
  padding-left: 1em;
}
/*201005*/
#index-news .context {
  text-align: left;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  margin-top: 14px;
}
#index-news .context h4 {
  font-size: 18px;
  font-weight: bold;
  color: #c00;
  margin-bottom: 8px;
}
#index-news .context h5 {
  font-size: 16px;
  font-weight: bold;
  border-left: 2px solid #c00;
  padding-left: 10px;
  margin: 20px 0px 8px;
}
.a-tx__link {
  text-decoration: underline;
  color: #c00;
  text-align: left;
  display: block;
}
.a-tx__link:hover {
  text-decoration: none;
}
#results_related ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#results_related ul li {
  width: 313.3px;
  margin: 0 15px;
  background: #f8f8f8;
  margin-bottom: 30px;
}
#results_related ul li img {
  width: 100%;
}
#resultsPage.results-single-Page #results_related ul li h4 {
  font-size: 18px;
  margin-top: 1em;
}
#resultsPage.results-single-Page #results_related ul li p {
  font-size: 14px;
}
#results_related ul li div {
  padding: 20px;
}
/*1009書籍バナー追加------------------------------------------*/
#indexPage .youtube_movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#indexPage .player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#indexPage .thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#indexPage .youtube_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#indexPage .youtube_movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#indexPage .player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#indexPage .thumb,
#indexPage .youtube iframe {
  position: absolute;
  top: 170px;
  left: 50px;
  z-index: 1;
  width: 435px;
  height: 223px;
}
#indexPage .youtube_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#indexPage #bnr_book1009 .flex {
  display: flex;
  justify-content: space-between;
}
#indexPage #bnr_book1009 {
  width: 1100px;
  margin: 0 auto;
}
#indexPage .youtube {
  position: relative;
  width: 535px;
  height: 250px;
  background: url("../images/index/bnr_book_201008_movie.jpg?d201221");
}
#bnr_book1009 h2 {
  color: #fff;
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px;
  background: #396778d1;
  font-weight: bold;
}
#bnr_book1009 img.thumb:hover {
  opacity: 0.7;
}
#newsDetailPage .tx_link {
  text-decoration: underline;
  color: #c00;
}
#newsDetailPage .tx_link:hover {
  text-decoration: none;
}
/*----------------------201023----------------------------------------------------------*/
.training_zoom_video_modal-open p {
  position: absolute;
  top: 148px;
  left: 48px;
  font-weight: bold;
  color: #fff;
  background: #cb0000;
  padding: 6px 128px;
  border-radius: 30px;
}
#indexPage .thumb,
#indexPage .youtube iframe {
  top: 20px;
}
#indexPage #training_zoom_video video {
  position: initial;
}
#training_zoom_video.modal-content {
  width: 50%;
  margin: 0;
  background: #fff;
  position: fixed;
  display: block;
  z-index: 2;
  display: none;
}
#training_zoom_video.modal-content .inner {
  padding: 0 40px 40px;
}
#training_zoom_video.modal-content .inner video {
  margin-top: 40px;
}
.training_zoom_video_modal-overlay {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.modal-open {
  cursor: pointer;
}
#training_zoom_video a.modal-close {
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 40px;
  /* margin-top: 10px; */
  display: block;
  width: 56px;
  text-align: center;
  /* font-size: 14px; */
  margin: 10px auto 0;
}
#training_zoom_video a.modal-close:hover,
.training_zoom_video_modal-open:hover {
  text-decoration: none;
  opacity: 0.7;
}
#indexPage .training_zoom_video_modal-open img {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 275px;
}
#indexPage .youtube .boxer img {
  width: 265px;
  top: 20px;
  position: absolute;
  right: 20px;
}
@media all and (-ms-high-contrast: none) {
  #indexPage video {
    left: 0px;
    bottom: 83px;
  }
}
/*201104---------------------------------------------------------------------------------------*/
.cnt__mr .btn-link li {
  display: inline-block;
}
.cnt__mr .btn-link li + li {
  margin-left: 20px;
}
#mr-jisseki ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#mr-jisseki ul li {
  width: 313.3px;
  margin: 0 15px;
  border: 1px solid #c00;
  margin-bottom: 30px;
  box-sizing: border-box;
}
/*#mr-jisseki ul li:hover{
	opacity: 0.7;
}
#mr-jisseki ul li a:hover{
	text-decoration: none;
}*/
#mr-jisseki ul li h4 {
  font-size: 15px;
  font-weight: bold;
}
#mr-jisseki ul li .h4_wrap p {
  margin-bottom: 0;
}
#mr-jisseki ul li .h4_wrap {
  background: #c00;
  padding: 15px;
  color: #ffffff;
  text-align: center;
}
#mr-jisseki ul li .tx_box {
  padding: 20px;
}
/*201112---TOPオンラインバナー追加----------------------------------------------------------------------------------------*/
#top_banner {
  background: #f6f6f6;
  padding: 30px 0;
  margin: 30px 0;
}
#top_banner .flex {
  width: 1100px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
#mr-jisseki ul li .tx_box p span {
  background: rgb(240 240 240 / 95%);
  display: inline-block;
  padding: 10px;
}
#mr-jisseki a {
  pointer-events: none;
}
/*201211新入社員改善---------------------------------------------------------------------------------------------------------------------------*/
#trainingDetailPage #pageImg.fleshers {
  background: url(../images/training/fleshers_bg_online.jpg) no-repeat center
    center;
  height: 660px;
}
.fleshers .mvArea .btnList li {
  width: 156px;
  height: 130px;
  background: url(../images/training/training_mv_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center color;
  font-size: 16px;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: none !important;
  display: table-cell;
  line-height: 1.3;
  padding: 15px;
}
.fleshers .mvArea .btnList li strong span {
  font-size: 20px;
}
.fleshers .tag__5000 {
  display: block;
  padding: 10px 20px;
  background: #c5a71a;
  color: #fff;
  font-size: 19px;
  border-radius: 10px;
  width: 155px;
  margin-bottom: 10px;
}
p.mv_copy.mv_copy_copy_undertx {
  font-size: 20px;
  font-weight: bold;
}
p.mv_copy.mv_copy_copy_undertx span {
  color: #c00;
  position: relative;
  padding-left: 1em;
}
p.mv_copy.mv_copy_copy_undertx span:before {
  content: "";
  background: url("../images/check_18.png");
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 0;
}
#content .fleshers.online_s07 {
  margin-top: 70px;
}
#pageImg.fleshers h1 {
  padding-left: 0;
}
#trainingDetailPage img.onlineicon.sale202101 {
  position: absolute;
  width: 22%;
  left: 913px;
  top: 5px;
  transform: rotate(0deg);
}
#training_program_id .cnt__mr .btn-link a {
  width: 360px;
  background: #f1963d;
  position: relative;
}
#training_program_id .cnt__mr .btn-link a:after {
  background: url(../images/common/ico-btn-link.png) no-repeat;
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 21px;
  right: -11px;
}
/*MR研修ページ改善--------------------------------------------------------------------------*/
.block_aboutKEES img {
  float: right;
  padding-left: 30px;
}
#online .block_aboutKEES h3 {
  background: #c00;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  /* border-left: 2px solid #000; */
  margin-bottom: 20px;
  color: #fff;
}
.block_aboutKEES h4 {
  color: #c00;
  font-size: 26px;
  font-weight: bold;
  padding-left: 30px;
}
.block_aboutKEES a {
  background: #c00;
  padding: 15px 198px;
  border-radius: 65px;
  color: #fff;
  font-size: 16px;
  /* margin-top: 0px; */
  margin-left: 0px;
  font-weight: bold;
  display: inline-block;
}
.block_aboutKEES a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.block_aboutKEES {
  border: 2px solid #c00;
}
.block_aboutKEES .img__box {
  padding: 15px 30px 30px;
}
#online .faq-list .faq h3 {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  padding: 10px 40px 10px 65px;
  border: none;
  background: url(../images/training/ico_open.png) no-repeat right center;
  color: #333333;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
}
#content .online-communication .tabl__wrap td p {
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.online_trainig_plan .flex {
  flex-wrap: wrap;
  margin: 0 -2.5%;
}
.online_trainig_plan .flex > div {
  width: 28%;
  margin: 1% 2.5%;
}
.online_trainig_plan .flex > div img {
  width: 70%;
  display: block;
  margin: 0 auto 10px;
}
#indexPage .bnr__area {
  width: 1100px;
  display: block;
  margin: 0 auto;
}
#indexPage .bnr__area img {
  margin-bottom: 30px;
}
@media all and (-ms-high-contrast: none) {
  #bnr_book1009 h2 {
    background: #396778;
    padding-top: 6px;
  }
}
/*ダウンロード資料追加 20210121----------------------------------------------*/
#page--download .flex {
  display: flex;
}
#page--download .flex img {
  margin-left: 30px;
}
#page--download p {
  line-height: 1.8;
}
#page--download .thanksTxt span {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
}
#page--download .thanksTxt {
  text-align: center;
  line-height: 1.7em;
  font-size: 14px;
}
#page--download .thanksbtn {
  width: 300px;
  margin: 0 auto;
  border: none;
  background: #f1963d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  letter-spacing: 2px;
}
#page--download .thanksbtn a {
  color: #fff;
  display: block;
  text-decoration: none;
}
#page--download .thanksbtn:hover {
  opacity: 0.7;
}
div#page--download h2 {
  border: none;
  padding: 0;
}
#page--download #pageImg.page--download {
  background: url("../images/download/bg_dl_main.png") no-repeat center center;
}
.formError {
  background-color: #ffffdd;
  color: #ff0000;
  font-weight: bold;
  padding-left: 5px;
  width: 100%;
}
/*20210212 online sales改修----------------------------------------------------------------------------------------------*/
body#online #pageImg.sales .text-link.mr__link {
  margin-left: 0px;
  background: #6fbcca;
  position: relative;
  display: block;
  width: 519px;
  text-align: center;
}
body#online #pageImg.sales .text-link.mr__link span {
  width: 93px;
  text-align: center;
  padding: 7px 10px;
  border-radius: 25px;
  line-height: 1.1;
  background: #2766c4;
  color: #fff;
  margin: 0 10px;
  position: absolute;
  top: 9px;
  left: 0;
}
body#online #pageImg.sales .text-link {
  font-size: 15px;
  margin-top: 8px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 21px;
  text-decoration: none;
  width: 519px;
  text-align: center;
}
body#online #wrapper #pageImg.sales {
  height: 449px;
}
/*20210217----------------------------------------------------------*/
.thanks_form .thanksTxt span {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
}
.thanks_form .thanksTxt {
  text-align: center;
  line-height: 1.7em;
  font-size: 14px;
}
.thanks_form .thanksbtn {
  width: 300px;
  margin: 0 auto;
  border: none;
  background: #f1963d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  letter-spacing: 2px;
}
.thanks_form .thanksbtn a {
  color: #fff;
  display: block;
  text-decoration: none;
}
.thanks_form .thanksbtn:hover {
  opacity: 0.7;
}
/*onlineconsultation form化 20210222------------------------------------------*/
#trainingDetailPage #pageImg.lp_hiring.online-consultation {
  height: 277px;
}
#pageImg a.text-link_bgred:before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: -6px;
  vertical-align: middle;
  border-color: #ffffff;
  content: "";
}
#pageImg a.text-link_bgred {
  position: relative;
  font-size: 15px;
  margin-top: 15px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 40px;
  text-decoration: none;
  /* width: 270px; */
  /* text-align: center; */
}
#trainingDetailPage #pageImg.fleshers {
  height: 702px;
}
.thanksbtn a {
  display: block;
}
/*オンラインコミュニケーション　コラム　20210409------------------------------------------*/
.colum--links {
  font-size: 16px;
  width: 100%;
}
.colum--links a {
  display: block;
  margin-top: 5px;
  font-size: 16px;
}
.article__img {
  width: 100%;
  margin-top: 44px;
}
.article__img a {
  display: block;
  width: 100%;
}
.article__img a img {
  width: 100%;
}
#columnDetailPage .article__img h3 {
  background: #c00;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}
body#online #pageImg.mv_training_online_sales {
  background-image: url(https://company.kees-net.com/images/training_online/sales_mv.png);
}
body#online #pageImg.mv-1678 {
  background-image: url(https://company.kees-net.com/images/training_online/comunication_mv.png);
}
body#online #pageImg.mv-1742 {
  background-image: url(https://company.kees-net.com/images/training_online/webinar_mv.png);
}
body#online #pageImg.mv__facilitation {
  background-image: url(https://company.kees-net.com/images/training_online/facilitation_mv.png);
}
/* TOPメガメニュー　20210609------------------------------------------*/
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(3n) {
  width: 22%;
}
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(4n) {
  width: 22%;
}
#wrapper #header #globalNav li .menu__second-level li {
  width: 22%;
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
  margin-right: 10px;
}
#wrapper #header #globalNav li .menu__second-level .li_height {
  height: 48px;
}
#header #globalNav li .menu__second-level li.pos_rel a:before {
  left: 30px;
  text-indent: 0em;
}
/* online-communication 210614------------------------------------------------------------------*/
.program_h4 {
  font-size: 18px;
  font-weight: bold;
  color: #c00;
  margin-bottom: 1rem;
}
/*210708----------------------------------------------------------------------------------------*/
#trainingDetailPage .article__img,
#resultsPage .article__img,
#aboutPage .article__img,
.mediaPage .article__img {
  width: 1000px;
  margin: 70px auto 70px;
}
#trainingDetailPage .article__img.mt60,
#resultsPage .article__img.mt60,
#aboutPage .article__img.mt60,
.mediaPage .article__img.mt60 {
  margin-top: 60px;
}
#trainingDetailPage .article__img.mt30,
#resultsPage .article__img.mt30,
#aboutPage .article__img.mt30,
.mediaPage .article__img.mt30 {
  margin-top: 30px;
}
/*210816----------------------------------------------------------------------------------------*/
#header #globalNav li .menu__second-level li.pos_rel a:before {
  top: 0px;
  left: 50px;
  text-indent: 0em;
}
/*210830----------------------------------------------------------------------------------------*/
#trainingDetailPage #pageImg .coupon {
  background: url(../images/training/training_coupon_mv.png) no-repeat center
    center;
}
.training_coupon_txtBox {
  display: flex;
  justify-content: space-between;
  margin: 0 70px;
}
.training_coupon_txtBox {
  text-align: center;
}
.training_coupon_txtBox span {
  color: #cc0000;
  font-weight: bold;
  font-size: 26px;
}
#trainingDetailPage ul.checkList li {
  font-size: 16px;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
#trainingDetailPage ul.checkList li:before {
  content: "✔ ";
  color: #c10000;
}
#trainingDetailPage ul.checkList li + li {
  margin-top: 5px;
}
#trainingDetailPage .recommend {
  background-color: #cc0000;
  line-height: 2;
  padding: 0 20px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
}
#trainingDetailPage .example-box {
  padding: 30px;
  background: #f5f5f5;
}
#trainingDetailPage .example-box li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  padding-bottom: 0.5rem;
}
#trainingDetailPage .example-box li:before {
  content: "▶ ";
  color: #c10000;
}
.coupon-list li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  padding-bottom: 0.5rem;
}
/*210917----------------------------------------------------------------------------------------*/
body#online .inner {
  position: relative;
}
body#online .inner .campaign_btn {
  position: absolute;
  bottom: 20px;
  right: 205px;
  border-radius: 50%;
  overflow: hidden;
  transform: rotate(5deg);
}
/*2101018----------------------------------------------------------------------------------------*/
body#online #wrapper #pageImg.mv__facilitation h1 span {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
body#online #wrapper #pageImg.mv__facilitation h1 {
  font-size: 40px;
}
body#online #wrapper #pageImg.mv__facilitation {
  height: 279px;
}
body#online #wrapper #pageImg.mv__facilitation .inner p {
  margin-top: 20px;
}
body#online #pageImg .text-link a {
  color: #fff;
}
.problem_img_flex {
  display: flex;
  justify-content: space-around;
}
.problem_img_flex .problem_img {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.problem_img_flex .problem_img .problem_text {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  font-size: 18px;
}
.problem_img_flex .problem_img .problem_text:first-letter {
  color: #cc0000;
}
.problem_img_flex .problem_img:last-child .problem_text:first-letter {
  color: #2b419a;
}
.problem_img_flex .problem_img .problem_text_1 {
  position: absolute;
  top: 12px;
  right: 35px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.problem_img_flex .problem_img .problem_text_2 {
  position: absolute;
  top: 110px;
  left: 30px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.problem_img_flex .problem_img .problem_text_3 {
  position: absolute;
  top: 180px;
  right: 32px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.accbox .accshow {
  height: auto;
  opacity: 1;
}
#content .accbox p {
  margin: 0;
}
#online .online_s_add02 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
#online .online_s_add02 ul li {
  width: 180px;
}
#online .online_s_add02 ul li p {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 0;
}
#trainingDetailPage .online_s_add02 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
#trainingDetailPage .online_s_add02 ul li {
  width: 180px;
}
#trainingDetailPage .online_s_add02 ul li p {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 0;
}
.webinar_problem_img {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.webinar_problem_img .problem_text_1 {
  position: absolute;
  top: 30px;
  right: 350px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.webinar_problem_img .problem_text_2 {
  position: absolute;
  top: 115px;
  left: 145px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.webinar_problem_img .problem_text_3 {
  position: absolute;
  top: 195px;
  right: 150px;
  text-align: center;
  width: 180px;
  height: 75px;
}
.webinar_problem_img .problem_text_4 {
  position: absolute;
  bottom: 26px;
  left: 0px;
  text-align: center;
  width: 1000px;
  height: 70px;
  color: #ef313a;
  font-size: 26px;
  line-height: 1.15;
}
.online_s02 .mr_problem_img {
  position: relative;
  font-weight: bold;
  font-size: 16px;
}
.online_s02 .mr_problem_img .problem_text {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  font-size: 18px;
}
.online_s02 .mr_problem_img .blue {
  left: 500px;
}
.online_s02 .mr_problem_img .problem_text:first-letter {
  color: #cc0000;
}
.online_s02 .mr_problem_img .blue:first-letter {
  color: #2b419a;
}
.online_s02 .mr_problem_img .problem_text_1 {
  position: absolute;
  top: 10px;
  left: 215px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #cc0000;
}
.online_s02 .mr_problem_img .problem_text_2 {
  position: absolute;
  top: 88px;
  left: 215px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #cc0000;
}
.online_s02 .mr_problem_img .problem_text_3 {
  position: absolute;
  top: 164px;
  left: 215px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #cc0000;
}
.online_s02 .mr_problem_img .problem_text_4 {
  position: absolute;
  top: 37px;
  left: 520px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #2b419a;
}
.online_s02 .mr_problem_img .problem_text_5 {
  position: absolute;
  top: 114px;
  left: 520px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #2b419a;
}
.online_s02 .mr_problem_img .problem_text_6 {
  position: absolute;
  top: 191px;
  left: 520px;
  text-align: center;
  width: 250px;
  height: 40px;
  line-height: 1.4;
  color: #2b419a;
}
/*2101104----------------------------------------------------------------------------------------*/
body#trainingDetailPage .fleshers .campaign_btn {
  position: absolute;
  top: 100px;
  right: 240px;
  border-radius: 50%;
  overflow: hidden;
  transform: rotate(5deg);
}
#header .headTxt {
  top: 10px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
/*211115----------------------------------------------------------------------------------------*/
#trainingDetailPage #pageImg.fleshers {
  height: 665px;
  background: url("../images/training/fleshers_bg_online2.jpg") no-repeat center;
}
body#trainingDetailPage .fleshers .campaign_btn {
  top: 65px;
  right: 325px;
}
#trainingDetailPage .top-report_flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}
#trainingDetailPage .top-report_flex img {
  width: 175px;
  padding: 15px;
}
#trainingDetailPage .report_link img {
  margin: 0 auto;
  display: block;
}
#trainingDetailPage .report_link {
  margin-top: 10px;
}
.training_freshers_txtBox {
  position: relative;
}
.training_freshers_txtBox h2,
.training_txtBox h2 {
  border: none;
  color: #333;
  font-size: 24px;
}
.training_freshers_txtBox h2 .txt-red {
  color: #c00;
}
.training_freshers_txtBox h2 strong {
  font-size: 34px;
}
.training_freshers_txtBox p.training_manner_txtBox-01 {
  font-weight: bold;
  color: #c00;
  left: 333px;
  top: 90px;
  font-size: 18px;
}
.training_freshers_txtBox p.training_manner_txtBox-02,
.training_freshers_txtBox p.training_manner_txtBox-03,
.training_freshers_txtBox p.training_manner_txtBox-04,
.training_freshers_txtBox p.training_manner_txtBox-05 {
  font-weight: bold;
  color: #fff;
  font-size: 26px;
  top: 185px;
}
.training_freshers_txtBox p.training_manner_txtBox-02 {
  left: 214px;
}
.training_freshers_txtBox p.training_manner_txtBox-03 {
  left: 365px;
}
.training_freshers_txtBox p.training_manner_txtBox-04 {
  left: 554px;
}
.training_freshers_txtBox p.training_manner_txtBox-05 {
  left: 730px;
}
.training_freshers_txtBox p.training_manner_txtBox-06 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  left: 300px;
  top: 305px;
}
.training_freshers_txtBox02 {
  display: flex;
  justify-content: center;
}
.training_freshers_txtBox02 div {
  text-align: center;
  margin: 0 auto;
}
.training_freshers_txtBox02 span {
  font-size: 26px;
  color: #cc0000;
  font-weight: bold;
  display: block;
  margin: 1rem 0;
}
.training_freshers_txtBox02 p {
  text-align: left;
}
.mediaList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mediaList div {
  width: 210px;
  margin: 20px 0 20px;
  text-align: center;
}
.mediaList h4 {
  font-weight: bold;
  color: #cc0000;
}
.mediaList img {
  margin-bottom: 10px;
}
.fleshers .tag__5000 {
  width: 220px;
  text-align: center;
}
.fleshers .mvArea .btnList li {
  width: 161px;
}
/*211213----------------------------------------------------------------------------------------*/
#online .top-report_flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}
#online .top-report_flex img {
  width: 175px;
  padding: 15px;
}
#online .report_link img {
  margin: 0 auto;
  display: block;
}
#online .report_link {
  margin-top: 10px;
}
#online .content__box {
  margin-top: 0;
  margin-bottom: 60px;
}
.article__img {
  margin-bottom: 60px;
}
#content .online_s01_cnt.mt40 .flex_skill_img p {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#content .online_s01_cnt.mt40 .flex_skill_img img {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
#content .problem_arrow {
  position: relative;
  margin: 60px auto 80px;
}
#online .problem_arrow .online_ty {
  position: relative;
}
#content .problem_arrow::before {
  content: "";
  width: 0;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  top: -1rem;
  height: 0;
  border-style: solid;
  border-width: 140px 250px 0 250px;
  border-color: #fae6e6 transparent transparent transparent;
}
/*220105----------------------------------------------------------------------------------------*/
.btn-link li a {
  position: relative;
}
.btn-link-campaign {
  position: absolute;
  top: -1.6rem;
  left: -3rem;
  background: #cc0000;
  color: #fff;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
}
.btn-link-campaign:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #cc0000 transparent transparent transparent;
}
/*220307----------------------------------------------------------------------------------------*/
/*#online .online_s02 .worries_flex{
    display:flex;
    justify-content: space-between;
}
#online .online_s02 .worries_flex  dl{
    width: 49%;
}*/
#online .online_s02 .worries_flex dl dt {
  background: #d54040;
}
#online .online_s02 .worries_flex dl dd {
  border: 1px solid #d54040;
  padding: 10px 10px 10px 30px;
}
#online .online_s02 .worries_flex dd ul li {
  text-indent: -1rem;
  padding-left: 1rem;
  display: block;
}
#online .online_s02 .worries_flex dd:before {
  content: none;
}
#online .online_s02 .worries_flex dd ul li:before {
  content: "・ ";
  color: #d54040;
}
#online .trainingPage_teacher #teacherList {
  width: 1000px;
}
#online .trainingPage_teacher #teacherList .teachItem {
  width: 270px;
  float: left;
  padding: 20px;
  background: #f8f8f8;
  margin: 0 35px 35px 0;
}
#online .trainingPage_teacher #teacherList .teachItem:nth-of-type(3n) {
  margin: 0 0 35px 0;
}
#online .trainingPage_teacher #teacherList .teachItem h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #cc0000;
  border-left: none;
  padding: 0;
  background: none;
}
#online .trainingPage_teacher #teacherList .teachItem .text {
  width: 120px;
  float: left;
  font-size: 12px;
}
#online .trainingPage_teacher #teacherList .teachItem .text dl + dl {
  margin-top: 5px;
}
#online .trainingPage_teacher #teacherList .teachItem .text dt {
  font-weight: bold;
}
#online #update {
  display: flex;
  flex-wrap: wrap;
}
#online #update .box {
  width: 316px;
  margin: 0 25px 30px 0;
}
#online #update .box:nth-child(3n) {
  margin: 0 0 30px 0;
}
#online #update .box.on {
  opacity: 0.8;
}
#online #update .img {
  overflow: hidden;
  width: 316px;
  height: 140px;
  margin-bottom: 15px;
}
#online #update .img img {
  width: 100%;
  height: auto;
}
#online #update dt {
  font-weight: bold;
  line-height: 1.3;
}
#online #update .date {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1;
}
#online .online_s_add01 .online_ty.online_ty_black.indent {
  text-indent: -20px;
  margin-left: 20px;
}
.online_s03.content__box .flex {
  display: flex;
}
.online_s03.content__box .flex div {
  width: 50%;
}
.online_s03.content__box .flex div h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.online_s03.content__box .flex div dl dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
#online .online_ty.arrow {
  position: relative;
}
#online .online_ty.arrow:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 200px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 80px 300px 0 300px;
  border-color: #ffd5d7 transparent transparent transparent;
}
/*220309----------------------------------------------------------------------------------------*/
.bxslider_company_wrap {
  margin: 60px auto;
}
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(3n) {
  width: 31%;
}
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(4n) {
  width: 31%;
}
#wrapper #header #globalNav li .menu__second-level li {
  width: 31%;
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
  margin-right: 0px;
  margin-top: 5px;
}
#wrapper #header #globalNav li .menu__second-level .li_height {
  height: auto;
}
/*220608*/
body#online #pageImg.mv_presentation {
  background-image: url("../images/training_online/presentation_mv.png");
}
#online div#index-trainingbtn {
  background: #fff;
  padding: 0;
}
.bx-wrapper .bx-controls-direction a {
  margin-top: 0 !important;
}
div#index-trainingbtn .bx-controls .bx-controls-direction .bx-next {
  top: 50%;
  left: auto;
  right: -40px;
  transform: translate(0, -50%);
}
div#index-trainingbtn .bx-controls .bx-controls-direction .bx-prev {
  top: 50%;
  left: -40px;
  right: auto;
  transform: translate(0, -50%);
}
#online .trainingPage_teacher #teacherList {
  display: flex;
  flex-wrap: wrap;
}
.webinar_problem_img {
  text-align: center;
}
.webinar_problem_img .problem_text_1 {
  right: 31%;
  top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 97px;
  background: #c00;
  border-radius: 800px;
}
.webinar_problem_img .problem_text_2 {
  left: 10.5%;
  top: 102px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 97px;
  background: #c00;
  border-radius: 800px;
}
.webinar_problem_img .problem_text_3 {
  right: 12%;
  top: 171px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 97px;
  background: #c00;
  border-radius: 800px;
}
.webinar_problem_img .problem_text_4 {
  width: 100%;
}
#online .online_ty.arrow:before {
  left: 50%;
  transform: translate(-50%, 0);
}
#content ul.btn-link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.online_s_add01.content__box .flex {
  flex-wrap: wrap;
}
.online_s_add01.content__box .flex p {
  width: 70%;
}
.online_s_add01.content__box .flex div {
  width: 29%;
  margin-bottom: 30px;
}
#online .online_s_add02 ul {
  flex-wrap: wrap;
}
#trainingDetailPage img.onlineicon {
  left: 1054px;
}
#method-movie .item iframe {
  width: 480px;
  height: 270px;
}
#header #globalNav li#gnav09 {
  display: none;
}
/*220621*/
#companyPage.supportPage #resultsList ul,
#resultsPage #resultsList ul {
  display: flex;
  flex-wrap: wrap;
}
#companyPage.supportPage #resultsList li,
#resultsPage #resultsList li {
  width: calc(100% / 3 - 25px);
  float: none;
}
/*220628*/
.archive_dwn div {
  display: flex;
  flex-flow: column;
}
#content .archive_dwn .ty {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: auto;
  flex: auto;
}
/*220705*/
#trainingDetailPage div#index-trainingbtn {
  background: #fff;
  padding: 0;
}
#trainingDetailPage #pageImg.reception {
  background: url(../images/training/res5.png?d220706) no-repeat;
  height: 390px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
}
#trainingDetailPage #pageImg .text-link {
  font-size: 15px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 21px;
  text-decoration: none;
}
#trainingDetailPage #pageImg .text-link a {
  color: #fff;
}
#trainingDetailPage #pageImg p.mv_text {
  font-size: 24px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.4;
  color: #111;
  margin-bottom: 20px;
}
#trainingDetailPage #pageImg.reception h1 {
  padding-top: 70px;
}
/*220801*/
#trainingDetailPage div#index-trainingbtn {
  background: #fff;
  padding: 0 2rem;
}
#trainingDetailPage #pageImg.speech {
  background: url("../images/training/spe5.png?d220801") no-repeat;
  height: 390px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
}
#trainingDetailPage #pageImg.speech h1 {
  padding-top: 70px;
}
#column_nav_training a.bx-prev,
#column_nav_training a.bx-next {
  top: 20px;
}
/*220905*/
.privacy_box {
  height: 130px;
  padding: 10px 20px 10px 0;
}
.privacy_box ol.num li {
  list-style: decimal;
  margin-left: 2rem;
}
.privacy_box ol.num ul.list li {
  list-style: disc;
  margin-left: 3.5rem;
}
/*220927*/
#trainingDetailPage #pageImg.trainer {
  background: url("../images/training/trainer_mv.png") no-repeat;
  height: 390px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
}
#trainingDetailPage #pageImg.trainer p.mv_text {
  text-shadow: 0px 0px 10px rgb(255 255 255 / 80%);
}
#trainingDetailPage #pageImg.trainer h1 {
  padding-top: 70px;
}
.cur_cnt {
  display: flex;
  flex-wrap: wrap;
}
#online .cur_cnt .sec {
  float: none;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  width: 50%;
}
#online .cur_cnt .sec ul {
  height: 100%;
  display: flex;
  flex-flow: column;
}
#online.trainer .cur_cnt .sec {
  width: calc(100% / 2 - 38px);
  box-sizing: border-box;
}
#online.trainer .cur_cnt .cur_cnt_label {
  width: 75px;
  background: #c00;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #fff;
  text-align: center;
  box-sizing: border-box;
}
#online.trainer .cur_cnt .sec:last-of-type {
  width: calc(100% - 76px);
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
}
#online .online_s06 table .ty {
  text-align: center;
}
#online .cur_cnt .attn {
  width: 100%;
}
.problem-wrap {
  display: flex;
  justify-content: space-around;
}
.problem-item {
  width: calc(100% / 3 - 15px);
  height: auto;
  background-color: #f4f4f4;
  font-size: 18px;
  border-radius: 50%;
  display: block;
}
.problem-item .problem-item_inner {
  padding-top: 100%;
  position: relative;
}
.problem-item .problem-item_inner p {
  position: absolute;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}
.problem-arrow {
  position: relative;
  text-align: center;
  margin-top: 40px;
}
.problem-arrow:before {
  content: "";
  margin-left: -250px;
  width: 0;
  left: 50%;
  position: absolute;
  top: 0;
  height: 0;
  border-style: solid;
  border-width: 120px 250px 0 250px;
  border-color: #fae6e6 transparent transparent transparent;
}
.problem-arrow p {
  position: relative;
  color: #c00;
  padding-top: 40px;
  font-size: 32px;
  line-height: 1.4;
  font-weight: bold;
}
/*221012*/
.training_freshers_txtBox {
  background: #f8f8f8;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
}
.training_freshers_txtBox h2 {
  color: #c00;
  font-weight: bold;
  font-size: 20px;
  border: 1px solid;
  line-height: 1;
  padding: 0.5rem 3rem;
  text-align: center;
  margin: 0 auto 1rem;
  display: inline-block;
}
.training_freshers_merit {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.training_freshers_merit li {
  width: calc(100% / 2 - 7rem);
  height: auto;
  background-color: #ffe471;
  border-radius: 50%;
  display: block;
}
.training_freshers_merit li .inner {
  padding-top: 100%;
  position: relative;
}
.training_freshers_merit li .inner .text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  padding: 0.5rem 1.5rem 0;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}
.training_freshers_merit li .inner .text .title {
  font-size: 26px;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.training_freshers_merit li .inner .tag {
  font-size: 1.2rem;
  text-align: center;
  border-bottom: 1px solid #807238;
  display: inline-block;
  margin: 0 auto 1rem;
  color: #807238;
  font-feature-settings: "palt";
}
.training_freshers_merit li .inner .tag strong {
  font-size: 24px;
}
#trainingDetailPage #pageImg.fleshers {
  height: 600px;
}
#trainingDetailPage #pageImg.fleshers h1 {
  padding-left: 0;
  padding-top: 65px;
  line-height: 1.25;
}
.fleshers .tag__5000 {
  margin: 2rem 0px 1rem;
}
/*221026*/
#trainingDetailPage #pageImg.presenter {
  background: url("../images/training/presenter_mv.png") no-repeat;
  height: 390px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
}
#trainingDetailPage #pageImg.presenter p.mv_text {
  text-shadow: 0px 0px 10px rgb(255 255 255 / 80%);
  font-size: 18px;
}
#trainingDetailPage #pageImg.presenter h1 {
  padding-top: 80px;
}
#online #update .training_list_box dt {
  font-size: 18px;
  margin-bottom: 0.5rem;
}
/*221102*/
#trainingDetailPage .main-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#trainingDetailPage .main-wrap * img {
  max-width: 100%;
  height: auto;
}
#trainingDetailPage .main-wrap .article__img {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#trainingDetailPage .main-wrap.flex .cnt-article {
  width: 72%;
  float: none;
}
#trainingDetailPage .main-wrap.flex .sidenav {
  width: 24%;
}
#trainingDetailPage .main-wrap.flex section {
  margin: 0 auto 70px;
}
#trainingDetailPage .main-wrap.flex h2 {
  font-size: 30px;
  color: #cc0000;
  padding: 0 0 0 15px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  border-left: 4px solid #cc0000;
  line-height: 1.4;
}
#trainingDetailPage .training_sidenav h3 {
  display: block;
  background: #d54848;
  color: #fff;
  width: 100%;
  line-height: 1;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  font-size: 15px;
}
#trainingDetailPage .training_sidenav ul li {
  box-sizing: border-box;
}
.main-wrap.flex .bxslider_company_wrap {
  width: 100%;
}
.main-wrap.flex .bxslider_company_wrap p.map_ttl span {
  background: #fff;
  padding: 0 3rem;
}
.main-wrap.flex .bxslider_company_wrap p.map_ttl span:before {
  content: "";
  position: absolute;
  width: 100% !important;
  display: block;
  border-bottom: 1px solid #c00;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.main-wrap.flex .bxslider_company_wrap p.map_ttl span:after {
  content: none;
}
#trainingDetailPage .main-wrap.flex .bxslider_company_wrap .top-report_flex li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
#trainingDetailPage
  .main-wrap.flex
  .bxslider_company_wrap
  .top-report_flex
  li
  img {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex #training_program_id .cnt__mr .btn-link li {
  width: calc(100% / 2 - 1rem);
}
#trainingDetailPage .main-wrap.flex #training_program_id .cnt__mr .btn-link a {
  width: 100%;
  padding: 20px 30px 20px 20px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#trainingDetailPage
  .main-wrap.flex
  #training_program_id
  .cnt__mr
  .btn-link
  a:after {
  background: url(../images/common/ico-btn-link.png) no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
#trainingDetailPage .main-wrap.flex #online .plan_schedule {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex #online .plan_schedule dl {
  display: flex;
}
#trainingDetailPage .main-wrap.flex #online .plan_schedule dl dt {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 10px 10px;
}
#trainingDetailPage .main-wrap.flex #online .plan_schedule dl dd {
  width: 80%;
  display: flex;
  align-items: center;
}
#trainingDetailPage .main-wrap.flex #online .plan_schedule dl dt::before,
#trainingDetailPage .main-wrap.flex #online .plan_schedule dl dt::after {
  left: 50%;
  transform: translate(-50%, 0);
}
#trainingDetailPage .main-wrap.flex .plan_schedule_box {
  padding: 20px 15px;
}
#trainingDetailPage .main-wrap.flex .trainingPage_teacher #teacherList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage
  .main-wrap.flex
  .trainingPage_teacher
  #teacherList
  .teachItem {
  width: calc((100% - 1rem) / 2);
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
}
#trainingDetailPage .main-wrap.flex #teacherList .teachItem .img {
  width: 40%;
}
#trainingDetailPage .main-wrap.flex #teacherList .teachItem .text {
  width: 54%;
  float: none;
  font-size: 12px;
}
#trainingDetailPage .main-wrap.flex #index-results {
  padding: 40px 1rem 40px;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex .section > .inner {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex #index-results div.full {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex #index-results div.full ul.list02 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 1rem auto;
  width: 90%;
}
#trainingDetailPage .main-wrap.flex #index-results div.full ul.list02 li {
  width: calc((100% - 2rem) / 3);
  box-sizing: border-box;
  margin: 0;
}
#trainingDetailPage .main-wrap.flex .results_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex .results_flex .results {
  width: calc((100% - 2rem) / 3);
  margin-right: 0;
}
#trainingDetailPage .main-wrap.flex .results_flex .results .photo iframe {
  max-width: 100%;
}
#trainingDetailPage .main-wrap.flex .report_block {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex .report_block ul.report_box {
  width: 100%;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
#trainingDetailPage .main-wrap.flex .report_block ul.report_box li {
  width: calc((100% - 2rem) / 3);
  box-sizing: border-box;
  margin: 0;
  float: none;
}
#trainingDetailPage .main-wrap.flex .report_block ul.report_box li a {
  display: block;
}
#trainingDetailPage .main-wrap.flex .realreport ul.report_box li h4 {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex .report_block ul.report_box li p {
  width: 100%;
}
#trainingDetailPage
  .main-wrap.flex
  .report_block
  ul.report_box
  li
  .photo
  iframe {
  max-width: 100%;
}
#trainingDetailPage .main-wrap.flex .report_block ul.report_box li .text {
  font-weight: bold;
}
#trainingDetailPage .main-wrap.flex #voice {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  flex-wrap: wrap;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-left: 1px solid #cc0000;
  background-color: #f8f8f8;
  padding: 20px 20px 20px 0;
  position: relative;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 {
  width: 24%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem ul.voicelist {
  margin-bottom: 0;
  width: 75%;
  border-left: 1px dotted #cccccc;
  padding-left: 3rem;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i {
  display: inline-block;
  padding-right: 8px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 .it {
  background: url(../images/about/ico_it.png) no-repeat left center;
  width: 25px;
  height: 22px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i.sys {
  background: url(../images/about/ico_sys.png) no-repeat left center;
  width: 21px;
  height: 22px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i.sales {
  background: url(../images/about/ico_sales.png) no-repeat left center;
  width: 20px;
  height: 23px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i.sekkyaku {
  background: url(../images/about/ico_sekkyaku.png) no-repeat left center;
  width: 20px;
  height: 23px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i.gijutu {
  background: url(../images/about/ico_gijutu.png) no-repeat left center;
  width: 20px;
  height: 23px;
}
#trainingDetailPage .main-wrap.flex #voice .voiceItem h4 i.eigyo {
  background: url(../images/about/ico_eigyo.png) no-repeat left center;
  width: 20px;
  height: 23px;
}
#trainingDetailPage .main-wrap.flex .reasonBox dl {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex #method-movie {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
#trainingDetailPage .main-wrap.flex #method-movie .item {
  width: calc((100% - 1rem) / 2);
  box-sizing: border-box;
  margin: 0;
  float: none;
}
#trainingDetailPage .main-wrap.flex #method-movie .item iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 198px;
}
#trainingDetailPage .main-wrap.flex .trainingPage-relate-column li {
  width: 100%;
  float: none;
}
#trainingDetailPage
  .main-wrap.flex
  .trainingPage-relate-column
  li:nth-of-type(2n) {
  margin-left: 0;
}
#trainingDetailPage .main-wrap.flex #online #update {
  gap: 4rem 1rem;
}
#trainingDetailPage .main-wrap.flex #online #update .box {
  width: calc((100% - 2rem) / 3);
  box-sizing: border-box;
  margin: 0;
  float: none;
  display: flex;
  flex-flow: column;
  transition: 0.3s;
}
#trainingDetailPage .main-wrap.flex #online #update .box:hover {
  opacity: 0.8;
}
#trainingDetailPage .main-wrap.flex #online #update .box dt {
  transition: 0.3s;
}
#trainingDetailPage .main-wrap.flex #online #update .box:hover dt {
  color: #c00;
}
#trainingDetailPage .main-wrap.flex #online #update .training_list_box dt {
  font-size: 17px;
}
#trainingDetailPage .main-wrap.flex #online #update .img {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex #online #update .img a {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-height: 140px;
  position: relative;
}
#trainingDetailPage .main-wrap.flex #online #update .img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 155px;
  width: auto;
  max-height: 100%;
  max-width: none;
}
#trainingDetailPage .main-wrap.flex #online #update .box .text-link {
  margin: auto 0 0 auto;
}
#pageMV {
  height: 390px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  padding: 40px 0 0;
  border-bottom: 1px solid #ddd;
}
#pageMV .trainingDetail_mv_inner {
  width: 100%;
  height: 100%;
  max-width: 1000px;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#trainingDetailPage #pageMV .mvArea {
  position: initial;
  text-align: left;
}
#trainingDetailPage #pageMV .mvArea .mv_text {
  font-size: 18px;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 0px 0px 10px rgb(255 255 255 / 80%);
}
#trainingDetailPage #pageMV .mvArea.mvArea-low .training_sum {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: #d54848;
  padding: 6px 10px;
  color: #fff;
  text-shadow: none;
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
}
body {
  background: none;
}
#header {
  width: 100%;
  height: auto;
}
#header .headTxt,
#header #logo,
#header #guideNav,
#header #headInfo {
  position: initial;
}
#header .headTxt,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #headInfo {
  position: initial;
}
#header .spNAv {
  width: calc(100% - 182px);
}
#header #logo {
  position: relative;
}
#header #logo a {
  position: absolute;
  display: block;
  z-index: 1;
}
#header .inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#header .inner .hd_ut {
  display: flex;
  padding: 10px 0 5px 15px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#header #globalNav {
  left: auto;
  top: auto;
  width: 100%;
  background: #cc0000;
  height: auto;
}
#header #globalNav .inner {
  padding-left: 182px;
  width: 100%;
  box-sizing: border-box;
}
li.menu__single:hover .hide_box {
  visibility: visible;
}
li.menu__single ul.menu__second-level {
  width: 1000px;
  left: -302px;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  box-sizing: border-box;
  height: 250px;
}
#header #globalNav li .menu__second-level li:before {
  content: none;
}
#header #globalNav li .menu__second-level li a:before {
  top: 50%;
  position: absolute;
  left: 0;
  transform: rotate(45deg) translate(0, -50%);
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-right: 5px;
  vertical-align: middle;
  border-color: #c00;
  content: "";
  display: block;
}
#header #globalNav li#gnav02 ul.menu__second-level li {
  display: block;
}
#header #globalNav li#gnav02 ul.menu__second-level li a {
  color: #333;
  height: auto;
  padding: 10px 0 10px 20px;
  display: block;
  text-align: left;
  box-sizing: border-box;
  text-indent: 0;
}
li.menu__single:hover ul.menu__second-level li a {
  box-sizing: border-box;
}
#wrapper #header #globalNav li .menu__second-level li,
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(3n),
#wrapper #header #globalNav li .menu__second-level li:nth-of-type(4n) {
  width: calc(100% / 4);
  float: none;
  box-sizing: border-box;
  margin: 0;
  display: block;
}
li.menu__single:hover ul.menu__second-level::before,
li.menu__single:hover ul.menu__second-level::after {
  content: none;
}
li.menu__single .hide_box {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 1000px;
  top: 58px;
  left: -306px;
  background: #e9e9e9;
  padding: 0;
  border: 2px solid #c00;
  border-top: none;
  text-align: left;
}
li.menu__single:hover .hide_box {
  visibility: visible;
  opacity: 1;
}
#header #globalNav li .hide_box .sidemenu {
  display: flex;
  flex-flow: column;
}
#header #globalNav li .hide_box .sidemenu li {
  height: auto;
  display: block;
}
/*#header #globalNav li#gnav02 .hide_box .sidemenu li a{
    color:#333;
    border:none;
    text-align: left;
    font-size: 12px;
    height: auto;
    display: block;
    padding: 5px 3% 5px 30px;
}*/
#header #globalNav li .hide_box .sidemenu li .submenu li {
  width: 100%;
}
/*アイコン*/
/*#header #globalNav li#gnav02 .hide_box .sidemenu li.item a::before,
#header #globalNav li#gnav02 .hide_box .sidemenu li.item a::after{
    position: absolute;
    content:'';
    width: 10px;
    height: 2px;
    background-color: #c00;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li.item a::before{
top:10px;
left: 10px;
transform: rotate(0deg);
transition: .5s;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li.item a::after{
top:10px;
left: 10px;
transform: rotate(90deg);
transition: .5s;
}*/
/*　closeというクラスがついたら形状変化　*/
#header #globalNav li#gnav02 .hide_box .sidemenu li.item a.close::before {
  transform: rotate(0deg);
}
#header #globalNav li#gnav02 .hide_box .sidemenu li.item a.close::after {
  transform: rotate(0deg);
}
/*アコーディオンで現れるエリア*/
#header #globalNav li#gnav02 .hide_box .submenu {
  /*display: none;はじめは非表示*/
}
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu li::before,
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu li::after {
  content: none;
}
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu li.item a::before,
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu li.item a::after {
  content: none;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li.item .submenu a::before,
#header #globalNav li#gnav02 .hide_box .sidemenu li.item .submenu a::after {
  content: none;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li a:hover {
  color: #cc0000;
}
.hide_box_flex {
  display: flex;
  flex-wrap: wrap;
}
.hide_box_flex .box {
  width: 25%;
}
.hide_box_title {
  color: #cc0000;
  font-size: 14px;
  padding-left: 1rem;
}
/*.hide_box_conts + .hide_box_conts{
    margin-top: 1rem;
}*/
#header #globalNav .inner ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#header #globalNav {
  top: auto;
  left: auto;
  right: auto;
}
#header #globalNav li {
  height: auto;
  float: none;
  display: flex;
  justify-content: center;
}
#header #globalNav li a {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  border: 2px solid #cc0000;
}
#header #globalNav li#gnav02 a {
  height: auto;
}
#header #globalNav li a:hover {
  height: auto;
}
#header #globalNav li#gnav01 {
  width: 15%;
}
#header #globalNav li#gnav02 {
  width: 8%;
}
#header #globalNav li#gnav03 {
  width: 15%;
}
#header #globalNav li#gnav05 {
  width: 18%;
}
#header #globalNav li#gnav04 {
  width: 12%;
}
#header #globalNav li#gnav06 {
  width: 9%;
}
#header #globalNav li#gnav07 {
  width: 12%;
}
#header #globalNav li#gnav08 {
  width: 10%;
}
#pageMV.online_sales .text-link a {
  color: #fff;
}
#pageMV.online_sales .text-link {
  font-size: 15px;
  margin-top: 8px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 21px;
  text-decoration: none;
  width: 519px;
  text-align: center;
}
#pageMV.online_sales .text-link.mr__link {
  margin-left: 0px;
  background: #6fbcca;
  position: relative;
  display: block;
  width: 519px;
  text-align: center;
}
#pageMV.online_sales .text-link.mr__link span {
  width: 93px;
  text-align: center;
  padding: 7px 10px;
  border-radius: 25px;
  line-height: 1.1;
  background: #2766c4;
  color: #fff;
  margin: 0 10px;
  position: absolute;
  top: 9px;
  left: 0;
}
.trainingDetail_mv_inner_txt .corona {
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-top: 7px;
  font-weight: bold;
}
#trainingDetailPage .main-wrap.flex .training_freshers_txtBox h2,
#trainingDetailPage .main-wrap.flex .training_txtBox h2 {
  border: none;
  color: #333;
  font-size: 24px;
}
#trainingDetailPage .main-wrap.flex .problem_img_flex .problem_img {
  font-size: 12px;
}
#trainingDetailPage
  .main-wrap.flex
  .problem_img_flex
  .problem_img
  .problem_text_1 {
  top: 2%;
  right: 0;
}
#trainingDetailPage
  .main-wrap.flex
  .problem_img_flex
  .problem_img
  .problem_text_2 {
  top: 22%;
  left: 0%;
}
#trainingDetailPage
  .main-wrap.flex
  .problem_img_flex
  .problem_img
  .problem_text_3 {
  top: 36%;
  right: 0%;
}
#trainingDetailPage .main-wrap.flex .online_s03.content__box .flex {
  display: flex;
  flex-wrap: wrap;
}
#trainingDetailPage .main-wrap.flex .online_s03.content__box .flex div {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex .online_s03.content__box .flex div + div {
  margin-top: 1rem;
}
#trainingDetailPage .main-wrap.flex #online .online_s01_cnt li:before {
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  line-height: 1;
  padding: 15px 17px;
}
#trainingDetailPage .main-wrap.flex #online .online_s01_cnt li {
  font-size: 15px;
}
#trainingDetailPage .main-wrap.flex .report_archive_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#trainingDetailPage .main-wrap.flex .report_archive_list .img {
  width: 35%;
  float: none;
  margin-right: 0;
}
#trainingDetailPage .main-wrap.flex .report_archive_list .txt {
  width: 62%;
  text-align: left;
}
#trainingDetailPage .main-wrap.flex .online_s_add02 ul {
  gap: 1rem;
  justify-content: flex-start;
}
#trainingDetailPage .main-wrap.flex .online_s_add02 ul li {
  width: calc((100% - 2rem) / 3);
}
#trainingDetailPage .main-wrap.flex .block_aboutKEES h4 {
  font-size: 25px;
}
#trainingDetailPage .main-wrap.flex .content__box.down_contact {
  display: flex;
  justify-content: space-between;
}
#trainingDetailPage
  .main-wrap.flex
  .content__box.down_contact
  div#download
  .btn
  a {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex .content__box.down_contact div#download p {
  font-size: 14px;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text {
  font-size: 15px;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img {
  font-size: 14px;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .blue {
  left: 50%;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_1,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_2,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_3,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_4,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_5,
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_6 {
  line-height: 1.2;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_1,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_2,
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_3 {
  left: 16.5%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_1 {
  top: 4%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_2 {
  top: 32%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_3 {
  top: 60%;
}
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_4,
#trainingDetailPage .main-wrap.flex .online_s02 .mr_problem_img .problem_text_5,
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_6 {
  left: 45%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_4 {
  top: 14%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_5 {
  top: 42%;
}
#trainingDetailPage
  .main-wrap.flex
  .online_s02
  .mr_problem_img
  .problem_text_6 {
  top: 69%;
}
#trainingDetailPage .main-wrap.flex #content ul.btn-link {
  justify-content: space-between;
}
#trainingDetailPage .main-wrap.flex #mr-jisseki ul {
  margin: 0;
}
#trainingDetailPage .main-wrap.flex #mr-jisseki ul li {
  width: 100%;
  margin: 0 0 1rem;
}
#trainingDetailPage .main-wrap.flex #mr-jisseki ul li .flex {
  display: flex;
}
#trainingDetailPage .main-wrap.flex #mr-jisseki ul li .h4_wrap {
  width: 27%;
  background: #c94242;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
#trainingDetailPage .main-wrap.flex #mr-jisseki ul li .tx_box {
  padding: 10px 20px;
  box-sizing: border-box;
  width: 73%;
}
#trainingDetailPage .main-wrap.flex #online.mr .flex {
  display: flex;
}
#trainingDetailPage .main-wrap.flex #online .flex2 .course {
  display: flex;
  flex-flow: column;
}
#trainingDetailPage .main-wrap.flex #online .flex2 .course dd {
  height: 100%;
}
#trainingDetailPage .main-wrap.flex #online .bg_bl {
  background: #2354ac;
}
#trainingDetailPage .main-wrap.flex #online .bor_bl {
  border: 2px solid #2354ac;
  border-top: none;
}
#trainingDetailPage .main-wrap.flex #online .flex2 .course dd .sol ul li {
  text-indent: -1rem;
  margin-left: 1rem;
}
#trainingDetailPage
  .main-wrap.flex
  #online
  .content__box.campaign
  .col_present
  .right
  ul
  li {
  text-indent: -1rem;
  margin-left: 1rem;
}
#trainingDetailPage .main-wrap.flex #online div#e-learn_details p.ttl.bg_bl {
  background: #2354ac;
}
#trainingDetailPage
  .main-wrap.flex
  #online
  div#e-learn_details
  .flex2
  > div
  h4
  span.bg_bl {
  background: #2354ac;
}
#trainingDetailPage
  .main-wrap.flex
  #online
  div#e-learn_details
  .flex2
  ul.en_bl
  li:before {
  color: #2354ac;
}
#trainingDetailPage .main-wrap.flex #online div#e-learn_details .flex2 > div {
  width: 48%;
}
#trainingDetailPage
  .main-wrap.flex
  #online
  div#e-learn_details
  .flex2
  > div
  h4 {
  display: flex;
  line-height: 1.2;
  align-items: center;
}
#trainingDetailPage
  .main-wrap.flex
  #online
  div#e-learn_details
  .flex2
  > div
  h4
  span {
  line-height: 1;
  padding: 16px 0;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul {
  width: 560px;
  display: flex;
  justify-content: space-between;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul li {
  width: 48%;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul li a {
  display: block;
  background: #f1963d;
  font-size: 16px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-weight: bold;
  padding: 12px 10px;
  box-sizing: border-box;
  position: relative;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul li a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: -6px;
  vertical-align: middle;
  border-color: #ffffff;
  content: "";
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt .text-link {
  font-size: 15px;
  margin-top: 8px;
  display: inline-block;
  font-weight: bold;
  background: #c00;
  color: #fff;
  padding: 12px 21px;
  text-decoration: none;
  box-sizing: border-box;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt .text-link a {
  color: #fff;
}
#trainingDetailPage .main-wrap.flex p.training_speech_txtBox-01 {
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  font-size: 24px;
}
#trainingDetailPage .main-wrap.flex p.training_speech_txtBox-02 {
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  font-size: 16px;
}
.mvArea .btnList {
  margin-left: 0 !important;
  display: block;
  border-collapse: initial;
  border-spacing: initial;
  margin-top: 1rem;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul {
  gap: 1rem;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt ul li {
  padding: 10px 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#trainingDetailPage #pageMV .trainingDetail_mv_inner img.onlineicon {
  left: auto;
  top: -45px;
  right: -225px;
}
p.trainingPage_teacher_copy.textMincho strong {
  font-size: 32px;
}
#header .headguide {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
#pageMV
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .text-link.mr__link {
  margin-left: 0px;
  background: #6fbcca;
  position: relative;
  display: block;
  width: 519px;
  text-align: center;
}
#trainingDetailPage .main-wrap.flex .training_communicaiton_txtBox-01,
#trainingDetailPage .main-wrap.flex .training_communicaiton_txtBox-02,
#trainingDetailPage .main-wrap.flex .training_communicaiton_txtBox-03,
#trainingDetailPage .main-wrap.flex .training_communicaiton_txtBox-04 {
  left: auto;
  top: auto;
  position: initial;
}
#trainingDetailPage .main-wrap.flex .training_communicaiton_Box {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 0px 50px;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex .training_communicaiton_txtBox-05 {
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt .btnList-low {
  margin-top: 2rem;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt .btnList-low ul {
  width: auto;
  justify-content: flex-start;
}
#pageMV .trainingDetail_mv_inner .trainingDetail_mv_inner_txt .btnList-low li {
  float: none;
  height: auto;
  box-sizing: border-box;
  flex-flow: initial;
  justify-content: flex-start;
  padding: 10px 0 10px 10px;
  align-items: center;
  width: 30%;
}
#pageMV
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList-low
  li
  span.num {
  position: initial;
  top: auto;
  left: auto;
  transform: initial;
  width: 37px;
  display: flex;
  justify-content: center;
  line-height: 1;
}
#pageMV
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList-low
  li
  span.btnList-low-copy {
  position: initial;
  margin-left: 10px;
  display: block;
  top: auto;
  left: auto;
}
#pageMV
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList-low
  li
  + li {
  margin-left: 0;
}
#trainingDetailPage .main-wrap.flex .training_manner_Box {
  background: #f8f8f8;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
}
#trainingDetailPage .main-wrap.flex p.training_manner_txtBox-01 {
  position: initial;
  text-align: center;
  border: 2px solid #c00;
  line-height: 1;
  padding: 8px;
  width: 80%;
  margin: 0 auto;
}
#trainingDetailPage .main-wrap.flex .training_manner_wrap {
  display: flex;
  justify-content: space-around;
  gap: 2.4rem;
  width: 85%;
  margin: 1rem auto;
}
#trainingDetailPage .main-wrap.flex .training_manner_wrap .item {
  width: calc((100% - 1rem) / 4);
  height: auto;
  background-color: #ffbb4f;
  border-radius: 50%;
  display: block;
}
#trainingDetailPage .main-wrap.flex .training_manner_wrap .item .inner {
  padding-top: 100%;
  position: relative;
}
#trainingDetailPage .main-wrap.flex .training_manner_wrap .item .inner p {
  position: absolute;
  font-weight: bold;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  font-size: 26px;
}
#trainingDetailPage .main-wrap.flex .training_manner_txtBox-arrow {
  position: relative;
  background: linear-gradient(
    180deg,
    #c00 0%,
    #c00 60%,
    transparent 40%,
    transparent 100%
  );
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 75%;
  margin: 0px auto 2rem;
  padding: 10px;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex .training_manner_txtBox-arrow:before {
  position: absolute;
  left: 50%;
  bottom: -10%;
  transform: translate(-50%, 0);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 300px 0 300px;
  border-color: #c00 transparent transparent transparent;
  z-index: -1;
}
#trainingDetailPage .main-wrap.flex p.training_tel_txtBox-01 {
  left: 50%;
  transform: translate(-50%, 0);
  top: 196px;
}
#trainingDetailPage .main-wrap.flex p.training_tel_txtBox-02,
#trainingDetailPage .main-wrap.flex p.training_tel_txtBox-03 {
  top: 350px;
}
#trainingDetailPage .main-wrap.flex p.training_tel_txtBox-02 {
  left: 65px;
}
#trainingDetailPage .main-wrap.flex p.training_tel_txtBox-03 {
  left: 585px;
}
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-01,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-02,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-03,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-04,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-05,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-06,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-07,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-08,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-09 {
  position: initial;
  top: auto;
  left: auto;
}
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-01,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-02,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-03 {
  margin-bottom: 3rem;
}
#trainingDetailPage .main-wrap.flex .training_reception_flex {
  position: absolute;
  display: flex;
  top: 160px;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
#trainingDetailPage .main-wrap.flex .training_reception_txtBox {
  width: 29.5%;
}
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-04,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-05,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-06 {
  font-size: 16px;
}
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-07,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-08,
#trainingDetailPage .main-wrap.flex p.training_reception_txtBox-09 {
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
}
#trainingDetailPage .main-wrap.flex .training_reception_txtBox:nth-child(1) {
  padding-top: 90px;
}
#trainingDetailPage .main-wrap.flex .training_reception_txtBox:nth-child(2) {
  padding-top: 45px;
}
.reception_flow {
  margin-bottom: 3rem;
}
.reception_flow ul {
  display: flex;
  justify-content: space-between;
}
.reception_flow ul li {
  position: relative;
  background: #999;
  color: #fff;
  padding: 10px 0px 10px 25px;
  display: flex;
  align-items: center;
  width: calc(100% / 4 - 12px);
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
  min-height: 90px;
}
.reception_flow ul li::before {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translate(0, -50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 45px 25px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
}
.reception_flow ul li::after {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translate(0, -50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 45px 25px;
  border-color: transparent transparent transparent #999;
  z-index: 2;
}
.reception_flow ul li:last-child {
  background: #ca0000;
}
.reception_flow ul li:last-child:before,
.reception_flow ul li:last-child:after {
  content: none;
}
.reception_plan h5 {
  position: relative;
  text-align: center;
  display: block;
  padding: 0 2rem;
  font-size: 16px;
  margin-bottom: 1rem;
}
.reception_plan h5 span {
  background: #fff;
  padding: 0 2rem;
}
.reception_plan {
  text-align: center;
}
.reception_plan h5::before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #ccc;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.reception_flow {
  margin-bottom: 3rem;
}
.reception_plan_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.reception_plan_block {
  background: #f8f8f8;
  width: 31%;
}
.reception_plan_block .title {
  background: #444;
  color: #fff;
  padding: 10px;
  line-height: 1;
}
.reception_plan_block .text {
  padding: 10px 15px;
  text-align: left;
}
.reception_arrow {
  position: relative;
  color: #c00;
  font-size: 24px;
  margin-bottom: 3rem;
}
.reception_arrow::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 200px 0 200px;
  border-color: #e3e3e3 transparent transparent transparent;
  z-index: -1;
  left: 50%;
  top: -10px;
  transform: translate(-50%, 0);
}
.reception_equal {
  padding: 20px 0;
  font-size: 21px;
  border: 1px solid #c00;
  color: #c00;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
.training_coupon_txtBox {
  margin: 0;
}
#pageMV.fleshers {
  height: 600px;
}
#pageMV.fleshers .tag__5000 {
  margin: 0 0px 1rem;
}
#pageMV.fleshers
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList {
  margin-top: 2rem;
}
#pageMV.fleshers
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList
  ul {
  width: auto;
  justify-content: flex-start;
}
#pageMV.fleshers
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList
  li {
  width: 184px;
}
#pageMV.fleshers
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList
  li
  a {
  background: none;
}
#pageMV.fleshers
  .trainingDetail_mv_inner
  .trainingDetail_mv_inner_txt
  .btnList
  ul
  li
  a:before {
  content: none;
}
#content table.training_new_tbl thead th {
  font-size: 16px;
}
#trainingDetailPage .main-wrap.flex .mediaSection ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage .main-wrap.flex .mediaSection li {
  float: none;
  width: calc((100% - 3rem) / 4);
  margin-right: 0;
}
#trainingDetailPage .main-wrap.flex .mediaSection li img {
  display: block;
  margin: 0 0 10px;
}
#trainingDetailPage .main-wrap.flex .mediaList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage .main-wrap.flex .mediaList > div {
  width: calc((100% - 3rem) / 4);
}
#trainingDetailPage .main-wrap.flex .mediaList > div > div {
  width: 100%;
}
#trainingDetailPage .main-wrap.flex .mediaList .area-link:hover {
  opacity: 0.8;
}

#trainingDetailPage .main-wrap.flex .mediaList .area-link:hover h4 {
  text-decoration: underline;
}

#pageMV.online-communication .mvArea h1 span.tag {
  background: #c00;
  color: #fff;
  text-shadow: none;
  padding: 10px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 24px;
}
#trainingDetailPage.online-consultation .main-wrap.flex {
}
#trainingDetailPage.online-consultation .main-wrap.flex h2.copy_main {
  color: #333;
  padding: 0;
  border: none;
  text-align: center;
  font-size: 25px;
  line-height: 1.8;
  letter-spacing: 0.5px;
}
.online-consultation.online-communication .main-wrap.flex .memo {
  gap: 2rem 1rem;
  margin-top: 2rem;
}
.online-consultation.online-communication .main-wrap.flex .memo li {
  width: calc((100% - 2rem) / 3);
  box-sizing: border-box;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.online-communication .main-wrap.flex .arrow p strong {
  position: relative;
  padding-top: 10px;
  font-size: 20px;
  line-height: 1.7;
  color: #000;
}
.online-communication .main-wrap.flex .arrow p span {
  font-weight: bold;
  color: #c00;
  font-size: 23px;
}
.online-communication .main-wrap.flex .arrow_underCnt .cnt_flex {
  display: flex;
  justify-content: space-around;
}
.online-communication .main-wrap.flex .arrow_underCnt .cnt_flex .fleft {
  margin-top: 120px;
  line-height: 1.8;
  text-align: left;
  font-size: 16px;
}
.online-communication .main-wrap.flex .arrow_underCnt strong {
  background: linear-gradient(transparent 60%, rgba(254, 208, 77, 0.4) 60%);
}
.online-consultation .main-wrap.flex h3 {
  background: #f6f6f6;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: bold;
  border-left: 2px solid #c00;
  margin-bottom: 20px;
  text-align: left;
}
#content .online-communication .tabl__wrap p.small {
  font-size: smaller;
  font-weight: normal;
  margin: 0;
}
.online-consultation.online-communication .main-wrap.flex .txt {
  font-size: 16px;
  text-align: center;
}
#trainingDetailPage .main-wrap.flex ul.btn-link li {
  width: 48%;
}
#trainingDetailPage .main-wrap.flex ul.btn-link li a {
  width: 100%;
  background: url(../images/common/ico-btn-link.png) no-repeat right 10px center
    #f1963d;
}
#trainingDetailPage .main-wrap.flex h4.reception_ttl {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
.reception_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
#footer .inner {
  display: flex;
}
#footer .inner > ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#footer .inner > ul#flink02 > li li {
  width: calc(50% - 1rem);
  float: none;
  display: block;
  margin-right: 1rem;
  box-sizing: border-box;
}
#footer #flink01 {
  width: 17%;
}
#footer #flink02 {
  width: 51%;
}
#footer #flink03 {
  width: 13%;
}
#footer #flink04 {
  width: 16%;
}
#footer #flink01,
#footer #flink02,
#footer #flink03 {
  margin-right: 15px;
  box-sizing: border-box;
}
#footer #flink04 {
  margin-right: 0;
  box-sizing: border-box;
}
#columnDetailPage .training_sidenav h3 {
  display: block;
  background: #d54848;
  color: #fff;
  width: 100%;
  line-height: 1;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  border: none;
}
.rank_side {
  margin-bottom: 2rem;
}
.training_archive_list .content_wrap .archive_purpose_list {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
}
.training_archive_list .content_wrap .archive_purpose_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.top_btn {
  display: block;
  text-align: center;
}
.top_btn * {
  box-sizing: border-box;
}
.top_btn a {
  background: #f1963d;
  display: block;
  padding: 10px 44px;
  color: #fff;
  position: relative;
  font-size: 15px;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  transition: 0.3s all;
}
.top_btn a::before {
  content: "";
  background: url("../images/index/top_btn_arrow.png?231011") no-repeat;
  width: 13px;
  height: 13px;
  top: 50%;
  right: 32px;
  transform: translate(0, -50%);
  position: absolute;
  display: block;
}
.top_btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.bxslidermv {
  height: 412px;
  overflow: hidden;
}
.slide-items-mv {
  height: 412px;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
.top_main_area {
  width: 100%;
}
.top_main_area .top_main_area-inner {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  position: relative;
}
.top_main_area .top_main_area-inner h1 {
  position: relative;
}

.top-mv .slick-prev {
  left: calc((100% - 1130px) / 2);
}
.top-mv .slick-prev:before {
  left: -3vw;
}
.top-mv .slick-next {
  right: calc((100% - 1130px) / 2);
}
.top-mv .slick-next:before {
  right: -3vw;
}
.index-trainingbtn-inner {
  overflow: hidden;
  height: 76px;
}
.slide-items-training {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
.slide-items-training li {
  margin: 0 10px;
}
.slide-items-training li a img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
#index-trainingbtn .slick-next:before {
  right: -40px;
}
#index-trainingbtn .slick-prev:before {
  left: -40px;
}
#index-resultshis {
  overflow: hidden;
}
.results_teacher-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.slide-items-results {
  overflow: hidden;
  max-height: 295px;
}
.slide-items-teacher {
  overflow: hidden;
  max-height: 295px;
}
.results_teacher-item {
  width: calc((100% - 20px) / 2);
}
.results_teacher-flex .results-item .slide {
  margin: 0 40px;
}
.results_teacher-flex .teacher-item .slide {
  margin: 0 40px;
}
.results_teacher-flex .teacher-item .teachItem {
  display: flex;
  gap: 20px;
  padding: 0;
  border-bottom: none;
}
.results_teacher-flex .results-item .slide img {
  display: block;
  margin: 0 auto;
}
.results_teacher-flex .results-item .slide dt.date {
  margin: 5px 0;
  font-weight: bold;
  font-size: 15px;
}
.results_teacher-flex .results-item .slide dd a {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
}
.results_teacher-flex .teacher-item .teachItem .img {
  width: 45%;
}
.results_teacher-flex .teacher-item .teachItem .text {
  width: calc(55% - 20px);
}
.results_teacher-flex .teacher-item .teachItem .img img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.results_teacher-flex .teacher-item .teachItem h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #cc0000;
}
.results_teacher-flex .teacher-item .teachItem .text {
  width: 181px;
  text-align: left;
}
.results_teacher-flex .teacher-item .teachItem .text dl + dl {
  margin-top: 10px;
}
.results_teacher-flex .teacher-item .teachItem .text dt {
  font-size: 16px;
  font-weight: bold;
  padding-left: 8px;
  border-left: 2px solid #cc0000;
  margin-bottom: 8px;
  line-height: 1;
}
.results_teacher-flex .teacher-item .teachItem .text dd {
  padding: 0 2px 10px;
}
.top_column_wrap dd {
  text-align: left;
}
.hide_box * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.hide_box_conts:first-of-type {
  padding-top: 15px;
}
#header #globalNav li .hide_box .sidemenu li .submenu li:first-of-type {
  padding-top: 20px;
}
#header #globalNav li .hide_box .sidemenu li .submenu li:last-of-type {
  padding-bottom: 20px;
}
.hide_box_title {
  font-size: 16px;
  font-weight: bold;
}
#header #globalNav li#gnav02 .hide_box_item {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 100%;
  width: 335px;
  background: #f7f7f7;
  font-size: 14px;
  min-height: 100%;
}
#header #globalNav li#gnav02 .hide_box_item .hide_box_item-inner {
  padding: 15px 0 25px 25px;
  visibility: hidden;
  opacity: 0;
  position: relative;
  z-index: 1;
}
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu {
  position: absolute;
  left: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  display: block;
  padding: 0 0 0 25px;
  width: 455px;
}
/*hoverしたら表示*/
#header #globalNav li#gnav02 .hide_box .sidemenu:hover .submenu {
  visibility: visible;
  opacity: 1;
}
#header #globalNav li#gnav02 .hide_box .hide_box_item:before {
  padding-top: 100%;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#header #globalNav li#gnav02 .hide_box .sidemenu:before {
  padding-top: 100%;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu:before {
  padding-top: 100%;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li {
  position: initial;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li a {
  color: #cb0000;
  border: none;
  text-align: left;
  font-size: 13px;
  height: auto;
  line-height: 1;
  padding: 9px 12px 9px 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #globalNav li#gnav02 .hide_box_title a {
  background: none;
  border: none;
  padding: 8px 12px 8px 13px;
  color: #cb0000;
  line-height: 1;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #globalNav li#gnav02 .hide_box_title:hover {
  background: #f7f7f7;
}
#header #globalNav li#gnav02 .hide_box_title:hover .hide_box_item-inner {
  visibility: visible;
  opacity: 1;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li a:hover {
  background: #e9e9e9;
}
#header #globalNav li#gnav02 .hide_box .sidemenu .submenu li a:hover {
  background: #fdfdfd;
}
#header #globalNav li#gnav02 .hide_box-inner {
  position: relative;
  width: 210px;
  padding-left: 20px;
  background: #fff;
}
#header #globalNav li#gnav02 .hide_box_title > a::after {
  content: "";
  border-top: 2px solid #cb0000;
  border-right: 2px solid #cb0000;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  transition: 0.5s;
  display: block;
}
#header #globalNav li#gnav02 .hide_box .sidemenu li.item > a::after {
  content: "";
  border-top: 2px solid #cb0000;
  border-right: 2px solid #cb0000;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  transition: 0.5s;
  display: block;
}
#trainingDetailPage .main-wrap.flex section {
  margin: 100px auto 0;
}
#trainingDetailPage .main-wrap.flex section:first-child {
  margin: 0 auto 0;
}
#trainingDetailPage .main-wrap.flex section:last-child {
  margin: 100px auto 100px;
}
.slide_company_wrap_inner {
  overflow: hidden;
  height: 65px;
}
.slide-items-company {
  padding: 0 2rem;
}
.slide-items-company li {
  margin: 0 9px;
  text-align: center;
  max-width: 150px;
}
.slide-items-company li img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
ul.results_course_list * {
  box-sizing: border-box;
}
ul.results_course_list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
ul.results_course_list li {
  width: calc((100% - 20px * 3) / 4);
}
ul.results_course_list li a {
  /* overflow: hidden; */
  width: 100%;
  display: block;
  border-radius: 4px;
}
.results_course_list-img {
  height: 70px;
  position: relative;
  overflow: hidden;
  border-radius: 3px 3px 0px 0px;
  z-index: 1;
}
.results_course_list-img img {
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.results_course_list-txt {
  padding: 0 32px 0 7px;
  border: 2px solid #cc0000;
  font-size: 13px;
  font-weight: bold;
  color: #cc0000;
  border-radius: 0px 0px 3px 3px;
  text-decoration: none;
  position: relative;
  background: #fff;
  min-height: 55px;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.results_course_list-txt::after {
  content: "";
  background-image: url("../images/results_course_list-arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
}
ul.results_course_list li a:hover {
  opacity: 0.8;
}
ul.results_course_list li a:hover .results_course_list-txt {
  color: #fff;
  background: #c00;
}
ul.results_course_list li a:hover .results_course_list-txt::after {
  background-image: url("../images/results_course_list-arrowon.png");
}
ul.results_course_list li a:hover .results_course_list-img:before {
  content: "";
  display: block;
  border: 3px solid #cc0000;
  width: calc(100% - 6px);
  height: 100%;
  position: absolute;
  z-index: 3;
}
ul.results_course_list li a:hover img {
  opacity: 1;
}
.teacherList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.teacherList ul li {
  width: calc((100% - 40px) / 2);
  margin: 0;
  display: flex;
  gap: 15px;
}
.teachItem {
  display: flex;
  gap: 15px;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px dotted #cccccc;
}
.teachItem-img {
  width: 44%;
}
.teachItem-img img {
  max-width: 100%;
  width: 100%;
}
.teachItem-text {
  width: calc(100% - 44% - 15px);
}
.teachItem-text h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  color: #cc0000;
}
.teachItem-text dl dt {
  font-size: 16px;
  font-weight: bold;
  padding-left: 8px;
  border-left: 2px solid #cc0000;
  margin-bottom: 8px;
  line-height: 1;
}
.teachItem-text dl dd {
  padding: 0 2px 10px;
}
.teacher_tag {
  color: rgb(204, 0, 0);
}
.teacher_tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.teacher_tag ul li {
  width: auto;
  word-break: keep-all;
  line-height: 1;
}
.index-news-flex {
  display: flex;
  justify-content: space-between;
}
.solve-problem * {
  box-sizing: border-box;
}
.solve-problem-conts {
  max-width: 635px;
  margin: 0 auto;
}
ul.solve-problem-conts-list {
  position: relative;
  z-index: 1;
}
ul.solve-problem-conts-list li {
  position: absolute;
  z-index: -1;
}
ul.solve-problem-conts-list li:nth-child(1) {
  top: 0;
  left: 120px;
}
ul.solve-problem-conts-list li:nth-child(2) {
  top: 0;
  right: 120px;
}
ul.solve-problem-conts-list li:nth-child(3) {
  top: 165px;
  left: 0;
}
ul.solve-problem-conts-list li:nth-child(4) {
  top: 165px;
  right: 0;
}
.solve-problem-conts-list-item {
  background: #f8f8f8;
  width: 190px;
  height: 190px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .solve-problem-conts-list-item p {
  text-align: center;
  margin: 0;
  font-size: 16px;
  line-height: 1.625;
  padding-top: 5px;
  letter-spacing: -0.5px;
}
.solve-problem-conts-list-item span {
  font-size: 18px;
  font-weight: bold;
}

.solve-problem-conts-image {
  text-align: center;
  padding-top: 140px;
}
.solve-problem-conts-image img {
  position: relative;
  z-index: 1;
}
.solve-problem-arrow {
  text-align: center;
  margin: 40px auto 20px;
}
.solve-problem-bigtext {
  font-size: 24px;
  color: #c00;
  font-weight: bold;
  line-height: 1.667;
  text-align: center;
}
.solve-problem-afterlist {
  margin: 2rem auto;
}
.solve-problem-afterlist ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.solve-problem-afterlist ul li {
  width: calc((100% - 30px * 2) / 3);
  position: relative;
  padding: 25px;
  background: #f8f8f8;
  border-radius: 2px;
}
.solve-problem-afterlist-num {
  position: absolute;
  background: #c00;
  color: #fff;
  border-radius: 100%;
  width: 25px;
  margin-right: 15px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  top: -12px;
  left: 50%;
  transform: translate(-50%, 0);
}
.solve-problem-afterlist-img {
  text-align: center;
  margin: 1rem 0 1rem 0;
}
.solve-problem-afterlist-text {
  font-size: 16px;
  line-height: 1.5;
}
.solve-problem-afterlist-text span {
  font-size: 20px;
  color: #c00;
  font-weight: bold;
}

#trainingDetailPage .main-wrap.flex .cnt-article .content-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 30px;
}
#trainingDetailPage
  .main-wrap.flex
  .cnt-article
  .content-flex
  .content-flex-img {
  width: 44%;
}
#trainingDetailPage
  .main-wrap.flex
  .cnt-article
  .content-flex
  .content-flex-txt {
  width: calc(100% - 44% - 40px);
}
.professional-instructor {
  margin: 0 auto;
}
.professional-instructor * {
  box-sizing: border-box;
}
.professional-instructor-cont-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.professional-instructor-cont-textbox {
  display: flex;
  gap: 20px;
}

.professional-instructor-cont-text {
  font-size: 18px;
  display: flex;
  flex-flow: column;
  font-weight: bold;
}

.professional-instructor-cont-num {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  background: #c00;
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  padding: 2px 0 0;
}
.professional-instructor-cont-num span {
  font-size: 22px;
}
.professional-instructor-cont-text span {
  font-weight: bold;
  font-size: 20px;
}

.professional-instructor-cont-text-instructor {
  font-size: 15px;
  font-weight: normal;
}

.professional-instructor-cont-text-instructor span {
  font-size: 15px;
}
ul.professional-instructor-list li + li {
  margin-top: 24px;
}
.training-detail * {
  box-sizing: border-box;
}
.training-detail dl {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.training-detail dl + dl {
  margin-top: 10px;
}
.training-detail dl dt {
  width: 25%;
  font-size: 18px;
  font-weight: bold;
}
.training-detail dl dd {
  width: 73%;
}
.training-detail dl dd span {
  font-weight: bold;
  font-size: 15px;
}
.training-curriculum-cont-title {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
#content .training-curriculum-cont-title p {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #c00;
  line-height: 1.444;
}
.training-curriculum-cont-list {
  background: #f3f3f3;
  padding: 20px;
  margin-bottom: 15px;
}
.training-curriculum-cont-list p {
  margin-top: 1rem;
}

.training-curriculum-cont-list-flex {
  display: flex;
  gap: 20px;
}
.training-curriculum-cont-list ul {
  width: calc((100% - 20px) / 2);
}
.training-curriculum-cont-list ul li {
  font-weight: bold;
  font-size: 16px;
}
.training-curriculum-cont-list ul li {
  margin-top: 5px;
  font-weight: bold;
  font-size: 15px;
}
.training-curriculum-cont-list ul li ul {
  width: 100%;
}
.training-curriculum-cont-list ul li ul li {
  font-weight: normal;
  font-size: 14px;
}
.training-curriculum-cont-instructor {
  display: inline-block;
  gap: 20px;
  align-items: center;
  margin-top: 1rem;
  background: #fff;
  border: 1px solid #fae5e5;
}
.training-curriculum-cont-instructor-inner {
  display: flex;
}
.training-curriculum-cont-instructor-inner > div {
  padding: 0 15px;
  line-height: 30px;
}

.training-curriculum-cont-instructor-inner .tag {
  line-height: 15px;
  background: #fae5e5;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cc0000;
  padding: 0 10px;
}
.training-curriculum-cont-instructor-inner .name {
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 0 0 15px;
}
.training-curriculum-cont {
  margin-top: 60px;
  position: relative;
}
.training-curriculum-cont:nth-of-type(n + 2):before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 32.5px 0 32.5px;
  border-color: #cc0000 transparent transparent transparent;
  position: absolute;
  transform: translate(-50%, 0);
  top: -40px;
  left: 50%;
}
.program_type_list #tab {
  display: flex;
  border: 1px solid #dddddd;
  gap: 1px;
}
.program_type_list #tab li {
  width: calc((100% - 4px) / 5);
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
  font-weight: bold;
  line-height: 1.429;
  color: #333333;
  cursor: pointer;
  transition: 0.3s;
}
.program_type_list #tab li:nth-child(n + 2):before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  display: block;
  left: -1px;
  top: 50%;
  background: #dddddd;
  transform: translate(0, -50%);
}
.program_type_list #tab li:hover {
  opacity: 0.7;
}
.program_type_list #tab li.select {
  color: #fff;
  background: #c00;
}
.program_type_list-contet {
  padding: 20px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.program_type_list-contet-image {
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}
.program_type_list-contet-forlist {
  padding: 30px;
  border-radius: 5px;
}
.program_type_list-contet-forlist-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.program_type_list-contet-forlist ul li {
  padding-left: 24px;
  font-size: 16px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-position: left 4px;
}
.program_type_list-contet-forlist.problem {
  background: #f2f2f2;
}
.program_type_list-contet-forlist.problem
  .program_type_list-contet-forlist-title {
  color: #333;
}
.program_type_list-contet-forlist.problem ul li {
  background-image: url("../images/problem-check-icon.png");
}
.program_type_list-contet-forlist.effect {
  background: #fae5e5;
  margin-top: 60px;
  position: relative;
}
.program_type_list-contet-forlist.effect::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 45px 0 45px;
  border-color: #cc0000 transparent transparent transparent;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0);
}
.program_type_list-contet-forlist.effect
  .program_type_list-contet-forlist-title {
  color: #cc0000;
}
.program_type_list-contet-forlist.effect ul li {
  background-image: url("../images/effect-check-icon.png");
}
.program_type_list-contet-feature {
  margin-top: 50px;
}
.program_type_list-contet-feature-title {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 1rem;
}
.program_type_list-contet-feature p {
  font-size: 16px;
}
.program_type_list-contet-feature-flex {
  position: relative;
}
.program_type_list-contet-feature-flex-item .title {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1rem;
}
.program_type_list-contet-feature-flex-item {
  max-width: 480px;
  text-align: center;
}
.program_type_list-contet-feature-flex-item dl {
  display: flex;
}
.program_type_list-contet-feature-flex-item dl + dl {
  margin-top: 15px;
}
.program_type_list-contet-feature-flex-item dl dt {
  width: 41%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.program_type_list-contet-feature-flex-item dl dt .num {
  background: #cc0000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}
#content .program_type_list-contet-feature-flex-item dl dt p {
  margin: 0;
  font-size: 18px;
  color: #cc0000;
  font-weight: bold;
}
.program_type_list-contet-feature-flex-item dl dd {
  font-size: 16px;
}
.program_type_list-contet-curriculum {
  margin-top: 80px;
}
.program_type_list-contet-curriculum-title {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 1rem;
}
.program_type_list-contet-curriculum-list {
  display: flex;
  gap: 36px;
}
.program_type_list-contet-curriculum-list ul {
  width: calc((100% - 36px) / 2);
}
.program_type_list-contet-curriculum-list ul > li {
  font-size: 16px;
  color: #cc0000;
  font-weight: bold;
  line-height: 1.2;
  text-indent: -1rem;
  padding-left: 1rem;
}
.program_type_list-contet-curriculum-list ul > li > ul {
  width: 100%;
  margin-top: 5px;
}
.program_type_list-contet-curriculum-list ul > li > ul > li {
  font-size: 16px;
  color: #333;
  line-height: 1.625;
  font-weight: normal;
  margin: 0;
}
.program_type_list-contet-curriculum-list ul li + li {
  margin-top: 25px;
}
.program_type_title {
  text-align: center;
  font-size: 30px;
  color: #cc0000;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 50px;
}

.mvArea-bnr {
  position: absolute;
  bottom: 10px;
  right: -200px;
}

.campaign-btn-list ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.campaign-btn-list ul li {
  width: calc((100% - 20px * 3) / 4);
  display: flex;
  flex-flow: column;
}

.campaign-btn-list ul li a {
  text-align: center;
  background: #cc0000;
  padding: 20px 0 30px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  border-radius: 5px;
  position: relative;
  transition: 0.3s;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.campaign-btn-list ul li a h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.444;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 5px;
}
.campaign-btn-list ul li a span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.444;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 5px;
}
#content .campaign-btn-list ul li a p {
  margin: auto 0 10px;
}

.campaign-btn-list ul li a:hover {
  opacity: 0.8;
}

.campaign-btn-list ul li a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  left: calc(50% - 7px);
  bottom: 12px;
  transform: rotate(135deg) translate(-50%, 0);
}

.campaign_cont {
  margin-top: 70px;
}
.campaign_cont h3 {
  background: #f6f6f6;
  padding: 10px 10px 10px 20px;
  border-left: 2px solid #c00;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}

.campaign_cont-flex-img {
  width: 30%;
}

.campaign_cont-flex-text {
  width: 68%;
}

.campaign_cont-flex {
  display: flex;
  justify-content: space-between;
}

.campaign_cont-flex-img img {
  width: 100%;
}

.campaign-scene {
  border-radius: 3px;
  background-color: rgb(246, 246, 246);
  padding: 15px;
  width: auto;
  margin-left: auto;
  display: inline-block;
}

.campaign-scene-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  display: inline-block;
}

.campaign-scene-list {
  width: auto;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}
.campaign_cont h4 {
  font-weight: bold;
  font-size: 16px;
  color: #c00;
  margin: 40px 0 10px;
}

.campaign_cont strong {
  font-size: 16px;
}

.campaign_cont span {
  font-size: 20px;
  color: #c00;
  font-weight: bold;
}

ul.campaign_course_list {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
ul.campaign_course_list li a {
  color: #c00;
  position: relative;
  padding-right: 15px;
  border-bottom: 1px solid;
}
ul.campaign_course_list li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #c00;
  border-right: solid 1px #c00;
  position: absolute;
  transform: rotate(45deg) translate(0, -50%);
  right: 5px;
  top: 50%;
}
ul.campaign_course_list li a:hover {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

#content .campaign_cont ul.btn-link {
  gap: 20px;
}
#content .campaign_cont .btn-link a {
  width: auto;
  padding: 20px 40px 20px 30px;
  background: url(../images/common/ico-btn-link.png) no-repeat right 10px center
    #f1963d;
}

.program_type_list #tab li span {
  position: relative;
  padding-left: 25px;
}
.program_type_list #tab li span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(135deg) translate(0, -50%);
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}
.program_type_list #tab li.select span::before {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

#campaignPage #pageImg {
  background: url(../images/common/page_ttl-campaign.png) no-repeat center
    center;
}

.index-news-flex h2 {
  font-size: 24px;
  color: #c00;
  font-weight: bold;
}

.results_teacher-flex h2 {
  background: #c00;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  border-radius: 9999px;
  padding: 5px;
  margin: 0 auto;
  max-width: 440px;
}

#indexPage #content #main h2 {
  font-size: 25px;
  color: #cb0305;
  font-weight: bold;
  text-align: center;
}
#indexPage #content #main .text-content {
  text-align: center;
  color: #333;
  line-height: 1.75;
  margin: 40px auto 35px;
  font-size: 16px;
}

#indexPage #content #main section {
  padding: 100px 0 90px;
}

#indexPage #content #main section.bg-gray {
  background: #eeeeee;
}

.top-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.top_message {
  /* margin: 65px 0 0;*/
  margin: 0;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(239, 249, 254, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(239, 249, 254, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(239, 249, 254, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eff9fe",GradientType=1);
  position: relative;
  z-index: 0;
}
.top_message::after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/top_message-bg.png");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
}

.top_message-cont {
  text-align: center;
  position: relative;
  z-index: 1;
}
#indexPage #content #main .top_message-cont h2 {
  color: #cb0305;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 1px;
}
#indexPage #content #main .top_message-cont h2 span {
  background: #cb0305;
  color: #fff;
}
.top_message-cont p {
  font-size: 18px;
  line-height: 1.944;
  color: #333333;
  line-height: 1.75;
  margin-top: 40px;
  font-weight: 600;
}

.top_message-cont:before {
  content: "";
  display: block;
  width: 400px;
  height: 400px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fce0e0;
  border-radius: 100%;
  opacity: 0.6;
  -ms-filter: blur(80px);
  filter: blur(80px);
  z-index: -1;
}

.top-report {
  margin: 0 auto 0;
  max-width: 1000px;
}

.top_strong-list {
  max-width: 1000px;
  margin: 0 auto;
}
.top_strong-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.top_strong-list ul li {
  width: calc((100% - 40px) / 2);
  display: flex;
}

.top_strong-list-item {
  background: #fff;
  position: relative;
  display: flex;
  height: 100%;
  flex-flow: column;
  overflow: hidden;
}

.top_strong-list-tag {
  background: #cb0305;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 5px 20px 4px 50px;
  width: auto;
  position: absolute;
  top: 0;
  left: -25px;
  line-height: 1;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}
.top_strong-list-tag span {
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
  display: block;
}

.top_strong-list-item-top {
  padding: 50px 0 30px;
}

.top_strong-list-item-ttl {
  font-size: 20px;
  color: #cb0305;
  text-align: center;
  font-weight: bold;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}

.top_strong-list-item-ttl span {
  font-size: 30px;
}

.top_strong-list-item-ttl:before {
  content: "";
  background: #cb0305;
  width: 45px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.top_strong-list-item-txt {
  padding: 0 40px;
}

#content .top_strong-list-item-txt p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
}

.top_strong-list-item-img {
  margin-top: auto;
}

.top_strong-list-item-img img {
  width: 100%;
}

#indexPage #content #main .top_strong h2,
#indexPage #content #main .top_teacher h2 {
  font-size: 30px;
}
.top_teacher .slide-items-teacher-wrap {
  max-height: 520px;
  overflow: hidden;
}
.top_teacher .slide-items-teacher {
  max-width: calc(1000px + 26px);
  margin: 0 auto;
  overflow: initial;
  max-height: none;
}
.top_teacher .slide-items-teacher .slick-prev {
  left: -30px;
}
.top_teacher .slide-items-teacher .slick-next {
  right: -30px;
}

.top_teacher .slide-items-teacher .teachItem {
  background: #eeeeee;
  border-bottom: 0;
  margin: 0 13px;
  padding-bottom: 1px;
}

.top_teacher .slide-items-teacher .teachItem .img img {
  width: 100%;
  height: auto;
}
.top_teacher .slide-items-teacher .teachItem .text {
  padding: 20px 15px;
}
.top_teacher .slide-items-teacher .teachItem .text h3 {
  font-weight: bold;
  text-align: center;
  color: #cb0305;
  margin: 0 0 1rem 0;
  font-size: 20px;
}
.top_teacher .slide-items-teacher .teachItem .text dt {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #cb0305;
  padding: 5px 10px;
  border-radius: 2px;
  line-height: 1;
  margin-bottom: 5px;
  display: inline-block;
}

.top_btn-big {
  display: block;
  text-align: center;
}
.top_btn-big * {
  box-sizing: border-box;
}
.top_btn-big a {
  background: #f1963d;
  display: block;
  padding: 18px 30px;
  color: #fff;
  position: relative;
  font-size: 20px;
  width: 100%;
  max-width: 362px;
  margin: 0 auto;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  transition: 0.3s all;
  font-weight: bold;
  border-radius: 5px;
}
.top_btn-big a::before {
  content: "";
  background: url("../images/top_btn-big_arrow.png?231011") no-repeat;
  width: 17px;
  height: 17px;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  position: absolute;
  display: block;
}
.top_btn-big a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.top_course-list {
  margin: 2rem auto;
}
.top_course-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.top_course-list ul li {
  width: calc((100% - 30px * 3) / 4);
  display: flex;
}

.top_course-list ul li img {
  width: 100%;
  height: auto;
}

.top_course-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.top_course-list .item {
  width: 212px;
  text-align: center;
  display: flex;
  flex-flow: column;
}

.top_course-list .item .img {
  margin-bottom: 1rem;
}

.top_course-list .item .img img {
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0px 7.7px 2.3px rgba(0, 0, 0, 0.14);
}

#content .top_course-list .item p {
  margin: auto 0 0;
  font-size: 16px;
  color: #333;
  line-height: 1.25;
}

.program_type_list-contet-feature-flex-checkitem {
  position: absolute;
  top: calc(50% + 20px);
  right: 0;
  transform: translate(0, -50%);
  width: 255px;
  background-color: #fff;
  border: 1px dashed rgb(204, 0, 0);
  border-radius: 5px;
}

.program_type_list-contet-feature-flex-checkitem .title {
  text-align: center;
  padding: 10px;
  background: #fae5e5;
  font-size: 18px;
  font-weight: bold;
}

.program_type_list-contet-feature-flex-checkitem-list {
  padding: 20px;
}
.program_type_list-contet-feature-flex-checkitem-list dl {
  display: flex;
  gap: 15px;
}

.program_type_list-contet-feature-flex-checkitem-list dl dt .num {
  background: #c00;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
  line-height: 1;
  font-size: 16px;
}

.program_type_list-contet-feature-flex-checkitem-list dl dd {
  font-size: 16px;
}

.program_type_list-contet-feature-flex-checkitem-list dl dd span {
  font-size: 18px;
  font-weight: bold;
  color: #c00;
}

.program_type_list-contet-feature-flex-checkitem-list dl + dl {
  margin-top: 5px;
}

#content .program_type_list-contet-curriculum-table table {
  border: 1px solid #fff;
}

#content .program_type_list-contet-curriculum-table table th {
  background: #c00;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
}
#content .program_type_list-contet-curriculum-table table td {
  background: #fae5e5;
}

#content .program_type_list-contet-curriculum-table table th .flex {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#content .program_type_list-contet-curriculum-table table th .num {
  background: #fff;
  color: #c00;
  width: 25px;
  border-radius: 100%;
  text-align: center;
  line-height: 25px;
  font-weight: normal;
}
#content .program_type_list-contet-curriculum-table table th p {
  display: inline;
  line-height: 25px;
  margin-bottom: 0;
}

#content .program_type_list-contet-curriculum-table table th,
#content .program_type_list-contet-curriculum-table table td {
  border: 1px solid #fff;
  font-size: 16px;
}
#content .program_type_list-contet-curriculum-table table td {
  padding: 20px;
}

#content .program_type_list-contet-curriculum-table table td ul {
  padding-left: 10px;
}

#content .training-detail table th,
#content .training-detail table td {
  border: 1px solid #fff;
}
#content .training-detail table th {
  background: #c00;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
}
#content .training-detail table td {
  background: #f3f3f3;
  font-size: 16px;
  padding: 10px 20px;
}

#indexPage #content #main #index-news h2 {
  font-size: 35px;
}

.top_course-list * {
  box-sizing: border-box;
}
.top_course-list ul li a {
  display: flex;
  flex-flow: column;
  text-decoration: none;
  height: 100%;
  background: #de1c1c;
  transition: 0.3s;
  width: 100%;
}

.top_course-list-img {
  position: relative;
  height: 160px;
  width: 100%;
  overflow: hidden;
}

.top_course-list-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.5s;
  transform: translate(-50%, -50%);
  min-width: 255px;
  min-height: 160px;
}
.top_course-list ul li a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.top_course-list ul li a:hover .top_course-list-img img {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s;
}

.top_course-list-ttl {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.444;
  display: flex;
  padding: 20px 30px 20px 20px;
  align-items: center;
  height: calc(100% - 160px);
  position: relative;
}

.top_course-list-ttl::after {
  content: "";
  display: block;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #ffffff;
}

.top_message-cont-image img {
  width: auto;
  height: auto;
}

.training_movie {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
  z-index: 1;
}
.training_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.selectable-training {
  margin-top: 35px;
}
.selectable-training * {
  box-sizing: border-box;
  transition: 0.3s;
}

.selectable-training ul {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.selectable-training ul li {
  width: calc((100% - 25px * 2) / 3);
}

.selectable-training-item {
  border: 1px solid #cccccc;
  display: flex;
  flex-flow: column;
  height: 100%;
  padding: 0 0 25px;
}

.selectable-training-item-top {
  background: #cd0000;
  text-align: center;
  display: flex;
  flex-flow: column;
}

.selectable-training-item-top-text {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 22px 0;
  line-height: 1.625;
}
.selectable-training-item-top-text span {
  font-size: 20px;
}

.selectable-training-item-top-img {
  margin-top: auto;
  position: relative;
  overflow: hidden;
}
.selectable-training-item-top-img img {
  max-width: none !important;
  min-width: 100%;
  max-height: 150px;
}

.selectable-training-item-top-text + .selectable-training-item-top-img::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #cd0000 transparent transparent transparent;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.selectable-training-item-bottom {
  padding: 20px 0 0;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.selectable-training-item-title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  color: #333333;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.selectable-training-item-text {
  margin-bottom: 20px;
}
.selectable-training-item-text span {
  font-weight: bold;
}
.selectable-training-item-link {
  margin-top: auto;
  text-align: center;
}
.selectable-training-item-link a {
  color: #c00;
  position: relative;
  padding-left: 15px;
  border-bottom: 1px solid;
  line-height: 14px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}
.selectable-training-item-link a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #c00;
  border-right: solid 1px #c00;
  position: absolute;
  transform: rotate(45deg) translate(0, -50%);
  left: -1px;
  top: 50%;
  display: block;
}

.selectable-training-item.area-link:hover {
  opacity: 0.8;
}
.selectable-training-item.area-link:hover .selectable-training-item-link a {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.selectable-training-item.area-link:hover
  .selectable-training-item-top-img
  img {
  transform: scale(1.05);
}

.actionbtn-flex * {
  box-sizing: border-box;
}

.actionbtn-flex {
  display: flex;
  max-width: calc(100% - 120px);
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

.actionbtn-flex ul {
  width: calc(100% - 50px - 290px);
  display: flex;
  gap: 5px 7px;
  flex-wrap: wrap;
}

.actionbtn-flex ul li {
  width: calc((100% - 7px) / 2);
}

.actionbtn-flex ul li a {
  background: #f1963d;
  padding: 11.5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  transition: 0.3s;
  border-radius: 4px;
  gap: 8px;
  position: relative;
  line-height: 1;
  height: 100%;
  letter-spacing: 0.2px;
}

.actionbtn-flex ul li a:hover {
  text-decoration: none;
  background: #f4ac64;
}

.actionbtn-flex-tel {
  width: 290px;
}

.actionbtn-flex ul li a .limited5 {
  position: absolute;
  top: 0;
  left: 0;
}

.actionbtn-flex ul li.download a,
.actionbtn-flex ul li.contact a {
  background: #cc0000;
}

.actionbtn-flex ul li.download a:hover,
.actionbtn-flex ul li.contact a:hover {
  background: #d63333;
}

.Contact-flex * {
  box-sizing: border-box;
}

.Contact-flex {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.Contact-flex ul {
  width: calc(100% - 400px - 30px);
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.Contact-flex ul li {
  width: calc((100% - 12px) / 2);
}

.Contact-flex ul li a {
  background: #f1963d;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  transition: 0.3s;
  border-radius: 4px;
  gap: 8px;
  position: relative;
  line-height: 1;
  height: 100%;
}

.Contact-flex ul li a:hover {
  text-decoration: none;
  background: #f4ac64;
}

.Contact-flex-tel {
  width: 400px;
}

.Contact-flex ul li a .limited5 {
  position: absolute;
  top: 0;
  left: 0;
}

.Contact-flex ul li.download a,
.Contact-flex ul li.contact a {
  background: #cc0000;
}
.Contact-flex ul li.download a:hover,
.Contact-flex ul li.contact a:hover {
  background: #d63333;
}
#footerContact .inner h3.footerContact-title {
  font-size: 23px;
  font-weight: bold;
  color: #c00;
  border: 1px solid #c00;
  display: inline-block;
  border-radius: 9999px;
  padding: 10px;
  width: 100%;
  max-width: 550px;
  float: none !important;
}

.actionbtn-flex ul li a .balloon {
  position: absolute;
  top: -21px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  color: #c00;
  border: 1px solid #c00;
  width: auto;
  word-break: keep-all;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 9999px;
  transition: 0.2s 0s ease;
}

.actionbtn-flex ul li a .balloon:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 3.5px 0 3.5px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -5px;
}

.actionbtn-flex ul li a:hover .balloon {
  top: -24px;
}

.actionbtn-flex ul li a .outline {
  background: #fff;
  border-radius: 2px;
  color: #f1963d;
  font-size: 11px;
  padding: 5px;
}

.Contact-flex ul li a .balloon {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  color: #c00;
  border: 1px solid #c00;
  width: auto;
  word-break: keep-all;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 9999px;
  transition: 0.2s 0s ease;
}

.Contact-flex ul li a .balloon:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 3.5px 0 3.5px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -5px;
}

.Contact-flex ul li a:hover .balloon {
  top: -23px;
}

.Contact-flex ul li a .outline {
  background: #fff;
  border-radius: 2px;
  color: #f1963d;
  font-size: 11px;
  padding: 5px;
}

#trainingDetailPage .lp_sale .trainingPage_teacher #teacherList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage .lp_sale .trainingPage_teacher #teacherList .teachItem {
  width: calc((100% - 1rem * 2) / 3);
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
}
#trainingDetailPage .lp_sale #teacherList .teachItem .img {
  width: 40%;
}
#trainingDetailPage .lp_sale #teacherList .teachItem .img img {
  width: 100%;
}
#trainingDetailPage .lp_sale #teacherList .teachItem .text {
  width: 54%;
  float: none;
  font-size: 12px;
}

#trainingDetailPage.lp_freshers .trainingPage_teacher #teacherList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage.lp_freshers .trainingPage_teacher #teacherList .teachItem {
  width: calc((100% - 1rem * 2) / 3);
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
}
#trainingDetailPage.lp_freshers #teacherList .teachItem .img {
  width: 40%;
}
#trainingDetailPage.lp_freshers #teacherList .teachItem .img img {
  width: 100%;
}
#trainingDetailPage.lp_freshers #teacherList .teachItem .text {
  width: 54%;
  float: none;
  font-size: 12px;
}

#trainingDetailPage.lp_hiring .trainingPage_teacher #teacherList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#trainingDetailPage.lp_hiring .trainingPage_teacher #teacherList .teachItem {
  width: calc((100% - 1rem * 2) / 3);
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
}
#trainingDetailPage.lp_hiring #teacherList .teachItem .img {
  width: 40%;
}
#trainingDetailPage.lp_hiring #teacherList .teachItem .img img {
  width: 100%;
}
#trainingDetailPage.lp_hiring #teacherList .teachItem .text {
  width: 54%;
  float: none;
  font-size: 12px;
}

.points_success * {
  box-sizing: border-box;
}
.points_success {
  margin-top: 50px;
}
.points_success ul li + li {
  margin-top: 20px;
}
.points_success_item {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding: 30px;
  background: #f8f8f8;
  position: relative;
}
.points_success_point {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 22px;
  background: #cc0000;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.points_success_img {
  width: 34%;
}
.points_success_textbox {
  width: calc(100% - 34% - 20px);
  padding-top: 30px;
}
.points_success_title {
  font-size: 22px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 1.273;
  margin-bottom: 10px;
}
.points_success_text {
  font-size: 15px;
  color: rgb(51, 51, 51);
  line-height: 1.733;
}
.training_point * {
  box-sizing: border-box;
}
.training_point {
  margin-top: 50px;
}
.training_point ul {
  display: flex;
  gap: 20px;
}
.training_point ul li {
  width: calc((100% - 20px) / 2);
}
.training_point_item {
  padding: 30px;
  background: #f8f8f8;
  position: relative;
  height: 100%;
}
.training_point_point {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 22px;
  background: #cc0000;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.training_point_img {
  margin: 12px auto 18px;
  text-align: center;
}
.training_point_textbox {
  width: calc(100% - 34% - 20px);
  padding-top: 30px;
}
.training_point_title {
  font-size: 22px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 1.273;
  margin-bottom: 10px;
  text-align: center;
}
.training_point_text {
  font-size: 15px;
  color: rgb(51, 51, 51);
  line-height: 1.733;
}
.training_voice * {
  box-sizing: border-box;
}
.training_voice {
  margin-top: 70px;
}

.training_voice ul li {
  margin-top: 50px;
}

.training_voice_item {
  position: relative;
}

.training_voice_img {
  position: absolute;
  bottom: 0;
}

.training_voice_text {
  width: 87%;
  line-height: 1.4;
  font-size: 16px;
  background: #f8f8f8;
  padding: 30px;
  padding-left: 50px;
}
.training_voice_text span {
  font-size: 20px;
  color: rgb(204, 0, 0);
  font-weight: bold;
}

.training_voice ul li:nth-child(2n + 1) .training_voice_text {
  margin: 0 0 0 auto;
  padding-left: 85px;
}
.training_voice ul li:nth-child(2n) .training_voice_text {
  margin: 0 auto 0 0;
  padding-right: 85px;
}
.training_voice ul li:nth-child(2n + 1) .training_voice_img {
  left: 0;
}
.training_voice ul li:nth-child(2n) .training_voice_img {
  right: 0;
}

.columnwide_list * {
  box-sizing: border-box;
}
.columnwide_list {
  border-top: 2px #eeeeee solid;
}
.columnwide_list_item {
  padding: 20px 0;
  border-bottom: 2px #eeeeee solid;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.columnwide_list_img {
  width: 160px;
  height: 110px;
  overflow: hidden;
  text-align: center;
}
.columnwide_list_img a {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.columnwide_list_img a img {
  max-width: none !important;
  min-width: 100%;
  min-height: 100%;
  max-height: calc(100% + 10px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.column_list_textbox {
  padding: 5px 0;
  width: calc(100% - 160px - 15px);
}

.column_list_title {
  font-size: 16px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 1.625;
  margin-bottom: 10px;
}
.column_list_text {
  font-size: 14px;
  color: rgb(51, 51, 51);
  line-height: 1.643;
}
.columnwide_list_item.area-link {
  transition: 0.3s;
}
.columnwide_list_item.area-link:hover {
  opacity: 0.8;
}
.columnwide_list_item.area-link:hover .column_list_title {
  color: #c00;
}

.column_download_banner {
  border: 1px solid #5c5d5e;
  background-color: #f4f9fc;
  background-image: url("../images/column_download_banner.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
}
.column_download_banner:hover {
  opacity: 0.8;
}

.column_download_banner_tag {
  position: absolute;
  top: 25px;
  left: 0;
  background: #5c5d5e;
  color: #fff;
  padding: 9px 16px 7px 26px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.column_download_banner_flex {
  padding: 26px;
  display: flex;
  gap: 30px;
}

.column_download_banner_text {
  color: #111111;
  margin-top: 50px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.column_download_banner_img {
  position: relative;
}

.column_download_banner_img img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.column_download_banner_btn {
  position: absolute;
  right: 15px;
  bottom: 20px;
  background: #ee8722;
  border-radius: 9999px;
  padding: 12px 29px 10px;
  line-height: 1;
}
.column_download_banner_btn a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

#pageImg .title {
  width: 1000px;
  margin: 0 auto;
  padding-top: 70px;
  padding-left: 30px;
}

#columnDetailPage .article h1 {
  font-size: 30px;
  color: #cc0000;
  padding: 0 0 0 15px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  border-left: 4px solid #cc0000;
  line-height: 1.4;
}

#columnDetailPage #main #cnt-index h2 {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  border-left: none;
  color: #333;
}

#columnDetailPage .article h2 {
  line-height: 1.6;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  background: #f8f8f8;
  border-left: 2px solid #cc0000;
  padding: 8px;
  color: #333;
}

#trainingDetailPage .main-wrap.flex section .float-right {
  float: right;
}

#trainingDetailPage #pageMV .mvArea.training_basic .sub_ttl {
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  line-height: 1.2;
}
#trainingDetailPage #pageMV .mvArea.training_basic .sub_ttl strong {
  font-size: 34px;
}

#trainingDetailPage #pageMV .mvArea.training_communication .sub_ttl {
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho,
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ca0000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 1);
  line-height: 1.2;
}
#trainingDetailPage #pageMV .mvArea.training_communication .sub_ttl strong {
  font-size: 34px;
}

#content .cnt-article .article .bnr-taining {
  margin-bottom: 2em;
}
#content .cnt-article .article .bnr-taining a {
  display: block;
}

#content p.colum--links:has(+ p.colum--links) {
  margin-bottom: 0;
}

/*2409 改善分css　START-----------------------------------------------*/
.training_merit {
  display: flex;
  flex-direction: column;
}

/*2409 改善分css　END-----------------------------------------------*/

/*2412 改善分css　START-----------------------------------------------*/
#hr.plan_schedule table .ty {
  background: #c00;
  color: #fff;
  font-weight: bold;
}

#hr .cur_cnt .sec {
  float: none;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  width: 50%;
}

#hr .cur_cnt .sm_ty {
  font-weight: bold;
  color: #c00;
}

#hr .cur_cnt .sec ul {
  height: 100%;
  display: flex;
  flex-flow: column;
}

#hr .cur_cnt li:before,
.sec_another li span:before {
  content: "✔";
  margin-right: 4px;
  color: #c00;
}

#hr .cur_cnt .b_left {
  border-left: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
}

#hr .cur_cnt .b_right {
  border-right: 1px solid #c00;
  border-bottom: 1px solid #c00;
}

#hr .cur_cnt .sec {
  padding: 10px;
}

#hr.plan_schedule table .big_ty {
  font-size: 18px;
  font-weight: bold;
  color: #c00;
  margin-bottom: 0;
}

#hr .cur_cnt .attn {
  width: 100%;
  margin-top: 5px;
  text-align: right;
}

/*2412 改善分css　END-----------------------------------------------*/

/*241211 11月改善分 START-----------------------------------------------*/
#page--download .document-lists {
  display: flex;
  gap: 40px;
  margin-top: 50px;
}

#page--download .document-lists .document-list {
  width: calc((100% - 20px) / 2);
  border-top: 1px solid #cc0000;
  background-color: #f8f8f8;
  padding: 0 20px;
  position: relative;
}

#page--download .document-lists .document-list p.etc {
  text-align: right;
  padding-right: 30px;
}

#page--download .document-lists .document-list h4 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted #cccccc;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

#page--download .document-lists .document-list ul {
  margin-left: 30px;
}

#page--download .document-lists .document-list ul li {
  list-style-type: initial;
}

#page--download .document-lists .document-list ul li::marker {
  color: #cc0000;
}

#trainingDetailPage .main-wrap.flex ul.btn-link li a.display-none {
  background: none;
}

#trainingDetailPage
  .main-wrap.flex
  #training_program_id
  .cnt__mr
  .btn-link
  a.display-none:after {
  background: none;
}
/*241211 11月改善分 END-----------------------------------------------*/

/*241224: recapture START-----------------------------------------------*/

:has(#foot-action) .grecaptcha-badge {
  bottom: 116px !important;
}
:has(#foot-action.lp_hiring_foot-action) .grecaptcha-badge {
  bottom: 132px !important;
}

/*241224: recapture END-----------------------------------------------*/