#container { padding-top: 20px; }
@media screen and (max-width: 620px) { #container { padding-top: 13px; } }
@media screen and (max-width: 768px) { #container { padding-top: 0px; } }

#header .inner { position: relative; margin: 0 auto; padding: 0 13px; width: 986px; }
@media screen and (max-width: 620px) { #header .inner { width: inherit; padding: 0; } }
#header .badge { text-align: center; position: absolute; top: 8px; right: 14px; border-radius: 100px; padding: 0 3px; background-color: #F0001D; height: 20px; line-height: 20px; color: #fff; font-size: 10px; font-weight: bold; font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; min-width: 20px; }
#header #headerNav { min-height: 67px; }
.customize-support #header #headerNav { min-height: 35px; }
#header #headerNav #headerNavMenuArea { position: fixed; background-color: #ffffff; border-top: 3px solid #F0001D; border-bottom: 1px solid #e1e3e5; z-index: 10; width: 100%; height: 67px; top: 0; }
#header #headerNav #headerNavMenuArea #logo { position: absolute; top: 7px; left: 0;}
#header #headerNav #headerNavMenuArea #logo:hover { filter: alpha(opacity=100); opacity: 1; }
#header #headerNav #headerNavMenuArea #headerNavGlobal { float: left; position: relative; left: 110px; }
#header #headerNav #headerNavMenuArea #headerNavGlobal li { float: left; font-size: 12px; }
#header #headerNav #headerNavMenuArea #headerNavGlobal li a { color: #F0001D; display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 63px; padding: 0 13px; line-height: 1.8; }
#header #headerNav #headerNavMenuArea #headerNavGlobal li a:hover { background-color: #fee6e8; text-decoration: none;}
#header #headerNav #headerNavMenuArea #headerNavGlobal li.active a { font-weight: bold; background-color: #F0001D; color: #ffffff; }
#header #headerNav #headerNavMenuArea #headerNavUser { float: right; position: relative; }
#header #headerNav #headerNavMenuArea #headerNavUser li { float: left; }
#header #headerNav #headerNavMenuArea #headerNavUser li a { color: #37474F; display: table-cell; vertical-align: middle; text-align: left; height: 67px; padding: 0 8px; text-align: center; font-size: 10px;}
#header #headerNav #headerNavMenuArea #headerNavUser li a img {margin-bottom: 3px; height: auto;}
#header #headerNav #headerNavMenuArea #headerNavUser li:first-child { width: 150px; }
#header #headerNav #headerNavMenuArea #headerNavUser li:ffirst-child a { display: table; margin-left: auto; }
#header #headerNav #headerNavMenuArea #headerNavUser li:first-child a > div { display: table-cell; line-height: 1.6; }
#header #s-headerNav { height: 48px; }
#header #s-headerNav .badge { top: 3px; right: 0; }
#header #s-headerNav #s-headerNavMenuArea { position: fixed; background-color: #ffffff; border-top: 3px solid #F0001D; border-bottom: 1px solid #e1e3e5; z-index: 10; width: 100%; height: 48px; top: 0; }
#header #s-headerNav #s-headerNavMenuArea #s-logo {     position: relative;    top: 3px;    left: 10px;    width: 18%; }
#header #s-headerNav #s-headerNavMenuArea #s-logo:hover { filter: alpha(opacity=100); opacity: 1; }
#header #s-headerNav #s-headerNavMenuArea ul { font-size: 10px; letter-spacing: -1px; float: right; position: relative; }
#header #s-headerNav #s-headerNavMenuArea ul li { float: left; }
#header #s-headerNav #s-headerNavMenuArea ul li > a, #header #s-headerNav #s-headerNavMenuArea ul li > span { color: #37474F; display: table-cell; vertical-align: middle; text-align: center; height: 48px; padding: 0 5px; line-height: 1.5; }
#header #s-headerNav #s-headerNavMenuArea ul li:nth-child(3) { letter-spacing: 0; }
#header #s-headerNav #s-headerNavGlobal { position: fixed; bottom: 0; height: 45px; width: 100%; border-top: 1px solid #F0001D; background-color: #ffffff; z-index: 10; }
#header #s-headerNav #s-headerNavGlobal li { display: table; float: left; vertical-align: middle; font-size: 10px; line-height: 1.5; letter-spacing: -1px; width: 16.7%; text-align: center; }
#header #s-headerNav #s-headerNavGlobal li:first-child, #header #s-headerNav #s-headerNavGlobal li:nth-child(2) { width: 15%;}
#header #s-headerNav #s-headerNavGlobal.member li { width: 20%;}
#header #s-headerNav #s-headerNavGlobal li a { color: #F0001D; display: table-cell; vertical-align: middle; text-align: center; height: 45px; width: 100%; }
#header #s-headerNav #s-headerNavGlobal li a > span { display: table; margin: auto; white-space: nowrap;}
#header #s-headerNav #s-headerNavGlobal li a:hover { background-color: #fee6e8; }
#header #s-headerNav #s-headerNavGlobal li.active a { font-weight: bold; background-color: #F0001D; color: #ffffff; }
#header #headerInfo { border-bottom: 1px solid #e1e3e5; }

main { width: 100%; }
main #mainArticle { width: 77%; line-height: 1.6 }
@media screen and (max-width: 620px) { main #mainArticle { width: inherit; }
  main #mainArticle #staffMessage img { width: 60px; } }

#footer { color: #272727; border-top: 6px solid #F0001D; padding-top: 20px;}
#footer .inner { margin: 0 auto; padding: 0 21px 13px; width: 986px; justify-content: space-between; align-items: flex-end;}
#footer a:link, #footer a:visited { color: #272727; }
#footer div.footerNav dd ul { /*margin-top: 24px;*/ }
@media screen and (max-width: 620px) { #footer .footerNav h4 { padding: 0 13px; height: 40px; line-height: 40px; }
  #footer .footerNav dd ul { width: 100%; zoom: 1; border-top: 1px solid #d9d9d9; margin-top: 0; }
  #footer .footerNav dd ul:after { content: ""; display: block; clear: both; }
  #footer .footerNav dd ul li { float: left; width: 50%; font-size: 12px; }
  #footer .footerNav dd ul li > a, #footer .footerNav dd ul li > span { position: relative; display: block; padding: 0 13px; border-bottom: 1px solid #d9d9d9; height: 40px; line-height: 40px; }
  #footer .footerNav dd ul li > a:after { display: block; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; margin-top: -4px; border-top: solid 2px rgba(0, 0, 0, 0.2); border-right: solid 2px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }
  #footer .footerNav dd ul li:nth-child(odd) > a, #footer .footerNav dd ul li:nth-child(odd) > span { border-right: 1px solid #d9d9d9; } }
@media screen and (max-width: 620px) { #footer { margin-bottom: 45px; }
  #footer .inner { width: inherit; padding: 0; } }

/* sliderArea01
-----------------------------------------------------------*/
  .thumb{display: none;}
  .pageIndex #wrapper #container #contents #sliderArea01.sliderArea .mainSlider ul.slick-slider .slick-dots  {
    display: block !important;
}
  #sliderArea01 .slick-dots {
    position: absolute;
    bottom: -25px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index:99!important;
}
.pageIndex #wrapper #container #contents #sliderArea01.sliderArea{width: 100%;margin-bottom: 80px;}
.pageIndex #wrapper #container #contents #sliderArea01.sliderArea .mainSlider{width: 100%;}
.pageIndex #wrapper #container #contents #sliderArea01.sliderArea .mainSlider ul.slick-slider{overflow: visible;width: 100%;}
#sliderArea01 .slick-slide img { display: block;width: 100vw;}

.pageIndex #wrapper #container #contents #sliderArea01.sliderArea .slick-prev{display: none;}
.pageIndex #wrapper #container #contents #sliderArea01.sliderArea .slick-next{display: none;}

.pageCompany .pagination > li { display: inline-block; vertical-align: middle; text-align: center; }
.pageCompany .pagination > li > a, .pageCompany .pagination > li.active > span { display: block; width: 2.3em; height: 2.3em; line-height: 2.3em; border-radius: 2.3em; color: #ffffff; }
.pageCompany .pagination > li > a { border: 1px solid #2f9192; color: #2f9192!important; }
.pageCompany .pagination > li.active > a { font-weight: bold; background: #2f9192; }
.pageCompany .pagination > li.active > span { display: inline-block; font-weight: bold; background: #2f9192; }
.pageCompany .pagination > li.next a { padding-left: 0.2em; }
.pageCompany .pagination > li.previous a { padding-right: 0.2em; }


@media screen and (max-width: 620px){
.pageIndex #wrapper #container #contents #sliderArea01.sliderArea{margin: 0px auto 40px;}
#sliderArea01 .slick-dots {
  display: block;
    left:0;
    width: 100% !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
body.pageNotLogin #wrapper #container #contents .sliderArea .mainSlider ul.slick-slider .slider-inner img {
    width: 100vw;
}
#sliderArea01 .slick-dots li {
    cursor: pointer;
}
}

@media screen and (max-width: 1023px){
body.pageNotLogin #wrapper #container #contents .sliderArea .mainSlider ul.slick-slider .slider-inner img {
    width: 100vw;
}
}
/*
-----------------------------------------------------------*/
#pageHome .contents { width: auto; padding-left: 0; padding-right: 0; overflow: inherit; }
#pageHome .balloon .bright .bbox { background-color: #ececec; }
#pageHome .balloon .bright:after { border-top-color: #ececec; border-right: solid 12px transparent; }
#pageHome .slick { visibility: hidden; background-color: #ffffff; }
#pageHome .slick .slick-slide { width: 745px; }
#pageHome .slick, #pageHome .slick img, #pageHome .slick-prev, #pageHome .slick-next { height: 226px; }
#pageHome .slick-dotted { margin: 0; }
#pageHome .slick-nav span { position: relative; display: block; }
#pageHome .slick-nav span img { width: 148px; z-index: -1; position: relative; }
#pageHome .slick-nav span:before { position: absolute; left: 0; top: 0; display: block; content: ""; width: 148px; height: 1px; background-color: #ffffff; }
#pageHome .slick-nav .slick-current span:before { height: 2px; background-color: #F0001D; }
#pageHome .slick-prev, #pageHome .slick-next { overflow: hidden; position: absolute; z-index: 5; cursor: pointer; height: 100%; opacity: 0.3; width: 30px; }
#pageHome .slick-prev:before, #pageHome .slick-next:before { display: none; }
#pageHome .slick-prev { left: 0; background: #000 url("../img/slider_prev.png") no-repeat 100% center; background-size: contain; }
#pageHome .slick-next { right: 0; background: #000 url("../img/slider_next.png") no-repeat 0% center; background-size: contain; }
@media screen and (max-width: 620px) { #pageHome #container { padding-top: 0; }
  #pageHome #contents { max-width: none; padding-left: 0; padding-right: 0; }
  #pageHome .slick .slick-slide { width: 320px; }
  #pageHome .slick, #pageHome .slick img, #pageHome .slick-prev, #pageHome .slick-next { height: 74px; }
  #pageHome .slick-dotted { margin-bottom: 30px; }
  #pageHome .slick-dots { display: block !important; bottom: -24px;}
  #pageHome .slick-dots li button::before { color: #37474F; }
  #pageHome .slick-dots li.slick-active button::before { color: #F0001D; }
  #pageHome .slick-prev { left: 0; top: 40px; width: 31px; height: 31px; background: #000 url("../img/slider_prev.png") no-repeat 100% center; background-size: contain; }
  #pageHome .slick-next { right: 0; top: 40px; width: 31px; height: 31px; background: url("../img/slider_next.png") no-repeat 100% center; background-size: contain; }
  #pageHome .slickfix { display: block; height: 74px; margin: 0; padding: 0; }
  #pageHome .tab > li { margin-right: 0;}
}

/*
-----------------------------------------------------------*/
#pageContestSentence .balloon .bright { width: 90%;}
#pageContestSentence .balloon .bright .bbox { right: -5.5%; }

.pageRegist #registTable th { background-color: #f3f3f3; width: 25%;}
.pageRegist #registTable td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle;}
.pageRegist #registTable td > ul > li { display: inline-block; /*line-height: 1.2;*/ vertical-align: middle; margin: 5px 0;}
.pageRegist #registTable td > ul > li.flex { display: flex!important;}
.pageRegist #registTable td > ul > li > input { line-height: 1.2; vertical-align: middle;}
.pageRegist .necessary {background-color: rgb(255, 235, 235)!important;}
#text_privacy h3, .pageRegist #text_privacy h4, .pageRegist #text_privacy h5 { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; }
.pageRegist #text_privacy h6 { font-size: 12px; font-weight: normal; }
.pageRegist #text_privacy p { padding: 0 0 15px 0; }
.pageRegist #text_agreement h3, .pageRegist #text_agreement h4, .pageRegist #text_agreement h5 { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; }
.pageRegist #text_agreement h6 { font-size: 12px; font-weight: normal; }
.pageRegist #text_agreement p { padding: 0 0 15px 0; }

/*
-----------------------------------------------------------*/
.pageCompany #header #headerNav { height: 67px; }
.pageCompany #header #headerNav #headerNavMenuArea { border-top-color: #2f9192; }
.pageCompany #header #headerNav #headerNavMenuArea #headerNavGlobal li a { color: #2f9192; }
.pageCompany #header #headerNav #headerNavMenuArea #headerNavGlobal li a:hover { background-color: #e0efef; }
.pageCompany #header #headerNav #headerNavMenuArea #headerNavGlobal li.active a { background-color: #2f9192; color: #ffffff; }
.pageCompany #header #headerNav #headerNavMenuArea #headerNavUser li:first-child { width: 130px; }
.pageCompany #header #s-CompanyMenu { position: relative; top: 12px; left: 95px; }
.pageCompany #header #s-headerNav #s-headerNavMenuArea { border-top-color: #2f9192; }
.pageCompany #header #s-headerNav #s-headerNavGlobal { border-top-color: #2f9192; }
.pageCompany #header #s-headerNav #s-headerNavGlobal li a { color: #2f9192; }i
.pageCompany #header #s-headerNav #s-headerNavGlobal li a:hover { background-color: #e0efef; }
.pageCompany #header #s-headerNav #s-headerNavGlobal li.active a { background-color: #2f9192; color: #ffffff; }
.pageCompany #wrapper #footer { border-top: 6px solid #2f9192; }
.pageCompany .btn.primary, .pageCompany a.btn.primary { border-color: #2f9192; color: #2f9192; padding: 0.8em!important; min-width: 160px; }
.pageCompany .btn.submit, .pageCompany a.btn.submit { background-color: #2f9192; border-color: #2f9192;}
@-moz-document url-prefix() { .pageCompany .btn.submit, .pageCompany a.btn.submit { padding: .9em 1em;} }
.pageCompany .bgM { background-color: #d8eaf1 !important; }
.pageCompany .tab .active a { border: #2f9192; background-color: #2f9192 !important; }

.pageCompanyProfileSearch .profileSearch th { font-size: 12px; }
.pageCompanyProfileSearch .profileSearch td > ul > li { font-size: 12px; }
.pageCompanyProfileSearch .profileSearch td > ul > li { padding: 5px 0; }
.pageCompanyProfileSearch .profileSearch td > ul > li > ul { margin-left: 1em; font-size: 12px; }
.pageCompanyProfileSearch .profileSearch td > ul > li > ul > li { padding-bottom: 5px; }
.pageCompanyProfileSearch .profileSearch small { display: block; font-size: 10px; color: #999; line-height: 1.2; }
.pageCompanyProfileSearch .profileSearch th { text-align: left; }
.pageCompanyProfileSearch .profileSearch label { display: block; }
@media screen and (max-width: 620px) { .pageCompanyProfileSearch .profileSearch tr { display: none; } }
.pageCompanyProfileSearch #profileTable { width: 100%; }
.pageCompanyProfileSearch #profileTable th, .pageCompanyProfileSearch #profileTable td { border: 1px solid #afafaf; padding: 8px 13px; text-align: left; line-height: 1.5; font-size: 13px; word-break:break-all; }
.pageCompanyProfileSearch #profileTable th { width: 10px; white-space: nowrap; text-align: left; }
.pageCompanyProfileSearch #profileTable tr:nth-child(n + 2) th { background: #f5f6f6;}
.pageCompanyProfileSearch #profileTable .profileTableDetail th, .pageCompanyProfileSearch #profileTable .profileTableDetail td { font-size: 14px; }
.pageCompanyProfileSearch #profileTable .profileTableDetail th { width: 400px; padding: 13px; white-space: normal; }
.pageCompanyProfileSearch #profileTable .profileTableDetail th .badge { position: absolute; top: -8px; left: -8px; }
#pageJobDetail #profileTable .profileTableDetail th .badge { position: absolute; top: -8px; left: -8px; }
.pageCompanyProfileSearch #profileTable .profileTableDetail td { text-align: center; font-size: 12px; vertical-align: middle; }
.pageCompanyProfileSearch #profileTable .profileTableDetail td:last-child { }
.pageCompanyProfileSearch #profileTable .profileTablePadding td { height: 30px; border: 0; }
.pageCompanyProfileSearch #profileTable .s-profileTableDetail { display: none; }
@media screen and (max-width: 620px) { .pageCompanyProfileSearch #profileTable .profileTableDetail { display: none; }
  .pageCompanyProfileSearch #profileTable .s-profileTableDetail { display: table-row; }
  .pageCompanyProfileSearch #profileTable .s-profileTableDetail th, .pageCompanyProfileSearch #profileTable .s-profileTableDetail td { font-size: 14px; background-color: #ffffff; }
  .pageCompanyProfileSearch #profileTable .s-profileTableDetail th { padding: 13px; white-space: normal; }
  .pageCompanyProfileSearch #profileTable .s-profileTableDetail th .badge { position: absolute; top: -8px; left: -8px; }
  .pageCompanyProfileSearch #profileTable .s-profileTableDetail td { text-align: center; font-size: 12px; vertical-align: middle; }
	.pageCompanyProfileSearch #profileTable .s-profileTableDetail td:last-child { } }

/* Nav
-----------------------------------------------------------*/
.navWindow { display: none; position: fixed; background-color: #ffffff; border: 1px solid #e1e3e5; width: 165px; top: 66px; z-index: 15;}
.navWindow > ul { border-top-width: 0; }
.navWindow::before { content: ""; display: block; position: absolute; top: -10px; right: 130px; width: 0; border-top: 10px solid transparent; border-right: 10px solid #e1e3e5; }
@media screen and (max-width: 620px) { .navWindow::before { width: 100% !important; z-index: 100; }
  .navWindow::before > ul { height: auto !important; border-top-width: 1px !important; }
  .navWindow::before::before { display: none; } }
.navWindow#message, .navWindow#info { width: 350px; }
.navWindow#message > ul, .navWindow#info > ul { max-height: 400px; overflow-y: scroll; }
.navWindow#question > ul, .navWindow#reading > ul {
  max-height: 440px;
  overflow-y: scroll;
}
  .navWindow#question ul::-webkit-scrollbar, .navWindow#reading > ul::-webkit-scrollbar {
    width: 8px;
    overflow-y: scroll;
  }
  .navWindow#question ul::-webkit-scrollbar-track, .navWindow#reading > ul::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 10px;
  }
  .navWindow#question ul::-webkit-scrollbar-thumb, .navWindow#reading > ul::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 10px;
  }
.navWindow#question { width: 195px; }
.navWindow#question::before { right: 110px; }
.navWindow#job::before, .navWindow#contest::before, .navWindow#reading::before, .navWindow#bbs::before { right: 115px; border-right-color: #fdd9dd; }
.navWindow#contest, .navWindow#reading { width: 230px; }
.navWindow#contest::before, .navWindow#reading::before { right: 160px; }

#nav { z-index: 20!important; background-color: #ffffff; border-top: 3px solid #afafaf; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; width: 210px; position: fixed; visibility: hidden; z-index: -1; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#nav a, #nav span { color: #37474F; line-height: 14px; padding: 18px 13px; margin: 0; display: block; text-decoration: none; text-overflow: ellipsis; }
#nav li a:after { display: block; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; margin-top: -4px; border-top: solid 2px rgba(0, 0, 0, 0.2); border-right: solid 2px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }
#nav dd.reading li a {height: auto;}
#nav dd.reading li a:after {content: none;}
#nav dd.reading li {border-top: none;}
#nav dt { position: relative; height: 40px; line-height: 40px; padding: 0; margin-top: 13px; text-align: center; text-decoration: none; font-weight: bold; white-space: nowrap; }
#nav dt a, #nav dt span { padding: 0; }
#nav li { position: relative; list-style: none; border-top: 1px solid #afafaf; font-size: 12px; line-height: 1; }
/*#nav li:last-child { border-bottom: 1px solid #afafaf; }*/
#nav .bnrArea li { border: 0; }
#nav .bnrArea li a, #nav .bnrArea li span { padding: 0 5px; height: auto; }
#nav .bnrArea li a:after, #nav .bnrArea li span:after { display: none; }
#nav .topicArea li a, #nav .topicArea li span { padding: 8px; height: auto; line-height: 1.5; white-space: normal; }
#nav .topicArea li a:after, #nav .topicArea li span:after { display: none; }

/* Message
-----------------------------------------------------------*/
.balloonRight { position: relative; background-color: #C9F19D; }
.balloonRight::before { content: ""; position: absolute; right: -12px; bottom: 12px; border-top: solid 12px; border-right: solid 12px transparent; border-top-color: #C9F19D; }

/* フキダシ */
.balloonLeft { position: relative; background-color: #ebeded; }
.balloonLeft::before { content: ""; position: absolute; left: -12px; top: 12px; border-top: solid 12px; border-left: solid 12px transparent; border-top-color: #eaeded; }

/* メールエントリ */
.messageItem { position: relative; }
.messageItem > .badge { text-align: center; position: absolute; border-radius: 100px; padding: 0 3px; background-color: #F0001D; height: 20px; line-height: 20px; color: #fff; font-size: 10px; font-weight: bold; font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; min-width: 20px; top: 40%; right: 8px; z-index: 5; }

/* Other
-----------------------------------------------------------*/
.jobSearch th { font-size: 12px; }
.jobSearch td { padding: 8px; }
.jobSearch td > ul > li { font-size: 12px; }
.jobSearch td > ul > li { padding: 5px 0; }
.jobSearch td > ul > li > ul { margin-left: 1em; font-size: 12px; }
.jobSearch td > ul > li > ul > li { padding-bottom: 5px; }
.jobSearch label span { font-size: 9px; display: block; padding-left: 20px;}
.jobSearch .annotation { font-size: 9px; display: block;}
.jobSearch small { display: block; font-size: 10px; color: #999; line-height: 1.2; }
.jobSearch th { text-align: left; }
.jobSearch label { display: block; }
@media screen and (max-width: 620px) { .jobSearch tr { display: none; } }

#jobTable {table-layout: fixed;}
#jobTable, #s-jobTable { width: 100%; }
#jobTable th, #jobTable td, #jobTable .td, #jobTable .th, #s-jobTable th, #s-jobTable td, #s-jobTable .td, #s-jobTable .th { border-color: #afafaf; border-style: solid; vertical-align: middle;}
#jobTable .pickup th, #jobTable .pickup td, #jobTable .pickup .td, #jobTable .pickup .th, #s-jobTable .pickup th, #s-jobTable .pickup td, #s-jobTable .pickup .td, #s-jobTable .pickup .th { background-color: #fef8f1; border-color: #FFCC80; }
#jobTable .pickup .jobTableDetail th, #jobTable .pickup .jobTableDetail td, #s-jobTable .pickup .jobTableDetail th, #s-jobTable .pickup .jobTableDetail td { border-top-color: #FFCC80; }
#jobTable .pickup .jobTableDetail th, #s-jobTable .pickup .jobTableDetail th { border-left-color: #FFCC80; }
#jobTable .pickup .jobTableDetail td:last-child, #s-jobTable .pickup .jobTableDetail td:last-child { border-right-color: #FFCC80; }
#jobTable .pickup .jobTableInfo .th, #jobTable .pickup .jobTableTreatment .th, #s-jobTable .pickup .jobTableInfo .th, #s-jobTable .pickup .jobTableTreatment .th { background-color: #FFCC80; }
#jobTable .pickup .jobTableInfo th, #jobTable .pickup .jobTableInfo td, #s-jobTable .pickup .jobTableInfo th, #s-jobTable .pickup .jobTableInfo td { border-left-color: #FFCC80; border-right-color: #FFCC80; }
#jobTable .pickup .jobTableTreatment th, #jobTable .pickup .jobTableTreatment td, #s-jobTable .pickup .jobTableTreatment th, #s-jobTable .pickup .jobTableTreatment td { border-color: #FFCC80; }
#jobTable .jobTableDetail th, #jobTable .jobTableDetail td, #s-jobTable .jobTableDetail th, #s-jobTable .jobTableDetail td { border-top-width: 1px; padding: 13px; text-align: left; line-height: 1.5; }
#jobTable .jobTableDetail th, #s-jobTable .jobTableDetail th { border-left-width: 1px; width: 100%; }
#jobTable .jobTableDetail th .badge, #s-jobTable .jobTableDetail th .badge { position: absolute; top: -8px; left: -8px; }
#pageJobDetail #wrapper #container #contents #dataDetail .badge { position: absolute; top: -16px; left: -8px; }
#jobTable .jobTableDetail td, #s-jobTable .jobTableDetail td { border-left-width: 1px; text-align: center; font-size: 12px; width: 30%; }
#jobTable .jobTableDetail td:last-child, #s-jobTable .jobTableDetail td:last-child { border-right-width: 1px; }
#jobTable .jobTableInfo th, #jobTable .jobTableInfo td, #jobTable .jobTableTreatment th, #jobTable .jobTableTreatment td, #s-jobTable .jobTableInfo th, #s-jobTable .jobTableInfo td, #s-jobTable .jobTableTreatment th, #s-jobTable .jobTableTreatment td { border-left-width: 1px; border-right-width: 1px; }
#jobTable .jobTableInfo th .th, #jobTable .jobTableInfo td .th, #jobTable .jobTableTreatment th .th, #jobTable .jobTableTreatment td .th, #s-jobTable .jobTableInfo th .th, #s-jobTable .jobTableInfo td .th, #s-jobTable .jobTableTreatment th .th, #s-jobTable .jobTableTreatment td .th { background-color: #f5f6f6; border-top-width: 1px; width: 76px; }
#jobTable .jobTableInfo th .td, #jobTable .jobTableInfo td .td, #jobTable .jobTableTreatment th .td, #jobTable .jobTableTreatment td .td, #s-jobTable .jobTableInfo th .td, #s-jobTable .jobTableInfo td .td, #s-jobTable .jobTableTreatment th .td, #s-jobTable .jobTableTreatment td .td { border-top-width: 1px; }
#jobTable .jobTableTreatment th, #jobTable .jobTableTreatment td, #s-jobTable .jobTableTreatment th, #s-jobTable .jobTableTreatment td { border-bottom-width: 1px; }
#jobTable .jobTablePadding th, #jobTable .jobTablePadding td, #s-jobTable .jobTablePadding th, #s-jobTable .jobTablePadding td { height: 30px; }

@media screen and (max-width: 620px) { #jobTable { display: none; } }

#s-jobTable { display: none; }
#s-jobTable .jobTableDetail th, #s-jobTable .jobTableDetail td { border-right-width: 1px; }
@media screen and (max-width: 620px) { #s-jobTable { display: table; } }

.dataDetail table th { width: 100px; }
.dataDetail section { margin-top: 55px; line-height: 1.5; }
.dataDetail h2 { border-bottom: 1px solid #afafaf; padding-bottom: 10px; margin-bottom: 10px; }
@media screen and (max-width: 620px) { .dataDetail table th { width: 100%; text-align: left; }
  .dataDetail section { margin-top: 34px; } }

.btn.crown, a.btn.crown:link, a.btn.crown:visited { background-color: inherit; border-color: #BF9B30; border-radius: 5px; color: #BF9B30; }

.fa-file-pdf { color: #F0001D; }

.fa-twitter { color: #55ACEE; }

.fa-book { color: #513245; }

.pagination > li > a, .pagination > li.active > span { border-radius: 0 !important; }

.table th, .s-table th { text-align: left;}

.s-table th, .s-table td { display: table-cell; border: 1px solid #afafaf; }
.s-table tr:nth-child(even) td {
	background: #f9f9f9;
}

.required, .red { color: #FF0000; }
.blue { color: #0000FF;}

@media screen and (max-width: 620px) { .s-trow { display: table-row !important; } }
/*
.form .select:before {
	display: block; position: absolute; top: 50%; right: 1em; width: .5em; height: .5em; margin-top: -.4em; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ""; border-top: solid 0.2em #afafaf; border-right: solid 0.2em #afafaf; z-index: 1;
}
*/
@media all and (-ms-high-contrast: none) {
}


/* info_column
-----------------------------------------------------------*/
.pageInfoColumn#pageMyfirstjobTop #right_navi h1 {position: relative;}
.pageInfoColumn#pageMyfirstjobTop #right_navi h1 .text_lead{font-size: 14px; display: block; width: 68%;color: #37474F;position: absolute;top: 32%;left:35px;text-align: left;}
.pageInfoColumn#pageMyfirstjobTop #right_navi h1 .text_lead span{display: block;}
.pageInfoColumn#pageMyfirstjobDetail #mainArticle h2 {
    border-bottom: 3px solid #e6e400;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline {
    margin:2em 0;
    position: relative;
    padding: 2em;
    border: none;
    border-top: solid 3px #e6e400;
    border-bottom: solid 3px #e6e400;
}
.pageInfoColumn#pageMyfirstjobDetail #boxline :before, .pageInfoColumn#pageMyfirstjobDetail #boxline :after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #e6e400;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline :before {left: 10px;}
.pageInfoColumn#pageMyfirstjobDetail #boxline :after {right: 10px;}
.pageInfoColumn#pageMyfirstjobDetail #boxline p {
    margin: 0;
    padding: 0;
}

/*QA*/
.pageInfoColumn#pageMyfirstjobDetail .box-secondary {
    padding: 0 5px 5px 5px;
    margin: 10px;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline dt{
border-bottom:dotted 2px #87d1f5;
display:flex;
 }

.pageInfoColumn#pageMyfirstjobDetail .queation-item{
    font-family: 'Righteous', cursive;
font-size:1.4rem;
font-weight:bold;
color:#0b3284;
margin-right:10px;
display:inline-block;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline .textQ{
font-weight:bold;
vertical-align:middle;
width:100%;
font-size:1.1rem;
padding-left: 15px;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline dd{
display:flex;
 }
 
.pageInfoColumn#pageMyfirstjobDetail .answer-item{
    font-family: 'Righteous', cursive;
font-size:1.4rem;
font-weight:bold;
color:#ca2a7e;
margin-right:10px;
margin-left:3px;
display:inline-block;
}

.pageInfoColumn#pageMyfirstjobDetail #boxline .textA{
padding:7px 7px 5px 20px;
vertical-align:middle;
}

.pageInfoColumn#pageMyfirstjobDetail .prof {
    background: #f1f9fd;
    border-radius: 10px;
    margin: 20px 0;
    padding: 10px;
}
.pageInfoColumn#pageMyfirstjobDetail #mainArticle .prof .name {
  position: relative;
  font-size: 1rem;
  display: inline-block;
  padding: 0 0 0.2em 0;
  color:#37474F;
}

.pageInfoColumn#pageMyfirstjobDetail .name:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(
-45deg
, #f86b75, #FBB5BA 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(
-45deg
, #f86b75, #FBB5BA 2px, #fff 2px, #fff 4px);
}

.pageInfoColumn#pageMyfirstjobTop #list th.title {
    width: 40%;
}

.pageInfoColumn#pageMyfirstjobTop #list th.field {
    width: 28%;
    vertical-align: middle;
    border-right: 1px solid #f1f1f1;
}

.pageInfoColumn#pageMyfirstjobTop #list tr td.title2 {
    width: 40%;
}

.pageInfoColumn#pageMyfirstjobTop #list tr td.field2 {
    width: 28%; vertical-align: middle;
    border-right: 1px solid #fff;
    text-align: center;
}

.pageInfoColumn#pageMyfirstjobDetail .field-label{background:#ca2a7e;color: #fff;border-radius: 7px;padding: 0.1em 0.3em; }

#clinic_contents td{vertical-align: middle;}

#contents .bbox p.js-comment{
  overflow-wrap: break-word;
  word-break: break-all;
}


/* den_traial 20220425 */

#den_trial th {
  border: 1px solid #666666;
  padding: 0.5em;
}

#den_trial td {
  border: 1px solid #666666;
  padding: 0.5em;
}

#den_trial ol {
 margin-left: 1em;
 text-indent: -1.1em;
 }

#den_trial ol li {
  margin: 1em 0;
}

#den_trial ol.2nd{
 margin-left: 2em;
 text-indent: -1em;
}

#den_trial ol.2nd li {
  margin: 1em 0;
}

#den_trial ol.2nd li {
  margin: 1em 0;
}

#den_trial img {
  border: 1px #999999 solid;
}

#den_trial ul {
 margin-left: 1em;
 list-style: disc !important;
 }

 #den_trial ul li {
  margin: 1em 0;
}

 #den_trial img.pattern {
    width: 80%;
    height: auto;
}

 #den_trial h3.a-title{
    background-color: #663300;
    color: #ffffff;
    padding: 0.5em;
 }


/* strategy 20220524 */

.bookstation #right_box #p3_05-2_all h3 {
    color: #fc951a;
    padding-top: 15px;
    margin-top: 25px;
}

.bookstation #right_box #p3_05-2_all h3 {
    border-top: 5px solid;
    padding: 1em 0 0.5em;
    margin: 2em 0 1em 5px;
    color: #5dc4b3;
}

