@charset "UTF-8";
/*==========================================
  Common
==========================================*/
html {
    font-size: calc(100vw / 140);
}

/* base
==================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
li,
ol,
dl,
dd,
tr {
  font-size: 1.6rem;
}


/* main
==================================*/
.anchor_wrap .anchor {
  top: -12.5rem;
}

/*　Retina対応時のCSS↓　*/
/* header
==================================*/
header {
  left: 5rem;
  top: 3.8rem;
  right: 5rem;
}

header .header_inner .logo {
  width: 26.4rem;
}

header .header_links {
  gap: 4rem;
}

header .header_links .header_links_entry a {
  font-size: 2.4rem;
}

header .header_links .header_links_entry a span {
  padding: 0 0 .6rem;
}

header .header_links .header_links_entry a:hover span {
  transform: translateY(.6rem);
}

header .header_links .header_links_entry a span:before,
header .header_links .header_links_entry a span:after {
  height: .3rem;
}

header .header_links .header_links_entry a span:before {
  top: -.6rem;
}

header #menu-toggle {
  width: 6rem;
  height: 2.7rem;
}

header #menu-toggle .menu-line {
  height: .3rem;
}
header #menu-toggle .menu-line:nth-child(1).show {
  transform: translateY(1.2rem) rotate(30deg);
}

header #menu-toggle .menu-line:nth-child(3).show {
  transform: translateY(-1.2rem) rotate(-30deg);
}


header .g-navi {
  padding: 10rem 0;
  border-radius: 0 0 2rem 2rem;
}

header .g-navi .g-navi_inner {
  max-width: 124rem;
  padding: 0 2rem;
}

header .g-navi .g-navi_top {
  gap: 4rem;
}

header .g-navi .g-navi_logo {
  width: 42.4rem;
}

header .g-navi .g-navi_navi {
  padding: 3.3rem 3rem 0 0;
}

header .g-navi .g-navi_navi > ul {
  width: 28rem;
}

header .g-navi .g-navi_navi > ul > li + li {
  margin-top: 3.8rem;
}

header .g-navi .g-navi_navi > ul > li > a .eng {
  font-size: 3rem;
}

header .g-navi .g-navi_navi > ul > li > a .jap {
  font-size: 1.1rem;
}

header .g-navi .g-navi_navi .sub_menu {
  border-left: .1rem solid #EEEEEE;
  padding-left: 1.5rem;
  margin-top: 2.1rem;
}

header .g-navi .g-navi_navi .sub_menu li {
  font-size: 1.4rem;
}

header .g-navi .g-navi_navi .sub_menu li + li {
  margin-top: 1.4rem;
}

header .g-navi .g-navi_navi .sub_menu a {
  font-size: 1.4rem;
}

header .g-navi .g-navi_bottom a {
  gap: 1.6rem;
  font-size: 6rem;
}

header .g-navi .g-navi_bottom a:after {
  width: 9rem;
  height: 9rem;
  padding: 4.5rem;
}

header .g-navi .g-navi_bottom a .link_maru {
  width: 9rem;
  height: 9rem;
}

header .g-navi .g-navi_bottom a .link_maru:before {
  background-size: 1.4rem auto;
}

header .g-navi .g-navi_bottom a .link_maru:after {
  background-size: 1.4rem auto;
  left: -100%;
}

header .g-navi .g-navi_bottom a:hover:after {
  padding: .2rem;
}


/* footer
==================================*/
footer {
  padding: 0 2rem 3rem;
}

footer .svgline {
  right: 65.1rem;
  transform: translateY(10rem);
}

footer .footer_inner {
  border-radius: 2rem;
  padding: 2.2rem 9rem 4.5rem 7.7rem;
}

footer .footer_recruit .footer_recruit_links {
  padding-right: 19rem;
}

footer .footer_links_entry a {
  font-size: 10rem;
}

footer .footer_links_entry a:after {
  width: 24.4rem;
  height: 24.4rem;
  padding: .2rem;
  left: calc(100% + .5rem);
}

footer .footer_links_entry a .link_maru {
  width: 24.3rem;
  height: 24.3rem;
  left: calc(100% + .5rem);
}

footer .footer_links_entry a .link_maru:before {
  background-size: 2.8rem auto;
}

footer .footer_links_entry a .link_maru:after {
  background-size: 2.8rem auto;
}

footer .footer_links_entry a:hover:after {
  padding: 12.2rem;
}

footer .footer_links_requirement a {
  padding: 0 0 .4rem;
  border-bottom: .3rem solid #182C5B;
  font-size: 2.8rem;
}

