@charset "utf-8";

/*-------------------------------------------*/
/*	main
/*-------------------------------------------*/
#topmain {
  background: url(../img/top/main.jpg) 50% 50% no-repeat;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

#main_cover {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2rem 0;
}

.copy-mainbtn {
  display: flex;
  gap: 0 2em;
  justify-content: center;
}

.copy-mainbtn a {
  background: #fff;
  display: block;
  font-weight: bold;
  padding: 0.5em 1em;
}

.copy-mainbtn strong {
  color: #3989d7;
  margin-right: 0.25em;
}

.copy-mainbtn svg {
  height: 3rem;
  margin-right: 0.25em;
  vertical-align: middle;
  width: 3rem;
}

.cmbtn-cls-1 {
  fill: #2c7bca;
}

.copy-mainbtn a:hover {
  box-shadow: 2px 2px #2a7bca inset, 2px -2px #2a7bca inset, -2px 2px #2a7bca inset, -2px -2px #2a7bca inset;
  text-decoration: none;
}

.copy-mainbtn a:hover .cmbtn-cls-1 {
  fill: #205992;
}

#top_sendform,
.main-bnr,
.optimize_corner_link {
  height: auto;
  max-width: 86rem;
  width: 90%;
}

#top_sendform {
  display: flex;
  margin: 0 auto;
}

.search_form.top_search {
  text-align: center;
}

.search_form.top_search input {
  height: 3em;
  line-height: 3em;
}

.search_form.top_search input[type="text"] {
  border-color: #a8a8a8;
  max-width: 100%;
  padding: 0 1.5rem;
  width: calc(100% - 3em);
}

.search_form.search_form input[type="text"] {
  border-radius: 0.4rem 0 0 0.4rem;
}

.search_form.search_form input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0 0.4rem 0.4rem 0;
  width: 3em;
}

#search_kind {
  display: none;
}

.main-bnr {
  align-items: center;
  background: #fff url("../img/top/bnr-so-bg.png") 100% 50% no-repeat;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  justify-content: space-between;
  margin: 2em auto 1em;
  padding: 1em;
  width: 100%;
}

.mbnr-text {
  text-align: center;
  width: 100%;
}

.mbnr-copy {
  background: #3989d7;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.5em;
  text-align: center;
}
.mbnr-title {
  color: #3989d7;
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}

.main-bnr a {
  align-items: flex-end;
  background-color: #fff;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: 5px solid #cce6fd;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 100px;
  text-decoration: none;
}
.main-bnr a:hover {
  border-color: #2a7bca;
}
.main-bnr a.mbnr-vr {
  background-image: url("../img/top/bnr-so-vr.png");
}
.main-bnr a.mbnr-ht {
  background-image: url("../img/top/bnr-so-ht.png");
}
.main-bnr a.mbnr-sp {
  background-image: url("../img/top/bnr-so-sp.png");
  background-position: 50% 0.5em;
}
.main-bnr a.mbnr-vts {
  background-image: url("../img/top/bnr-so-vts.png");
  background-position: 50% 0.5em;
}
.main-bnr a.mbnr-mp {
  background-image: url("../img/top/bnr-so-mp.png");
  background-position: 50% 0.5em;
}
.main-bnr span {
  color: #3989d7;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

/* スマホ縦サイズ
/*-------------------------------------------*/
@media screen and (max-width: 479px) {
  .main-bnr {
    flex-flow: column;
    gap: 1em 0;
    background-size: cover;
  }
  .main-bnr a {
    width: 100%;
  }
}

/*	フルサイズ（BizVektor）
/*-------------------------------------------*/
/* @media screen and (min-width: 960px) {
  .mbnr-text {
    width: calc(3.2rem * 8);
  }
  .mbnr-title {
    text-align: left;
  }
} */

/* 微小加工装置追加後 */
@media screen and (min-width: 960px) {
  .mbnr-text {
    width: 100%;
  }
  .mbnr-title {
    text-align: cee;
  }
}


/*-------------------------------------------*/
/*	google optimize corner_link
/*-------------------------------------------*/

.optimize_corner_link {
  background-color: rgba(57, 137, 215, 0.8);
  border: 4px solid #2b7bc9;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0.3rem 0 0.5rem;
}

.opt_copy {
  font-size: 2.4rem;
  line-height: 1;
  margin: 0.5rem 0 0.8rem;
  color: #fff;
}

.opt_corner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 5px;
  margin: 0 0 0.8rem;
}