.bookstation #right_box #p3_05-2_all h3 span.case {
    background: #5dc4b3;
    color: #FFFFFF;
    padding: 0.3em 1em;
    margin-right: 0.5em;
    border-radius: 25px;
    float: left;
}

.bookstation #right_box #p3_05-2_all h3 span.text {
    color: #5dc4b3;
    padding: 0.4em;
    display: block;
    margin-left: 5em;
}

.bookstation #right_box #p3_05-2_all h4.point {
    background: none;
    padding: 0;
    margin: 2em 0 1em;
}

.bookstation #right_box #p3_05-2_all h4.point span.point {
    background: #fc951a;
    color: #FFFFFF;
    padding: 0.3em 0.5em;
    margin-right: 0.5em;
    display: block;
    float: left;
}

.bookstation #right_box #p3_05-2_all h4.point span.text {
    background: none;
    color: #fc951a;
    padding: 0.5em;
    display: block;
}

.bookstation #right_box div.name {
    margin-left: 20px;
    padding-bottom: 1em;
    width: 660px;
    font-size: 1rem;
}

.bookstation #right_box div.name div.company {
    background-color: #f9dfc8;
    border-bottom: solid #693200 2px;
    border-radius: 10px;
    margin: 0 0 0.5em 0;
    padding: 0.5em;
    font-weight: bold;
}

