/*タブレット*/
@media screen and (max-width: 1000px) { 

  #area_price .wrap {
    padding: 50px;
}

  .wrap_side h1 br {
    display: none;
}

  .pc {
    display: none;
  }
  
  .sp {
    display: block;
  }

  .wrap {
    max-width: inherit;
    margin: inherit;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .col3_type3 div br {
    display: none;
  }

  .area_contact2 .wrap {
    margin: 0 auto;
    padding: 40px;
    max-width: 750px;
    border-radius: 5px;
}

.narrow {
  max-width: 800px;
  margin: 0 auto;
}

.nav_box {
  text-align: center;
}

.gnav li a {
  background: inherit;
  width: inherit;
  margin: 0;
  padding: 10px 0;
  color: #fff;
}

.navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.nav_box:nth-child(1) {
  margin: 0;
}

.gnav {
  display: block;
  height: inherit;
  margin: 0;
}

.navigation li {
  margin: 0;
}

#header .header-content {
  width: 90%;
}

.nav-toggle {
  display: block;
}

.navigation {
  position: fixed;
  background-color: #000000bf;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.navigation a {
  display: inline-block;
  margin: 0;
  text-align: center;
}

.gnav>li:nth-last-child(1)>a {
  background: #3580F5;
  color: #fff;
  border: 3px solid #3580F5;
}

#header .header-content {
  padding: 15px 0;
}

#area_mv h1 br {
  display: none;
}

#area_about .col-40 {
  max-width: 60%;
  width: 60%;
}

#area_about .col-60 {
  min-width: 40%;
  max-width: 40%;
}

.col3_type1 li {
  width: calc(33% - 20px);
  padding: 40px 30px;
}

#area_recommend .nav img {
  width: 30px;
}

.col3_type5 li h3 {
  font-size: 1.9rem;
}

.btn_type1 a {
  width: 200px;
}


}

/*スマホ*/
@media screen and (max-width: 768px) {

  #area_page-title p {
    width: inherit;
  }
  

.pc {
  display: none;
}

.sp {
  display: block;
}

/* フォントサイズ */
h1 {font-size: 3rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.8rem;}

h3 {line-height: 2.8rem;}

.wrap {
  max-width: inherit;
  margin: inherit;
  padding: 0 20px;
  box-sizing: border-box;
}

#area_mv .col_box {
  flex-direction: column-reverse;
}

.col-60,
.col-50,
.col-40 {
  width: inherit;
  min-width: inherit!important;
  max-width: inherit!important;
}

#area_mv .col-40 {
  padding: 0;
}

#area_mv h1 br {
  display: none;
}

#area_mv h1 {
  font-size: 2.2rem;
  letter-spacing: 1px;
  line-height: 3.4rem;
  padding: 20px 0 0 0;
}

#area_mv ul {
  display: inherit;
  gap: inherit;
}

#area_mv ul li {
  width: inherit;
  padding: 10px 0 0;
}

#area_introduce_list h2 {
  font-size: 2rem;
}

#area_introduce_list ul {
  gap: 10px;
}

#area_introduce_list ul li {
  width: calc(100% / 2 - 5px);
}

#area_about .col_box {
  flex-direction: column;
}

#area_about h2 {
  margin: 30px 0 30px 0;
  text-align: center;
}

#area_about .col-40 {
  margin: inherit;
  width: inherit;
}

.title_lead {
  flex-direction: column;
}

.title_lead h2 {
  width: inherit;
  text-align: center;
  padding: 0 0 30px;
}

.list {
  flex-direction: column;
}

.col2_type1 li {
  width: inherit;
}

.col2_type4 li {
  width: inherit;
}

.col3_type1 li {
  width: inherit;
}

#area_recommend .nav {
  flex-direction: column;
}

#area_recommend .nav li {
  width: 100%;
}

#area_recommend .wrap div li {
  margin: 10px 0;
}

#area_recommend .wrap div {
  flex-direction: column;
}

#area_recommend .wrap div h3 {
  margin: 20px 0 0;
  line-height: 2.5rem;
}

#area_recommend .wrap div .catch {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.col3_type2 {
  flex-direction: inherit!important;
}

.col3_type2 li {
  width: calc(100% / 2 - 10px);
}

.col3_type2 li h3 {
  font-size: 1.6rem;
}

.margin1 {
  margin: 50px 0 0;
}

.col3_type3 li {
  width: 100%;
}

#area_price .wrap {
  padding: 0 20px;
  flex-direction: column;
}

#area_price > .wrap > div:nth-child(1) {
  width: 100%;
  padding: inherit;
  margin: 50px 0 0;
}

#area_price > .wrap > div:nth-child(2) p {
  font-size: 1.6rem;
  line-height: 3.6rem;
}

#area_price > .wrap > div:nth-child(2) p span {
  font-size: 2.8rem;
  margin: 0;
}

#area_price > .wrap >div:nth-child(2) {
  width: 100%;
  margin: 30px 0 50px;
}