.opt_corner li,
.opt_corner a,
.opt_corner img,
.opt_corner span {
  display: block;
}

.opt_corner li {
  background-color: #fff;
  border: 2px solid #cce6fd;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 23%;
  height: auto;
}

.opt_corner li:hover {
  border-color: #2a7bca;
  box-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff;
}

.opt_corner a {
  align-items: center;
  display: flex;
  gap: 0 1em;
  padding: 0.5em 1em;
  text-align: left;
}

.opt_corner img {
  width: 100%;
}

.opt_corner a p {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-align: left;
  line-height: 1.2;
}

/* スマホ縦サイズ
/*-------------------------------------------*/
@media screen and (max-width: 479px) {
  .optimize_corner_link {
    padding: 0.5rem 0;
  }

  .opt_corner {
    flex-direction: column;
    gap: 15px 5px;
  }

  .opt_corner li {
    width: 90%;
  }
}

/*	フルサイズ（BizVektor）
/*-------------------------------------------*/
@media screen and (min-width: 960px) {
  .optimize_corner_link {
    margin: 3rem auto 0;
    max-width: 86rem;
    text-align: center;
    width: 96rem;
  }
}

/*-------------------------------------------*/
/*	search
/*-------------------------------------------*/
.area_search {
  background-color: #f0f8ff;
}

#btns_retrieval_method.contents {
  width: 100%;
}

#btns_retrieval_method {
  background-color: #2c7bca;
  position: relative;
}

.search_box {
  background-color: #2c7bca;
  clear: both;
  display: none;
  overflow: hidden;
  padding: 1rem;
}

.inn_search_box {
  background-color: #fff;
}

/*	for_sp
/*-------------------------------------------*/
.sp_accordion {
  background-color: #f0f8ff;
  box-sizing: border-box;
  color: #3989d7;
  display: block;
  line-height: 3em;
  height: 3em;
  padding: 0 2rem;
  position: relative;
}

.sp_accordion.active {
  background-color: #2c7bca;
  color: #fff;
  font-weight: 900;
}

.sp_accordion::after {
  border-bottom: 0.6em solid transparent;
  border-left: 0.8em solid #3989d7;
  border-top: 0.6em solid transparent;
  box-sizing: border-box;
  content: "";
  height: 0;
  margin: -0.6em 0 0 0;
  position: absolute;
  right: 1em;
  top: 50%;
  width: 0;
}

.sp_accordion.active::after {
  border-left-color: #fff;
  transform: rotate(90deg);
}

.multiple-search_items li:not(:first-of-type) .for_sp {
  border-top: 0.1rem solid #ddd;
}

/*	search_region
/*-------------------------------------------*/
#imagemap_jpn {
  display: flex;
  flex-wrap: wrap;
}

.map_region {
  box-sizing: border-box;
  flex-grow: 1;
  padding: 1rem;
  width: 50%;
}

/*	search_industry
/*-------------------------------------------*/
.list_industry {
  padding: 1rem 0;
}

.list_industry input {
  display: none;
}

.list_industry span.title_industry {
  color: #333;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2;
  vertical-align: middle;
}

.list_industry span.title_industry::before {
  content: "";
  display: inline-block;
  height: 2em;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  width: 2em;
  z-index: 1;
}

#industry01 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai01.jpg);
  background-size: contain;
}

#industry02 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai02.jpg);
  background-size: contain;
}

#industry03 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai03.jpg);
  background-size: contain;
}

#industry04 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai04.jpg);
  background-size: contain;
}

#industry05 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai05.jpg);
  background-size: contain;
}

#industry06 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai06.jpg);
  background-size: contain;
}

#industry07 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai07.jpg);
  background-size: contain;
}

#industry08 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai08.jpg);
  background-size: contain;
}

#industry09 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai09.jpg);
  background-size: contain;
}

#industry10 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai10.jpg);
  background-size: contain;
}

#industry11 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai11.jpg);
  background-size: contain;
}

#industry12 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai12.jpg);
  background-size: contain;
}

#industry13 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai13.jpg);
  background-size: contain;
}

#industry14 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai14.jpg);
  background-size: contain;
}

#industry15 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai15.jpg);
  background-size: contain;
}