.bookstation #right_box div.name div.member {
    background-color: #c5e7f3;
    border-bottom: solid #0099cc 2px;
    border-radius: 10px;
    padding: 0.5em;
    font-weight: bold;
}

.bookstation #right_box #p3_05-2_all h5 {
    color: #5dc4b3;
    border-left: solid #5dc4b3 10px;
    padding: 0 0.5em;
    margin-top: 3em;
    font-size: 1rem;
    font-weight: bold;
}

/* consultation 20220830 */

.pageInfoColumn.pageConsultationTips #boxline h2 span {
    border-left: solid 5px #92c1e6 !important;
    background: #e4ecf7;
    }

.pageInfoColumn.pageConsultationTips .marker {
    background: linear-gradient(transparent 70%, #92c1e6 70%);
}

.pageInfoColumn.pageConsultationTips #boxline {
    border: double 4px #769ab7;
}

.pageInfoColumn.pageConsultationTips .prof_box p {
    width: 100%;
}

.pageInfoColumn#pageConsultationDetail #consultation_tips_contents h2 {
    border-bottom: 3px solid #769ab7;
}

.pageInfoColumn#pageConsultationDetail .box {
    background: #f1feff;
    border-radius: 10px;
    border:double 3px #4f6e74;
    margin: 20px 0;
    padding: 10px;
    line-height: 2;
}

