@charset "utf-8";


/* header_btn　*/
.btn-push {
  background-color: #fdcc21;
  font-size: 16px;
  color: #FFF;
  border-radius: 4px;
  border-bottom: 3px solid #f8ac25;
  padding:7.5%;
}

.btn-push:hover {
  transform: translateY(3px);
  border-bottom: none;
}

/* banner_btn　*/
.btn-push2 {
  background-color: #fdcc21;
  font-size: 16px;
  border-radius: 4px;
  border-bottom: 3px solid #f8ac25;
  padding:4.5%;
  margin-top:1%;
}

.btn-push2:hover {
  transform: translateY(3px);
  border-bottom: none;
}


.fuchidori2{
  text-shadow:
  #509c05 2px 0px 0px, #509c05 -2px 0px 0px,
  #509c05 0px -2px 0px, #509c05 0px 2px 0px,
  #509c05 2px 2px 0px, #509c05 -2px 2px 0px,
  #509c05 2px -2px 0px, #509c05 -2px -2px 0px,
  #509c05 1px 2px 0px, #509c05 -1px 2px 0px,
  #509c05 1px -2px 0px, #509c05 -1px -2px 0px,
  #509c05 2px 1px 0px, #509c05 -2px 1px 0px,
  #509c05 2px -1px 0px, #509c05 -2px -1px 0px,
  #509c05 1px 1px 0px, #509c05 -1px 1px 0px,
  #509c05 1px -1px 0px, #509c05 -1px -1px 0px;
}

.point a{
  transition: 0.3s;
  margin: 0.2%;
}
.point a:hover{
  box-shadow: 0 0 8px gray;
  transition: 0.3s;
}



.circle{
  position:absolute;
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 3px #d5e1f6;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}

/* accordion */
.acd-check{
  display: none;
}
.acd-label{
  background: #509c05;
  color: #fff;
  display: block;
  margin-bottom: 1px;
  padding: 2%;
  transition: .5s;
}
.acd-label:after{
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0d7';
  padding: 1% 2%;
  right: 0;
  top: 0;
}
.acd-content{
  border: 1px solid #9b9b9b;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  background: #fff;
  display: block;
  visibility: hidden;
  transition: .0s;
}

.acd-content table{
  transition: .3s;
}

.acd-check:checked + .acd-label:after{
  content: '\f0d8';
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
  transition: .3s;
  margin-bottom: 2px;
}
/* accordion */





/*============================*/

/*PC_CSS*/
@media screen and (min-width:1050px) {
  /*　for PC　*/


  .fuchidori1{
    text-shadow:
    0px 4px 1px #509c05,
    1px 3px 1px #509c05,
    2px 3px 1px #509c05,
    2px 2px 1px #509c05,
    3px 2px 1px #509c05,
    3px 1px 1px #509c05,
    4px 0px 1px #509c05,
    3px -1px 1px #509c05,
    3px -2px 1px #509c05,
    2px -2px 1px #509c05,
    2px -3px 1px #509c05,
    1px -3px 1px #509c05,
    0px -4px 1px #509c05,
    -1px -3px 1px #509c05,
    -2px -3px 1px #509c05,
    -2px -2px 1px #509c05,
    -3px -2px 1px #509c05,
    -3px -1px 1px #509c05,
    -4px 0px 1px #509c05,
    -3px 1px 1px #509c05,
    -3px 2px 1px #509c05,
    -2px 2px 1px #509c05,
    -2px 3px 1px #509c05,
    -1px 3px 1px #509c05;
  }


  .tosha p{
    font-size: 1.8vw;
    padding:5%;
    letter-spacing: 2px;
    color: #fd4d4e;
    font-weight: bold;
  }
  /* table */
  .point1_table table{
    border-spacing:0;
  }
  .point1_table th{
    background:#d0d0d0;
    padding: 2% 0;
    border: solid 1px #e5e5e5;
    width: 20%;
  }
  .point1_table td{
    background: #fff;
    border: solid 1px #e5e5e5;
    font-size: 0.9vw;
  }
  .point1_table td p{
    line-height: 1.2;
  }
  .point1_table .td1{
    background:#f6f6f6;
    padding: 2%;
    font-weight: bold;
    color: #494648;
    height: 70px;
    font-size: 0.8vw;
  }
  /* table */

  .acd-label:after{
    font-size: 2.5vw;
  }

}
/*PC_CSS*/

/*============================*/

/*TABLET_CSS*/
@media screen and (min-width:771px) and ( max-width:1049px) {


  .fuchidori1{
    text-shadow:
    0px 2px 1px #509c05,
    0px 1px 1px #509c05,
    1px 0px 1px #509c05,
    1px 0px 1px #509c05,
    1px 1px 1px #509c05,
    2px 1px 1px #509c05,
    1px 0px 1px #509c05,
    1px -1px 1px #509c05,
    1px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    -1px -2px 1px #509c05,
    -1px -1px 1px #509c05,
    -1px -1px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05;
  }


  /* sp_point_accordion */
  .point_accordion {
  }

  .point_accordion_wrapper label {
    display: block;
    line-height: 1;
    color :#fff;
    cursor :pointer;
  }

  .point_accordion_wrapper input {
    display: none;
  }

  .point_accordion .point_accordion_inner {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
  }

  .point_accordion .inner {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #menu_bar01:checked ~ #links01 .inner,
  #menu_bar02:checked ~ #links02 .inner,
  #menu_bar03:checked ~ #links03 .inner,
  #menu_bar04:checked ~ #links04 .inner,
  #menu_bar05:checked ~ #links05 .inner {
    opacity: 1;
  }

  #menu_bar01:checked ~ #links01 .inner {
    height: 110vw;
  }
  #menu_bar02:checked ~ #links02 .inner{
    height: 150vw;
  }
  #menu_bar03:checked ~ #links03 .inner {
    height: 300vw;
  }
  #menu_bar04:checked ~ #links04 .inner{
    height: 300vw;
  }
  #menu_bar05:checked ~ #links05 .inner{
    height: 45vw;
  }
  /* sp_point_accordion */

  .caret-down:after{
    box-sizing: border-box;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0d7';
    font-size: 1.8rem;
    color: #fff;
    width: 20%;
  }
  #menu_bar01:checked + .caret-down:after{
    content: '\f0d8' !important;
  }


  /* table */
  .point1_table{
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .point1_table table{
    width: 100%;
    border-spacing:0;
  }
  .point1_table th{
    background:#d0d0d0;
    border: solid 1px #e5e5e5;
    font-size: 0.9rem;
  }
  .point1_table th,
  .point1_table td{
    padding: 2% 0%;
  }
  .point1_table td{
    background: #fff;
    border: solid 1px #e5e5e5;
    font-size: 0.9rem;
  }
  .point1_table p{
    line-height: 1.2;
    min-width: 150px;
  }
  .point1_table .td1{
    background:#f6f6f6;
    font-weight: bold;
    color: #494648;
    font-size: 0.8rem;
  }

  .tosha p{
    color: #fd4d4e;
    font-weight: bold;
    font-size: 1.5rem !important;
    letter-spacing: 2px;
  }
  /* table */

  .acd-label:after{
    font-size: 1.5rem;
  }

}
/*TABLET_CSS*/