footer .footer_links_requirement a span {
  padding-left: 3.4rem;
}

footer .footer_links_requirement a span:before,
footer .footer_links_requirement a span:after {
  width: 1.8rem;
  height: 1.8rem;
}

footer .footer_links_requirement a span:after {
  left: calc(100% + 1.6rem);
}

footer .footer_links_requirement a:hover span  {
  transform: translateX(-3.4rem);
}

footer .footer_box {
  margin-top: 11.5rem;
  gap: 2rem;
}


footer .footer_box .footer_logo {
  width: 25rem;
}

footer .footer_site a {
  font-size: 1.1rem;
  gap: .4rem;
}

footer .footer_site a:after {
  width: 1.1rem;
  height: 1.1rem;
}

footer .footer_box .footer_box_navi {
  gap: 3rem;
}

footer .footer_box .footer_box_navi > ul > li + li {
  margin-top: 3.2rem;
}

footer .footer_box .footer_box_navi > ul > li > a .eng {
  font-size: 2.4rem;
}

footer .footer_box .footer_box_navi > ul > li > a .jap {
  font-size: 1.1rem;
}

footer .footer_box .footer_box_navi .sub_menu {
  border-left: .1rem solid #EEEEEE;
  padding-left: 1.5rem;
  margin-top: 1.6rem;
}

footer .footer_box .footer_box_navi .sub_menu li {
  font-size: 1.2rem;
}

footer .footer_box .footer_box_navi .sub_menu li + li {
  margin-top: 1.2rem;
}

footer .footer_box .footer_box_navi .sub_menu a {
  font-size: 1.2rem;
}

footer .footer_copyright {
  height: 3rem;
  padding: 0 1rem;
  font-size: 1rem;
}

footer .footer_copyright a {
  margin-right: 2.1rem;
}

footer .footer_copyright a:after {
  right: -1.1rem;
  width: .1rem;
  height: .8rem;
}


/* MV
==================================*/
.main_visual {
}


/* teaser
==================================*/
.teaser {
  padding: 16.5rem 0 8rem;
}

.teaser h1 .teaser_eng {
  font-size: 14rem;
}

.teaser h1 .teaser_jap {
  font-size: 1.6rem;
  margin-top: -1.5rem;
  padding-bottom: .8rem;
  border-bottom: .2rem solid #fff;
}

/*==================================
  Breadcrumb
==================================*/

.breadcrumb {
  padding: 0 4.4rem 1.6rem;
}

.breadcrumb ul {
  font-size: 1.2rem;
}

.breadcrumb ul li {
  font-size: 1.2rem;
}

.breadcrumb ul li + li:before {
  top: 1rem;
  left: 1.1rem;
  width: 1.4rem;
  height: .1rem;
}

.breadcrumb ul li + li {
  padding-left: 4rem;
}

/* heading
==================================*/
.heading_large span {
  font-size: 12rem;
}

.heading_medium {
  margin-bottom: 3rem;
}

.heading_medium span {
  padding: 1.1rem 5rem 1.4rem;
  font-size: 3.8rem;
  border-radius: 2rem 2rem 2rem 0;
}


.heading_small {
}

/* links
==================================*/
.btn_links {
  padding: 0 3rem 0 9rem;
  height: 7rem;
  font-size: 1.8rem;
}

.btn_links:before {
  width: 7rem;
  height: 7rem;
  border-radius: 3.5rem;
}

.btn_links:after {
  width: 1.2rem;
  height: 1.2rem;
  left: 3rem;
}

.btn_links:hover {
  padding: 0 8rem 0 4rem;
}

.btn_links:hover:after {
  left: calc(100% - 3rem);
}



/* loader
==================================*/
/* Animation
==================================*/
.c-anim-up {
  transform: translate(0, 10rem);
}

.move {
  transform: translate(0, 0);
}

/*==================================
  Component
==================================*/
.container {
  max-width: 130rem;
  padding-left: 5rem;
  padding-right: 5rem;
}


/*==========================================
  Layout
==========================================*/
/*==================================
  Top
==================================*/
#Top .container {
  max-width: 140rem;
}

.top_wrap {
  padding-bottom: 20rem;
}


.top_message {
  padding: 24rem 0 23.5rem;
}

.top_message .svgline {
  top: 17rem;
}

.top_message .top_message_image {
  padding: 0 4rem;
}

.top_message .top_message_box {
  padding-left: 2.5rem;
}