#industry16 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai16.jpg);
  background-size: contain;
}

#industry17 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai17.jpg);
  background-size: contain;
}

#industry18 + label > span::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai18.jpg);
  background-size: contain;
}

#industry19 + label > span.title_industry::before {
  background: url(https://lab.atengineer.com/img/top/gyoukai19.jpg);
  background-size: contain;
}

/*	search_test_name
/*-------------------------------------------*/
#search_test_name .inn_search_box {
  padding-bottom: 3rem;
}

.list_test_name {
  padding: 1.5rem;
}

.list_test_name li,
.list_test_name a {
  display: block;
}

.list_test_name li {
  margin: 2rem 1rem 0;
}

.list_test_name a {
  background-color: #e5eeff;
  border: 2px solid #e5eeff;
  border-radius: 1rem;
  box-sizing: border-box;
  color: #333;
  padding: 0 3rem;
}

.list_test_name a:hover {
  border-color: #3a89d8;
}

.btn_test_name .btn_more.btn_cneter {
  margin-bottom: 0;
  padding: 0.5em 1em;
  width: 7em;
}

/*-------------------------------------------*/
/*	news
/*-------------------------------------------*/
.area_news {
  margin: 4rem 0 0 0;
  padding: 0 0 4rem 0;
}

a:hover img {
  opacity: 0.7;
}

.news_body {
  display: flex;
  flex-flow: column;
}

.news_title {
  font-weight: 700;
  line-height: 1.4;
}

.list_news {
  display: block;
  border: 3px solid #d3eaff;
  box-sizing: border-box;
  padding: 2rem;
}

.list_news li {
  display: flex;
  padding: 1rem 0;
}

.list_news .news_date {
  font-size: small;
  justify-self: end;
  order: 4;
  width: 6em;
}

.list_news .news_cat {
  margin-left: 0;
  order: 1;
  text-align: left;
}

.list_news a:hover span:not(.news_cat) {
  text-decoration: underline;
}

.list_news li a,
.list_news .news_title,
.list_news .news_source {
  display: block;
}

.news_title,
.news_title a {
  color: #ff6579;
}

.news_title > a:hover {
  text-decoration: underline;
}

.news_title li a {
  color: #3989d7;
  text-decoration: underline;
}

.news_title ul {
  list-style: disc;
  margin: 0.5em 0 0 1.5em;
}

.news_title li {
  color: #666;
  font-size: 0.8em;
  font-weight: normal;
}

.news_title ul.kikaku_shiken {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 2em;
}

.news_title ul:not(.kikaku_shiken) li:not(:first-child) {
  margin-top: 0.25em;
}

.news_cat_thumb a {
  display: block;
  position: relative;
}

.news_cat_thumb img {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.list_news .news_title {
  flex: 2;
  order: 2;
  padding-left: 1em;
}

.list_news .news_source {
  flex: 1;
  font-size: small;
  order: 3;
}

.news_catlist {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  justify-content: flex-start;
  margin-top: 0.5em;
}

.news_catlist li {
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 0.3rem;
  color: #808080;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 0.2rem 0.5rem;
}

#search_result_box ul {
  display: block;
  height: 20vw;
  min-height: 15rem;
  overflow-y: auto;
}

/*-------------------------------------------*/
/*	News topics
/*-------------------------------------------*/
.top_topics {
  background: #ffe3e9;
  display: block;
  padding: 1em 1.5em 2em;
}

.top_topics > li {
  display: grid;
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
}

.top_topics > li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.top_topics > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.top_topics .news_date::after {
  background: #ff6579;
  color: #fff;
  content: "注目ニュース";
  display: inline-block;
  font-size: 1.2rem;
  margin-left: 1rem;
  padding: 0 0.5rem;
  vertical-align: top;
}

/*-------------------------------------------*/
/*	topics
/*-------------------------------------------*/
.area_topics {
  background-color: #d3eaff;
  padding: 4rem 0;
}

.list_topics {
  display: block;
}

.list_topics li,
.list_topics a,
.list_topics img,
.list_topics span {
  display: block;
}

.list_topics li {
  background-color: #fff;
  border: 2px solid #fff;
  box-sizing: border-box;
  position: relative;
}

.list_topics li {
  position: relative;
  overflow: hidden;
}

.list_topics li:hover {
  border-color: #2a7bca;
}