.pageInfoColumn.pageConsultation #right_navi .name_int {
    font-weight: bold;
    color: #2395ef;
}

.pageInfoColumn.pageConsultation #right_navi .name_guest {
    font-weight: bold;
    color: #fd8102;
}


@media screen and (max-width: 620px) {

    .bookstation #right_box #p3_05-2_all h3 span.case {
        font-size: 0.9rem;
    }

    .bookstation #right_box #p3_05-2_all h3 span.text {
        padding: 0 0.5em;
        line-height: 1.4 !important;
    }

    .bookstation #right_box #p3_05-2_all h4.point span.point {
        font-size: 0.9rem;
    }

    .bookstation #right_box #p3_05-2_all h4.point span.text {
        padding: 0 0.5em;
        line-height: 1.4 !important;
    }

    .bookstation #right_box #p3_05-2_all div.name { 
        width: 95% !important;
        font-size: 0.8rem;
    }

    .bookstation #main_contens #Tips h4 {
        font-size: 0.9rem;
    }
}


/* realm_contents */
  .pageInfoColumn#pageRealmDetail #mainArticle h2 {
    border-bottom: 3px solid #efae1c;
}

.pageInfoColumn#pageRealmDetail #mainArticle h3 {
  border-bottom: 3px dotted #efae1c;
  background: #fcefd1;
  padding: 0.2em 0.5em;
}
.pageInfoColumn#pageRealmDetail #mainArticle h4 {font-size: 16px;}
.pageInfoColumn#pageRealmDetail #mainArticle h5 { margin-top: 10px;}

