@charset "UTF-8";
/* CSS Document */
:root {
  --IBM: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
  --mainColor: #e60012;
  --archColor: #2446AA;
  --techColor: #FDE100;
  --secondaryColor: #212121;
  --contentBgColor: #F5F5F5;	
}
html {
  scroll-behavior: smooth;
}
*, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: var(--IBM);
  color:var(--secondaryColor); 
}
[id] {
  scroll-margin-top: 65px;
}
h1, h2 {
  text-align: center;
  line-height: 1.4;
}
h1 {
  font-size: 30px;
  margin: 30px auto;
}
h2 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 22px;
}
h2.page-subtitle {
  margin-top: 0;
}
#recruit_newgrad,#recruit_career,#company,#positions,#benefits,#sales,#inside_sales,#trade,#engineering,#pr,#office,#faq,#products,
#monozukuri,#vision,#numbers,#global,#message,#interview{
	margin-top: 0px;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 40px;
    margin: 40px auto;
  }
  h2 {
    margin-top: 80px;
    margin-bottom: 80px;
    font-size: 30px;
  }
  h2.page-subtitle {
    margin-top: 80px;
    line-height: 1.8;	  
  }
#recruit_newgrad,#recruit_career,#company,#positions,#benefits,#sales,#inside_sales,#trade,#engineering,#pr,#office,#faq,#products,
#monozukuri,#vision,#numbers,#global,#message,#interview {
	margin-top: 80px;
}	
}
a {
  color: var(--secondaryColor);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--secondaryColor);
}
p {
  font-size: 16px;
  line-height: 1.7;
}
p.note {
  font-size: 14px;
  margin-right: 0;
}
.container {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto 40px;
  width: 100%;
}
.bg-grey {
  background-color: var(--contentBgColor);
}
.red {
  color: var(--mainColor);
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}
.font-semibold {
  font-weight: 600;
}
/* タイトル下の赤ボーダー */
.headline-border {
  width: 150px;
  height: 2px;
  background-color: var(--mainColor);
  margin: 100px auto 120px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .headline-border {
    height: 1px;
    margin: 30px auto 50px;
  }
}
/* タイトル下の赤ボーダー おわり */
/* パンくず */
.breadcrumb {
  margin: 40px auto 60px;
  padding: 0 16px;
  font-size: 14px;
}
.breadcrumb ol {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em;
}
.breadcrumb li + li::before {
  content: ">";
  margin: 0 0.5em;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .breadcrumb {
   /* margin: 16px 0 30px 10px;*/
    margin: 40px 0;	  
    font-size: 12px;
  }
}
/* パンくず おわり */
/* 募集要項ページ共通 */
.definition-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.8em;
  letter-spacing: 0.013em;
}
.definition-list dt {
  width: 30%;
  font-weight: 600;
  padding-left: 5em;
}
.definition-list dd {
  width: 70%;	
}
.definition-list dt, .definition-list dd {
  padding: 30px 20px;
  font-size: 18px;	
}
@media (max-width: 767px) {
  .definition-list {
    display: block;
/*    margin: 0px 10px;*/
	margin: 0;  
  }
  .definition-list dt, .definition-list dd {
    width: 100%;
    padding: 0;
	font-size: 16px;	  
  }
  .definition-list dd {  
    margin-bottom: 40px;
  }
}
/***/
.att {
  font-size: 12px;
  vertical-align: super;
}
.att_tx {
  font-size: 16px;
  margin-top: 30px;
}
.icon-gt::before {
  content: ">";
  font-weight: 700;
  line-height: 1;
}
.heading01 {
  font-weight: 600;
  margin-bottom: 18px;
}
.heading01::before {
  content: "\25A0";
  color: var(--mainColor);
  margin-right: 5px;
  font-size: 10px;
  display: inline-block;
  position: relative;
  bottom: 2px;
}
.selection_table {
  width: 100%;
}
@media (max-width: 767px) {
  .heading01 {
    margin-bottom: 10px;
  }
}
/***/

