@charset "UTF-8";
main .mv {
  height: 94vh;
  width: 96%;
}
main .mv .video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(89, 177, 210, 0.2);
  z-index: 2;
  pointer-events: none;
  height: 90vh;
}
main .mv .video_wrp {
  position: relative;
  width: 100%;
  height: 90vh;
}
main .mv .video_wrp video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  display: block;
  pointer-events: none;
  z-index: 1;
}
main .mv .txt_wap {
  bottom: 20vh;
  background-image: url(../img/top/mv_bg01.svg), url(../img/top/mv_bg02.svg);
  background-size: contain, auto;
  background-position: center bottom, top left 10px;
  background-repeat: no-repeat;
  z-index: 32;
}
main .mv .txt_wap h2 {
  text-shadow: 1px 1px 2px #333;
}
main .recruit_mv02 {
  height: 80vh;
}
main .recruit_mv02 .video_overlay {
  height: 80vh;
}
main .recruit_mv02 .video_wrp {
  height: 80vh;
}
main .recruit_mv02 .txt_wap02 {
  bottom: 5vh;
  z-index: 32;
  top: initial;
}
main .sub_mv {
  height: 45vh;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
}
main .sub_mv .f_en_italic {
  background-image: url(../img/top/mv_bg01.svg);
  background-size: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: fit-content;
  padding-top: 20vh;
}
main .top_about_section_top {
  background-image: url(../img/common/bg01.svg);
  background-position: top left;
  background-repeat: no-repeat;
}
main .top_about_section .bg_box01 {
  bottom: 0;
  right: 0;
  height: 160px;
  border-radius: 20px 0 0 0;
}
main .other_section {
  background-image: url(../img/common/bg02.svg), url(../img/common/bg01.svg);
  background-position: top left, bottom -20px right -20px;
  background-repeat: no-repeat;
}
main .other_section .left_box {
  margin-top: 400px;
}
main .recruit_mv {
  height: 92vh;
  width: 96%;
  z-index: 10;
  min-height: 850px;
}
main .recruit_mv .video_wrp {
  position: relative;
  width: 100%;
  height: 100%;
}
main .recruit_mv .video_wrp video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  display: block;
  pointer-events: none;
}
main .recruit_mv .txt_wap {
  right: 0;
  top: 5vh;
}
main .recruit_mv .txt_wap .ttl_wap {
  background-image: url(../img/top/recruit_mv_bg01.svg);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-left: 12%;
}
main .recruit_mv .txt_wap .ttl_wap .en_ttl {
  top: -80px;
  left: 120px;
}
main .recruit_mv .txt_wap .txt01 {
  padding-left: 12%;
  max-width: 600px;
}
main .recruit_mv .txt_wap .btn_wap {
  padding-left: 12%;
}
main .top_career_section {
  max-height: 870px;
  z-index: 10;
}
main .top_career_section .ttl_wap {
  top: 0;
  left: 0;
  height: 100px;
  border-radius: 0 0 20px 0;
}
main .top_career_section .ttl_wap .frame_bg04 {
  bottom: -21px;
}
main .top_career_section .ttl_wap .frame_bg03 {
  right: -21px;
}
main .top_career_section .ttl_wap p {
  line-height: 1;
  position: relative;
  font-size: 5vw;
}
main .top_career_section.top_career_section02 .ttl_wap {
  left: initial;
  right: 0;
  padding-right: 25%;
}
main .top_career_section.top_career_section02 .ttl_wap {
  border-radius: 0 0 0 20px;
}
main .recruit_top .inner {
  background-image: url(../img/recruit/bg_01.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top;
  max-width: 500px;
  z-index: 10;
}
main .recruit_top .bg_box01 {
  bottom: 0;
  right: 0;
  height: 100px;
  border-radius: 20px 0 0 0;
}
main .recruit_top .img_wap.img_wap_right {
  right: -12vw;
  left: initial;
}
main .recruit_top .img_wap.img_wap_right .img01_box {
  position: relative;
  top: -7vw;
  right: -19vw !important;
}
main .recruit_top .img_wap.img_wap_right .img02_box {
  right: -9vw !important;
}
main .recruit_top .img_wap.img_wap_left {
  left: -3vw;
}
main .recruit_top .img_wap.img_wap_left .img01_box {
  position: relative;
  top: -5vw;
  left: 8vw !important;
}
main .recruit_top .img_wap.img_wap_left .img02_box {
  position: relative;
  left: 30vw !important;
}
main .recruit_top .img_wap.img_wap_left .img03_box {
  position: relative;
  top: 6vw;
  left: 4vw !important;
}
main .recruit_top .frame_bg01 {
  bottom: 100px;
}
main .number_section {
  background-image: url(../img/common/bg04.svg);
  background-repeat: no-repeat;
  background-position: top -30px left;
}
main .number_section .box_wap .box .number_bg01 {
  position: relative;
  left: 10px;
}
main .number_section .star_wap {
  top: -200px;
  right: -12vw;
}
main .number_section .inner .box_wap .box01 .f_54 {
  font-size: min(56px, 3.8vw);
}
main .manufacture_section {
  background-image: url(../img/common/bg05.svg);
  background-repeat: no-repeat;
  background-position: top -100px left -100px;
}
main .manufacture_section .ttl01 {
  border: 1px solid #F26100;
  border-radius: 20px 20px 0 0;
  border-bottom: none;
  position: relative;
  z-index: 12;
  top: 2px;
}
main .manufacture_section .item_wap {
  border: 1px solid #F26100;
  position: relative;
  z-index: 10;
}
main .manufacture_section .item_wap .txt_wap h4 .nam {
  background-image: url(../img/top/arrow_wap_orange01.svg);
  padding: 10px 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
main .manufacture_section .star_wap {
  top: -300px;
  left: 2vw;
  z-index: -1;
}
main .recruit_other_section .star_wap {
  top: -400px;
  right: -12vw;
}
main .recruit_sub_main_txt {
  background-image: url(../img/common/bg06.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
main .recruit_sub_main_txt .star_wap {
  top: -200px;
  right: -10vw;
}
main .recruit_sub_section01 .star_wap {
  top: -200px;
  left: 2vw;
}
main .recruit_sub_section01 .inner {
  background-repeat: no-repeat;
  max-width: 1900px;
  width: 95%;
}
main .recruit_sub_section01 .inner .txt_wap {
  max-width: 850px;
}
main .recruit_sub_section01 .inner .img01 {
  bottom: -77%;
  max-width: 90%;
}
main .recruit_sub_section01 .inner.inner01 {
  background-position: left 50px top 50px;
  border-radius: 20px 0 0 20px;
}
main .recruit_sub_section01 .inner.inner01 .txt_wap {
  margin: 0 5% 0 25%;
}
main .recruit_sub_section01 .inner.inner01 .img01 {
  left: 6%;
}
main .recruit_sub_section01 .inner.inner02 {
  background-position: right 50px top 50px;
  border-radius: 0 20px 20px 0;
}
main .recruit_sub_section01 .inner.inner02 .txt_wap {
  margin: 0 5% 0 20%;
}
main .recruit_sub_section01 .inner.inner02 .img01 {
  left: 20%;
}
main .recruit_sub_section01 .bg_wap {
  height: 300px;
}
main .recruit_sub_section02 .inner .img_wap .bg_wap {
  height: 150px;
}
main .recruit_sub_section02 .inner .img_wap .bg_wap .bg01 {
  bottom: -20px;
}
main .recruit_sub_section02 .inner .img_wap .bg_wap .bg02 {
  bottom: -20px;
  right: 0;
}
main .recruit_sub_section02 .inner .img_wap > img {
  top: 80px;
}
main .recruit_sub_section02.recruit_sub_section02_01 .inner .txt_wap {
  border-radius: 20px 0 20px 20px;
}
main .recruit_sub_section02.recruit_sub_section02_01 .inner .img_wap .bg_wap {
  border-radius: 0 20px 20px 0;
}
main .recruit_sub_section02.recruit_sub_section02_01 .star_wap {
  top: 48vw;
  right: 3%;
}
main .recruit_sub_section02.recruit_sub_section02_02 .inner .txt_wap {
  border-radius: 0 20px 20px 20px;
}
main .recruit_sub_section02.recruit_sub_section02_02 .inner .img_wap .bg_wap {
  border-radius: 20px 0 0 20px;
}
main .recruit_sub_section02.recruit_sub_section02_02 .star_wap {
  top: 48vw;
  left: 3%;
}
main .recruit_sub_section02.recruit_sub_section02_bg {
  background-image: url(../img/common/bg02.svg);
  background-repeat: no-repeat;
  background-position: top 70px left -23vw;
}
main .recruit_sub_section03 .inner .btn_wap {
  border-radius: 0 0 20px 20px;
  position: relative;
  top: -2px;
  border-top: none;
}
main .recruit_sub_section04 {
  background-image: url(../img/common/bg01.svg), url(../img/common/bg07.svg);
  background-position: top left 5%, bottom 100px right 0;
  background-repeat: no-repeat;
}
main .recruit_sub_section04 .star_wap {
  bottom: 5%;
  right: 5%;
}
main .recruit_sub_section04 .bg12 {
  top: 0;
  right: -20px;
}
main .recruit_sub_section04 .ttl_wap .ttl_img_wap {
  border-radius: 20px 20px 0 0;
}
main .recruit_sub_section04 .ttl_wap .ttl_img_wap .bg11 {
  bottom: 0;
  left: -40px;
}
main .recruit_sub_section04 .txt_wap {
  border-radius: 20px 0 20px 0;
  z-index: 10;
  position: relative;
}
main .recruit_sub_section04 .inner02 .txt_box:nth-child(1) {
  border-right: 1px solid #F26100;
}
main .inner03 .txt_box {
  border-radius: 0 0 20px 20px;
}
main.career .recruit_sub_section04 .txt_wap {
  border-radius: 20px 0 20px 20px;
}
main .recruit_sub_section05 {
  background-image: url(../img/common/bg01.svg);
  background-position: top 30px left 5%;
  background-repeat: no-repeat;
  background-size: auto;
}
main .recruit_sub_section05 .inner02 .txt_box:nth-child(1) {
  border-right: 1px solid #F26100;
}
main .recruit_flow {
  background-image: url(../img/common/bg01.svg);
  background-position: top 30px left 5%;
  background-repeat: no-repeat;
  background-size: auto;
}
main .faq_item .faq_ttl {
  top: 0;
  left: 0;
}
main .faq_item .faq_item_q {
  cursor: pointer;
}
main .faq_item .faq_item_q .material-symbols-outlined {
  transition: 0.4s;
}
main .faq_item .faq_item_q .material-symbols-outlined.open {
  transform: rotate(180deg);
  transition: 0.4s;
}
main .faq_item .faq_item_a {
  border-top: 1px solid #F26100;
}
main .recruit_faq .inner01 {
  background-color: rgba(255, 255, 255, 0.5);
}
main .recruit_sub_section06 .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
main .recruit_sub_section06 .inner .txt_wap {
  top: 70%;
}
main .recruit_sub_section06.recruit_sub_section06_01 .inner {
  padding: 6% 20px 17% 100px;
}
main .recruit_sub_section06.recruit_sub_section06_01 .inner .txt_wap {
  padding: 1.5vw 20px 1.5vw 5%;
  left: 0;
  width: 37%;
}
main .recruit_sub_section06.recruit_sub_section06_02 .inner {
  padding: 6% 0 17% 37vw;
}
main .recruit_sub_section06.recruit_sub_section06_02 .inner .txt_wap {
  padding: 1.5vw 20px 1.5vw 5%;
  right: 0;
  width: 36%;
}
main .company_section01 {
  background-image: url(../img/company/bg01.png);
  background-position: top left -30%;
  background-repeat: no-repeat;
}
main .company_section01 .inner {
  border: 1px solid #268BFF;
  border-bottom: 1px solid #268BFF;
  border-left: 1px solid #268BFF;
  border-left: 1px solid #268BFF;
  overflow: unset;
}
main .company_section01 .inner .ttl_wap {
  border-radius: 0 0 20px 0;
  border-right: 1px solid #268BFF;
  border-bottom: 1px solid #268BFF;
  overflow: unset;
  z-index: 1000;
  top: -1px;
  left: -1px;
}
main .company_section01 .inner .txt_wap table {
  max-width: 90%;
}
main .frame_bg03 {
  right: -28px;
}
main .frame_bg04 {
  bottom: -29px;
}

/*********************************************************************
お問い合わせ
/*********************************************************************/
main .contact01 .star_wap {
  top: -200px;
}

main .contact01 .contact01_inner .forw_wrap form table {
  width: 100%;
}

main .contact01 .contact01_inner .forw_wrap form table tr th, main .contact01 .contact01_inner .forw_wrap form table tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
}

main .contact01 .contact01_inner .forw_wrap form table tr th {
  padding-left: 20px;
  padding-right: 20px;
  width: 30%;
}

main .contact01 .contact01_inner .forw_wrap form table tr td {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

main .contact01 .contact01_inner .forw_wrap form table tr td.d-flex input {
  width: auto;
}

main .contact01 .contact01_inner .forw_wrap form table tr td input, main .contact01 .contact01_inner .forw_wrap form table tr td textarea {
  width: 100%;
  border: 1px solid #cccccc;
  padding: 15px 20px;
  border-radius: 10px;
}

main .contact01 .contact01_inner .forw_wrap form .submit_wrap .submit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 60px;
  font-size: 24px;
  border-radius: 50px;
  background-color: #F26100;
  color: #FFFFFF;
  letter-spacing: 2px;
  border: 1px solid #F26100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

main .contact01 .contact01_inner .forw_wrap form .submit_wrap .submit:hover {
  background-color: #FFFFFF;
  color: #F26100;
}

main .contact01 .contact01_inner .forw_wrap .pp_wrap {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #222042;
}

main .contact01 .contact01_inner .forw_wrap .file {
  border: none;
  padding: 10px 0;
}

main .greeting_section01 {
  background-image: url(../img/greeting/bg01.png), url(../img/greeting/bg02.png);
  background-size: 100% auto;
  background-position: top center, bottom center;
  background-repeat: no-repeat;
}
main .greeting_section01 .ttl_inner .ttl_box {
  background-image: url(../img/greeting/bg03.svg);
  background-size: auto;
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  left: -100px;
  padding: 50px 50px 0 0;
}
main .greeting_section01 .txt_inner h3 .bg03 {
  top: -15px;
  left: -24px;
}
main .blog_list01 {
  width: 165px;
}
main .blog_list01 a {
  display: flex;
  align-items: center;
}

main .news_s_box_txt p {
  padding: 5px 0;
  word-break: break-all;
  font-weight: 500;
}

main .news_s_box_txt p::after {
  content: "";
  display: block;
  clear: both;
}

main .news_s_box_txt img {
  max-width: 100%;
  height: auto;
  margin: 20px 0;
}

main .blocks-gallery-item img {
  margin: 0;
}

main .news_s_box_txt a {
  color: #2362BF; /*←好きな色を入れてください。*/
  transition: 0.3s;
  font-weight: bold;
}

main .news_s_box_txt a.wp-block-button__link {
  color: #fff;
}

main .news_s_box_txt a:hover {
  opacity: 0.6;
  transition: 0.3s;
}

main .news_s_box_txt p strong span,
main .news_s_box_txt p strong {
  font-weight: bold;
}

main .news_s_box_txt .alignleft {
  float: left;
  margin: 20px 20px 20px 0; /*←好きな余白で*/
}

main .news_s_box_txt .alignright {
  float: right;
  margin: 20px 0px 20px 20px; /*←好きな余白で*/
}

main .news_s_box_txt img.aligncenter {
  display: block;
  margin: auto;
}

main .news_s_box_txt img.alignnone {
  display: block;
}

main .news_s_box_txt ul li {
  list-style-type: disc;
}

main .news_s_box_txt ol li {
  list-style-type: decimal;
}

main .news_s_box_txt iframe {
  max-width: 100%;
}

main .news_s_box_txt p.has-text-align-center {
  text-align: center;
}

main .news_s_box_txt p.has-text-align-right {
  text-align: right;
}

main .news_s_box_txt h1 {
  font-size: 30px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
}

main .news_s_box_txt h2 {
  font-size: 26px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
  border-bottom: solid 2px #C1CCCC; /*←好きな色を入れてください。*/
  position: relative;
}

main .news_s_box_txt h2::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #268BFF; /*←好きな色を入れてください。*/
  bottom: -2px;
  width: 20%;
}

main .news_s_box_txt h3 {
  font-size: 24px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
  border-left: solid 5px #268BFF; /*←好きな色を入れてください。*/
  background: #FFFFFF; /*←好きな色を入れてください。*/
  padding-left: 10px;
}

main .news_s_box_txt h4 {
  font-size: 22px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
  position: relative;
  padding-left: 23px;
}

main .news_s_box_txt h4:after {
  position: absolute;
  content: "●";
  top: 50%;
  -webkit-transform: translate(0, -50%);
  /* Safari用 */
  transform: translate(0, -50%);
  left: 0;
  font-size: 16px;
  color: #268BFF; /*←好きな色を入れてください。*/
}

main .news_s_box_txt h5 {
  font-size: 18px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
}

main .news_s_box_txt h6 {
  font-size: 16px; /*←好きな大きさで*/
  margin-bottom: 15px;
  font-weight: 700;
}

main .wp-pagenavi {
  display: flex;
  justify-content: center; /*←左寄せになります。*/
  flex-wrap: wrap;
  width: 100%;
}

main .wp-pagenavi a, main .wp-pagenavi span,
main .page-numbers, main .wp-pagenavi .current, main .wp-pagenavi .page, main .previouspostslink, main .nextpostslink, main #pagenavi a.last, main #pagenavi a.first {
  border: 1px solid #268BFF !important; /*←好きな色を入れてください。*/
  background-color: #268BFF; /*←好きな色を入れてください。*/
  padding: 12px 17px;
  color: #fff; /*←好きな色を入れてください。*/
  font-size: 20px;
  line-height: 16px;
  font-weight: bold;
  margin: 5px;
  font-family: "Space Mono", monospace; /*←好きなフォントを入れてください。*/
}

main .previouspostslink:hover,
main .nextpostslink:hover,
main .wp-pagenavi .page:hover {
  background: #fff; /*←好きな色を入れてください。*/
  border: 1px solid #268BFF !important; /*←好きな色を入れてください。*/
  color: #268BFF !important; /*←好きな色を入れてください。*/
  opacity: 1;
}

main .wp-pagenavi .current {
  background: #fff; /*←好きな色を入れてください。*/
  color: #268BFF; /*←好きな色を入れてください。*/
}