.list_topics .rbn_new {
  background: #ff9d12;
  color: #fff;
  height: 1.6em;
  left: 0;
  line-height: 1.6;
  position: absolute;
  text-align: center;
  top: 0;
  transform: rotate(-30deg) translate(-2.5em, -0.5em);
  width: 10em;
  z-index: 10;
}

.list_topics a {
  box-sizing: border-box;
  color: #333;
  overflow: hidden;
  text-align: center;
}

.list_topics img {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.list_topics span[class^="topics_"],
.list_topics span[class*=" topics_"] {
  display: block;
  height: 10rem;
  overflow: hidden;
  position: relative;
}

.list_topics .topics_no_image {
  background-color: #eee;
}

.list_topics .topics_no_image img {
  height: auto;
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.list_topics img,
.list_topics .topics_no_image {
  width: 100%;
}

.list_topics a dl,
.list_topics a dt,
.list_topics a dd,
.list_topics a p {
  display: block;
  margin: 0;
}

.list_topics a dt,
.list_topics a dd {
  padding: 0;
}

.list_topics a dl,
.list_topics a p {
  padding: 1rem;
}

.list_topics a dt,
.list_topics a p {
  font-weight: 700;
}

.list_topics a[target="_blank"] dd::after {
  content: url("../img/common/icon-blank.png");
  display: inline-block;
  height: 1.6rem;
  line-height: 0;
  margin: 0 0 0 1rem;
  width: 2rem;
}

.list_topics a p {
  text-align: center;
}

/*-------------------------------------------*/
/*	広告
/*-------------------------------------------*/
.contents.top_auto-ad img {
  height: auto;
  width: 100%;
}

.area_ad {
  padding: 4rem 0;
}

.slick-dotted.multiple-items {
  margin-bottom: 2rem;
}

.area_ad .slick-initialized .slick-slide img {
  margin: 0 auto;
}

.area_ad .slick-initialized .slick-slide a:hover img {
  opacity: 0.7;
}

.slick-dots {
  bottom: -4rem;
}

.slick-dots li button {
  box-sizing: border-box;
  background-color: #ddd;
  border-radius: 100%;
  height: 1rem;
  width: 1rem;
}

.slick-dots li.slick-active button {
  background-color: #e5eeff;
}

.slick-dots li button:before {
  content: "";
  display: none;
}

/*-------------------------------------------*/
/*	about
/*-------------------------------------------*/
.area_about {
  background-color: #e5eeff;
  padding: 4rem 0 8em;
}

.area_about .contents {
  overflow: hidden;
}

.area_about img {
  display: block;
  margin: 0 auto 2rem;
}

.area_about a {
  color: #333;
}

/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/

/* スマホ縦サイズ
/*-------------------------------------------*/
@media screen and (max-width: 479px) {
  .list_news .news_title {
    margin: 0.5rem 0;
  }

  .list_topics a dd {
    font-size: 1.5rem;
  }

  .list_topics li {
    margin: 2em 0 0 0;
  }

  .list_topics li:nth-child(even) {
    background-color: #f0f5ff;
    border-color: #f0f5ff;
  }

  .list_topics li:nth-child(odd) .topics_image {
    background-color: #fff;
  }

  .list_topics li:nth-child(even) .topics_image {
    background-color: #f0f5ff;
  }
}

@media screen and (min-width: 480px) {
  /*	topics
  /*-------------------------------------------*/
  .list_topics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .list_topics li {
    width: calc(98% / 2);
  }
}

/* pc iPad3より大きい場合
/*-------------------------------------------*/
@media screen and (max-width: 769px) {
  .list_industry li {
    margin: 1rem;
  }

  .list_industry label {
    padding: 1rem;
  }

  .list_industry img {
    max-height: 2em;
  }

  .news_cat_thumb,
  .news_cat_thumb img {
    width: 100%;
  }

  .news_cat_thumb {
    height: 8rem;
    margin: 0 0 1rem;
    overflow: hidden;
    padding-right: 0;
    position: relative;
  }

  .list_news li {
    display: block;
    padding-right: 1rem;
  }

  .list_news .news_title {
    padding-left: 0;
  }

  .list_news .news_source {
    text-align: right;
  }

  .copy_area {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .copy_area {
    background-color: rgba(240, 245, 255, 0.9);
    border: 4px solid #2b7bc9;
    display: block;
    margin: 0 auto 3rem;
    max-width: 68rem;
    padding: 1em;
    text-align: center;
  }

  .emphasis {
    font-size: 3rem;
  }

  .copy-mainbtn strong {
    font-size: 2.6rem;
  }

  .copy-mainbtn a {
    color: #444;
    font-size: 2rem;
  }

  .top_copy {
    font-size: 2.2rem;
    line-height: 2;
    margin: 0;
  }

  .pu_point,
  .emphasis {
    color: #2b7bc9;
  }

  .pu_point {
    background-color: #fff;
    box-shadow: 0 0 1rem #999;
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 700;
    height: 1.8em;
    line-height: 1.8em;
    margin-right: 1.5rem;
    padding: 0 1rem;
    position: relative;
  }

  .pu_point::before {
    display: inline-block;
    content: "";
    background: url(../img/top/icon_pu_point.png) 0 0 no-repeat;
    height: 2.1rem;
    width: 4rem;
    vertical-align: middle;
  }

  .pu_point::after {
    bottom: -1rem;
    content: "";
    border-left: 1.5rem solid transparent;
    border-top: 1rem solid #ccc;
    left: 0;
    position: absolute;
  }

  .txt_etc {
    font-size: 2.2rem;
  }

  .emphasis {
    font-size: 3.6rem;
    margin: 0 0.5rem;
  }

  .area_search {
    padding-bottom: 4rem;
  }

  /* 検索条件のボタン（PC用） */
  .retrieval_method,
  .retrieval_method li,
  .retrieval_method button {
    height: 5.4rem;
  }

  .retrieval_method li,
  .retrieval_method button {
    display: block;
    box-sizing: border-box;
    line-height: 5.4rem;
    text-align: center;
  }

  .retrieval_method {
    display: flex;
    font-size: 1.8rem;
    font-weight: 900;
    position: absolute;
    overflow: hidden;
    top: -5.4rem;
    width: 100%;
  }

  .retrieval_method li {
    width: calc(100% / 4);
    z-index: 10;
  }

  .retrieval_method li:not(:first-child) {
    border-left: 2px solid #2c7bca;
  }

  .retrieval_method button {
    background-color: #f0f5ff;
    border: 0;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .retrieval_method button:focus {
    outline: none;
  }

  .retrieval_method button::after {
    font-size: 1.8rem;
  }

  .retrieval_method li:first-child button::after {
    content: "試験・規格から探す";
  }

  .retrieval_method li:nth-child(2) button::after {
    content: "地域から探す";
  }

  .retrieval_method li:nth-child(3) button::after {
    content: "業界から探す";
  }

  .retrieval_method li:last-child button::after {
    content: "複数条件で探す";
  }

  .retrieval_method .slick-active button,
  .retrieval_method button:hover,
  .retrieval_method .slick-active button::before,
  .retrieval_method button:hover::before {
    background-color: #2c7bca;
    color: #fff;
  }

  .retrieval_method li:not(.slick-active) button:hover {
    box-shadow: 2px 0 0 #fff inset, -2px 0 0 #fff inset, 0 2px 0 #fff inset, 0 -2px 0 #fff inset;
  }

  .for_sp {
    display: none;
  }

  .search_box {
    display: block;
  }

  .list_news .news_cat {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6em;
  }

  /*	search_industry
  /*-------------------------------------------*/
  #search_industry .inn_search_box {
    padding: 2.5rem 0 0 0;
  }

  .list_industry {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0.2rem;
    padding: 0;
  }

  .list_industry li {
    box-sizing: border-box;
    margin: 0 0 2.5rem 0;
    text-align: center;
    width: 15rem;
  }

  .list_industry label,
  .list_industry span {
    box-sizing: border-box;
    display: block;
  }

  .list_industry label,
  .list_industry span.title_industry {
    width: 12rem;
  }

  .list_industry label {
    margin: 0 auto;
    padding: 0;
  }

  .list_industry span.title_industry {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 2px 0 0 0;
    text-align: center;
  }

  .list_industry span.title_industry::before {
    border-radius: 100%;
    display: block;
    height: 9rem;
    margin: 0 auto 0.5rem;
    width: 9rem;
  }

  .list_industry label:hover span::before {
    box-shadow: 2px 0 0 #2c7bca inset, 0 2px 0 #2c7bca inset, -2px 0 0 #2c7bca inset, 0 -2px 0 #2c7bca inset;
  }

  .list_industry label:hover span {
    background: #e5eeff;
  }

  /*	search_test_name
  /*-------------------------------------------*/
  .list_test_name {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem 3rem 0 3rem;
  }

  .list_test_name li,
  .list_test_name a {
    display: inline-block;
    height: 2em;
    line-height: 2em;
  }

  .list_test_name a {
    border-radius: 1em;
  }

  .slick-dotted.multiple-items {
    margin-bottom: 4rem;
    padding-top: 2rem;
  }

  .area_ad .slick-initialized li.slick-slide span {
    margin: 0 auto;
  }

  .area_about img {
    margin: 0 0 0 3rem;
  }

  .area_about .leftbox {
    width: 65%;
  }

  .top_topics > li {
    grid-template-columns: 12rem 1fr;
    gap: 0 2rem;
  }

  .news_cat_thumb {
    width: 12rem;
  }

  .news_cat_thumb a {
    height: 6.8rem;
    overflow: hidden;
  }

  .news_cat_thumb img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 480px) and (max-width: 959px) {
  .list_topics li:nth-child(-n + 2) {
    margin: 0;
  }

  .opt_corner li {
    width: 48%;
  }
}

/*	フルサイズ（BizVektor）
/*-------------------------------------------*/
@media screen and (min-width: 960px) {
  .area_ad .slick-initialized li.slick-slide:nth-child(4n) span {
    margin: 0 0 0 auto;
  }

  .area_ad .slick-initialized li.slick-slide:first-child span,
  .area_ad .slick-initialized li.slick-slide:nth-child(4n + 1) span {
    margin: 0 auto 0 0;
  }

  .area_ad .slick-initialized li.slick-slide:nth-child(4n - 2) span {
    margin: 0 20px 0 10px;
  }

  .area_ad .slick-initialized li.slick-slide:nth-child(4n - 1) span {
    margin: 0 10px 0 20px;
  }

  /*	topics
  /*-------------------------------------------*/
  .list_topics {
    display: grid;
    display: -ms-grid;
    grid-gap: 2em 2%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 2% 1fr 2% 1fr 2% 1fr;
    grid-template-rows: auto auto auto auto;
    -ms-grid-rows: auto 2em auto 2em auto 2em auto;
  }

  .list_topics li {
    display: flex;
  }

  .list_topics li:nth-child(1),
  .list_topics li:nth-child(5),
  .list_topics li:nth-child(9),
  .list_topics li:nth-child(13) {
    grid-column: 1/2;
    -ms-grid-column: 1;
  }

  .list_topics li:nth-child(2),
  .list_topics li:nth-child(6),
  .list_topics li:nth-child(10) {
    grid-column: 2/3;
    -ms-grid-column: 3;
  }

  .list_topics li:nth-child(3),
  .list_topics li:nth-child(7),
  .list_topics li:nth-child(11) {
    grid-column: 3/4;
    -ms-grid-column: 5;
  }

  .list_topics li:nth-child(4),
  .list_topics li:nth-child(8),
  .list_topics li:nth-child(12) {
    grid-column: 4/5;
    -ms-grid-column: 7;
  }

  .list_topics li:nth-child(-n + 4) {
    grid-row: 1/2;
    -ms-grid-row: 1;
    margin-top: 0;
  }

  .list_topics li:nth-child(5),
  .list_topics li:nth-child(6),
  .list_topics li:nth-child(7),
  .list_topics li:nth-child(8) {
    grid-row: 2/3;
    -ms-grid-row: 3;
  }

  .list_topics li:nth-child(9),
  .list_topics li:nth-child(10),
  .list_topics li:nth-child(11),
  .list_topics li:nth-child(12) {
    grid-row: 3/4;
    -ms-grid-row: 5;
  }

  .list_topics li:nth-child(13) {
    grid-row: 4/5;
    -ms-grid-row: 7;
  }

  .list_topics li,
  .list_topics li:nth-child(even) {
    background: transparent;
    border: 0;
    width: auto;
  }

  .list_topics a {
    background: #fff;
    border: 2px solid #fff;
    overflow: hidden;
    width: 100%;
  }

  .list_topics a:hover {
    border-color: #2a7bca;
  }

  .area_about .leftbox {
    width: 75%;
  }
}