/*============================*/


/*SP_CSS*/
@media screen and (max-width:770px) {


  .fuchidori1{
    text-shadow:
    0px 2px 1px #509c05,
    0px 1px 1px #509c05,
    1px 0px 1px #509c05,
    1px 0px 1px #509c05,
    1px 1px 1px #509c05,
    2px 1px 1px #509c05,
    1px 0px 1px #509c05,
    1px -1px 1px #509c05,
    1px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    0px -1px 1px #509c05,
    -1px -2px 1px #509c05,
    -1px -1px 1px #509c05,
    -1px -1px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 0px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05,
    -1px 1px 1px #509c05;
  }


  /* sp_point_accordion */
  .point_accordion {
  }

  .point_accordion_wrapper label {
    display: block;
    line-height: 1;
    color :#fff;
    cursor :pointer;
  }

  .point_accordion_wrapper input {
    display: none;
  }

  .point_accordion .point_accordion_inner {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
  }

  .point_accordion .inner {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #menu_bar01:checked ~ #links01 .inner,
  #menu_bar02:checked ~ #links02 .inner,
  #menu_bar03:checked ~ #links03 .inner,
  #menu_bar04:checked ~ #links04 .inner,
  #menu_bar05:checked ~ #links05 .inner {
    opacity: 1;
  }

  #menu_bar01:checked ~ #links01 .inner {
    height: 155vw;
  }
  #menu_bar02:checked ~ #links02 .inner{
    height: 175vw;
  }
  #menu_bar03:checked ~ #links03 .inner {
    height: 500vw;
  }
  #menu_bar04:checked ~ #links04 .inner{
    height: 600vw;
  }
  #menu_bar05:checked ~ #links05 .inner{
    height: 45vw;
  }
  /* sp_point_accordion */

  .caret-down:after{
    box-sizing: border-box;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0d7';
    font-size: 1.8rem;
    color: #fff;
    width: 20%;
  }
  #menu_bar01:checked + .caret-down:after{
    content: '\f0d8' !important;
  }


  /* table */
  .point1_table{
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .point1_table table{
    width: 100%;
    border-spacing:0;
  }
  .point1_table th{
    background:#d0d0d0;
    border: solid 1px #e5e5e5;
    font-size: 0.9rem;
  }
  .point1_table th,
  .point1_table td{
    padding: 2% 0%;
  }
  .point1_table td{
    background: #fff;
    border: solid 1px #e5e5e5;
    font-size: 0.9rem;
  }
  .point1_table p{
    line-height: 1.2;
    min-width: 150px;
  }
  .point1_table .td1{
    background:#f6f6f6;
    font-weight: bold;
    color: #494648;
    font-size: 0.8rem;
  }

  .tosha p{
    color: #fd4d4e;
    font-weight: bold;
    font-size: 1.5rem !important;
    letter-spacing: 2px;
  }
  /* table */

  .acd-label:after{
    font-size: 1.5rem;
  }

}
/*SP_CSS*/

/*============================*/


input[type="radio"]{display:none;}
.tab_area{
font-size:0;
margin:0;
}
.tab_area label{
display:inline-block;
text-align:center;
cursor:pointer;
transition:ease 0.2s opacity;
background:#dddddd;
color:#333;
}
.tab_area label:hover
{opacity:0.5;}
.tab_panel{
width:100%;
display:none;
}
 
#tab1:checked ~ .tab_area .tab1_label{background:#ffffff; color:#333;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#ffffff; color:#333;}
#tab2:checked ~ .panel_area #panel2{display:block;}