@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
/* *{
  outline: 2px red solid;
} */
html {
    color: #000;
    background: #FFF;
    scroll-behavior: smooth;
}

body {
    color: #000;
    font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-feature-settings: 'palt';
    -webkit-text-size-adjust: 100%;
  }
  @media screen and (max-width: 1024px) {
    body {
      font-size: 0.9rem;
    }
  }
  @media screen and (max-width: 599px) {
    body {
      font-family: 'Noto Sans CJK';
      font-size: 0.9rem;
      line-height: 1.2;
      letter-spacing: 1.0px;
      font-feature-settings: 'palt';
      -webkit-text-size-adjust: 100%;
    }
  }
a {
    text-decoration: none;
    color: #000;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align:top;
}
table {
  border-collapse: collapse;
}
ol, ul {
    list-style: none;
}
a:link, a:visited, a:active, a:hover {
    overflow: hidden;
    outline: none;
}
video{
  width: 100%;
}
p{
  font-size:1.2rem;
}
@media screen and (max-width:768px){
  p{
    font-size:0.9rem;
  }  
}
.pc-only {
  display: block;
}
.sp-only {
  display: none;
}
@media screen and (max-width: 599px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}
@font-face {
  font-family: 'Noto Sans CJK';
  src: url('../fonts/NotoSansCJKjp-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'BodoniModa';
  src: url('../fonts/BodoniModa-Bold.ttf') format('truetype');
}
/*-- ここからHEADER --*/
.logo_group{
  display: flex;
  align-items: center;
}
header {
  /* box-shadow: 0px 3px 15px rgba(0,0,0,0.1); */
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.01);
}
.header {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 5em;
}
.logo_group{
  display: flex;
  align-items: center;
}
.h_logo{
  width: 150px;
}
.h_logo img{
  padding: 11px 0 0;
}
.header h1 {
  margin: 0;
  padding: 0;
}
.header nav {
  margin: 0 0 0 auto;
}
.header ul {
  list-style: none;
  margin: 0;
  display: flex;
}
.pc-nav li {
  margin: 0 0 0.2em 2em;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  color:#d9d9d9;
  position: relative;
}
.pc-nav a::after {
  position: absolute;
  top: 20px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #ff0;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  }
  
.pc-nav a:hover::after {
  visibility: visible;
  bottom: 12px;
  opacity: 1;
  }

@media screen and (max-width: 1024px) {
.h_logo img{
  padding: 7px 0 0;
}
}
@media screen and (max-width: 768px) {
.pc-nav {
    display: none;
}
}
@media (max-width: 425px) {
.header {
  padding: 0 1em;
}
.h_logo {
width: 130px;
}
.h_logo img {
  padding: 7px 0;
}
}
/*-- ここまでHEADER --*/

/* ここからMAIN VISUAL */
/*header設定*/
#video-area{
  position: relative;
  width: 100%;
  background: url("../img/movie.jpg") no-repeat;
  background-size: cover;
  z-index: 2;
}
/* .video_bg{
  position: relative;
  background: url("../images/video_bg.jpg") no-repeat;
  background-size: cover;
  margin-left: 10em; 
  height: 95%;
  z-index: 1;
} */
#hero_video{
  width: 100%;
  height: auto;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
.sp_header{
  display:none;
}
.header_hero h1{
  position: absolute;
  z-index: 999;
  color: #FFF;
  top: 50%;
}

/*-- ビッグスクロール  --*/
.scrolldown4{
position:absolute;
bottom:1%;
right:50%;
animation: arrowmove 2s ease-in-out infinite;
z-index: 3;
}

@keyframes arrowmove{
  0%{bottom:1%;}
  50%{bottom:3%;}
  100%{bottom:1%;}
}

.scrolldown4 span{
position: absolute;
left:-30px;
bottom:60px;
color: #000;
font-size: 1.2rem;
letter-spacing: 0.1em;
width: 10em;
/* text-shadow: 0 0 5px #666; */
}

.scrolldown4:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -6px;
  width: 2px;
  height: 20px;
  background: #2e2e31;
  transform: skewX(-31deg);
}