.top_message .top_message_box h2 {
  font-size: 4rem;
  transform: translateX(-6rem);
  margin-bottom: 11.4rem;
}

.top_message .top_message_box p {
  font-size: 1.8rem;
  max-width: 50rem;
}

.top_message .top_message_links {
  margin-top: 4rem;
}

.top_message .message_img_list {
  max-width: 37rem;
  transform: translateY(-8.8rem);
}

.top_message .message_img_list li {
  max-width: 37rem;
}

@keyframes slideimg {
  0% {
    z-index: 3;
    transform: translateX(0rem) rotate(0deg);
  }
  49% {
    z-index: 3;
    transform: translateX(-40rem) rotate(-25deg);
  }
  50% {
    z-index: 0;
    transform: translateX(-40rem) rotate(-25deg);
  }
  100% {
    z-index: 0;
    transform: translateX(0rem) rotate(0deg);
  }
}
.top_message .message_img_list li img {
  border-radius: 2rem;
}

.top_message .message_img_list li:nth-of-type(2) {
  top: .9rem;
}

.top_message .message_img_list li:nth-of-type(3) {
  top: -1.2rem;
  left: -.6rem;
}

.top_about {
  padding-bottom: 17rem;
}

.top_about_list {
  gap: 1rem;
}

.top_about_list .top_about_item {
  border-radius: 2rem;
}

.top_about_list .top_about_item:nth-child(even) {
  transform: translateY(-10rem);
}

.top_about_list .top_about_item .box_wrap {
  padding: 3.6rem 5rem 10rem;
}

.top_about_list .top_about_item .box_wrap .number {
  font-size: 1.4rem;
  margin-bottom: .5rem;
  transform: translateX(-1.5rem);
}

.top_about_list .top_about_item .box_wrap .title {
  font-size: 3.6rem;
  margin-bottom: 3.8rem;
}

.top_about_list .top_about_item .box_wrap .text {
  font-size: 1.6rem;
}

.top_about_list .top_about_item .box_wrap .button {
  right: 2.5rem;
  bottom: 2.5rem;
  width: 7rem;
  height: 7rem;
}

.top_about_list .top_about_item .box_wrap .button:before {
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  padding: 4rem;
}

.top_about_list .top_about_item .box_wrap .button:after {
  width: 1.2rem;
  height: 1.2rem;
}

.top_about .message_loop {
  top: -12rem;
}

.top_about .message_loop_item ul li {
  font-size: 16rem;
}

.top_work {
  padding-bottom: 17rem;
}

.top_work .top_work_head .heading_medium {
  margin: -1.6rem 0 0;
}

.top_work .top_work_body {
  margin-top: -8rem;
}

.top_work .top_work_image,
.top_work .top_work_image img {
  border-radius: 2rem;
}

.top_work .top_work_box {
  margin-top: 3rem;
}

.top_work .top_work_box p {
  font-size: 2rem;
}

.top_work .top_work_links {
  margin-left: 4rem;
  padding: .5rem 0 .5rem 5rem;
  border-left: .2rem solid #477BF1;
}

.top_staff {
  border-radius: 2rem;
  padding: 11.8rem 4.2rem 9rem;
}

.top_staff h2 {
  max-width: 103.6rem;
  margin-bottom: 5.5rem;
}

.top_staff h2:before {
  left: .5rem;
  font-size: 1.4rem;
  transform: translateY(-2rem);
}

.top_staff h2:after {
  right: 3.7rem;
  font-size: 2rem;
  transform: translateY(-1.5rem);
}

.top_staff .staff_main {
  width: calc(100vw - 57.4rem);
  padding: 0 1.5rem;
}

.top_staff .staff_main .staff_main__image {
  border-radius: 2rem;
  margin-bottom: 3rem;
}

.top_staff .staff_main .top_staff_item .top_staff_head {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.top_staff .staff_main .top_staff_item .top_staff_title {
  font-size: 3rem;
  margin-top: 2rem;
}


.top_staff .staff_main .top_staff_item .top_staff_info {
  gap: .5rem;
}

.top_staff .staff_main .top_staff_item .top_staff_info li {
  border: .2rem solid #1931C6;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: .4rem 1.9rem .6rem;
  border-radius: 1.8rem;
}

.top_staff .staff_side {
  width: 21rem;
  padding: 0 1.5rem;
}

.top_staff .staff_side .staff_side__image {
  margin-bottom: .6rem;
}

.top_staff .staff_side .top_staff_item .top_staff_info li {
  font-size: 1.2rem;
}

.top_staff .swiper-pagination {
  transform: translateY(-2.0rem);
}

.top_staff .swiper-pagination .swiper-pagination-bullet {
  width: 2.0rem;
}

.top_staff .swiper-pagination .swiper-pagination-bullet {
  font-size:1.6rem;
}

/*==================================
  Contact_base
==================================*/
/* input, textarea
--------------------------------*/
/* radio_button
--------------------------------*/

main#Entry span.error {
  margin: .7rem 0 0;
}

