@charset "UTF-8";
/* CSS Document */
body {
    font-family: 'Oswald', 'Zen Kaku Gothic New', 'sans-serif';
    font-weight: 300, 400, 500, 700, 900;
    font-style: bold;
    font-optical-sizing: auto;
    background-image: url(imgs/pc/background_pc.png);
	background-size: cover; /* 背景画像を全画面表示 */
    background-repeat: no-repeat;
    background-position: center; /* 背景画像の表示位置を中央に */
	margin: 0px;
}
main {
}
a {
    text-decoration: none;
}
li {
    list-style-type: none;
}
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}
.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}
.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}
.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}
@media screen and (min-width: 1441px) {
  .sp {
    display: none!important;
  }
   /*------ここからmain-------------*/
  body main h1 {
    font-size: 35px;
    margin-bottom: 150px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 150px;
    margin-left: auto;
    width: 90vw;
    margin-right: auto;
  }
  .pc.nakase {
    width: 100%;
  }
  .consept_word {
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    display: block;
    width: 460px;
  }
  .consept_word_text {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
  }
  .human_resources_width {
    margin: auto;
    width: 900px;
  }
  .human_resources {
    width: 370px;
    display: block;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    color: #F7F7F7;
    margin-left: 0px;
  }
  .human_resources h2 {
    font-size: 40px;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .human_resources .human_resources_en {
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-top: 5px;
  }
  .human_resources_member {
    width: 875px;
    margin-top: 40px;
    padding-left: 20px;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    border-left-width: 3px;
    border-left-style: solid;
    margin-left: auto;
    margin-right: auto;
  }
  .human_resources_member p {
    font-size: 19px;
    line-height: 45px;
    font-weight: 500;
    letter-spacing: 2px;
  }
  body main h3 {
    font-size: 35px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 100px;
    margin-left: auto;
    width: 80vw;
    margin-right: auto;
  }
  .recruitment_width {
    margin: auto;
    width: 80vw;
  }
.recruitment_width .career_title {
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
}
  .New_graduate {
    width: 32%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
  }
	.New_graduate:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_vivo {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
  }
		.New_graduate_vivo:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_bearsi {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    margin-bottom: 0px;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_bearsi:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_hotel {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_hotel:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_rokkou {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    margin-left: 0px;
    transition: all .2s;
  }
			.New_graduate_rokkou:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_company {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_company:hover {
    width: 100%;
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
  }
  .New_graduate_vivo span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
  }
  .New_graduate_bearsi span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
	background: linear-gradient(70deg, #f35370, #fb948c);
    background: -webkit-linear-gradient(70deg, #f35370, #fb948c);
  }
  .New_graduate_hotel span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
  }
  .New_graduate_rokkou span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
  }
  .New_graduate_company span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
  }
  .New_graduate small,.New_graduate_vivo small,.New_graduate_bearsi small,.New_graduate_hotel small,.New_graduate_rokkou small,.New_graduate_company small{
    /*形状*/
    display: inline-block;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    color: #333;
    text-decoration: none;
    outline: none;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  /*矢印と下線の形状*/
  .New_graduate small::before,.New_graduate_vivo small::before,.New_graduate_bearsi small::before,.New_graduate_hotel small::before,.New_graduate_rokkou small::before,.New_graduate_company small::before {
    content: '';
    /*絶対配置で下線の位置を決める*/
    position: absolute;
    bottom: 20px;
    left: 20px;
    /*下線の形状*/
    width: 83%;
    height: 2px;
    /*アニメーションの指定*/
    transition: all .3s;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-text-fill-color: transparent;
  }
  .New_graduate small::after,.New_graduate_vivo small::after,.New_graduate_bearsi small::after,.New_graduate_hotel small::after,.New_graduate_rokkou small::after,.New_graduate_company small::after {
    border-image-slice: 1;
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    bottom: 24px;
    right: 12%;
    /*矢印の形状*/
    width: 15px;
    height: 2px;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-text-fill-color: transparent;
  }
  .New_graduate small:hover::before,.New_graduate_vivo small:hover::before,.New_graduate_bearsi small:hover::before,.New_graduate_hotel small:hover::before,.New_graduate_rokkou small:hover::before,.New_graduate_company small:hover::before {
    left: 33px;
  }
 .New_graduate small:hover::after,.New_graduate_vivo small:hover::after,.New_graduate_bearsi small:hover::after,.New_graduate_hotel small:hover::after,.New_graduate_rokkou small:hover::after,.New_graduate_company small:hover::after  {
    right: 8%;
  }
  .career ul {
    display: flex;
    margin-bottom: 30px;
    width: 80vw;
    padding-left: 0px;
  }
.career ul li {
    margin: auto;
    width: 32%;
    display: block;
}
  body main h4 {
    font-size: 40px;
    padding-top: 100px;
    font-weight: 900;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
  }
  /*------ここまでmain-------------*/
}
@media screen and (max-width: 1440px) {
  .sp {
    display: none !important;
  }
  /*------ここからmain-------------*/
  body main h1 {
    font-size: 35px;
    margin-bottom: 150px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 150px;
    margin-left: auto;
    width: 90vw;
    margin-right: auto;
  }
  .pc.nakase {
    width: 100%;
  }
  .consept_word {
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    display: block;
    width: 35vw;
  }
  .consept_word_text {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
  }
  .human_resources_width {
    margin: auto;
    width: 80vw;
  }
  .human_resources {
    width: 35vw;
    display: block;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    color: #F7F7F7;
    margin-left: 0px;
  }
  .human_resources h2 {
    font-size: 2.5em;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .human_resources .human_resources_en {
    font-size: 1em;
    letter-spacing: 0.5px;
    margin-top: 0px;
  }
  .human_resources_member {
    width: 78vw;
    margin-top: 40px;
    padding-left: 20px;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    border-left-width: 3px;
    border-left-style: solid;
    margin-left: auto;
    margin-right: auto;
  }
  .human_resources_member p {
    font-size: 1em;
    line-height: 2em;
    font-weight: 500;
    letter-spacing: 2px;
  }
  body main h3 {
    font-size: 35px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 100px;
    margin-left: auto;
    width: 80vw;
    margin-right: auto;
  }
  .recruitment_width {
    margin: auto;
    width: 80vw;
  }
.recruitment_width .career_title {
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
}
  .New_graduate {
    width: 32%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
  }
	.New_graduate:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_vivo {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
    margin-left: 0px;
  }
		.New_graduate_vivo:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_bearsi {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    margin-bottom: 0px;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_bearsi:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_hotel {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_hotel:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_rokkou {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    margin-left: 0px;
    transition: all .2s;
  }
			.New_graduate_rokkou:hover {
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate_company {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 4px 3px 5px -3px #777777;
    box-shadow: 4px 3px 5px -3px #777777;
    position: relative;
    bottom: auto;
    transition: all .2s;
    margin-left: 0px;
  }
			.New_graduate_company:hover {
    width: 100%;
    background-color: #F7F7F7;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  .New_graduate span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
  }
  .New_graduate_vivo span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 1.3em;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
  }
  .New_graduate_bearsi span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 1.3em;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg, #f35370, #fb948c);
    background: -webkit-linear-gradient(70deg, #f35370, #fb948c);
  }
  .New_graduate_hotel span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 1.3em;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
  }
  .New_graduate_rokkou span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 1.3em;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
  }
  .New_graduate_company span {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
    font-size: 1.3em;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
  }
  .New_graduate small,.New_graduate_vivo small,.New_graduate_bearsi small,.New_graduate_hotel small,.New_graduate_rokkou small,.New_graduate_company small{
    /*形状*/
    display: inline-block;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    color: #333;
    text-decoration: none;
    outline: none;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  /*矢印と下線の形状*/
  .New_graduate small::before,.New_graduate_vivo small::before,.New_graduate_bearsi small::before,.New_graduate_hotel small::before,.New_graduate_rokkou small::before,.New_graduate_company small::before {
    content: '';
    /*絶対配置で下線の位置を決める*/
    position: absolute;
    bottom: 20px;
    left: 20px;
    /*下線の形状*/
    width: 80%;
    height: 2px;
    /*アニメーションの指定*/
    transition: all .3s;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-text-fill-color: transparent;
  }
  .New_graduate small::after,.New_graduate_vivo small::after,.New_graduate_bearsi small::after,.New_graduate_hotel small::after,.New_graduate_rokkou small::after,.New_graduate_company small::after {
    border-image-slice: 1;
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    bottom: 24px;
    right: 12%;
    /*矢印の形状*/
    width: 15px;
    height: 2px;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -webkit-text-fill-color: transparent;
  }
  .New_graduate small:hover::before,.New_graduate_vivo small:hover::before,.New_graduate_bearsi small:hover::before,.New_graduate_hotel small:hover::before,.New_graduate_rokkou small:hover::before,.New_graduate_company small:hover::before {
    left: 33px;
  }
 .New_graduate small:hover::after,.New_graduate_vivo small:hover::after,.New_graduate_bearsi small:hover::after,.New_graduate_hotel small:hover::after,.New_graduate_rokkou small:hover::after,.New_graduate_company small:hover::after  {
    right: 8%;
  }
  .career ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
    padding-left: 0px;
  }
.career ul li {
    margin: auto;
    width: 32%;
    display: block;
}
  body main h4 {
    font-size: 40px;
    padding-top: 100px;
    font-weight: 900;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
  }
  /*------ここまでmain-------------*/
}
@media screen and (max-width:765px){
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
 /*------ここからmain-------------*/
  body main h1 {
    font-size: 35px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 150px;
    margin-left: auto;
    width: 90vw;
    margin-right: auto;
  }
.sp.nakase {
    width: 100%;
  }
  .consept_word {
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    display: block;
    width: 80vw;
  }
  .consept_word_text {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
  }
  .human_resources_width {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    display: block;
    width: 90vw;
  }
  .human_resources {
    width: 80%;
    display: block;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 10px;
    margin-top: 50px;
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    color: #F7F7F7;
    margin-left: auto;
    padding-right: 20px;
    margin-right: auto;
  }
  .human_resources h2 {
    font-size: 40px;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .human_resources .human_resources_en {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-top: 5px;
  }
  .human_resources_member {
    width: 75vw;
    margin-top: 40px;
    padding-left: 20px;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    border-left-width: 3px;
    border-left-style: solid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;
  }
  .human_resources_member p {
    font-size: 1.1em;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body main h3 {
    font-size: 35px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    -webkit-border-image: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    -o-border-image: -o-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    border-image-slice: 1;
    margin-top: 0px;
    padding-top: 100px;
    margin-left: auto;
    width: 90vw;
    margin-right: auto;
  }
.background_graduate_p {
    margin: auto;
    width: 80vw;
    -webkit-box-shadow: 1px 1px 4px -1px #282828;
    box-shadow: 1px 1px 4px -1px #282828;
}
.background_graduate {
    background: linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    background: -webkit-linear-gradient(150deg, rgba(159, 8, 16, 1), rgba(200, 22, 27, 1));
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10vw;
    display: block;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 0px;
    text-align: left;
    color: #FFFFFF;
    font-size: 5vw;
    padding-left: 20px;
}
.background_graduate_p a b  {
    right: 70px;
    position: absolute;
}
.recruitment_width .career_title {
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
}
  .career ul {
    display: flex;
    margin-bottom: 0px;
  }
	.box {
                              /* はみ出し部分は非表示にする */
  overflow     : hidden;
  position     : relative;
  width        : 45px;
  height       : 20px;
transition: transform .2s;
}
.box::after {
  content      : "";
  position     : absolute;
  width        : 31px;
  height       : 31px;
                              /* 図形のCSS */
  background   : linear-gradient(135deg, #c1272d, #c1272d, #780d12);
  top          : -19px;
  left         : 7px;
  transform    : rotate(45deg);
}
	.accordion-004 {
    margin-bottom: 7px;
    /* [disabled]border: 2px solid #d0d0d0; */
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
}

.accordion-004 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    background-color: #FFFFFF;
    margin-top: 0px;
    font-size: 20px;
    transition: transform .5s, opacity .5s;
    max-width: 500px;
    -webkit-box-shadow: 2px 2px 3px -1px #5E5E5E;
    box-shadow: 2px 2px 3px -1px #5E5E5E;
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}
.accordion-004[open] .box::after {
      content      : "";
  position     : absolute;
  width        : 31px;
  height       : 31px;
                              /* 図形のCSS */
  background   : linear-gradient(135deg, #c1272d, #780d12, #780d12);
  top          : 8px;
  left         : 7px;
  transform    : rotate(45deg);
}
.accordion-004 p {
    transform: translateY(-10px);
    opacity: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
    text-align: left;
    position     : relative;
    -webkit-box-shadow: 2px 2px 3px 0px #777777;
    box-shadow: 2px 2px 3px 0px #777777;
}
.accordion-004 p a {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 5vw;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    display: block;
    padding-left: 20px;
    font-weight: 500;
}
.accordion-004 p a b {
    right: 30px;
    position: absolute;
}

.accordion-004[open] p {
    transform: none;
    opacity: 1;
}
.background_vivo {
	    background: linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(74, 81, 184, 1) 0%, rgba(64, 89, 159, 1) 100%);
}
	.background_bearsi {
	    background: linear-gradient(70deg, #f35370, #fb948c);
    background: -webkit-linear-gradient(70deg, #f35370, #fb948c);
}
	.background_hotel {
    background: linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(140, 61, 138, 1) 0%, rgba(169, 87, 169, 1) 100%);
}
	.background_rokkou {
    background: linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(127, 198, 115, 1) 0%, rgba(64, 127, 105, 1) 100%);
}
	.background_company {
    background: linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
    background: -webkit-linear-gradient(70deg,rgba(251, 192, 107, 1) 0%, rgba(224, 114, 59, 1) 100%);
}
  .career ul {
    display: flex;
    margin-bottom: 0px;
  }
  body main h4 {
    font-size: 40px;
    padding-top: 100px;
    font-weight: 900;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
  }
  .tel {
    display: block;
    font-size: 67px;
    font-weight: 900;
    letter-spacing: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
    color: #3E3A39;
    width: 100%;
    font-family: "Zen Kaku Gothic New Bold";
  }
  .mailform {
    font-size: 20px;
    font-variant: normal;
    font-weight: 800;
    color: #C80003;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
    display: block;
  }
  /*------ここまでmain-------------*/
}