@charset "UTF-8";
/* A Modern CSS Reset */
*{
  margin: 0;
  padding: 0;
  color:#303030;
  font-family: noto-sans, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 1px;
}

img{
  width: 100%;
}

.mv{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 100px;
}

.mv img{
  width: 100%;
}

.wrapper {
  background-color:#FFED77;
  max-width:1000px;
  margin: 0 auto;
}

section{
  padding:40px 40px;
  box-sizing: border-box;
}

h2{
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 20px;
}


h2 span{
  font-size: 34px;
  color: #005394;
  font-weight: bold;
}

.blue{
  color:#005394
}

.name{
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}

.about{
  width: 100%;
  background-color: white;
}

.link{
  background-color: #f7f7f7;
}

.link_item{
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

h3{
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 20px;
}


.link_arrow{
  width: 400px;
  text-align: right;
  display: block;
  margin-top: 20px;
}

.cv_area_inner {
  border:solid 1px #303030;
  padding: 40px;
  box-sizing: border-box;
}


.cv_area_inner h2{
  text-align: center;
  margin-bottom: 10px;
}

.cv_area_inner p{
  text-align: center;
  margin-bottom: 40px;
  }

.cv_btn{
  position: relative;
  background: #F1754E;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  color: white;
  font-weight: bold;
  display: block;
  width: 300px;
  margin: 0 auto;
  padding: 16px 0;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}

.cv_btn:after {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 23px;
    background: url(arrow2.png) no-repeat center center;
    background-size: 20px 20px;
    content: "";
}

.cv_btn_outer{
  display: block;
  text-align: center;
  margin-top: 10px;
}

/*会社概要*/
.company{
  background-color: white;
}

.company_table {
width: 100%;
}

.company_table th,
.company_table td {
border: 1px solid #ccc;
padding: 20px;
}

.company_table th {
font-weight: bold;
background-color: #E3F4FD; 
width: 30%;
}

.company_table td li{
  list-style: decimal; 
}

.company_table td ul{
  padding-left: 20px;
  list-style-position: outside;
}

/*働きたい方*/
.about_worker{
  background-color: white;
}

.about_worker h2{
  text-align: center;
  margin-bottom: 40px;
}

.about_worker ul {
  list-style: none;
  background-color: #E3F4FD;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}


.about_worker ul li {
  line-height: 1.6em;
  background: url(li.png) left 0px top 15px no-repeat;
  background-size: 40px auto;
  font-weight: bold;
  padding: 25px 0px 25px 50px;
}

.about_worker p span{
  font-size: 25px;
  font-weight: bold;
  background:linear-gradient(transparent 60%, #ff6 60%);
}

.example{
  background-color: #f7f7f7;
}

.example h2{
  text-align: center;
}


.example_card{
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}

.example_card .textbox{
  background-color: #F1F9FE;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
}

/*法人向けサービス*/
.bg_none{
  background-color:white!important;
  padding: 0!important;
}

.solution{
  background-color: #f7f7f7;
}

.solution h2{
  text-align: center;
}

.cv_area img{
  margin-bottom: 10px;
}

.plan_txt{
  margin-bottom: 20px;
}

/*お問い合わせ*/

.Form {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  background-color: white;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
}

.Form-Item {

  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}

.Form-Item:nth-child(5) {

}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}

.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}

.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 40px;
  display: inline-block;
  text-align: center;
  background: #AE0000;
  color: #fff;
  font-size: 12px;
}

.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}

.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}

.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #005394;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.contact{
  background-color: #f7f7f7;
}

.thanks{
  padding-top: 150px;
}