main#Entry input[type=text] {
  border-radius: .5rem;
  font-size: 1.6rem;
  padding: 0 3rem;
  height: 6rem;
}

main#Entry input[type=text].zip {
  max-width: 23rem;
}

main#Entry .ad_btn {
  margin-left: 1.8rem;
  font-size: 2rem;
}

main#Entry .ad_btn span {
  padding: 0 0 .9rem;
}

main#Entry .ad_btn:hover span {
  transform: translateY(.6rem);
}

main#Entry .ad_btn span:before,
main#Entry .ad_btn span:after {
  height: .3rem;
}

main#Entry .ad_btn span:before {
  top: -.6rem;
}

main#Entry input[type=radio] + label {
  padding-left: 3.2rem;
  font-size: 1.6rem;
}
main#Entry input[type=radio] + label::before {
  width: 2.4rem;
  height: 2.4rem;
  border: .2rem solid #fff;
}

main#Entry input[type=radio] + label::after {
  top: .6rem;
  left: .6rem;
  width: 1.2rem;
  height: 1.2rem;
}

main#Entry input[type=checkbox] + label {
  padding-left: 4rem;
  font-size: 1.8rem;
}
main#Entry input[type=checkbox] + label::before {
  width: 3rem;
  height: 3rem;
}
main#Entry input[type=checkbox] + label::after {
  width: 3rem;
  height: 3rem;
}

main#Entry textarea {
  border-radius: .5rem;
  font-size: 1.6rem;
  padding: 1.8rem 3rem;
  height: 6rem;
  min-height: 20rem;
}

main#Entry select {
  border-radius: .5rem;
  font-size: 1.6rem;
  padding: 0 6rem 0 3rem;
  height: 6rem;
  background: url(/recruit/images/common/icon_select.svg) right 3rem center no-repeat #fff;
  background-size: 1.2rem auto;
}

main#Entry .submit_area {
  margin-top: 10rem;
}

main#Entry .submit_area span {
  padding: 0 0 .4rem;
  border-bottom: .3rem solid #fff;
  font-size: 2.8rem;
}

main#Entry .submit_area span:after {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -.9rem;
  left: calc(100% + 1.6rem);
}

main#Entry .submit_area span input[type=submit] {
  padding-left: 3.4rem;
  background: url(/recruit/images/common/icon_arrow_white.svg) left center no-repeat;
  background-size: 1.8rem auto;
  font-size: 3.4rem;
}

main#Entry .submit_area span:hover:after,
main#Entry .submit_area span:hover input[type=submit] {
  transform: translateX(-3.4rem);
}

main#Entry .koumoku {
  gap: 4rem;
}
main#Entry .send {
  padding: 0 0 .4rem;
  font-size: 2.8rem;
}

main#Entry .send:after {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -.9rem;
  left: calc(100% + 1.6rem);
}

main#Entry .send input {
  padding-left: 3.4rem;
  background-size: 1.8rem auto;
  font-size: 3.4rem;
}

main#Entry .send:hover:after,
main#Entry .send:hover  input[type=submit] {
  transform: translateX(-3.4rem);
}


main#Entry .btn_back {
  font-size: 2.2rem;
}

main#Entry .btn_back:before {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -.7rem;
  right:  calc(100% + 1.1rem);
}

main#Entry .btn_back input {
  padding: 0 2.5rem 0 0;
  font-size: 1.8rem;
  background-size: 1.4rem auto;
}

main#Entry .btn_back:hover:before,
main#Entry .btn_back:hover input[type=submit] {
  transform: translateX(2.5rem);
}


/*==================================
  Contact
==================================*/
main#Entry .form_wrap {
  max-width: 103rem;
  padding-bottom: 16.6rem;
}

main#Entry .form_wrap p {
  font-size: 1.8rem;
}

main#Entry .form_wrap p span {
  font-size: 1.6rem;
}

main#Entry .form_wrap p small {
  font-size: 1.4rem;
}

main#Entry .form_wrap .entry_notes {
  margin-bottom: 2.2rem;
}

