/*

 File Name  : style.css
 Style Info : BASE

---------------------------------------------------------------------*/
/* BASE
----------------------------------------------- */
body {
  font-size: 13px;
}

.pc_item {
  display: none !important;
}

.tablet_item {
  display: none !important;
}

.sp_item {
  display: block !important;
}

/* common
----------------------------------------------- */
#header .headerLogo_wrap {
  display: block;
  padding: 10px 0;
}

#header .headerLogo_wrap .header_logo {
  width: auto;
  margin: 0 3vw;
}

#header .headerLogo_wrap .header_logo .logo_img {
  margin: 0;
}

#header .headerLogo_wrap .header_logo .logo_img a, #header .headerLogo_wrap .header_logo .logo_img img {
  display: inline;
  width: auto;
  height: 50px;
}

#header .headerLogo_wrap .header_logo .logo_txt {
  margin: 0;
  font-size: 11px;
  display: none;
}

#header .headerLogo_wrap .contact_wrap {
  margin: 0 3vw 0 auto;
  text-align: right;
}

#header .headerLogo_wrap .contact_wrap .contact {
  display: none;
}

#header .headerLogo_wrap .contact_wrap .contact {
  position: absolute;
  width: 45px;
  height: 45px;
  margin: 10px 3vw 0 0;
  padding: 0;
  top: 0;
  right: 0;
  border-radius: 22.5px;
  background: url(/project/100nen_kigyo/cmn/images/common/icon_mail_01.png) no-repeat center center/25px;
  border: 1px solid #cccccc;
}

#header .headerLogo_wrap .contact_wrap iframe {
  margin: 0;
}

#header .headerLogo_wrap .contact_wrap .twitter-share-button {
  margin: 0 0 0 15px;
}

#header .gNav_wrap {
  height: 42px;
}

#header .gNav_wrap .gNav_inner {
  width: 100%;
}

#header .gNav_wrap .gNav_inner li {
  width: 200px;
}

#header .gNav_wrap .gNav_inner li a {
  padding: 5px 0;
  font-size: 16px;
}

#footer {
  margin: 150px 0 0;
}

#footer .pagetop {
  height: 60px;
  background-size: 40px 16px;
}

#footer .footer_inner {
  padding: 20px 3vw;
}

#footer .footer_inner .footer_logo .logo_img img {
  width: 280px;
  height: auto;
}

#footer .footer_inner .footer_logo .logo_txt {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

#footer .footer_inner .footer_contact {
  font-size: 12px;
  text-align: center;
}

#footer .footer_inner .footer_contact .info {
  margin: 15px 0 0;
  text-align: center;
}

#footer .footer_inner .footer_contact .info .pc_item {
  display: none !important;
}

#footer .footer_inner .footer_contact .info .sp_item {
  display: block !important;
}

#footer .footer_inner .footer_menu {
  padding: 20px 0;
}

#footer .footer_inner .footer_menu li a {
  padding: 0 0 0 16px;
  font-size: 15px;
  background: url(/project/100nen_kigyo/cmn/images/common/icon_right_01.png) no-repeat left center/6px;
}

#footer .copyright {
  margin: 0 0 0;
}