@media screen and (max-width: 1180px) {
   /*480px以下に適用されるCSS（スマホ用）*/ 
  .pc_only{
    display: none!important;
  }

   header{
  width: 100%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: fixed;
  z-index: 1000;
}

header .name{
  line-height: 60px;
  display: block;
  margin-left: 20px;
}

.wrapper{
  overflow: hidden;
}

  body{
    font-size: 14px;
  }

  .mv{
    padding-top: 60px;
  }

  .cv{
  display: block;
  text-align: center;
  padding: 40px 0!important;
}

  .cv a{
    font-size: 16px;
    padding: 20px 60px;
  }

  .cv_area_inner{
    padding: 20px!important;
  }

  .cv_btn{
    width: 250px;
  }

  a{
text-decoration: none;
color: #333333;
}


header img{
  height: 50px;
  width: auto;
  margin:5px 20px;
}
/*ナビのスタイル*/
nav.NavMenu{
position: fixed;
z-index: 12;
top: 0;
left: 0;
background:white;
text-align: center;
width: 100%;
height: 100%;
display: none;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
font-size: 24px;
list-style-type: none;
width: 100%;
padding-bottom: 0px;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
}

nav.NavMenu ul li a{
display: block;
color: #333;
padding: 15px 0;
font-weight: bold;
font-size: 18px;
}

/*ボタンのスタイル*/
.Toggle {
position: fixed;
right:18px;
top: 7px;
width: 45px;
height: 45px;
cursor: pointer;
z-index: 13;
display: block;
}

.Toggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 4px #C1C1C1;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}

.Toggle span:nth-child(1) {
top: 9px;
}

.Toggle span:nth-child(2) {
top: 20px;
}

.Toggle span:nth-child(3) {
top: 31px;
}

.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 3px #C1C1C1;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 3px #C1C1C1;
}

footer{
  width: 100%;
  background-color:#005394;
  padding: 40px 20px;
  box-sizing: border-box;
}

footer ul li{
  list-style: none;
}

footer a{
  color: white;
}

footer .name{
  display: block;
  margin-bottom: 20px;
}

footer img{
  width: 130px;
  margin-bottom: 20px;
  }

h2 , h3{
  font-size: 20px;
}

h2 span{
  font-size: 24px;
}

section {
    padding: 40px 20px;
    box-sizing: border-box;
}

.link_arrow{
  width: 130px;
}

.link_item .textbox{
  margin-top: 20px;
}

/*会社概要*/
.company_table,
.company_table tr,
.company_table td,
.company_table th {display:block;}
.company_table th {width:auto;}

/*働きたい方はこちら*/
.about_worker img{
  width: 50%;
  margin: 0 auto;
  display: block;
}

.example img{
  width: 50%;
  margin: 0 auto;
  display: block;
}

.about_worker p span{
  font-size: 18px;
}

/*contact*/
.Form {
    margin-top: 0px;
  }

  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }

  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }

  .Form-Item-Label.isMsg {
    margin-top: 0;
  }

  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 32px;
    font-size: 8
    px;
  }

  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }

  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }

  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }

  /*個人事業主向け*/
.pd{
  padding-bottom: 40px;
  text-align: center;
}


}

@media screen and (min-width: 1181px) {
  .sp_only{
    display: none!important;
  }

  header{
  width: 100%;
  height: 100px;
  background-color: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: fixed;
  z-index: 1000;
}

nav{
  height: 100px;
  width: 90%;
  margin:0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-items: center;
}

nav img{
  height: 80px;
  width: auto;
  align-self:center;
}

nav ul{
  width: 83%;
  display: flex;
  justify-content: right;
  list-style: none;
  align-items: center;
}

nav ul li{
  padding:0 20px;
  font-weight: bold;
  border-right: dashed 1px #000;
  text-align: center;
}

nav ul li a{
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  letter-spacing:1px;
}

.header_cv{
  border:none;
  background-color:#005394;
  border-radius: 20px;
  margin-left: 20px;
  padding:5px 10px;
}

.header_cv a{
  color: white;
}

 footer{
  width: 100%;
  height: 100px;
  background-color:#005394;
}

footer nav a{
  color: white;
}

footer nav ul li{
  border-right: dashed 1px #fff;
}

.flexbox{
  display: flex;
  justify-content:space-between;
}

.flexbox img{
  width: 32%;
  align-self: center;
}

.textbox{
  width: 60%;
}

.link_item .textbox{
  width: 52%;
}

.link_item img{
  width: 40%;
  align-self: center;
}

/*働きたい方はこちら*/
.worries{
  justify-content: space-around;
  width: 90%;
  margin:0 auto;
}

.example_card{
  width: 49%;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}

.left {
    text-align: left!important;
    margin-bottom: 0!important;
}


/*個人事業主向け*/
.pd{
  padding-top: 20px;
}

}