main#Entry .form_wrap .form_box + .form_box {
  margin-top: 7rem;
}

main#Entry .form_wrap h2 {
  margin-bottom: 1rem;
}

main#Entry .form_wrap h2 span {
  padding: 1.1rem 5rem 1.3rem;
  font-size: 3.2rem;
  border-radius: 2rem 2rem 2rem 0;
}

main#Entry .form_item {
  padding: 1.6rem 0 2rem;
  gap: 1rem;
}

main#Entry .form_item + .form_item {
  border-top: .1rem solid #4475D0;
}

main#Entry .form_item dl dt {
  font-size: 1.8rem;
  margin-bottom: .5rem;
}

main#Entry .need {
  padding: 0 1.2rem .1rem;
  font-size: 1.4rem;
  margin-right: .9rem;
  border-radius: 1.1rem;
}

main#Entry .job select {
  max-width: 60rem;
}

main#Entry .radio-list {
  gap: 3rem;
  margin-top: 1rem;
}

main#Entry .birthday input[type=text],
main#Entry .birthday select {
  width: 10rem;
  padding: 0 3rem;
}

main#Entry .birthday .birthday_year input[type=text],
main#Entry .birthday .birthday_year select {
  width: 23rem;
}

main#Entry .birthday .birthday_text {
  width: 3.4rem;
  height: 6rem;
  font-size: 1.6rem;
}

main#Entry .form_item.is-column dl dt {
  width: 18rem;
  padding-top: 1.4rem;
}

main#Entry .form_item.is-column dl dd {
  width: calc(100% - 18rem);
}

main#Entry .address .address_item + .address_item {
  margin-top: 1rem;
}

main#Entry .address .address_item .address_title {
  width: 11rem;
  padding-top: 1.7rem;
  font-size: 1.6rem;
}

main#Entry .address .address_item .address_box {
  width: calc(100% - 11rem);
}

main#Entry .address select,
main#Entry .phone input[type=text] {
  max-width: 48rem;
}

main#Entry .status select {
  max-width: 48rem;
}

main#Entry .form_wrap .form_notes {
  font-size: 1.4rem;
  margin-top: .7rem;
}

main#Entry .documents .checkbox label span {
  font-size: 1.6rem;
}

main#Entry .documents .custom_upload_item {
  margin-top: 1.8rem;
  gap: 1rem;
}

main#Entry .documents .custom_upload_item label {
  gap: .8rem;
  font-size: 1.6rem;
}

main#Entry .documents .custom_upload_item label:before {
  width: 19rem;
  min-width: 19rem;
  height: 6rem;
  border-radius: 3rem;
  font-size: 1.6rem;
}
main#Entry .message p {
  margin-bottom: .5rem;
}

main#Entry .agree_area {
  margin: 4.8rem 0 0;
}

main#Entry .send_comp p {
  font-size: 1.5rem;
}

/*==================================
  募集要項
==================================*/

.requirement_wrap {
  padding: 5rem 0 14.5rem;
  max-width: 103rem;
}

.requirement_wrap .requirement_item + .requirement_item {
  margin-top: 8.5rem;
}

.requirement_wrap .requirement_head {
  margin-bottom: 3.3rem;
}

.requirement_wrap .requirement_head .requirement_head_title p {
  font-size: 1.3rem;
  margin-bottom: 1.1rem;
}

.requirement_wrap .requirement_head .requirement_head_title h2 {
  font-size: 4.2rem;
}

.requirement_wrap .requirement_head .requirement_head_tags {
  gap: .5rem;
  padding-bottom: .8rem;
}

.requirement_wrap .requirement_head .requirement_head_tags .tag {
  border: .2rem solid #fff;
  border-radius: 1.8rem;
  font-size: 1.4rem;
  padding: .4rem 1.9rem .6rem;
}

.requirement_list {
  border: .2rem solid #00E9F1;
  border-radius: 2rem;
}

.requirement_list dl + dl {
  border-top: .2rem solid #00E9F1;
}

.requirement_list dl dt {
  width: 14.5rem;
  padding: 1.8rem 1rem 1.8rem 3.5rem;
  font-size: 1.6rem;
}

.requirement_list dl dd {
  font-size: 1.6rem;
  width: calc(100% - 14.5rem);
  padding: 1.8rem 3rem;
}

.requirement_wrap .requirement_foot {
  margin-top: 3rem;
}

.requirement_wrap .requirement_foot .btn_links {
  padding: 0 4rem 0 10rem;
  height: 8.4rem;
  font-size: 2.2rem;
}