.scrolldown4:after{
content:"";
position: absolute;
bottom:0;
right:0;
width:2px;
height: 50px;
background:#2e2e31;
}
@media screen and (max-width: 1024px) {
  .scrolldown4{
    display: none;
  }
}
/*-- ビッグスクロール  --*/
/* ここまでMAIN VISUAL */

/*ここから 文字装飾 背景色が伸びて出現*/
.bgextend{
  animation-name:bgextendAnimeBase;
  animation-duration:1s;
  animation-fill-mode:forwards;
  position: relative;
  overflow: hidden;
  opacity:0;
}
@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

.bgappear{
  animation-name:bgextendAnimeSecond;
  animation-duration:1s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}
@keyframes bgextendAnimeSecond{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

.bgLRextend::before{
  animation-name:bgLRextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #cadcf0;
}
@keyframes bgLRextendAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}

.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}
/*ここまで 文字装飾 背景色が伸びて出現*/

/* ここから section1 */
.wphead_contents{
  max-width: 1300px;
  margin: 8em auto 0;
}
.wpheader{
  text-align: center;
}
.wphead_contents h2{
  font-size: 2.6rem;
  padding: 0 0 0.8em;
  letter-spacing: 0.05em;
}
.case_sample{
  padding: 0 0 2em;
}
.case_sample_ttl{
  padding: 3em 0 1.5em;
  text-align: center;
  font-size: 1.6rem;
}
.case_group,
.case_group_r{
  display: flex;
  padding: 2em 0;
}
.case_group_r{
  flex-direction: row-reverse;
}
.case_group img,
.case_group_r img{
  width: 40%;
}
.case_text{
  padding: 2em 3em;
}
.case_midashi{
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 0 0.5em;
}
/* ここまで section1 */

/* ここから section2 */
.kb_contents{
  padding: 3em 0 0;
}
.kb_wrap{
  max-width: 1400px;
  margin: 0 auto;
}
.kb_head_text{
  max-width: 900px;
  margin: 0 auto;
  padding: 5em 0 0;
}
.kb_detail_group{
  max-width: 1200px;
  margin: 0 auto; 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 6em 0 0;
}
.kb_detail{
  width: calc(100% / 2 - 4em);
  padding: 2em 2em 4em;
}
.kb_detail_ttl{
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1em 0 0.5em;
}

/* ここまで section2 */



/* ここから section */
/* ここまで section */

/* ここから section4 */
.pr{
  padding: 6em 0;
  background: #FFF;
}
.pr button {
  margin: 40px 0 0;
}
.pr_box{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.pr_title{
  font-size: 1.8rem;
}
.pr_box_pcimg{
  padding: 2em 0;
}
.pr_box_spimg{
  display: none;
}
.pr_s_title{
  max-width: 650px;
  margin: 0 auto;
}
.custom-btn {
  width: 250px;
  height: 50px;
  color: #fff;
  border-radius: 10px;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
/* button */
.btn-11 {
  border: none;
  background: rgb(236,81,113);
    background: linear-gradient(0deg, rgba(236,81,113,1) 0%, rgba(234,76,137,1) 100%);
    color: #fff;
    overflow: hidden;
}
.btn-11:hover {
    text-decoration: none;
    color: #fff;
}
.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:hover{
  opacity: .7;
}
.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

@keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* ここまで section4 */

/* ここから section3 */
.spec{
  padding: 8em 0 6em;
  text-align: center;
}
.spec_title{
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0 0 1.5em;
  letter-spacing: 0.5em;
}

#table{
  width: calc(100% - 15vw);
  margin: 0 auto;
  font-size: 0.9rem;
}
#table tr {
  border-bottom: 1px solid #b5b1b1;
}
#table th,
#table td {
  padding: 14px 0;
  border: none;
}
#table th {
  width: 35%;
}
@media screen and (max-width: 1366px) {
#table {
width: calc(100% - 20vw);
}
}
@media screen and (max-width: 1024px) {
#table {
width: calc(100% - 10vw);
}
}
@media screen and (max-width: 768px) {
#table {
  width: calc(100% - 10vw);
  font-size: 0.8rem;
}
}
@media (max-width: 599px) {
#table {
font-size: 0.7rem;
}
#table th,
#table td {
width: 100%;
display: block;
}
#table th {
width: 100%;
}
#table td {
padding: 7px 0;
}
}
  