#pageRealmDetail .bl{border: 3px solid #e7c273;border-radius: 7px;padding: 0.2em 0.5em;}
#pageRealmDetail .bc{border-bottom:solid 3px #e7c273;}
#pageRealmDetail .bdl{border-left:solid 5px #e7c273;padding-left: 0.3em;}
#pageRealmDetail .bbd{border: 2px dotted #e7c273;padding: 0.2em 0.5em;background: #fdf8ee;}

#pageRealmDetail .bg-or{background: #efae1c;color: #fff;}
#pageRealmDetail .bg-orl{background: #e7c273;}
#pageRealmDetail .bg-orll{background: #efdcb3;}

.pageInfoColumn#pageRealmDetail #mainArticle .member{
    position: relative;
    font-size: 1rem;
    display: inline-block;
    padding: 0 0 0.2em 0;
    font-weight: bold;
}

.pageInfoColumn#pageRealmDetail #mainArticle .member:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(
-45deg, #f86b75, #FBB5BA 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(
-45deg, #f86b75, #FBB5BA 2px, #fff 2px, #fff 4px);
}

#pageRealmDetail #mainArticle  #realm_contents .name{font-size: 1.15rem;}

.summary{  background: #fcefd1;padding: 0.2em 0.5em; border-radius: 7px;}
#realm_contents h2{color: #ff6600;}

@media screen and (max-width: 1023px)
{.pageInfoColumn#pageRealmDetail #mainArticle h3{margin-top: 30px!important;}
#pageRealmDetail #mainArticle  #realm_contents .fxm{font-size: 1.15rem!important;}
.pageInfoColumn#pageRealmDetail #mainArticle .member{font-size: 0.95rem!important;}
#pageRealmDetail #mainArticle  #realm_contents .name{font-size: 1rem!important;}
}

/* eizotalk 20220509 */
#pageEizotalkDetail #eizotalk_contents .photo_box {
    width: 230px;
    text-align: left;
}
.pageInfoColumn.pageDetail #mainArticle #eizotalk_contents h2 {
    border-left: 7px solid #AC89BD;
    border-bottom: 3px solid #AC89BD;
    display: block;
    background: none;
    border-left: none;
   color:#AC89BD;
font-size:22px;
}
#pageEizotalkDetail #eizotalk_contents{width:100%}

.profArea {
width:100%;
    display: flex;
}
#pageEizotalkDetail #eizotalk_contents .guest_img{width:33%;margin-right:20px}
#pageEizotalkDetail #eizotalk_contents .guest_img img{width:100%;}
#pageEizotalkDetail #eizotalk_contents #guest_prof{width:65%;}

@media screen and (max-width: 620px) {
.profArea {
    display: flex;
    flex-wrap: wrap;
}
#pageEizotalkDetail #eizotalk_contents .photo_box {
    width: 100%;
}
#pageEizotalkDetail #eizotalk_contents .guest_img{width:50%;display: block;margin: 0 auto;}
#pageEizotalkDetail #eizotalk_contents #guest_prof{width:100%;}
}

.btn.yellow, a.btn.yellow:link, a.btn.yellow:visited {
    min-width: 180px;
}

@media screen and (max-width: 620px) {
  .btn.yellow, a.btn.yellow:link, a.btn.yellow:visited {
    min-width: 145px;
  }
}