@media screen and (max-width: 600px) {
  #header .headerLogo_wrap {
    padding: 10px 0 5px;
  }
  #header .headerLogo_wrap .header_logo {
    width: auto;
  }
  #header .headerLogo_wrap .header_logo .logo_img a, #header .headerLogo_wrap .header_logo .logo_img img {
    height: 40px;
  }
  #header .headerLogo_wrap .header_logo .logo_txt {
    display: none;
  }
  #header .headerLogo_wrap .contact_wrap iframe {
    margin: 8px 0 0;
  }
  #header .headerLogo_wrap .contact_wrap .twitter-share-button {
    margin: 8px 0 0 15px;
  }
  #header .gNav_wrap {
    height: 30px;
  }
  #header .gNav_wrap .gNav_inner li {
    width: auto;
  }
  #header .gNav_wrap .gNav_inner li a {
    padding: 2px 8px;
    font-size: 14px;
  }
  #footer {
    margin: 100px 0 0;
  }
  #footer .pagetop {
    height: 50px;
    background-size: 30px 12px;
  }
  #footer .footer_inner {
    padding: 15px 3vw;
  }
  #footer .footer_inner .footer_logo .logo_img img {
    width: 200px;
  }
  #footer .footer_inner .footer_logo .logo_txt {
    font-size: 10px;
  }
  #footer .footer_inner .footer_contact {
    padding: 20px 0;
    font-size: 12px;
  }
  #footer .footer_inner .footer_contact .sp_item {
    display: none !important;
  }
  #footer .footer_inner .footer_contact .pc_item {
    display: block !important;
  }
  #footer .footer_inner .footer_contact .tel {
    margin: 15px 0 0;
  }
  #footer .footer_inner .footer_contact .contact {
    width: 250px;
    height: 40px;
    margin: 20px auto 0;
    padding: 7px 20px 0 60px;
    font-size: 14px;
  }
  #footer .footer_inner .footer_menu {
    padding: 15px 0;
  }
  #footer .footer_inner .footer_menu li a {
    padding: 0 0 0 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) and (max-width: 425px) {
  #footer .footer_inner .footer_menu {
    padding: 15px;
    flex-wrap: wrap;
  }
  #footer .footer_inner .footer_menu li {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  #header .gNav_wrap .gNav_inner li a {
    padding: 2px 4px;
    font-size: 13px;
  }
}

.entry_btn {
  width: 260px;
  height: 52px;
  padding: 5px 0;
  font-size: 20px;
  border-radius: 26px;
}

.note {
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .entry_btn {
    width: 200px;
    height: 46px;
    font-size: 18px;
    border-radius: 23px;
  }
  .note {
    font-size: 12px;
    text-align: center;
  }
}

#company .mainImg_wrap .title,
#candidate .mainImg_wrap .title,
#news .mainImg_wrap .title,
#news_detail .mainImg_wrap .title,
#case .mainImg_wrap .title,
#curriculum .mainImg_wrap .title {
  width: 60vw;
  top: 50%;
}

@media screen and (min-width: 1100px) {
  #company .mainImg_wrap,
  #candidate .mainImg_wrap,
  #news .mainImg_wrap,
  #news_detail .mainImg_wrap,
  #case .mainImg_wrap,
  #curriculum .mainImg_wrap {
    height: 500px !important;
  }
}

#company .content,
#candidate .content,
#news .content,
#news_detail .content,
#case .content,
#curriculum .content {
  margin: auto auto 0;
  padding: 3%;
  top: 0;
}

#company .content .catchcopy,
#candidate .content .catchcopy,
#news .content .catchcopy,
#news_detail .content .catchcopy,
#case .content .catchcopy,
#curriculum .content .catchcopy {
  font-size: 24px;
}

#company .content .main_inner,
#candidate .content .main_inner,
#news .content .main_inner,
#news_detail .content .main_inner,
#case .content .main_inner,
#curriculum .content .main_inner {
  margin: 80px 0 0;
}

#company .content .main_inner .main_title,
#candidate .content .main_inner .main_title,
#news .content .main_inner .main_title,
#news_detail .content .main_inner .main_title,
#case .content .main_inner .main_title,
#curriculum .content .main_inner .main_title {
  font-size: 22px;
  margin: 0 0 20px;
}

#company .content .main_inner .main_content,
#candidate .content .main_inner .main_content,
#news .content .main_inner .main_content,
#news_detail .content .main_inner .main_content,
#case .content .main_inner .main_content,
#curriculum .content .main_inner .main_content {
  margin: 10px 0 0;
  padding: 0;
}