.requirement_wrap .requirement_foot .btn_links:before {
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 4.2rem;
}

.requirement_wrap .requirement_foot .btn_links:after {
  width: 1.4rem;
  height: 1.4rem;
  left: 3.5rem;
}

.requirement_wrap .requirement_foot .btn_links:hover {
  padding: 0 9rem 0 5rem;
}

.requirement_wrap .requirement_foot .btn_links:hover:after {
  left: calc(100% - 3.5rem);
}

/*==================================
  仲間を知る
==================================*/

.staff_wrap {
  padding: 5rem 0 18rem;
}

.staff_list .staff_item + .staff_item {
  margin-top: 6.5rem;
}

.staff_list .staff_item a {
  background-size: 10.5rem auto;
}

.staff_list .staff_item a .image_wrap .image {
  padding: 1.3rem;
}


/*.staff_list .staff_item a .image_wrap .image:before {
  border: 1.3rem solid #03D2DC;
}

.staff_list .staff_item a .image_wrap .image:after {
  border: .2rem solid #03D2DC;
}

.staff_list .staff_item a .image_wrap .gap {
  right: .7%;
}


.staff_list .staff_item a .image_wrap .gap:before,
.staff_list .staff_item a .image_wrap .gap:after {
  width: 1.3rem;
  height: 1.3rem;
}

.staff_list .staff_item a .image_wrap .gap:before {
  transform: translate(.3rem,-.3rem);
}

.staff_list .staff_item a .image_wrap .gap:after {
  transform: translate(-.2rem,.2rem);
}*/

.staff_list .staff_item a .sub_title {
  font-size: 1.1rem;
}

.staff_list .staff_item a .title {
  font-size: 3.8rem;
  margin-top: 3rem;
}

.staff_list .staff_item a .other_wrap {
  margin-top: 4rem;
}

.staff_list .staff_item a .box_wrap {
  padding-bottom: 2rem;
}

.staff_list .staff_item a .tags {
  gap: .5rem;
}

.staff_list .staff_item a .tags .tag {
  border: .2rem solid #fff;
  border-radius: 1.8rem;
  font-size: 1.4rem;
  padding: .4rem 1.9rem .6rem;
}

.staff_list .staff_item a .name {
  margin-left: 3rem;
  padding-left: 3.1rem;
  font-size: 1.6rem;
}

.staff_list .staff_item a .name:before {
  width: .2rem;
  height: 3.5rem;
}

.staff_list .staff_item a .name font {
  font-size: 3.2rem;
}

/*==================================
  仕事を知る
==================================*/
#Work .contents .container {
  max-width: 140rem;
}

.work_wrap {
  padding: 0 0 21.6rem;
}

.work_top {
  max-width: 103rem;
  margin: 0 auto 10rem;
}

.work_top p {
  font-size: 1.8rem;
}

.work_top .work_heading {
  font-size: 7rem;
  margin-bottom: 4rem;
}

.work_top .work_heading .svgline {
  width: 32rem;
}

.work_list .work_item + .work_item {
  margin-top: 4rem;
}

.work_list .work_item:nth-child(odd) {
  padding-right: 9rem;
}

.work_list .work_item:nth-child(even) {
  padding-left: 9rem;
}

.work_list .work_number {
  top: 3rem;
}

.work_list .work_number img {
  height: 16.3rem;
}

.work_list .work_box {
  border: .2rem solid #00E9F1;
  border-radius: 3rem;
  padding: 1rem;
}

.work_list .work_box .image_wrap img {
  border-radius: 2rem;
}

.work_list .work_box .box_wrap {
  padding-right: 4.5rem;
}

.work_list .work_box .box_wrap h2 {
  font-size: 5rem;
  margin-bottom: 4.5rem;
}

.work_list .work_box .box_wrap p {
  font-size: 1.6rem;
}

/*==================================
  会社を知る
==================================*/
.about_wrap {
  padding: 1.3rem 0 18.2rem;
}

.about_inner {
  max-width: 103rem;
}


.about_top {
  margin-bottom: 11rem;
  text-align: center;
}

.about_top h2 {
  font-size: 4.8rem;
  margin-bottom: 4rem;
}

.about_top p {
  font-size: 1.8rem;
}

.about_strengths .about_strengths_fixed {
  width: 11.3rem;
}

.about_heading {
  margin-bottom: 4rem;
}

.about_heading span {
  padding: 1.1rem 5rem 1.4rem;
  font-size: 3.8rem;
  border-radius: 2rem 2rem 2rem 0;
}