.area_contact .title h2 {
  font-size: 1.9rem;
}

.area_contact .title p br {
  display: none;
}

.area_contact .title p {
  text-align: left;
}

.col3_type4 li {
  width: 100%;
}

.col2_type2 > li {
  width: 100%;
  padding: 30px 20px 20px;
}

.blog_category li {
  font-size: 1.4rem;
}

#area_about_lowcode > div {
  padding: 50px 20px;
  margin: 0 20px;
}

#area_about_lowcode h2 {
  padding: 0 0 30px;
  text-align: center;
  font-size: 1.8rem;
}

#area_about_lowcode p {
  padding: 0 0 20px;
}

.col3_type5 li {
  width: 100%;
  padding: 0 0 30px;
}

#area_news li {
  flex-direction: column;
}

#area_news p:nth-child(2) {
  padding: 0;
}

#footer {
  margin: 0;
}

#footer .area_logo {
  padding: 40px 0 0;
}

#footer .area_logo div {
  width: 50%;
  padding: 0 5px;
}

#footer .nav ul {
  display: none;
  flex-direction: column;
}

#footer .nav_secondary {
  border-top: none;
  margin: 0;
  flex-direction: column;
}

#footer .nav_secondary ul {
  flex-direction: column;
  width: 100%;
}

#footer .nav_secondary ul li {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #ffffff60;
}

#footer .nav_secondary ul li:nth-child(1) {
  border-top: 1px solid #ffffff60;
}

#footer .nav_secondary ul li a {
  text-decoration: none;
}

#footer .nav_secondary p {
  margin: 30px 0 10px;
}

#area_page-title .wrap ul {
  width: 100%;
  flex-flow: column;
  gap: 15px 0;
}

#area_page-title ul li {
  width: 100%;
}

.col1_type1 li,
.col1_type1 li:nth-child(even) {
  flex-direction: column;
}

.col1_type1 li img {
  width: inherit;
}

.col1_type1 li:nth-child(odd) > div,
.col1_type1 li:nth-child(even) > div {
  padding: 0;
}

.col1_type1 > li > div {
  width: inherit;
}

.col1_type1 li .btn_type1 {
  justify-content: inherit;
}

.col1_type1 li div h3 {
  padding: 25px 0 0;
}

.col1_type1 li p {
  padding: 10px 0 30px;
}

.col1_type1 li {
  margin: 0 0 70px;
}

.contents_type1 {
  flex-direction: column;
}

.contents_type1 img {
  width: 100%;
  padding: 0 0 40px;
}

.contents_type1 div {
  padding: 0;
  width: inherit;
}

#area_page-title {
  margin: 0 0 40px;
  padding: 181px 0 60px;
}

.col3_type6 {
  flex-flow: column;
}

#area_page-title ul:nth-child(even) li {
  width: 100%;
  text-align: left;
}

.col3_type6 > div:first-child {
    margin: 0 0 30px;
}

.col3_type6 > div:first-child,
.col3_type6.rev > div:first-child {
  padding: 0;
}

.col3_type6 > div:first-child,
.col3_type6 > div:last-child {
  width: 100%;
}

.col3_type6 ul {
  flex-flow: column;
}

.col3_type6 li {
  width: 100%;
}

.col3_type6 > div:first-child .btn_type1 {
  justify-content: center;
}

#area_contact_toc .wrap {
  flex-flow: column;
}

#area_contact_toc > .wrap > div {
  width: 100%;
}

.area_contact2 {
  padding: 80px 20px;
}

.area_contact2 .wrap {
  padding: 50px;
}

.area_contact2 p br {
  display: none;
}

.area_contact2 ul {
  display: inherit;
}

.area_contact2 li {
  width: inherit;
}

.area_contact2 li a {
  margin: 25px 0 0;
}

.col2_type3 {
  flex-flow: column;
  margin: 0 0 40px;
}

.col2_type3 > div {
  width: 100%;
}

.col2_type3 > div:last-child,
.col2_type3.rev > div:last-child  {
  padding: 0;
}

.col2_type3 div h2  {
  padding: 30px 0 0 0;
}

.nav_function ul {
  flex-flow: column;
}

.nav_function li {
  width: 100%;
  text-align: left;
}

.wrap_side {
  flex-flow: column;
}

.wrap_side > div {
  width: 100%;
  padding: 0 20px!important;
}

.wrap_side .wrap {
  padding: 120px 0 30px;
}

.Form {
  padding: 50px 0!important;
}

.iframe-wrapper {
  margin: 30px 0!important;
  min-height: 800px;
}

.about_company, .point {
  padding: 40px 20px;
}

.function_contents img {
  width: 100%;
  height: inherit;
}

.single_contents table {
  width: 100%;
}

.wrap_side > #area_page-title-side {
  width: inherit;
  justify-content: inherit;
}

.wrap_side > #area_page-title-side .wrap {
  max-width: inherit;
}

.wrap_side #area_form {
  width: 100%;
}

}