#company .content .main_inner .main_content .text,
#candidate .content .main_inner .main_content .text,
#news .content .main_inner .main_content .text,
#news_detail .content .main_inner .main_content .text,
#case .content .main_inner .main_content .text,
#curriculum .content .main_inner .main_content .text {
  margin: 0 0 30px;
}

#company .content .main_inner .main_content .img,
#candidate .content .main_inner .main_content .img,
#news .content .main_inner .main_content .img,
#news_detail .content .main_inner .main_content .img,
#case .content .main_inner .main_content .img,
#curriculum .content .main_inner .main_content .img {
  margin: 0 0 30px;
}

#company .content .main_inner .teacher li .text .name,
#candidate .content .main_inner .teacher li .text .name,
#news .content .main_inner .teacher li .text .name,
#news_detail .content .main_inner .teacher li .text .name,
#case .content .main_inner .teacher li .text .name,
#curriculum .content .main_inner .teacher li .text .name {
  font-size: 16px;
}

#company .content .main_inner .teacher li .text .name span,
#candidate .content .main_inner .teacher li .text .name span,
#news .content .main_inner .teacher li .text .name span,
#news_detail .content .main_inner .teacher li .text .name span,
#case .content .main_inner .teacher li .text .name span,
#curriculum .content .main_inner .teacher li .text .name span {
  font-size: 13px;
  line-height: 1.5;
}

#company .content .main_inner .teacher li .text .post,
#candidate .content .main_inner .teacher li .text .post,
#news .content .main_inner .teacher li .text .post,
#news_detail .content .main_inner .teacher li .text .post,
#case .content .main_inner .teacher li .text .post,
#curriculum .content .main_inner .teacher li .text .post {
  font-size: 13px;
}

#company .content .main_inner .teacher li .text .history,
#candidate .content .main_inner .teacher li .text .history,
#news .content .main_inner .teacher li .text .history,
#news_detail .content .main_inner .teacher li .text .history,
#case .content .main_inner .teacher li .text .history,
#curriculum .content .main_inner .teacher li .text .history {
  font-size: 13px;
}

@media screen and (max-width: 600px) {
  #company .mainImg_wrap .title,
  #candidate .mainImg_wrap .title,
  #news .mainImg_wrap .title,
  #case .mainImg_wrap .title,
  #curriculum .mainImg_wrap .title {
    width: 80vw;
  }
  #company .content .catchcopy,
  #candidate .content .catchcopy,
  #news .content .catchcopy,
  #case .content .catchcopy,
  #curriculum .content .catchcopy {
    font-size: 17px;
  }
  #company .content .main_inner,
  #candidate .content .main_inner,
  #news .content .main_inner,
  #case .content .main_inner,
  #curriculum .content .main_inner {
    margin: 50px 0 0;
  }
  #company .content .main_inner .main_title,
  #candidate .content .main_inner .main_title,
  #news .content .main_inner .main_title,
  #case .content .main_inner .main_title,
  #curriculum .content .main_inner .main_title {
    font-size: 20px;
    margin: 0 0 15px;
  }
  #company .content .main_inner .main_content .text,
  #candidate .content .main_inner .main_content .text,
  #news .content .main_inner .main_content .text,
  #case .content .main_inner .main_content .text,
  #curriculum .content .main_inner .main_content .text {
    margin: 0 0 20px;
  }
  #company .content .main_inner .main_content .img,
  #candidate .content .main_inner .main_content .img,
  #news .content .main_inner .main_content .img,
  #case .content .main_inner .main_content .img,
  #curriculum .content .main_inner .main_content .img {
    margin: 0 0 20px;
  }
  #company .content .main_inner .teacher li,
  #candidate .content .main_inner .teacher li,
  #news .content .main_inner .teacher li,
  #case .content .main_inner .teacher li,
  #curriculum .content .main_inner .teacher li {
    display: block;
  }
  #company .content .main_inner .teacher li .img,
  #candidate .content .main_inner .teacher li .img,
  #news .content .main_inner .teacher li .img,
  #case .content .main_inner .teacher li .img,
  #curriculum .content .main_inner .teacher li .img {
    margin: 0 0 15px;
  }
  #company .content .main_inner .teacher li .text,
  #candidate .content .main_inner .teacher li .text,
  #news .content .main_inner .teacher li .text,
  #case .content .main_inner .teacher li .text,
  #curriculum .content .main_inner .teacher li .text {
    width: 100%;
  }
}