/* ここまで section3 */

/* ここから purchase */
.purchase{
  padding: 3em 0 6em;
  background: #FFF;
}
.purchase_box{
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto 3em;
  padding: 1em;
  background: #F2F2F2;
}
.purchase_content {
  max-width: 330px;
  margin: 20px auto;
}
.purchase_text{
  width: calc(100% / 2);
  padding: 1em 2em 0 0;
}
.purchase_s_ttl{
  padding: 0.5em 0 0;
}
.purchase_ttl{
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}
.purchase_main{
  padding: 1.5em 0 2em 1.5em;
  line-height: 1.6;
  font-size: 0.9rem;
}
.purchase_main li{
  list-style: square;
}
.purchase_btn{
  display: flex;
}
.purchase span{
  color: #CC0001;
}
.price{
  font-size: 1.8rem;
  font-weight:bold;
  color: #CC0001;
  padding: 0.1em 0 0 0.3em;
}
.price span{
  font-size: 1.3rem;
  padding-left: 0.2em;
}
.terms{
  font-size: 0.8rem;
}
.button {
  display: inline-flex;
  height: 50px;
  width: 180px;
  background:#CC0001;
  color: #FFF;
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 0 1em;
  text-transform: uppercase;
  text-decoration: none;
  border:transparent;
  letter-spacing: 1.5px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.button a{
  color: #FFF;
}
.button:hover{
  background:#f03435;
  color: #FFF;
}

/* ここまで purchase */

/* ここから wave */
.shapedividers_wave_kb,
.shapedividers_wave_ms {
  overflow: hidden;
  position: relative;
  height: 100px;
}
.shapedividers_wave_kb::before {
  content: "";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  transform: scaleX(4);
  transform-origin: 100% 0;
  animation: 10s infinite alternate shape-anim-kb linear;
  background-size: 100% 100px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%237fa3b6"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%237fa3b6"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%237fa3b6"/></svg>');
}
.shapedividers_wave_ms::before {
  content: "";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  transform: scaleX(4);
  transform-origin: 100% 0;
  animation: 10s infinite alternate shape-anim-ms linear;
  background-size: 100% 100px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23bfbcbe"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23bfbcbe"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23bfbcbe"/></svg>');
}
@media (min-width: 2100px) {
  .shapedividers_wave_kb::before,
  .shapedividers_wave_ms::before {
    background-size: 100% calc(2vw + 100px);
  }
}
@keyframes shape-anim-kb {
  100% {
    transform: scaleX(4) translateX(calc(100% - (100% / 4)));
  }
}
@keyframes shape-anim-ms {
  100% {
    transform: scaleX(4) translateX(calc(100% - (100% / 4)));
  }
}
/* ここまで wave */

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

.inquery_box{
  display: block;
  padding: 6em 0 8em;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.btn,
a.btn,
button.btn {
font-size: 1.3rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}

a.btn-c {
font-size: 2rem;
position: relative;
padding: 1.5rem 2rem 1.5rem 5rem;
color: #fff;
background: #32b16c;
-webkit-box-shadow: 0 5px 0 #2c9d60;
box-shadow: 0 5px 0 #2c9d60;
}

a.btn-c span {
font-size: 1.2rem;
display: inline-block;
width: 100%;
margin-bottom: 0.5em;
padding: 0.2rem 0;
color: #32b16c;
border-radius: 4px;
background: #fff;
}

a.btn-c:before {
font-family: "Font Awesome 5 Free";
font-size: 1.8rem;
line-height: 1;
position: absolute;
top: calc(50% - 0.7rem);
left: 1.5rem;
margin: 0;
padding: 0;
content: "\f30b";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.btn-c:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #38c578;
-webkit-box-shadow: 0 2px 0 #2c9d60;
box-shadow: 0 2px 0 #2c9d60;
}

a.btn-c:hover:before {
left: 2rem;
}








/* /////////////////// 
 mobile
//////////////////// */
@media screen and (max-width: 1024px) {
.scrolldown4{
  display: none;
}
.wphead_contents h2 {
  font-size: 2rem;
}
.purchase {
  padding: 3em 2em 4em;
}
.purchase_content {
  max-width: 400px;
}
.purchase_text {
  padding: 0;
}
}

@media screen and (max-width: 768px) {
.case_group, .case_group_r {
  flex-direction: column;
  padding: 2em;
}
.case_group img, .case_group_r img {
  width: 100%;
}
.kb_head_text {
  padding: 5em 3em 0;
}
.kb_detail {
  width: 80%;
  padding: 2em 2em 4em;
  margin: 0 auto;
}
.kb_detail_group {
  flex-direction: column;
  padding: 2em 0 0;
}
.purchase_box {
  flex-direction: column;
}
.purchase_content {
  max-width: 100%;
}
.purchase_text {
  width: 80%;
  margin: 0 auto;
}
}

@media (max-width: 599px) {
.wphead_contents {
  padding: 0 2em;
}
.wphead_contents h2 {
  font-size: 1.3rem;
  font-weight: normal;
}
.kb_detail_ttl {
  font-size: 1.3rem;
  font-weight: normal;
}
.case_midashi {
  font-size: 1.3rem;
  font-weight: normal;
}
.case_sample_ttl {
  padding: 1em 0;
  font-size: 1.2rem;
}
.case_text {
  padding: 2em 0;
}
.purchase_ttl {
  font-size: 1.3rem;
}
.purchase_main {
  font-size: 0.8rem;
}
.purchase_content {
  max-width: 100%;
  width: 90%;
  margin: 0 auto;
}
.purchase_s_ttl {
  padding: 1.5em 0 0;
}
.price {
  font-size: 1.5rem;
}
.price span {
  font-size: 1rem;
}
.button {
  height: 40px;
}
}

@media (max-width: 425px) {
.wphead_contents {
  margin: 4em auto 0;
}
.kb_head_text {
  padding: 3em 3em 0;
}
.purchase_box {
  padding: 1em;
}
.purchase_main li {
  font-size: 0.8rem;
}
.button {
  width: 100px;
}
}

@media (max-width: 399px) {
.purchase {
  padding: 3em 0;
}
}

/* ここから フッター */
footer{
  background-color: #e4e4e4;
  color: #000;
  z-index: 10;
}
.primary{
  padding: 5em 5em 5em 13em;
  display: flex;
  justify-content: center;
}
.footer_image{
  width: 35%;
  padding: 1em 0 0;
}
.footer_image img{
  width: 45%;
  padding: 0.5em 0;
}
.ir_code{
  padding: 0.5em 0 0;
  font-size: 0.7rem;
}
.jigyo_title{
  padding: 2em 0 0;
  font-size: 0.9rem;
}
.jigyo{
  padding: 0.5em 0.5em 0;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.8;
}
.jigyo li:before {
  content: '';
  display: inline-block;
  position: relative;
  left: -5px;
  top: -4px;
  width: 5px;
  height: 5px;
  background: #000;
}
.footer_list{
  display: flex;
}
.busho{
  padding: 1em;
}
.wh-1{
  width:17%;
}
.wh-2{
  width:19%;
}
.wh-3{
  width:19%;
}
.wh-4{
  width:21%;
}

.busho_title{
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(to top, rgba(4,6,34,1) 10%, rgba(0,112,192,1) 100%);
  background-repeat: no-repeat;
  background-size: 0.5rem 100%;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.1;
}
.busho_title span{
  font-size: 0.9rem;
}
.busho_cjf{
  line-height: 1.2;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  font-size: 1.2rem;
}
.menu {
  width: 100%;
  padding: 10px 15px 20px;
}
.menu input {
  display: none; 
}
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #000;
  line-height: 1;
  position: relative;
  padding: 0.5em 0.5em 0.8em;
  font-size: 1rem;
  width: 100px;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; 
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li{
  height: auto;
  opacity: 1;
  padding: 0.5em 0 0.8em 2em;
}
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child, 
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08.about_wrap ~ #links08 li:last-child,
#menu_bar09:checked ~ #links09 li:last-child,
#menu_bar10:checked ~ #links10 li:last-child,
#menu_bar11:checked ~ #links11 li:last-child,
#menu_bar12:checked ~ #links11 li:last-child{
  margin-bottom: 20px;
}
.menu label:after{
  content:"";
  display:block;
  width:5px;
  height:5px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width: 5px;
  height: 5px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}
.menu li{
  font-size: 0.9rem;
  color:#000;
}
.menu a{
  color:#000;
}
.menu_arrow{
  padding-left: 0.5em;
}
.menu_tokki{
    width: 100%;
    padding: 10px 20px 40px;
}
.menu_tokki a{
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 0.5em;
  font-size: 1rem;
  width: 120px;
}
.menu_tokki li{
  font-size: 1rem;
}
.menu_kouiki{
  width: 100%;
  padding: 0 0 0 20px;
}
.menu_kouiki a{
cursor: pointer;
display: block;
text-decoration: none;
color: #000;
padding: 0.5em;
font-size: 1rem;
width: 120px;
}
.menu_cjf{
  width: 100%;
  padding: 10px 20px 20px;
}
.menu_cjf li{
display: block;
text-decoration: none;
color: #000;
padding: 0.5em;
font-size: 1rem;
width: 120px;
}
.menu_cjf a{
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 1rem;
  width: 120px;
}
.secondary{
  background: #202020;
  padding: 25px 0;
}
.secondary_group {
  padding: 0 12em;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.copyright-text{
  text-align: left;
}
.copyright-text p {
  margin: 0;
  font-size: 0.7em;
  color: #cbcbcb;
}
.footer-menu{
  display: flex;
}
.footer-menu li a {
  font-size: 14px;
  color: #cbcbcb;
  padding: 0 1em;
}
@media screen and (max-width: 1536px) {
.primary {
  padding: 5em 3em 5em 8em;
}
.wh-3 {
  width: 20%;
}
}
@media screen and (max-width: 1280px) {
.wh-2 {
  width: 20%;
}
.busho_title{
  font-size: 1em;
}
.busho_title span {
  font-size: 0.8rem;
}
.secondary_group {
  padding: 0 5em;
}
}
@media screen and (max-width: 1024px) {
.primary {
    flex-direction: column;
}
.primary {
  padding: 3em 0 2em 8em;
}
.footer_image {
  width: 100%;
  padding: 0 0 2em;
}
.footer_image img {
  width: 25%;
}
}
@media screen and (max-width: 768px) {
  .primary {
    padding: 3em 5em;
}
.footer_image img {
  width: 35%;
}
.wh-1 {
  width: 20%;
}
.wh-3 {
  width: 21%;
}
}
@media screen and (max-width: 599px) {
.footer_list {
  display: none;
}
.footer_image img {
    width: 40%;
}
.primary {
    padding: 3em 2em;
}
.secondary_group {
  padding: 0 1.5em;
  flex-direction: column-reverse;
}
.copyright-text {
  text-align: center;
  padding: 1em 0;
}
.footer-menu {
  flex-wrap: wrap;
  line-height: 1.8;
  justify-content: center;
}
}
@media screen and (max-width: 425px){
.footer_image img {
    width: 45%;
}
}
/* ここまで フッター */

/* go to TOP */
#pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  margin: 0;
}
#pagetop a{
  position: relative;
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  background:#22bac9;
  transition: opacity .6s ease;
  color: #FFF;
  align-items: center;
  text-decoration: none;
  font-size: 40px;
  border-radius:100%;
}
#pagetop a:hover {
  opacity: .3;
}
@media screen and (max-width:1024px) {
#pagetop a {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
}
/* go to TOP */