table{
	border-spacing: 0;
}
.selection_table .larger, .selection_table th, .selection_table td {
  font-size: 16px;
}
.selection_table .larger {
  width: 30%;
  padding-right: 16px;	
  text-align: right;
}
.selection_table th {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 6px;
}
.selection_table td {
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding: 10px 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .selection_table {
    width: 100%;
  }
  .selection_table th, .selection_table td {
    font-size: 14px;
  }
  .selection_table .larger {
    font-size: 11px;
    text-align: right;
    padding-right: 6px;
    padding-left: 0;
    width: 32%;
    font-weight: 500;
  }
  .selection_table th {
    text-align: center;
    font-weight: 500;
  }
  .selection_table td {
    padding: 0 6px;
    text-align: right;
  }
}
/* 選考の流れ */
.balloon {
  width: 60%;
  margin: 0 auto 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 2em;
}
.balloon_inner {
  position: relative;
  border: 2px solid #dededf;
  display: flex;
}
.balloon_step {
  display: flex;
  align-items: center;
  background-color: #dededf;
}
.balloon_step, .balloon_text {
  padding: 10px 45px;
}
.balloon_step:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 35px;
  border-style: solid;
  border-color: #dededf transparent transparent transparent;
  border-width: 20px 40px 0 40px;
}
.balloon:last-of-type .balloon_step:after {
  content: none;
}
@media (max-width: 767px) {
  .balloon {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.3em;
  }
  .balloon_inner {
    border: 1px solid #dededf;
  }
  .balloon_step, .balloon_text {
    padding: 5px 16px;
  }
  .balloon_step:after {
    bottom: -10px;
    left: 20px;
    border-width: 14px 20px 0 20px;
  }
}
/* 選考の流れ おわり */
/* エントリー・会社説明会 */
.entry_button {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin: 0 auto;
  padding-bottom: 30px;
}
.button02 {
  color: #FFF;
  background: var(--mainColor);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: opacity .4s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 1em 1.8em;
  text-decoration: none;
  line-height: 1.4;
  position: relative;
  border: 1.5px solid var(--mainColor);
  transition: 0.4s ease-in-out;
}
.button02:hover {
  text-decoration: none;
  color: var(--mainColor);
  background: #fff;
}
.button02:hover .icon-right {
  content: url('../img/new_window_red.png');
  transition: 0.4s ease-in-out;
}
.entry_button a.button02:nth-of-type(3) {
  background: #fff;
  color: var(--mainColor);
  border: 1.5px solid var(--mainColor);
}
.entry_button a.button02:nth-of-type(3):hover {
  background: var(--mainColor);
  color: #fff;
}
.entry_button a.button02:nth-of-type(3):hover .icon-right {
  content: url('../img/download.png');
  transition: 0.4s ease-in-out;
}
.icon-right {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .entry_button {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4em;
    margin-bottom: 40px;
  }
  .button02 {
    font-size: 24px;
    border: 2px solid var(--mainColor);
  }
  .entry_button a.button02:nth-of-type(3) {
    border: 2px solid var(--mainColor);
  }
/*}
@media (min-width: 992px) {*/
  .balloon {
    width: 60%;
  }
  .entry_button a {
    flex: 0 0 calc(42.5% - 1em);
  }
  .button02 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    border: 3px solid var(--mainColor);
  }
  .entry_button a.button02:nth-of-type(3) {
    flex: 0 0 calc(50% - 1em);
    border: 3px solid var(--mainColor);
  }
}
/* 職種紹介・社員の声 */
.interview .button01 {
  display: flex;
	justify-content: center;
  gap: 4em;
}