/* top
----------------------------------------------- */
#top .mainImg_wrap {
  height: 500px;
}

#top .mainImg_wrap .catchcopy_wrap {
  top: 10vw;
}

#top .mainImg_wrap .catchcopy_wrap .catchcopy {
  height: 80px;
}

#top .mainImg_wrap .catchcopy_wrap .message {
  font-size: 14px;
}

#top .menu_wrap {
  display: block;
  margin: 80px auto 0;
  padding: 0 3%;
}

#top .menu_wrap .menu {
  width: 100% !important;
}

#top .menu_wrap .menu li {
  width: 100%;
}

#top .menu_wrap .menu li:last-child {
  margin: 20px 0 20px;
}

#top .menu_wrap .facebook_wrap .pc_item {
  display: block !important;
}

#top .menu_wrap .facebook_wrap .min_pc_item {
  display: none !important;
}

#top .menu_wrap .facebook_wrap .sp_item {
  display: none !important;
}

#top .logo_wrap {
  margin: 80px auto 0;
  padding: 0 3%;
}

#top .logo_wrap .operation_inner .title,
#top .logo_wrap .partner_inner .title {
  font-size: 28px;
}

#top .logo_wrap .operation_inner .logo,
#top .logo_wrap .partner_inner .logo {
  flex-wrap: wrap;
}

#top .logo_wrap .operation_inner .logo li,
#top .logo_wrap .partner_inner .logo li {
  width: 48%;
  margin: 0 1%;
}

@media screen and (max-width: 600px) {
  #top .mainImg_wrap {
    height: 250px;
    background-position: top right;
  }
  #top .mainImg_wrap .catchcopy_wrap {
    width: 90vw;
    top: auto;
    bottom: 2vw;
  }
  #top .mainImg_wrap .catchcopy_wrap .catchcopy {
    height: 70px;
  }
  #top .mainImg_wrap .catchcopy_wrap .message {
    display: none;
  }
  #top .message_wrap {
    display: block;
    margin: 30px auto 0;
    padding: 0 3%;
  }
  #top .menu_wrap {
    margin: 30px auto 0;
  }
  #top .menu_wrap .menu li a {
    padding: 30px 10px;
  }
  #top .menu_wrap .menu li a h2 {
    font-size: 16px;
  }
  #top .menu_wrap .menu li a h2 span {
    font-size: 12px;
  }
  #top .menu_wrap .menu li a .bar {
    height: 3px;
    margin: 15px auto;
  }
  #top .menu_wrap .menu li a .text {
    font-size: 12px;
  }
  #top .menu_wrap .menu li:last-child {
    margin: 10px 0 10px;
  }
  #top .menu_wrap .facebook_wrap {
    padding: 0 2vw 10px;
  }
  #top .menu_wrap .facebook_wrap .title {
    font-size: 24px;
  }
  #top .menu_wrap .facebook_wrap .pc_item {
    display: none !important;
  }
  #top .menu_wrap .facebook_wrap .min_pc_item {
    display: none !important;
  }
  #top .menu_wrap .facebook_wrap .sp_item {
    display: block !important;
  }
  #top .logo_wrap {
    margin: 30px auto 0;
  }
  #top .logo_wrap .operation_inner .title,
  #top .logo_wrap .partner_inner .title {
    margin: 20px 0 10px;
    font-size: 20px;
  }
  #top .logo_wrap .operation_inner .logo,
  #top .logo_wrap .partner_inner .logo {
    flex-wrap: wrap;
  }
  #top .logo_wrap .operation_inner .logo li,
  #top .logo_wrap .partner_inner .logo li {
    width: 48%;
    margin: 0 1%;
  }
  #top .logo_wrap .agency_inner {
    margin: 20px 0 0;
  }
}