.about_strengths_list {
  gap: 4rem;
}

.about_strengths_list .about_strengths_item {
  border-radius: 2rem;
  padding: 2.6rem 2.6rem 3rem;
}

.about_strengths_list .about_strengths_item:nth-child(even) {
  top: -8rem;
}

.about_strengths_list .about_strengths_item p {
  font-size: 1.6rem;
  padding: 0 1.3rem;
}

.about_strengths_list .about_strengths_item .number {
  font-size: 1.4rem;
}

.about_strengths_list .about_strengths_item .title {
  font-size: 3rem;
  margin-bottom: 3rem;
  padding: 0 1.3rem;
}

.about_strengths_list .about_strengths_item .image {
  margin-bottom: 2.5rem;
  border-radius: 1rem;
  border: .2rem solid #03D2DC;
  padding: 1.1rem;
}

.about_strengths_list .about_strengths_item .image img {
  border-radius: 1rem;
}

.about_numbers_list {
  gap: 9rem 0;
}

.about_numbers_list .about_numbers_item .data_number {
  font-size: 1.2rem;
  margin-bottom: .8rem;
}

.about_numbers_list .about_numbers_item .title {
  font-size: 2.8rem;
}

.about_numbers_list .numbers_count {
  font-size: 2.6rem;
}

.about_numbers_list .numbers_count .number {
  font-size: 16rem;
}

.about_numbers_list .numbers_count .number small {
  font-size: 10rem;
}

.about_numbers_box01 .numbers_image {
  width: 23.6rem;
  padding-bottom: 1.6rem;
}

.about_numbers_box02 .numbers_image {
  width: 27.6rem;
  padding-bottom: 1.6rem;
}

.about_numbers_box03 {
  margin-top: 6.2rem;
}

.about_numbers_box03 .numbers_image {
  width: 19.5rem;
  padding-bottom: 1.6rem;
  margin-right: 1.1rem;
}

.about_numbers_box04 {
  padding-top: 9.6rem;
}

.about_numbers_box04 .numbers_count {
  top: -5.4rem;
}

.about_numbers_box04 .numbers_image .numbers_image_count {
  font-size: 2.8rem;
  padding: 0 4rem;
}

.about_numbers_box04 .numbers_image .numbers_image_count:before,
.about_numbers_box04 .numbers_image .numbers_image_count:after {
  width: 3.4rem;
  height: 1.8rem;
  border-top: .2rem solid #fff;
}

.about_numbers_box04 .numbers_image .numbers_image_count:before {
  border-left: .2rem solid #fff;
}

.about_numbers_box04 .numbers_image .numbers_image_count:after {
  border-right: .2rem solid #fff;
}

.about_numbers_box04 .numbers_image .numbers_image_count .number {
  font-size: 7.8rem;
}

.about_numbers_box05 .numbers_image {
  max-width: 30.6rem;
  margin-top: 2.6rem;
}

.about_numbers_box05 .numbers_box .numbers_count + .numbers_count {
  margin-left: 1rem;
  padding-left: 3rem;
  padding-bottom: .5rem;
}

.about_numbers_box05 .numbers_box .numbers_count + .numbers_count:before {
  bottom: 1.6rem;
  height: 9.2rem;
  width: .2rem;
}

.about_numbers_box05 .numbers_box .numbers_count + .numbers_count .number {
  font-size: 12rem;
}

.about_numbers_box06 .numbers_image {
  max-width: 13.8rem;
  margin-top: 2.7rem;
}

/*==================================
  協和モータースの想い
==================================*/
#Message .contents .container {
  max-width: 140rem;
}

.message_wrap {
  padding: 0 0 21rem;
}

.message_wrap picture {
  border: .2rem solid #03d2dc;
  padding: 1.1rem;
  border-radius: 3rem;
}

.message_wrap picture img {
  border-radius: 2rem;
}

.message_image {
  margin-bottom: 12rem;
}

.message_image img {
  border-radius: 2rem;
}

.message_top .box_wrap {
  padding-left: 5rem;
}

.message_top h2 {
  font-size: 4.65rem;
  margin-bottom: 2.4rem;
}

.message_top h2 font {
  font-size: 2.8rem;
}

.message_top h2 .number {
  font-size: 24rem;
  padding-right: 1rem;
}

.message_top h3 {
  margin-bottom: 7rem;
}

.message_top h3 span {
  padding: .4rem 2rem .6rem;
  font-size: 2.2rem;
  border-radius: 1rem 1rem 1rem 0;
}


.message_top .box_wrap p {
  font-size: 1.8rem;
}