/* 職種紹介・社員の声 おわり */
/* 画面下部追従アイコン */
.floating-btn {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  background-color: var(--mainColor);
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  font-size: 13px;
  z-index: 100;
  display: block;
  transition: all 0.2s ease;
}
.floating-btn a {
  color: #fff;
  text-decoration: none;
  margin: 0 8px;
  white-space: nowrap;
  font-feature-settings: "palt";
}
.floating-btn.absolute {
  position: absolute;
  bottom: auto;
  top: auto;
}
.floating-btn_icon {
  margin-left: 10px;
}
/* 画面下部追従アイコン おわり */
/* 募集要項共通 おわり*/
/* スライダーカード共通 */
.teamslides {
  padding: 0;
  border-bottom: 1.8px solid var(--secondaryColor);
  width: 100%;
}
.swiper-slide_inner {
  border: 1.8px solid var(--secondaryColor);
}
.slide-caption, .slide-footer {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  color: var(--secondaryColor);
  padding: 0 15px;
}
.slide-title {
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0;
  text-align: center;
  line-height: 1.8;
}
.slide-title .small {
  font-size: 12px;
  color: var(--secondaryColor);
  font-weight: 600;
}
.slide-caption p {
  font-size: 14px;
  line-height: 1.8;
}
.swiper-button-next, .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.swiper-button-next {
  right: 10px;
  background-image: url(../img/rightbutton.svg);
}
.swiper-button-prev {
  left: 10px;
  background-image: url(../img/leftbutton.svg);
}
/* ↓ button03 ↓ */
.button03 {
  margin-bottom: 14px;
  font-weight: 600;
}
.button03 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.button03 a:hover {
  text-decoration: none;
  opacity: .8;
}
.button03_text {
  font-size: 14px;
  font-weight: bold;
}
.button03 a:hover .button03_text {
  text-decoration: underline;
}
.button03_text:hover {
  text-decoration: underline;
}
.yazirusi {
  position: relative;
  width: 90px;
  margin-bottom: 10px;
}
.line01 {
  height: 1px;
  background-color: var(--mainColor);
}
.line02 {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: right bottom;
  width: 20px;
  height: 1px;
  background-color: var(--mainColor);
  transform: rotate(45deg);
}
.btn_view-more {
  display: flex;
  flex-direction: column-reverse;
}
.view-more {
  font-size: 12px;
  font-weight: normal;
}
/* ↑ button03 ↑ */
@media (min-width: 768px) {
  .slide-title {
    font-size: 24px;
    margin: 40px 0;
  }
  .slide-title .small {
    font-size: 18px;
  }
  .slide-caption p {
    font-size: 20px;
    line-height: 1.8;
  }
  .slide-caption, .slide-footer {
    margin: 0 40px 40px;
  }
  .button03 a {
    flex-direction: column;
    align-items: flex-start;
  }
  .button03 a:hover, .button03 a:hover .button03_text {
    opacity: 1;
    text-decoration: none;
  }
  .yazirusi {
    width: 180px;
    margin-bottom: 4px;
  }
  .button03_text, .view-more {
    font-size: 24px;
  }
  .line02 {
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: right bottom;
    width: 40px;
    height: 1px;
    background-color: var(--mainColor);
    transform: rotate(45deg);
  }
  .arrow {
    transition: transform 0.3s ease;
    display: inline-block;
  }
  .btn_view-more:hover .arrow {
    transform: translateX(4px);
  }
  .button03_text:hover {
    text-decoration: none;
  }
  .button03 a:hover .btn_view-more {
    transform: translateX(0px);
  }
  .button03 a:hover .yazirusi {
    transform: translateX(20px);
    transition: transform 0.2s ease;
  }
	
#interview .artocle_text {
	margin-bottom: 6rem;
}
}
/* スライダーカード共通 おわり */
.back {
  position: relative;
  text-align: center;
  font-weight: 600;
  margin-bottom: 60px;
}
.back_inner {
  border-top: 1px solid #dfdfdf;
  padding-top: 40px;
}
.back p {
  margin-bottom: 0;
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.back p a {
  text-decoration: none;
}
.back p::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1.5px;
  background-color: var(--mainColor);
  border-radius: 5px;
  max-width: 250px;
}
.back a:hover, .back a:visited, .back a:active {
  text-decoration: none;
  color: var(--secondaryColor);
}
.back a:hover {
  opacity: .8;
}
.back_inner.no-border {
  border: none;
}
.article_img {
  margin-bottom: 1rem;
  text-align: center;
  max-width: 1145px;
  max-height: 360px;
  overflow: hidden;
}
.article_img img {
  max-width: 100%;
}
/*	.article_imgbox {
		padding-botom: 1rem;
	}		
	.article_imgbox img{
		max-width: 100%;
	}*/
.article_text {
  margin-bottom: 2rem;
}