/* news
----------------------------------------------- */
#top .topics_wrap .title,
#news .topics_wrap .title {
  margin: 10px 0 15px;
  font-size: 28px;
}

#top .topics_wrap .title span,
#news .topics_wrap .title span {
  font-size: 14px;
}

#top .topics_wrap .title .list,
#news .topics_wrap .title .list {
  font-size: 14px;
}

@media screen and (max-width: 425px) {
  #top .topics_wrap .title .list,
  #news .topics_wrap .title .list {
    margin: 20px 0 0;
    position: static;
    font-size: 14px;
  }
}

#top .topics_wrap .topics_inner .topics li,
#news .topics_wrap .topics_inner .topics li {
  width: 49%;
  margin: 10px 2% 0 0;
  padding: 3%;
}

#top .topics_wrap .topics_inner .topics li:nth-child(3n),
#news .topics_wrap .topics_inner .topics li:nth-child(3n) {
  margin: 10px 2% 0 0;
}

#top .topics_wrap .topics_inner .topics li:nth-child(2n),
#news .topics_wrap .topics_inner .topics li:nth-child(2n) {
  margin: 10px 0 0;
}

#top .topics_wrap .topics_inner .topics li a .date,
#news .topics_wrap .topics_inner .topics li a .date {
  margin: 0 0 10px;
  font-size: 13px;
}

#top .topics_wrap .topics_inner .topics li a .text,
#news .topics_wrap .topics_inner .topics li a .text {
  margin: 2px 0 0;
  padding: 8px 0 0;
}

@media screen and (max-width: 425px) {
  #top .topics_wrap .topics_inner .topics li,
  #news .topics_wrap .topics_inner .topics li {
    width: 100%;
    margin: 10px 0 0;
  }
  #top .topics_wrap .topics_inner .topics li:nth-child(3n),
  #news .topics_wrap .topics_inner .topics li:nth-child(3n) {
    margin: 10px 0 0;
  }
  #top .topics_wrap .topics_inner .topics li:nth-child(2n),
  #news .topics_wrap .topics_inner .topics li:nth-child(2n) {
    margin: 10px 0 0;
  }
}

#top .news_wrap {
  display: block;
  flex-wrap: wrap;
}

#top .news_wrap .topics_wrap {
  width: 100%;
}

#top .news_wrap .facebook {
  margin: 80px auto 0;
  padding: 2vw;
  background: #f3f3f3;
  text-align: center;
}

#top .news_wrap .pc_item {
  display: none;
}

#top .news_wrap .sp_item {
  display: block;
}

#top .news_wrap .min_sp_item {
  display: none;
}

@media screen and (max-width: 600px) {
  #top .news_wrap .facebook {
    margin: 30px auto 0;
  }
  #top .news_wrap .pc_item {
    display: none;
  }
  #top .news_wrap .sp_item {
    display: none !important;
  }
  #top .news_wrap .min_sp_item {
    display: block;
    margin: 30px auto 0;
  }
}

#news .topics_wrap {
  margin: 80px 0 0;
}

@media screen and (max-width: 600px) {
  #news .topics_wrap {
    margin: 50px 0 0;
  }
}

/* news_detail
----------------------------------------------- */
#news_detail .return {
  margin: 20px 0 5px;
  font-size: 14px;
}

#news_detail .topics_wrap {
  padding: 3%;
}

#news_detail .topics_wrap .topics_inner .date {
  margin: 0 0 10px;
  font-size: 13px;
}

#news_detail .topics_wrap .topics_inner .title {
  margin: 0 0 15px;
  font-size: 17px;
}

