@charset "UTF-8";
/*共通項目
----------------------------*/
*, *::before, *::after {
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
  border: 5px solid white;
  font-family: "Noto Sans JP", sans-serif;
}
body{
  position: relative;
}
#home{
  background: #003B94;/*後で削除*/
  color: #333;
  line-height: 1.6rem;
  font-size: 15px;
}
.lp-section.message,.lp-section.point-box{
  padding: 2rem 15px;
}
section.lp-section,section.description,section.entryform{
  padding: 18% 15px 10%;
}
h4.lp-title__s{
  color: #003B94;
  font-family: "Oswald", sans-serif;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 4rem;
}
h4.lp-title__s  span{
  display: block;
  color: #333;
  font-size: 1.1rem;
  padding-top: 0.5rem;
}
.date_head{
  text-align: center;
  font-size: 1.4rem;
  color: #003B94;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
div.bk-white{
  background: white;
}
a:hover{
  cursor: pointer;
}

@media screen and (max-width: 767px){
  .sp-none{
    display: none;
  }
}
@media screen and (min-width:768px){
  #home{
    font-size: 18px;
    line-height: 1.8rem;
  }
  .pcmax-width,section.description{
    max-width: 1000px;
    margin: 0 auto;
  }
  .lp-section.message,.lp-section.point-box ul{
    max-width: 1000px;
    margin: 0 auto;
  }
  section.people, section.description, section.entryform{
    padding: 10% 15px;
  }
  .pc-none{
    display: none;
  }
  .sp-none{
    display: block;
  }
}
@media screen and (min-width:1024px){
  h4.lp-title__s{
    margin-bottom: 5rem;
    font-size: 3rem;
  }
  h4.lp-title__s span{
    font-size: 1.2rem;
    margin-top: 1rem;
  }
  .lp-section.message, .lp-section.point-box{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}




/* <header>
----------------------------*/
header.lp-header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
h1.boxLogo {
  width: 60%;
  background: #FFFEFC;
  border-radius: 0 0 20px;
}
h1.boxLogo a {
  padding: 1.5rem 1rem;
  display: flex;
}
h1.boxLogo img:first-child {
  width: 44%;
  margin-right: 0.3rem;
}
h1.boxLogo img:last-child {
  width: 55%;
}

/* .main-visual
----------------------------*/
.main-visual{
  position: relative;
}
.main-visual p{
  font-size: 0.8rem;
  padding-top: 2%;
}
.main-textbox {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 0.08rem;
  text-align: center;
  font-weight:  bold;
  color: white;
  text-shadow: 4px 4px 30px rgba(13, 13, 13, 1);
}
h2.catchphrase {
  font-size: 2.27rem;
  line-height: 2.3rem;
}
h2.catchphrase span{
  font-size: 1.7rem;
}


/* <section>.message
----------------------------*/
section.message{
  color: white;
  line-height: 1.7rem;
}
section.message span{
  border-bottom: 2px solid #ffffff;
}
p.lp-title{
  font-size: 1.35rem;
  line-height: 1.85rem;
  font-weight: bold;
  margin-bottom: 2.7rem;
}

/* <article>.point-box
----------------------------*/
article{
  color: #003B94;
}
article.point-box{
  background: #F2F7FF;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
}
article.point-box::after{
  content: "";
  position: absolute;
  height: 60px;
  width: 100%;
  clip-path: polygon(0 0,50% 100%,100% 0);
  background-color: #F2F7FF;
  left: 0;
  bottom: -59px;
}
h3.point-btitle{
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.85rem;
  font-weight: bold;
  padding: 3rem 0;
}

.point-btitle div{
  font-weight: bold;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}
.point-btitle div::before{/*吹き出し左*/
    content: "";
    width: 15px;
    height: 2px;
    transform: rotate(60deg);
    box-sizing: border-box;
    background-color: #003B94;
}
.point-btitle div::after{/*吹き出し右*/
  content: "";
  width: 15px;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #003B94;
}

.point-box .pointlist{
  background: white;
  border-radius: 50px;
  padding: 3rem 10px;
  margin-bottom: 2rem;
}
.point-box .pointlist:not(:last-child){
  margin-bottom: 3rem;
}
p.point-img {
  width: 50%;
  margin: 1rem auto;
}
p.point-number {
  font-size: 5rem;
  color: #81D9FF;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  margin-top: -3rem;
  margin-bottom: 2rem;
}

div.point_area-txt{
  font-weight: bold;
  margin-top: 2rem;
}
div.point_area-txt p.point__head {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  line-height: 2rem;
}
div.point_area-txt p.point__text{
  line-height: 1.5rem;
}
div.point_area-txt p.point__text span{
  background: #FFFF05;
}

/* <section>.deta
----------------------------*/
section.deta {
  padding-top: 9.5rem;
}
ul.deta_ul{
  width: 90%;
  margin: 0 auto;
}
li.date__card{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
li.date__card:not(:last-child){
  border-bottom: 1px solid rgba(0, 59, 148, 0.3);
}
li.date__card:last-child {
  p.date_text{
    letter-spacing: -0.3rem;
  }
}
.date__card .date_area_txt{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.date__card .date_area_txt p.date_text{
  font-family: "Oswald", sans-serif;
  font-size: 3.9rem;
}
.date__card .date_area_txt p.date_text span{
  font-size: 1.3rem;
  font-weight: 500;
}
.date__card .date_area_txt p.date_text span.date-time{
  display: block;
  font-size: 1rem;
  padding-top: 0.3rem;
  font-weight: 500;
}

.date_text:first-child{
  letter-spacing: -5px;
}
li.date__card .date_icon {
  width: 160px;
  margin-right: 10px;
}
li.date__card01 .date-time{
  text-align: right;
  font-family: "Oswald", sans-serif;
}
/* div.entry-box1
----------------------------*/
.entry-box1{
  background: linear-gradient(to right, #1663D7 0%, #084AAD 37%, #003B94 100%);
  color: white;
  font-weight: bold;
  padding: 3rem 20px;
  text-align: center;
}
.entry-box1 p{
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}
.entry-box1 p::before{
  content: "";
  width: 15px;
  height: 2px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: white;
}
.entry-box1 p::after{
  content: "";
  width: 15px;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: white;
}

.entry-box1 a.entry-btn1{
  display: block;
  background: white;
  color: #003B94;
  padding: 1.5rem 1rem;
  border-radius: 50px;
  font-size: 1.25rem;
  overflow: hidden;
  transition: transform .6s ease;

}
.entry-box1 a.entry-btn1:hover{
  transform: scale(1.1);
}

/* <section>.people
----------------------------*/
section.lp-section.people{
  background: #F2F7FF;
}
.job-interview_box{
  background: white;
  border: 1px solid #003B94;
  border-radius: 10px;
  padding: 3rem 10px;
  letter-spacing: 0.02rem;
}
.job-interview_box .date_head{
  font-weight: bold;
}
.job-interview_box .jobs-img{
  width: 95%;
  margin: 0 auto 1.5rem;
}


.job-interview_box .job-conetent{
  background: #F3FBFF;
  border: 1px solid #1e5dc8;
  padding: 20px 10px;
  margin-bottom: 3.5rem;
}

.job-interview_box .job-conetent .content-title{
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.job-interview_box .job-conetent p span{
  font-weight: bold;
}
.job-interview_box .member-date {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  line-height: 2rem;
  font-size: 1.1rem;
}

.job-interview_box .people-img{
  width: 55%;
}
.job-interview_box .job-movetitle{
  position: absolute;
  max-width: 50%;
  top: -10%;
}
.job-interview_box .interview-text{
  background: #F3FBFF;
  padding: 15px 10px;
}
.job-interview_box .interview-text .interview_head{
  font-size: 1.1rem;
  color: #075FB9;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.job-interview_box .interview-text1{
  margin-bottom: 1.5rem;
  margin-top: -8%;
  position: relative;
  z-index: 1;
}

/* <table>
----------------------------*/
.description table{
  width: 100%;
  margin-bottom: 3rem;
}
.description th{
  text-align: left;
  font-size: 1.1rem;
  font-weight: bold;
}
.description table span.map-btn {
  padding: 0.4rem 1rem;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  background: #003B94;
}
.description table span.map-btn:hover{
  opacity: 0.8;;
}
.description table span.map-btn::before {
  content: "";
  display: inline-block;
  aspect-ratio: cos(30deg);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: white;
  height: 10px;
  margin-right: 0.2rem;
}
.description .sales-salary-text p {
  margin-bottom: 0.7rem;
}
.description .sales-salary-text p:nth-child(2) {
  font-weight: 700;
}
.description .sales-graph{
  width: 75%;
  margin: 1rem auto 0;
}
.description .sales-salary-text span.strong{
  background: linear-gradient(transparent 50%, #FFFF05 50%);
  font-weight: 700;
}
@media screen and (max-width: 767px){
  .description tr{
    display: flex;
    -webkit-flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .description tr th{
    width: 100%;
    padding: 11px 8px;
    background: #EEEEEE;
    margin-bottom: 0.5rem;
  }
  .description tr td{
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
 
}

/* entry-box2
----------------------------*/
.entry-box2 {
  position: relative;
  background: #F2F7FF;
  margin: 0 auto;
  border-radius: 150px;
  padding: 2.5rem 0;
}
.entry-box2 img {
  width: 180px;
  position: absolute;
  top: -18%;
  left: 50%;
  transform: translateX(-50%);
}
.entry-text {
  width: 88%;
  margin: 0 auto;
}
.entry-text p{
  text-align: center;
  font-size: 1.1rem;
  color: #003b94;
  font-weight: bold;
  margin-bottom: 1rem;
}

a.entry-btn.entry-btn2 {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  border-radius: 50px;
  font-size: 1.25rem;
  background: #003B94;
  color: white;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  transition: transform 0.6s;
}
a.entry-btn.entry-btn2:hover{
  transform: scale(1.1);
}

/*entryform
----------------------------------*/
#Entryform .thanks-message{
  padding: 3rem 10px;
}
#Entryform .thanks-message .thanks-info{
  background: white;
  padding: 1rem 0.5rem;
  border-radius: 15px;
}

a.back-top {
  display: block;
  width: 50%;
  padding: 1rem;
  margin: 2rem auto 0;
  border: 2px solid #003B94;
  color: #003B94;
  font-size: 1.2rem;
  font-weight: bold;
}
a.back-top:hover {
  background: #F3FBFF;
}

.entryform .entryform-title{
  font-size: 1.5rem;
  color: #003B94;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4rem;
}
.send-comp img{
  width: 70%;
}
.send-comp {
  margin: 4rem;
  position: relative;
  background: white;
  padding: 3rem 1rem;
  border-radius: 600px;
}
.entryform .entry-form__box{
  background: #F6F6F6;
}
.entryform form{
  padding: 15px 10px;
  font-size: 1.1rem;
}
.entryform form li{
  margin-bottom: 1.5rem;
}
.entryform li input.form-input-radio:not(:first-child){
  margin-left: 1rem;
}
.entryform li .form-title{
  display: block;
  font-weight: bold;
  margin-bottom: 1rem;
}
.entryform li .form-title span{
  padding: 2px 1rem;
  margin-right: 0.5rem;
  border-radius: 10px;
  font-size: 1rem;
  color: white;
}
.entryform li .form-title span.required{
  background: #FF8686;
}
.entryform li .form-title span.any{
  background: #64B9E6;
}

.form-input_text{
  padding: 1rem 0;
  width: 100%;
}
.form-input_text-age{
  padding: 1rem 0;
  width: 50%;
  margin-right: 0.5rem;
}
input.form-input-radio {
  transform: scale(1.5);
  margin-right: 0.4rem;
}
textarea.form-input-anything{
  width: 99%;
  height: 150px;
}
.entry-area .submit-form {
  width: 97%;
  padding: 1.7rem 0;
  font-size: 1.4rem;
  background: #FF6928;
  border: none;
  color: white;
  font-weight: bold;
  border-radius: 50px;
  margin: 1.5rem 0;
}
.entry-area .submit-form:disabled{
  background-color: #e3e3e3;
  border: 1px solid #d1d1d1;
}
#WL-entryform .policy{
  text-align: center;
}
#WL-entryform p.policy a {
  color: #3369b9;
  text-decoration: underline #3369b9;
}
input#policyCheckbox {
  transform: scale(1.5);
}
#count.max{
  color: red;
}
#Entryform .thanks-message{
  text-align: center;
}
.entryform p.line-entry{/*LINE-Banner*/
  margin-bottom: 2rem;
} 
.entryform p.line-entry:hover{/*LINE-Banner*/
  opacity: 0.8;
}

/* .mordal-area
----------------------------*/
.mordal-area{
  display: none;
}
.mordal-area.active{
  width: 100%;
  height: 100vh;
  background-color: rgba(255,255,255,0.95);
  position: fixed;
  z-index: 9999;
  display: block;
  top: 0;
}
.mordal-area.active .mordal-main{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 1200px;
  width: 90%;
}
.mordal-area p{
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
}
.mordal-area .entry-chose_box{
  width: 60%;
  margin: 3rem auto 0;
}
.mordal-area .entry-chose_box li:first-child{
  margin-bottom: 2rem;
}
.mordal-area .entry-chose_box li:hover{
  cursor: pointer;
  opacity: 0.8;
}




/*footer
-----------------------------------*/
.fix-entrybtn-sp {
  position: fixed;
  background: linear-gradient(to right, #FFA983 0%, #FF7A40 37%, #FF6928 100%);
  padding: 1.5rem;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.fix-entrybtn-sp a{
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}

footer small{
  color: white;
  font-size: 12px;
  display: block;
  text-align: center;
  padding: 1rem 0
  ;
}
@media screen and (max-width:767px){
  /*modalarea*/
  .mordal-area .entry-chose_box{
    width: 90%;
  }
}
@media screen and (min-width:768px){
  /*header*/
  header.lp-header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  h1.boxLogo a{
    padding: 1.8rem 1rem;
    justify-content: center;
  }
  h1.boxLogo{
    width: 33%;
  }
  .h-headerbtn a{
    background: #FF6928;
    color: white;
    padding: 0.5rem 2rem;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right: 1rem;
    font-weight: bold;
  }
  /*main-visual*/
  .main-textbox{
    top: 60%;
    left: 60%;
    transform: translate(-60%, -60%);
  }
  /*main-text*/
  section.message{
    text-align: center;
  }
  .lp-section.message{
    padding: 4rem 15px;
  }
  p.lp-title{
    font-size: 1.6rem;
    line-height: 2.3rem;
  }
  /*point-box*/
  h3.point-btitle{
    font-size: 1.8rem;
  }
  .point-btitle div {
    font-size: 1.3rem;
    font-weight: 600;
  }
  div.point_area-txt p.point__head{
    font-size: 1.53rem;
  }
  .point-box .pointlist{
    border-radius: 30rem;
    max-width: 1000px;
    margin: 0 auto;
    padding: 4rem 4rem 5rem;
  }
  p.point-img{
    float: right;
    margin: 0;
    width: 45%;
    display: flex;
    justify-content: center;
  }
  p.point-img img{
    width: 90%;
    max-width: 260px;
  }
  p.point-number{
    margin-top: 0;
  }
  div.point_area-txt{
    width: 55%;
    margin-left: 3rem;
  }
  .point_area-txt.point_area1 {
    padding-top: 2rem;
  }
  article.point-box::after{
    height: 100px;
    bottom: -99px;
  }
  section.deta{
    padding-top: 13rem;
  }
  /*date*/
  ul.deta_ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  li.date__card02{
    width: 50%;
  }
  li.date__card01{
    width: 100%;
  }
  li.date__card:last-child {
    border-bottom: 1px solid rgba(0, 59, 148, 0.3);
  }
  .date_gender.sp-none {
    display: flex;
    justify-content: space-between;
  }
  .date_area_txt.ten {
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }
  .date_area_txtg2 .date_text {
    margin-right: 15px;
    letter-spacing: 0;
  }
  .date_area_txtg2 .date_icon {
    margin-right: 0;
  }

  /*entry-blue*/
  a.entry-btn.entry-btn1 {
    width: 70%;
    margin: 0 auto;
  }

  /*people*/
  .job-interview_box {
    padding: 5rem 50px;
  }
  .job-conetent .content-title{
    font-size: 1.4rem !important;
  }
  .job-interview_box .people-img{
    width: 45%;
  }
  .job-interview_box .job-movetitle{
    top: 5%;
  }
  .job-interview_box .interview-text .interview_head{
    font-size: 1.2rem;
  }
  .job-interview_box .interview-text1{
    margin-bottom: 2rem;
  }
  .member-name{
    font-size: 1.2rem;
  }

  /*table*/
  .description table tr{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    padding: 20px 25px;
  }
  .description table tr:nth-child(odd) {
    background: #EEEEEE;
  }
  .description table th {
    width: 25%;
    font-size: 1.15rem;
  }
  .description table td {
    width: 75%;
  }
  .step-img{
    width: 80%;
    margin: 0 auto;
  }

  /*entry-box*/
  .entry-box2{
    padding: 4rem 0;
    margin-top: 3rem;
    width: 90%;
  }
  .entry-box2 img{
    width: 35%;
    top: -55px;
  }
  .entry-text{
    width: 100%;
  }
  .entry-text p{
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1.2rem;
  }

  a.entry-btn.entry-btn2{
    width: 60%;
  }
  .entryform .entryform-title{
    font-size: 2rem;
  }
  .entryform .message-title{
    font-size: 1.7rem;
  }


  /*entryform*/
  .entryform .entry-form__box {
    max-width: 780px;
    margin: 0 auto;
  }
  .entryform form, #Entryform .thanks-message {
    padding: 3rem 4rem;
  }
  #submitBTN {
    width: 60%;
  }
  
  #WL-entryform .entry-area{
    text-align: center;
  }
  .form-input_text-age{
    width: 30%;
  }
  .entry-submitarea{
    text-align: center;
  }
  .entryform p.line-entry{
    width: 80%;
    max-width: 700px;
    margin: 0 auto 3rem; 
  }
  /*エントリーモーダルウインドウ*/
  .mordal-area p{
    font-size: 1.7rem;
  }

}