.message_top .image_wrap .image_box {
  margin-top: 4rem;
  padding-right: 5.5rem;
}

.message_top .image_wrap .image_box picture:nth-child(1){
  margin-bottom: 6rem;
}

.message_middle {
  margin: 8rem 0 6.5rem;
}

.message_middle > picture {
  max-width: 109rem;
}

.message_bottom .box_wrap {
  padding: 4rem 5rem 0 2.5rem;
}

.message_bottom h2 {
  font-size: 3.6rem;
  margin-bottom: 4.8rem;
}

.message_bottom .box_wrap p {
  font-size: 1.8rem;
}

.message_bottom .image_wrap > picture {
  max-width: 24rem;
  margin-left: 7rem;
}

.message_bottom .image_wrap .image_box {
  margin-top: 3rem;
}

.message_loop {
  top: -22.5rem;

}

.message_loop_item + .message_loop_item {
  margin-top: -3rem;
}

.message_loop_item ul li {
  font-size: 18rem;
}

.message_loop_item ul li span {
  -webkit-text-stroke: .1rem #2a47f5;
}

/*==================================
  インタビュー
==================================*/
.interview_wrap {
  padding: 1.5rem 0 13.6rem;
}

.interview_head {
  margin-bottom: 9.5rem;
}

.interview_head .container {
  max-width: 140rem;
}


.interview_head .interview_head_main .main_image img {
  border-radius: 2rem;
}

.interview_head .main_box {
  left: 4rem;
  bottom: 1.7rem;
}

.interview_head .main_box p {
  font-size: 2rem;
  padding-left: .7rem;
}

.interview_head .main_box p span {
  font-size: 7rem;
}

.interview_head .main_box ul {
  gap: .5rem;
}

.interview_head .main_box ul li {
  border: .2rem solid #fff;
  border-radius: 1.75rem;
  font-size: 1.4rem;
  padding: .4rem 2rem .6rem;
}

.interview_title {
  font-size: 4.8rem;
  margin-bottom: 11rem;
}

.interview_title span {
  border-radius: .5rem;
  padding: 0 .5rem .4rem;
}

.interview_question {
  margin-bottom: 3rem;
}

.interview_question span {
  padding: 1rem 3rem 1.1rem;
  font-size: 2rem;
  border-radius: 2rem 2rem 2rem 0;
}

.interview_answer h3 {
  font-size: 3.8rem;
  margin-bottom: 1.6rem;
}

.interview_answer p {
  font-size: 1.7rem;
}

.interview_content01 .image_wrap picture:before {
  border-radius: 2rem;
}

.interview_content01 .image_wrap img {
  border-radius: 2rem;
}

.interview_content02 {
  max-width: 103rem;
  margin-top: 1rem;
}

.interview_image {
  margin-top: 7rem;
}

.interview_image .container {
  max-width: 140rem;
}

.interview_image img {
  border-radius: 2rem;
}

.interview_content03 {
  margin-top: 14.3rem;
}

.interview_content03 .image_wrap picture:before {
  border-radius: 2rem;
  left: -3.2rem;
  top: 3.2rem;
}

.interview_content03 .image_wrap img {
  border-radius: 2rem;
}

.interview_content04 {
  max-width: 103rem;
  margin-top: 9.3rem;
}

.interview_content05 {
  margin-top: 5.5rem;
}

.interview_content05 .image_wrap {
  margin-right: 3rem;
}

.interview_content05 .image_wrap picture:before {
  border-radius: 2rem;
  right: -3rem;
  top: 3rem;
}

.interview_content05 .image_wrap img {
  border-radius: 2rem;
}

.interview_foot {
  margin-top: 15.1rem;
}

.interview_control {
  max-width: 103rem;
  border-radius: 2rem;
  padding: 9.2rem 6rem 6.2rem;
}

.interview_control h2 {
  max-width: 88.4rem;
  margin-bottom: 4.5rem;
}

.interview_control h2:before {
  left: .5rem;
  font-size: 1.2rem;
  transform: translateY(-1.5rem);
}

.interview_control h2:after {
  right: 3rem;
  font-size: 1.7rem;
  transform: translateY(-1.5rem);
}

.interview_control ul {
  gap: 5.8rem;
}

.interview_control ul li {
  max-width: 14.4rem;
}

.interview_control ul li a {
  font-size: 1.4rem;
}

.interview_control ul li a .image:before {
  border: .2rem solid #1931c6;
}

.interview_control .caption {
  margin-top: 1rem;
}