#news_detail .topics_wrap .topics_inner .img {
  width: 100%;
}

#news_detail .topics_wrap .topics_inner .text {
  margin: 20px 0 0;
}

#news_detail .topics_wrap .topics_inner .text p {
  margin: 15px 0 0;
}

#news_detail .topics_wrap .topics_inner .text p img {
  max-width: 100%;
}

#news_detail .topics_wrap .topics_inner .text p .big {
  font-size: 20px;
}

#news_detail .topics_wrap .topics_inner .text p .medium {
  font-size: 16px;
}

/* company
----------------------------------------------- */
#company .content .main_inner .merit li {
  padding: 12px 0 0 80px;
  font-size: 16px;
}

#company .content .main_inner .merit li::before {
  font-size: 60px;
}

#company .content .main_inner .main_content .image {
  padding: 20px !important;
}

#company .content .main_inner .main_content .image .text {
  margin: 0 0 20px;
  font-size: 16px;
}

#company .content .main_inner .main_content .image .note {
  font-size: 13px;
}

#company .content .main_inner .main_content .image .linkBtn {
  width: 250px;
  margin: 20px auto 0;
  padding: 3px 0;
  font-size: 16px;
}

#company .content .main_inner .main_content .example {
  height: 100px;
  padding: 25px 0 0;
  font-size: 20px;
  background: url(/project/100nen_kigyo/cmn/images/company/arrow_01.png) no-repeat center top/auto 100px;
}

#company .content .main_inner .main_content .image_list {
  margin: 0 3% 0;
}

#company .content .main_inner .main_content .image_list li {
  margin: 0 0 25px;
  padding: 25px;
}

#company .content .main_inner .main_content .image_list li .name {
  height: 50px;
}

#company .content .main_inner .main_content .image_list li .name span {
  padding: 20px 0 20px 65px;
  font-size: 20px;
}

#company .content .main_inner .main_content .image_list li .text {
  margin: 30px 0 0;
}

#company .content .main_inner .main_content .image_list li:nth-child(1) .name span {
  background: url(/project/100nen_kigyo/cmn/images/company/example_01.png) no-repeat center left/50px;
}

#company .content .main_inner .main_content .image_list li:nth-child(2) .name span {
  background: url(/project/100nen_kigyo/cmn/images/company/example_02.png) no-repeat center left/50px;
}

#company .content .main_inner .main_content .image_list li:nth-child(3) .name span {
  background: url(/project/100nen_kigyo/cmn/images/company/example_03.png) no-repeat center left/50px;
}

#company .content .main_inner .main_content .image_list li:nth-child(4) .name span {
  background: url(/project/100nen_kigyo/cmn/images/company/example_04.png) no-repeat center left/50px;
}

@media screen and (max-width: 600px) {
  #company .content .main_inner .merit li {
    padding: 8px 0 0 65px;
    font-size: 14px;
  }
  #company .content .main_inner .merit li::before {
    font-size: 50px;
  }
  #company .content .main_inner .main_content .image {
    padding: 15px;
  }
  #company .content .main_inner .main_content .image .text {
    font-size: 15px;
  }
  #company .content .main_inner .main_content .image .note {
    font-size: 12px;
  }
  #company .content .main_inner .main_content .image .linkBtn {
    width: 220px;
    font-size: 14px;
  }
  #company .content .main_inner .main_content .example {
    height: 80px;
    padding: 20px 0 0;
    font-size: 18px;
    background: url(/project/100nen_kigyo/cmn/images/company/arrow_01.png) no-repeat center top/auto 80px;
  }
  #company .content .main_inner .main_content .image_list {
    margin: 0;
  }
  #company .content .main_inner .main_content .image_list li {
    margin: 0 0 20px;
    padding: 15px;
  }
  #company .content .main_inner .main_content .image_list li .name {
    height: 35px;
  }
  #company .content .main_inner .main_content .image_list li .name span {
    padding: 20px 0 20px 45px;
    font-size: 18px;
  }
  #company .content .main_inner .main_content .image_list li .text {
    margin: 25px 0 0;
  }
  #company .content .main_inner .main_content .image_list li:nth-child(1) .name span {
    background: url(/project/100nen_kigyo/cmn/images/company/example_01.png) no-repeat center left/35px;
  }
  #company .content .main_inner .main_content .image_list li:nth-child(2) .name span {
    background: url(/project/100nen_kigyo/cmn/images/company/example_02.png) no-repeat center left/35px;
  }
  #company .content .main_inner .main_content .image_list li:nth-child(3) .name span {
    background: url(/project/100nen_kigyo/cmn/images/company/example_03.png) no-repeat center left/35px;
  }
  #company .content .main_inner .main_content .image_list li:nth-child(4) .name span {
    background: url(/project/100nen_kigyo/cmn/images/company/example_04.png) no-repeat center left/35px;
  }
}