@media screen and (min-width:1024px){
  section.people, section.description, section.entryform{
    padding: 10% 0;
  }
  .mb-none{
    display: none;
  }
  /*header*/
  h1.boxLogo{
    width: 20%;
  }
  h1.boxLogo img:first-child{
    width: 40%;
    margin-right: 0.5rem;
  }
  h1.boxLogo img:last-child{
    width: 45%;
  }
  h1.boxLogo a{
    padding: 2rem 1.5rem;
  }
  p.h-headerbtn.sp-none{
    margin: 1.5rem;
    margin: 1rem 3rem;
  }
  .h-headerbtn a{
    font-size: 1.5rem;
    padding: 0.8rem 3.5rem;
    font-weight: bold;
  }
  h2.catchphrase{
    font-size: 4.2rem;
    line-height: 4.5rem;
    letter-spacing: 0.2rem;
  }
  h2.catchphrase span{
    font-size: 3.2rem;
  }

  .main-visual p{
    font-size: 1.2rem;
    padding-top: 1%;
  }
  p.lp-title{
    font-size: 2.2rem;
    line-height: 3.5rem !important;
  }
  section.lp-section.message p{
    line-height: 2.5rem;
  }
  /*point-section*/
  h3.point-btitle{
    font-size: 2.3rem;
    margin-bottom: 3rem;
  }
  .point-btitle div{
    font-size: 1.5rem;
  }
  div.point_area-txt p.point__head{
    font-size: 2rem;
    line-height: 2.5rem;
  }
 /*.point-box .pointlist{
    height: 320px;
    padding-bottom: 3rem;
  }*/
  article.point-box::after{
    height: 150px;
    bottom: -149px;
  }
  div.point_area-txt p.point__text{
    line-height: 2rem;
  }
  .date_head{
    margin-bottom: 3rem;
  }
  li.date__card{
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  /*point　男女*/
  .date_area_txtg1 .date_icon,.date_area_txtg2 .date_text{
    margin-right: 2.5rem !important;
  }
  .entry-box1 .pcmax-width {
    width: 800px;
  }
  .entry-box1 p{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  a.entry-btn.entry-btn1{
    font-size: 1.8rem;
    padding: 2rem;
  }
  section.deta{
    padding-bottom: 5%;
  }
  .entry-box1{
    padding: 5rem 0;
  }
  .job-interview_box{
    width: 80%;
    margin: 0 auto;
  }
  .job-interview_box .date_head{
    font-size: 2rem;
  }
  .job-interview_box .job-conetent{
    padding: 1.5rem;
  }
  /*募集要項*/
  .description .sales-salaryflex{
    display: flex;
    align-items: center;
  }
  .description .sales-graph{
    width: 100%;
  }
  .step-img{
    width: 60%;
  }
  .entry-box2{
    padding: 6rem 0;
  }
  a.entry-btn.entry-btn2{
    width: 40%;
    padding: 2rem 2.5rem;
  }

  /*.mordal-area
  ------------------------*/
  .mordal-area .entry-chose_box{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 3rem auto 0;
    width: 95%;
  }
  .mordal-area .modal1 .entry-chose_box li:first-child {
    margin-right: 1.5em;
    margin-bottom: 0;
  }
  .mordal-area p{
    font-size: 3rem;
    line-height: 1.5;
  }

}