.last-paragraph {
    margin-bottom: 3rem;
}
.button01 {
  margin-top: 50px;
}
.description-pc {
  display: none;
}
.headline-container {
  display: flex;
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 40px;
  border-bottom: 2px solid var(--mainColor);
}
.headline-container img {
  width: 40px;
  height: auto;
  margin-right: 10px;
  display: block;
  transform: translateY(2px);
}
  .sgatsune_contact {
    margin-top: 40px;
    margin-bottom: 40px;
  }

/* ↓ FAQ ↓ */
.qa-1 {
  margin-bottom: 16px;
  border: 1.5px solid var(--secondaryColor);
  background-color: #fff;
}
.qa-1 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.2em 3em 1.5em 3.4em;
  color: var(--secondaryColor)333;
  font-weight: 600;
  cursor: pointer;
  background-color: #fff;
  list-style: none;
}
.qa-1 summary::-webkit-details-marker {
  display: none;
}
.qa-1 summary::before, .qa-1 p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.3em;
}
.qa-1 summary::before {
  content: "Q.";
  color: var(--secondaryColor);
}
.qa-1 summary::after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.64em);
  right: 20px;
  line-height: 1;
  pointer-events: none;
  transition: transform 0.5s;
  color: var(--mainColor);
  font-size: 28px;
  font-weight: 400;
}
.qa-1[open] summary::after {
  content: "\2212";
  color: var(--mainColor);
  font-size: 28px;
  font-weight: 400;
}
.qa-1 p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.3em 3em 1.5em;
  color: var(--secondaryColor);
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.qa-1[open] p {
  transform: none;
  opacity: 1;
  max-height: 500px;
}
.qa-1 p::before {
  content: "A.";
  color: var(--secondaryColor);
  line-height: 1.2;
}
/* ↑ FAQ ↑ */
/* ↓ button01 ↓ */
.button01 {
  margin: 3em auto;
}
.button01 a {
  background: #fff;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1em 2em;
  color: var(--secondaryColor);
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: 1.5px solid var(--secondaryColor);
  margin: 0 auto;
  font-size: 18px;
}
.button01 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 10px;
  height: 10px;
  border-top: solid 2px var(--mainColor);
  border-right: solid 2px var(--mainColor);
  transform: translateY(-50%) rotate(45deg);
  color: #fff;
  text-decoration: none;
}
.button01 a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--secondaryColor);
}
.button01 a:hover:after {
  right: 1.4rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
/* ↑ button01 ↑ */
/* ↓ button01-more ↓ */
.button01-more a {
  font-size: 14px;
  padding: .8em 2em;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  color: var(--secondaryColor);
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: 1.5px solid var(--secondaryColor);
  margin-bottom: 20px;
}
.button01-more a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 10px;
  height: 10px;
  border-top: solid 2px var(--mainColor);
  border-right: solid 2px var(--mainColor);
  transform: translateY(-50%) rotate(45deg);
  color: #fff;
  text-decoration: none;
}
.button01-more a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--secondaryColor);
}
.button01-more a:hover:after {
  right: 1.4rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
/* ↑ button01-more ↑ */
/* SP用(767px以下) */
@media (max-width: 767px) {
  .sp-only {
    display: block;
  }
  .container {
    width: 100%;
		padding-left: 15px;
    padding-right: 15px;
  }
  .pc-only {
    display: none;
  }
}
/* PC用(768px以上) */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  p {
    font-size: 18px;
  }
  h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .container {
    max-width: 1200px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .description {
    margin-top: 70px;
  }
  .description > p {
    font-size: 18px;
  }
  .description-pc {
    display: block;
    margin: 80px 0px;
  }
  .description-pc img {
    max-width: 100%;
  }
  .article_img {
    margin: 0 auto 4rem;
  }
.last-paragraph {
    margin-bottom: 4rem;
}
  .headline-container {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .headline-container img {
    width: 60px;
    margin-right: 20px;
  }
  .next-btn_mg {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  
  .sgatsune_contact {
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
  }
  .sgatsune_contact p {
    letter-spacing: 0.013em;
    line-height: 30px;
    padding: 30px 0 0;
    font-size: 18px;
  }
  .sgatsune_contact p:nth-of-type(1) {
    width: 30%;
  }
  .back {
    margin-bottom: 90px;
  }
  .back_inner {
    padding-top: 80px;
  }
  .back p {
    font-size: 18px;
  }
  /* ↓ button01 ↓ */
  .button01 {
    margin: 6em auto;
  }
  .button01 a {
    width: 470px;
    justify-content: center;
    border: 3px solid var(--secondaryColor);
    font-size: 24px;
  }
  .button01 a:after {
    right: 4rem;
    width: 14px;
    height: 14px;
    top: 50%;
  }
  .button01 a:hover:after {
    right: 3rem;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .button01 a:visited {
    text-decoration: none;
  }
  .button01-long a {
    padding: 1em 3em 1em 3em;
  }
  /* ↑ button01 ↑ */
  /* ↓ button01-more ↓ */
  .button01-more a {
    width: 470px;
    justify-content: center;
  }
  .button01-more a {
    font-size: 18px;
    padding: 1em 2em;
    border: 2px solid var(--secondaryColor);
    margin-bottom: 40px;
  }
  .button01-more a:after {
    right: 4rem;
    width: 14px;
    height: 14px;
    top: 50%;
  }
  .button01-more a:hover:after {
    right: 3rem;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .button01-more a:visited {
    text-decoration: none;
  }
  /* ↑ button01-more ↑ */
  /* ↓ FAQ ↓ */
  .qa-1 {
    margin-bottom: 3em;
    border: 2px solid var(--secondaryColor);
  }
  .qa-1 summary, .qa-1[open] p {
    font-size: 18px;
  }
  /* ↑ FAQ ↑ */
}


/*----- ↓search共通↓ -----*/
.color-white {
  color: #FFF !important;
}
.color-black {
  color: var(--secondaryColor) !important;
}
.color-gray {
  color: #808080 !important;
}
.color-red {
  color: var(--mainColor) !important;
}
.bg-black {
  background: var(--secondaryColor) !important;
  color: #fff !important;
}
.bg-gray {
  background: #F4F4F4 !important;
}
.fltL {
  float: left;
}
.fltR {
  float: right;
}
.absolute-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.absolute-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs19 {
  font-size: 19px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs21 {
  font-size: 21px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs23 {
  font-size: 23px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs25 {
  font-size: 25px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs27 {
  font-size: 27px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs29 {
  font-size: 29px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs31 {
  font-size: 31px !important;
}
.fs32 {
  font-size: 32px !important;
}
.fs1vw {
  font-size: clamp(calc(1200 / 100 * 1px), 1vw, calc(1920 / 100 * 1px)) !important;
}
.fs1_5vw {
  font-size: clamp(calc(1200 / 100 * 1.5px), 1.5vw, calc(1920 / 100 * 1.5px)) !important;
}
.fs2vw {
  font-size: clamp(calc(1200 / 100 * 2px), 2vw, calc(1920 / 100 * 2px)) !important;
}
.fs2_5vw {
  font-size: clamp(calc(1200 / 100 * 2.5px), 2.5vw, calc(1920 / 100 * 2.5px)) !important;
}
.fs3vw {
  font-size: clamp(calc(1200 / 100 * 3px), 3vw, calc(1920 / 100 * 3px)) !important;
}
.fs3_5vw {
  font-size: clamp(calc(1200 / 100 * 3.5px), 3.5vw, calc(1920 / 100 * 3.5px)) !important;
}
.fs4vw {
  font-size: clamp(calc(1200 / 100 * 4px), 4vw, calc(1920 / 100 * 4px)) !important;
}
.fs4_5vw {
  font-size: clamp(calc(1200 / 100 * 4.5px), 4.5vw, calc(1920 / 100 * 4.5px)) !important;
}
.fs5vw {
  font-size: clamp(calc(1200 / 100 * 5px), 5vw, calc(1920 / 100 * 5px)) !important;
}
.fs5_5vw {
  font-size: clamp(calc(1200 / 100 * 5.5px), 5.5vw, calc(1920 / 100 * 5.5px)) !important;
}
.fs6vw {
  font-size: clamp(calc(1200 / 100 * 6px), 6vw, calc(1920 / 100 * 6px)) !important;
}
.fs6_5vw {
  font-size: clamp(calc(1200 / 100 * 6.5px), 6.5vw, calc(1920 / 100 * 6.5px)) !important;
}
.fs7vw {
  font-size: clamp(calc(1200 / 100 * 7px), 7vw, calc(1920 / 100 * 7px)) !important;
}
.fs7_5vw {
  font-size: clamp(calc(1200 / 100 * 7.5px), 7.5vw, calc(1920 / 100 * 7.5px)) !important;
}
.fs8vw {
  font-size: clamp(calc(1200 / 100 * 8px), 8vw, calc(1920 / 100 * 8px)) !important;
}
.fs8_5vw {
  font-size: clamp(calc(1200 / 100 * 8.5px), 8.5vw, calc(1920 / 100 * 8.5px)) !important;
}
.fs9vw {
  font-size: clamp(calc(1200 / 100 * 9px), 9vw, calc(1920 / 100 * 9px)) !important;
}
.fs9_5vw {
  font-size: clamp(calc(1200 / 100 * 9.5px), 9.5vw, calc(1920 / 100 * 9.5px)) !important;
}
.fs10vw {
  font-size: clamp(calc(1200 / 100 * 10px), 10vw, calc(1920 / 100 * 10px)) !important;
}
.fs10_5vw {
  font-size: clamp(calc(1200 / 100 * 10.5px), 10.5vw, calc(1920 / 100 * 10.5px)) !important;
}
.fs11vw {
  font-size: clamp(calc(1200 / 100 * 11px), 11vw, calc(1920 / 100 * 11px)) !important;
}
.fs11_5vw {
  font-size: clamp(calc(1200 / 100 * 11.5px), 11.5vw, calc(1920 / 100 * 11.5px)) !important;
}
.fs12vw {
  font-size: clamp(calc(1200 / 100 * 12px), 12vw, calc(1920 / 100 * 12px)) !important;
}
.fs12_5vw {
  font-size: clamp(calc(1200 / 100 * 12.5px), 12.5vw, calc(1920 / 100 * 12.5px)) !important;
}
.fs13vw {
  font-size: clamp(calc(1200 / 100 * 13px), 13vw, calc(1920 / 100 * 13px)) !important;
}
.fs13_5vw {
  font-size: clamp(calc(1200 / 100 * 13.5px), 13.5vw, calc(1920 / 100 * 13.5px)) !important;
}
.fs14vw {
  font-size: clamp(calc(1200 / 100 * 14px), 14vw, calc(1920 / 100 * 14px)) !important;
}
.fs14_5vw {
  font-size: clamp(calc(1200 / 100 * 14.5px), 14.5vw, calc(1920 / 100 * 14.5px)) !important;
}
.fs15vw {
  font-size: clamp(calc(1200 / 100 * 15px), 15vw, calc(1920 / 100 * 15px)) !important;
}
.line-height1 {
  line-height: 1 !important;
}
.line-height1_1 {
  line-height: 1.1 !important;
}
.line-height1_2 {
  line-height: 1.2 !important;
}
.line-height1_3 {
  line-height: 1.3 !important;
}
.line-height1_4 {
  line-height: 1.4 !important;
}
.line-height1_5 {
  line-height: 1.5 !important;
}
.line-height1_6 {
  line-height: 1.6 !important;
}
.line-height1_7 {
  line-height: 1.7 !important;
}
.line-height1_8 {
  line-height: 1.8 !important;
}
.line-height1_9 {
  line-height: 1.9 !important;
}
.line-height2 {
  line-height: 2 !important;
}
.normal {
  font-weight: 400 !important;
}
.bold {
  font-weight: bold !important;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.mg0 {
  margin: 0 !important;
}
.mgLR0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mgLR10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mgLR20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mgLR30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mgLR40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mgLR50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mgLR60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mgLR70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.mgLR80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mgLR90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.mgLR100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.mgL0 {
  margin-left: 0 !important;
}
.mgL10 {
  margin-left: 10px !important;
}
.mgL20 {
  margin-left: 20px !important;
}
.mgL30 {
  margin-left: 30px !important;
}
.mgL40 {
  margin-left: 40px !important;
}
.mgL50 {
  margin-left: 50px !important;
}
.mgL60 {
  margin-left: 60px !important;
}
.mgL70 {
  margin-left: 70px !important;
}
.mgL80 {
  margin-left: 80px !important;
}
.mgL90 {
  margin-left: 90px !important;
}
.mgL100 {
  margin-left: 100px !important;
}
.mgR0 {
  margin-right: 0 !important;
}
.mgR10 {
  margin-right: 10px !important;
}
.mgR20 {
  margin-right: 20px !important;
}
.mgR30 {
  margin-right: 30px !important;
}
.mgR40 {
  margin-right: 40px !important;
}
.mgR50 {
  margin-right: 50px !important;
}
.mgR60 {
  margin-right: 60px !important;
}
.mgR70 {
  margin-right: 70px !important;
}
.mgR80 {
  margin-right: 80px !important;
}
.mgR90 {
  margin-right: 90px !important;
}
.mgR100 {
  margin-right: 100px !important;
}
.mgTB0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mgTB10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mgTB20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mgTB30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mgTB40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mgTB50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mgTB60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.mgTB70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mgTB80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.mgTB90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.mgTB100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.mgTB110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}
.mgTB120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.mgTB130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}
.mgTB140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}
.mgTB150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.mgTB160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.mgTB170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}
.mgTB180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}
.mgTB190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}
.mgTB200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.mgT0 {
  margin-top: 0 !important;
}
.mgT10 {
  margin-top: 10px !important;
}
.mgT20 {
  margin-top: 20px !important;
}
.mgT30 {
  margin-top: 30px !important;
}
.mgT40 {
  margin-top: 40px !important;
}
.mgT50 {
  margin-top: 50px !important;
}
.mgT60 {
  margin-top: 60px !important;
}
.mgT70 {
  margin-top: 70px !important;
}
.mgT80 {
  margin-top: 80px !important;
}
.mgT90 {
  margin-top: 90px !important;
}
.mgT100 {
  margin-top: 100px !important;
}
.mgT110 {
  margin-top: 110px !important;
}
.mgT120 {
  margin-top: 120px !important;
}
.mgT130 {
  margin-top: 130px !important;
}
.mgT140 {
  margin-top: 140px !important;
}
.mgT150 {
  margin-top: 150px !important;
}
.mgT160 {
  margin-top: 160px !important;
}
.mgT170 {
  margin-top: 170px !important;
}
.mgT180 {
  margin-top: 180px !important;
}
.mgT190 {
  margin-top: 190px !important;
}
.mgT200 {
  margin-top: 200px !important;
}
.mgB0 {
  margin-bottom: 0 !important;
}
.mgB10 {
  margin-bottom: 10px !important;
}
.mgB20 {
  margin-bottom: 20px !important;
}
.mgB30 {
  margin-bottom: 30px !important;
}
.mgB40 {
  margin-bottom: 40px !important;
}
.mgB50 {
  margin-bottom: 50px !important;
}
.mgB60 {
  margin-bottom: 60px !important;
}
.mgB70 {
  margin-bottom: 70px !important;
}
.mgB80 {
  margin-bottom: 80px !important;
}
.mgB90 {
  margin-bottom: 90px !important;
}
.mgB100 {
  margin-bottom: 100px !important;
}
.mgB110 {
  margin-bottom: 110px !important;
}
.mgB120 {
  margin-bottom: 120px !important;
}
.mgB130 {
  margin-bottom: 130px !important;
}
.mgB140 {
  margin-bottom: 140px !important;
}
.mgB150 {
  margin-bottom: 150px !important;
}
.mgB160 {
  margin-bottom: 160px !important;
}
.mgB170 {
  margin-bottom: 170px !important;
}
.mgB180 {
  margin-bottom: 180px !important;
}
.mgB190 {
  margin-bottom: 190px !important;
}
.mgB200 {
  margin-bottom: 200px !important;
}
.pd0 {
  padding: 0 !important;
}
.pdLR0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pdLR10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pdLR20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pdLR30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pdLR40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.pdLR50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.pdLR60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.pdLR70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.pdLR80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.pdLR90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.pdLR100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.pdL0 {
  padding-left: 0 !important;
}
.pdL10 {
  padding-left: 10px !important;
}
.pdL20 {
  padding-left: 20px !important;
}
.pdL30 {
  padding-left: 30px !important;
}
.pdL40 {
  padding-left: 40px !important;
}
.pdL50 {
  padding-left: 50px !important;
}
.pdL60 {
  padding-left: 60px !important;
}
.pdL70 {
  padding-left: 70px !important;
}
.pdL80 {
  padding-left: 80px !important;
}
.pdL90 {
  padding-left: 90px !important;
}
.pdL100 {
  padding-left: 100px !important;
}
.pdR0 {
  padding-right: 0 !important;
}
.pdR10 {
  padding-right: 10px !important;
}
.pdR20 {
  padding-right: 20px !important;
}
.pdR30 {
  padding-right: 30px !important;
}
.pdR40 {
  padding-right: 40px !important;
}
.pdR50 {
  padding-right: 50px !important;
}
.pdR60 {
  padding-right: 60px !important;
}
.pdR70 {
  padding-right: 70px !important;
}
.pdR80 {
  padding-right: 80px !important;
}
.pdR90 {
  padding-right: 90px !important;
}
.pdR100 {
  padding-right: 100px !important;
}
.pdTB0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pdTB10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pdTB20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pdTB30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pdTB40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pdTB50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.pdTB60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.pdTB70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.pdTB80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.pdTB90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.pdTB100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.pdTB110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}
.pdTB120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.pdTB130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}
.pdTB140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.pdTB150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.pdTB160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.pdTB170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}
.pdTB180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}
.pdTB190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}
.pdTB200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.pdT0 {
  padding-top: 0 !important;
}
.pdT10 {
  padding-top: 10px !important;
}
.pdT20 {
  padding-top: 20px !important;
}
.pdT30 {
  padding-top: 30px !important;
}
.pdT40 {
  padding-top: 40px !important;
}
.pdT50 {
  padding-top: 50px !important;
}
.pdT60 {
  padding-top: 60px !important;
}
.pdT70 {
  padding-top: 70px !important;
}
.pdT80 {
  padding-top: 80px !important;
}
.pdT90 {
  padding-top: 90px !important;
}
.pdT100 {
  padding-top: 100px !important;
}
.pdT110 {
  padding-top: 110px !important;
}
.pdT120 {
  padding-top: 120px !important;
}
.pdT130 {
  padding-top: 130px !important;
}
.pdT140 {
  padding-top: 140px !important;
}
.pdT150 {
  padding-top: 150px !important;
}
.pdT160 {
  padding-top: 160px !important;
}
.pdT170 {
  padding-top: 170px !important;
}
.pdT180 {
  padding-top: 180px !important;
}
.pdT190 {
  padding-top: 190px !important;
}
.pdT200 {
  padding-top: 200px !important;
}
.pdB0 {
  padding-bottom: 0 !important;
}
.pdB10 {
  padding-bottom: 10px !important;
}
.pdB20 {
  padding-bottom: 20px !important;
}
.pdB30 {
  padding-bottom: 30px !important;
}
.pdB40 {
  padding-bottom: 40px !important;
}
.pdB50 {
  padding-bottom: 50px !important;
}
.pdB60 {
  padding-bottom: 60px !important;
}
.pdB70 {
  padding-bottom: 70px !important;
}
.pdB80 {
  padding-bottom: 80px !important;
}
.pdB90 {
  padding-bottom: 90px !important;
}
.pdB100 {
  padding-bottom: 100px !important;
}
.pdB110 {
  padding-bottom: 110px !important;
}
.pdB120 {
  padding-bottom: 120px !important;
}
.pdB130 {
  padding-bottom: 130px !important;
}
.pdB140 {
  padding-bottom: 140px !important;
}
.pdB150 {
  padding-bottom: 150px !important;
}
.pdB160 {
  padding-bottom: 160px !important;
}
.pdB170 {
  padding-bottom: 170px !important;
}
.pdB180 {
  padding-bottom: 180px !important;
}
.pdB190 {
  padding-bottom: 190px !important;
}
.pdB200 {
  padding-bottom: 200px !important;
}
.gap5 {
  gap: 5px !important;
}
.gap10 {
  gap: 10px !important;
}
.gap15 {
  gap: 15px !important;
}
.gap80 {
  gap: 80px !important;
}

/*----- ↑search共通↑ -----*/
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}