/* candidate
----------------------------------------------- */
#candidate .content .mission_inner .mission {
  padding: 40vw 3% 5vw;
}

#candidate .content .mission_inner .mission .title {
  font-size: 24px;
}

#candidate .content .mission_inner .mission .title span {
  font-size: 16px;
}

#candidate .content .mission_inner .mission .guideline {
  margin: 20px 0 0;
  padding: 20px;
}

#candidate .content .mission_inner .mission .guideline > li {
  margin: 25px 0 0;
}

#candidate .content .mission_inner .mission .guideline > li .name {
  width: 150px;
  margin: 0 20px 0 0;
  font-size: 14px;
}

#candidate .content .mission_inner .mission .guideline > li .text {
  width: calc(100% - 170px);
}

#candidate .content .mission_inner .mission .guideline > li .text p {
  margin: 0 0 15px;
}

#candidate .content .mission_inner .mission .guideline > li .text ul li {
  margin: 0 0 15px;
}

#candidate .content .mission_inner .mission .guideline > li .text ul li:last-child {
  margin: 0;
}

#candidate .content .mission_inner .mission .guideline > li .text ol {
  font-size: 13px;
}

#candidate .content .mission_inner .mission .guideline > li .text ol li {
  margin: 0 0 15px;
}

#candidate .content .mission_inner .mission .guideline > li:last-child {
  margin: 50px 0 0;
}

#candidate .content .main_inner .merit li {
  margin: 0 0 30px;
}

#candidate .content .main_inner .merit li .title {
  font-size: 16px;
  margin: 0 0 8px;
}

#candidate .content .main_inner .company {
  padding: 15px;
}

#candidate .content .main_inner .company .logo {
  width: 200px;
  margin: 0 20px 0 0;
}

#candidate .content .main_inner .company .text {
  width: 100%;
  font-size: 13px;
}

#candidate .content .main_inner .company .text p.name {
  font-size: 18px;
}

#candidate .content .main_inner .main_content .linkBtn {
  width: 250px;
  margin: 20px auto 0;
  padding: 3px 0;
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  #candidate .content .mission_inner .mission_title {
    width: 100%;
  }
  #candidate .content .mission_inner .mission .title {
    font-size: 22px;
  }
  #candidate .content .mission_inner .mission .title span {
    font-size: 13px;
  }
  #candidate .content .mission_inner .mission .guideline {
    margin: 15px 0 0;
    padding: 15px;
  }
  #candidate .content .mission_inner .mission .guideline > li {
    display: block;
  }
  #candidate .content .mission_inner .mission .guideline > li .name {
    width: 150px;
    height: 28px;
    margin: 0 20px 10px 0;
    padding: 0;
    font-size: 14px;
  }
  #candidate .content .mission_inner .mission .guideline > li .text {
    width: 100%;
  }
  #candidate .content .mission_inner .mission .guideline > li:last-child {
    margin: 40px 0 0;
  }
  #candidate .content .main_inner .company {
    display: block;
  }
  #candidate .content .main_inner .company .logo {
    width: 260px;
    margin: 0 0 10px 0;
  }
  #candidate .content .main_inner .company .text {
    width: 100%;
  }
  #candidate .content .main_inner .main_content .linkBtn {
    width: 220px;
    font-size: 14px;
  }
}

/* case
----------------------------------------------- */
#case .content .main_inner .anchor_list .title {
  font-size: 20px;
}

#case .content .main_inner .anchor_list .list {
  margin: 15px 0 0;
}

#case .content .main_inner .anchor_list .list li {
  width: 47%;
}

#case .content .main_inner .anchor_list .list li a {
  font-size: 14px;
}

#case .content .main_inner .main_title {
  margin-right: 1em;
}

#case .content .main_inner .head .name,
#case .content .main_inner .head .company {
  font-size: 16px;
}

#case .content .main_inner .main_content {
  margin: 0 auto 25px;
  padding: 25px;
}

#case .content .main_inner .main_content .first,
#case .content .main_inner .main_content .second {
  margin: 0 0 40px;
}

#case .content .main_inner .main_content .first .title,
#case .content .main_inner .main_content .second .title {
  font-size: 20px;
  border-bottom: 1px solid #6b79b6;
}

#case .content .main_inner .main_content .first .text,
#case .content .main_inner .main_content .second .text {
  margin: 30px 0 0;
}

#case .content .main_inner .main_content .first .title {
  width: 100%;
  min-width: 0;
}

#case .content .main_inner .main_content .first .img {
  width: 100%;
  height: 250px;
  max-width: 400px;
  margin: 30px 0 0;
  position: static;
  top: 0;
  right: 0;
}

#case .content .main_inner .main_content .third .title {
  font-size: 20px;
  border-bottom: 1px solid #6b79b6;
}

#case .content .main_inner .main_content .third .foot {
  margin: 30px 0 0;
}

#case .content .main_inner .main_content .third .foot p a {
  padding: 1.5em 0 1.5em 25%;
  background-size: 2em;
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  #case .content .main_inner .anchor_list .title {
    font-size: 18px;
  }
  #case .content .main_inner .anchor_list .list {
    margin: 10px 0 0;
  }
  #case .content .main_inner .anchor_list .list li {
    width: 100%;
  }
  #case .content .main_inner .main_title {
    margin-right: 1em;
  }
  #case .content .main_inner .head .name,
  #case .content .main_inner .head .company {
    margin-bottom: 10px;
    font-size: 14px;
  }
  #case .content .main_inner .main_content {
    margin: 15px auto 20px;
    padding: 15px;
  }
  #case .content .main_inner .main_content .first,
  #case .content .main_inner .main_content .second {
    margin: 0 0 30px;
  }
  #case .content .main_inner .main_content .first .title,
  #case .content .main_inner .main_content .second .title {
    font-size: 18px;
  }
  #case .content .main_inner .main_content .first .text,
  #case .content .main_inner .main_content .second .text {
    margin: 20px 0 0;
  }
  #case .content .main_inner .main_content .first .img {
    height: 220px;
    margin: 25px 0 0;
  }
  #case .content .main_inner .main_content .third .title {
    font-size: 18px;
  }
  #case .content .main_inner .main_content .third .foot {
    display: block;
    margin: 25px 0 0;
  }
  #case .content .main_inner .main_content .third .foot p {
    width: 100%;
  }
  #case .content .main_inner .main_content .third .foot p.pdf {
    margin: 1em 0 0;
  }
}

/* curriculum
----------------------------------------------- */
#curriculum .content .main_inner .main_content .table {
  font-size: 12px;
}

#curriculum .content .main_inner .main_content .table tr td.center {
  width: 90px;
}

#curriculum .content .main_inner .main_content .table tr td.date {
  width: 60px;
}

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