@charset "utf-8";
@media screen and (max-width: 1536px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 767px) {}
/* ==============================
   common
============================== */
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--black);
  background: var(--white);
  font-size: 1.6rem;
}
.ragular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.pc {
  display: block !important;
}
.pci {
  display: inline-block !important;
}
.pct {
  display: table-cell!important;
}
.tb {
  display: block !important;
}
a .pci {
  text-decoration: underline;
}
.sp {
  display: none !important;
}
.spi {
  display: none !important;
}
.spt {
  display: none !important;
}
a {
  text-decoration: none;
  transition: 0.5s;
}
a:hover {
  opacity: 0.7;
}
a img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.5;
}
.attention {
  color: var(--red);
}
img {
  /*  width: 100%;
  height: auto;*/
}
ul {
  padding: 0;
}
p {
  padding: 0 0 1em;
  line-height: 1.8;
}

@media screen and (max-width: 1024px) {
.tb {
  display: none !important;
}
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .pci {
    display: none !important;
  }
.pct {
  display: none !important;
}
  .sp {
    display: block !important;
  }
  .spi {
    display: inline-block !important;
  }
  .spt {
    display: table-cell !important;
  }
  a {
    text-decoration: underline;
    transition: 0s;
  }
  a:hover {
    opacity: 1;
  }
  a img {
    transition: 0s;
  }
  a img:hover {
    opacity: 1;
  }
  img {
    width: 100%;
    height: auto;
  }
}
/* ==============================
   parts
============================== */
.inner {
  width: 1000px;
  margin: 0 auto;
}
.inner02 {
  width: 940px;
  margin: 0 auto;
}
.headsp {
  padding: 100px 0 0 0;
}
.scsp {
  padding-top: 100px;
  margin-top: -100px;
}
.scsp02 {
  padding-top: 180px;
  margin-top: -180px;
}
@media screen and (max-width: 1024px) {
  .inner {
    width: 94%;
    margin: 0 auto;
  }
  .inner02 {
    width: 94%;
    margin: 0 auto;
  }
  .headsp {
    padding: 60px 0 0 0;
  }
  .scsp {
    padding-top: 60px;
    margin-top: -60px;
  }
}
/* ==============================
   btn
============================== */
.btn01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  ;
  width: 350px;
  height: 70px;
  border-radius: 35px;
  background: url("../images/ico_arrow02.png") no-repeat 94% center, var(--black);
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
}
.btn02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  ;
  width: 350px;
  height: 70px;
  border-radius: 35px;
  background: url("../images/ico_arrow03.png") no-repeat 94% center, var(--skyblue);
  font-size: 1.8rem;
  font-weight: 700;
}
.btn03 a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  width: 246px;
  height: 45px;
  border-radius: 25px;
  background: url("../images/ico_arrow03.png") no-repeat 94% center, var(--white);
  font-size: 1.8rem;
  font-weight: 500;
  border: 1px #000 solid;
  line-height: 1;
  padding-bottom: 5px
}
.btn03 a:hover {
  color: var(--black);
  background: url("../images/ico_arrow03.png") no-repeat 94% center, #EEE;
}
@media screen and (max-width: 1024px) {
.btn01 a {
  width: 100%;
}
	
.btn02 a {
  width: 100%;
}
.btn03 a {
  width: 90%;
}
	
	
	
	
}
/* ==============================
  #header
============================== */
#header {
  width: 100%;
  height: 100px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
}
#header .inner {
  height: 100px;
  display: flex;
  justify-content: space-between;
}
#header .logo {
  padding: 10px 0 0 0;
}
#header #navi {
  display: flex;
  align-items: center;
}
#header #navi ul {
  display: flex;
  padding: 0;
}
#header #navi ul li {
  font-size: 1.4rem;
  margin-left: 30px;
}
#header #navi ul li:first-child {
  margin-left: 0px;
}
#header #navi ul li a {
  text-decoration: none;
  color: var(--black);
}
#header #navi ul li a:hover {
  text-decoration: underline;
}
.hamburger-menu {
  display: none;
}
@media screen and (max-width: 1586px) {}
@media screen and (max-width: 1024px) {
  .hamburger-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
    background: var(--transparent);
    appearance: none;
    padding: 0;
    cursor: pointer;
  }
  .hamburger-menu__bar {
    display: inline-block;
    width: 44%;
    height: 2px;
    background: #242424;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
  }
  .hamburger-menu__bar:first-child {
    top: 16px;
  }
  .hamburger-menu__bar:nth-child(2) {
    top: 24px;
  }
  .hamburger-menu__bar:last-child {
    top: 32px;
  }
  .hamburger-menu--open .hamburger-menu__bar {
    top: 50%;
  }
  .hamburger-menu--open .hamburger-menu__bar:first-child {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:last-child {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
    display: none;
  }
  #header {
    height: 60px;
    border-bottom: #B3B3B3;
  }
  #header .inner {
    height: 60px;
    width: 100%;
    display: block;
  }
  #header .logo {
    padding: 10px 0 0 0;
    width: 30%;
  }
  #header .logo img {
    width: auto;
    height: 40px;
  }
  #header #navi {
    display: none;
    width: 100%;
  }
  #header #navi ul {
    display: block;
    padding: 0;
  }
  #header #navi ul li {
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px #B3B3B3 solid;
    font-size: 1.4rem;
    margin-left: 0px;
  }
  #header #navi ul li a {
    width: 100%;
    display: block;
    padding: 10px;
    background: url("../images/ico_arrow01.png") no-repeat 97% center;
  }
  #header #navi ul li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {}
/* ==============================
   breadcrumbsBox
============================== */
.breadcrumbsBox {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
.breadcrumbsBox .breadcrumbs {
  padding: 8px 0;
  color: var(--black);
}
.breadcrumbsBox .breadcrumbs a {
  color: var(--black);
  text-decoration: underline;
}
.breadcrumbsBox .breadcrumbs a:hover {
  text-decoration: none;
}
.breadcrumbsBox .date {
  padding: 8px 0;
  text-align: right;
  color: var(--black);
}
@media screen and (max-width: 767px) {
  .breadcrumbsBox {
    flex-wrap: wrap;
  }
  .breadcrumbsBox .date {
    width: 100%;
    padding: 0 0 8px 0;
  }
}
/* ==============================
footer
============================== */
#footer {
  padding: 57px 0 53px 0;
  background: #323232;
}
#footer .inner02 {
  display: flex;
}
#footer .inner02 .logo {
  padding: 26px 0 0 7px;
  width: 230px;
  flex-shrink: 0;
  border-right: #555555;
}
#footer .inner02 .txts {
  color: var(--white);
  padding: 14px 0 0 0;
}
#footer .inner02 .txts ul {
  display: flex;
  flex-wrap: wrap;
  padding: 13px 46px 0px 55px;
  border-left: 2px #555555 solid;
  margin-bottom: 20px;
}
#footer .inner02 .txts ul li {
  display: flex;
  flex-wrap: wrap;
  color: var(--white);
  margin-bottom: 15px;
}
#footer .inner02 .txts ul li:first-child {
  width: 210px;
}
#footer .inner02 .txts ul li:nth-child(2) {
  width: 207px;
}
#footer .inner02 .txts ul li:nth-child(3) {}
#footer .inner02 .txts ul li:nth-child(4) {
  width: 210px;
}
#footer .inner02 .txts ul li:nth-child(5) {
  width: 138px;
}
#footer .inner02 .txts ul li:nth-child(6) {
  width: 200px;
}
#footer .inner02 .txts ul li:nth-child(7) {
  width: 210px;
}
#footer .inner02 .txts ul li:nth-child(8) {}
#footer .inner02 .txts ul li a {
  color: var(--white);
  font-size: 1.4rem;
}
#footer .inner02 .txts .copy {
  padding: 0 0 0 55px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 1586px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 767px) {
  #footer {
    padding: 30px 0;
  }
  #footer .inner02 {
    flex-wrap: wrap;
  }
  #footer .inner02 .logo {
    padding: 26px 0 15px 7px;
    width: 30%;
    flex-shrink: 0;
    border-right: #555555;
  }
  #footer .inner02 .txts ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-left: 0;
    margin-bottom: 20px;
  }
  #footer .inner02 .txts ul li {
    display: flex;
    flex-wrap: wrap;
    color: var(--white);
    margin-bottom: 15px;
  }
  #footer .inner02 .txts ul li a {
    display: block;
    background: url("../images/ico_arrow03.png") no-repeat 98% center;
    font-size: 1.4rem;
    padding: 15px 25px 15px 15px;
    border-bottom: 1px var(--white) solid;
    width: 100%;
  }
  #footer .inner02 .txts ul li:first-child {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(2) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(3) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(4) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(5) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(6) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(7) {
    width: 100%;
  }
  #footer .inner02 .txts ul li:nth-child(8) {
    width: 100%;
  }
  #footer .inner02 .txts .copy {
    padding: 0 0 0 0px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
/* ==============================
pagetop
============================== */
.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
/* ==============================
#wapper
============================== */
#wapper {}
#wapper .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #wapper .inner {
    flex-wrap: wrap;
  }
}
/* ==============================
#contents
============================== */
#contents {
  width: 750px;
  padding: 0 0 100px;
}
@media screen and (max-width: 1024px) {
  #contents {
    width: 75%;
    padding: 0 0 100px;
  }
}
@media screen and (max-width: 767px) {
  #contents {
    width: 100%;
    padding: 0 0 30px;
  }
}
/* ==============================
#side
============================== */
#side {
  width: 210px;
  padding: 15px 0 100px;
}
.sidettl {
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 3px #000 solid;
  margin-bottom: 15px;
  background: url("../images/ico_circle02.png") no-repeat left center;
  padding: 10px 0 10px 25px;
  line-height: 1.2;
}
.voiceSidettl {
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 3px var(--skyblue) solid;
  padding: 10px 0 10px 5px;
  line-height: 1.2;
  color: var(--skyblue);
}
@media screen and (max-width: 1024px) {
  #side {
    width: 21%;
    padding: 0 0 100px;
  }
}
@media screen and (max-width: 960px) {
.voiceSidettl {
  font-size: 1.4rem;
}
	
	
	
}
@media screen and (max-width: 767px) {
  #side {
    width: 100%;
    padding: 0 0 30px;
  }
  .sidettl {
    font-size: 1.6rem;
    margin-bottom: 15px;
    padding: 10px 0 10px 25px;
  }
}
.sidelistttl02{
font-size: 1.6rem;
    margin-bottom: 5px;
    padding: 5px 0 5px 5px;
    background: #CCC;
}


/* ----------------------------------------------
.sidePickupBox
------------------------------------------------- */
.sidePickupBox {
  margin-bottom: 20px;
}
.sidePickupBox .img {
  margin-bottom: 12px;
}
.sidePickupBox .ttl {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--skyblue);
  margin-bottom: 5px;
}
.sidePickupBox .txt {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--black);
}
/* ----------------------------------------------
.sideOrderBox
------------------------------------------------- */
.sideOrderBox {
  margin-bottom: 20px;
}
.sideOrderBox a {
  display: flex;
  justify-content: space-between;
}
.sideOrderBox a .img {
  flex-shrink: 0;
  margin-right:4%;
 width: 30%;
}
.sideOrderBox a .txts {
 width: 66%;
}
.sideOrderBox a .ttl {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--skyblue);
  margin-bottom: 5px;
}
.sideOrderBox a .txt {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--black);
}
@media screen and (max-width: 767px) {
  .sideOrderBox a {
    justify-content: flex-start;
  }

}
/* ==============================
sidelist01
============================== */
.sidelist {
  background: #efefef;
  padding: 10px 18px 22px;
}
.sidelist ul {
    margin-bottom: 10px;
}
.sidelist ul li {
  font-size: 1.6rem;
  font-weight: 500;
  padding-bottom: 5px;
}
.sidelist ul li a {
  color: #000000;
  text-decoration: underline;
    font-feature-settings: "palt";
}
.sidelist ul li a:hover {
  color: #000000;
  text-decoration: none;
}
.sidelist ul li a::before {
  content: "・";
}
.sidebtn a {
  font-size: 1.6rem;
  width: 175px;
  height: 50px;
  background: url(../images/ico_arrow03.png) no-repeat 94% center, var(--black)
}
@media screen and (max-width: 767px) {
  .sidebtn a {
    margin: 0 auto;
  }
}
/* ==============================
sidelist01
============================== */
.vosidelist {
  background: #efefef;
  padding: 10px 10px 22px;
}
.vosidelist ul {
  display: flex;
  flex-wrap: wrap;
}
.vosidelist ul li {
  font-size: 1.4rem;
  font-weight: 500;
}
.vosidelist ul li a {
  display: block;
  border: 1px var(--skyblue) solid;
  color: var(--skyblue);
  ;
  text-decoration: none;
  padding: 3px 10px;
  margin: 0 8px 8px 0;
  background: #FFFFFF;
}
.vosidelist ul li a:before {
  content:"#";
}

.vosidelist ul li a:hover {
  color: #FFF;
  background: var(--skyblue);
  text-decoration: underline;
}



@media screen and (max-width: 767px) {
  .vosidebtn a {
    margin: 0 auto;
  }
}
/* ==============================
.bnrarea01
============================== */
.bnrarea01 {}
.bnrarea01 .bnr2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.bnrarea01 .bnr2 div {
  width: 49%;
  height: auto;
}
.bnrarea01 .bnr2 div img {
  width: 100%;
  height: auto;
}
.bnrarea01 .bnr1 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .bnrarea01 .bnr2 div {
    width: 100%;
    margin-bottom: 10px
  }
  .bnrarea01 .bnr1 {}
}
/* ==============================
.form
============================== */
/* ----------------------------------------------
form
---------------------------------------------- */
#form {
  background: #efefef;
}
#form .inner02 {
  padding: 72px 0 60px
}
#form .ico {
  font-size: 2.0rem;
  color: #FFFFFF;
  font-weight: 700;
  width: fit-content;
  padding: 5px 38px;
  margin: 0 auto 15px;
  text-align: center;
  background: #14b1cf;
  border-radius: 5px;
}
#form .h2txt {
  font-size: 3.6rem;
  font-weight: 700;
  margin: 0 auto 30px;
  text-align: center;
}
#form .flowimg {
  margin-bottom: 47px;
}
#form .inner02 .flowimg img {
  margin: 0 auto;
  text-align: center;
}
#form td p {
  padding-bottom: 5px !important;
}
@media screen and (max-width: 767px) {
  #form .inner02 {
    padding: 40px 0
  }
  #form .ico {
    font-size: 1.8rem;
    padding: 5px 15px;
    margin: 0 auto 15px;
  }
  #form .h2txt {
    font-size: 2.4rem;
    margin: 0 auto 30px;
  }
  #form .flowimg {
    margin-bottom: 20px;
  }
}
/* ----------------------------------------------
inputBox
---------------------------------------------- */
#form .inner02 .inputBox {
  background: #FFFFFF;
  padding: 50px 50px 60px 50px;
  margin-bottom: 40px;
}
#form .inner02 .h3txt {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 40px;
  border-left: 8px #14b1cf solid;
  padding: 5px 20px;
}
@media screen and (max-width: 767px) {
  #form .inner02 .inputBox {
    padding: 15px;
    margin-bottom: 20px;
  }
  #form .inner02 .h3txt {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    border-left: 5px #14b1cf solid;
    padding: 5px 15px;
  }
}
/* ----------------------------------------------
.inputBox table
---------------------------------------------- */
.inputBox table {
  background: #FFFFFF;
}
.inputBox table tr {
  background: #FFFFFF;
}
.inputBox table th {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
  background: #FFFFFF;
  vertical-align: middle;
  padding: 19px 0;
  width: 290px;
  border: 0;
}
.inputBox.conf table th {
  padding: 30px 0;
}
.inputBox table th .ttl {
  display: flex;
  align-items: center;
}
.inputBox table th .ttl span {
  font-size: 1.2rem;
}
.inputBox table th .required {
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 700;
  width: fit-content;
  padding: 4px 14px;
  text-align: center;
  background: #e53534;
  border-radius: 5px;
  margin-right: 10px;
}
.inputBox table th .any {
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 700;
  width: fit-content;
  padding: 4px 14px;
  text-align: center;
  background: #999;
  border-radius: 5px;
  margin-right: 10px;
}
.inputBox table td {
  padding: 19px 0;
  font-size: 1.6rem;
  color: #000;
  border: 0;
}
.inputBox.conf table td {
  padding: 30px 0;
}


.ui-datepicker-trigger{
    width: 24px;
    display: inline-block;
    cursor: pointer;
    margin-left: 8px;
}
@media screen and (max-width: 1030px) {
.inputBox table th {
  width: 200px;
}
.inputBox.conf table td .insp {
    display: inline-block;
    margin-right: 15px !important;
}
	
}

@media screen and (max-width: 980px) {
  .inputBox table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBox table th {
    font-size: 1.6rem;
    padding: 10px;
    width: 100%;
  }
  .inputBox.conf table th {
    padding: 10px;
    width: 100%;
  }
  .inputBox table td {
    padding: 10px;
    width: 100%;
  }
  .inputBox.conf table td {
    padding: 10px;
    width: 100%;
  }
}
	
@media screen and (max-width: 767px) {
  .inputBox table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBox table th {
    font-size: 1.6rem;
    padding: 10px;
    width: 100%;
  }
  .inputBox.conf table th {
    padding: 10px;
    width: 100%;
  }
  .inputBox table td {
    padding: 10px;
    width: 100%;
  }
  .inputBox.conf table td {
    padding: 10px;
    width: 100%;
  }
}
/* ----------------------------------------------
.form common
---------------------------------------------- */
.personalinfo {
  text-align: center;
  margin-bottom: 45px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personalinfo a {
  text-decoration: underline;
}
.personalinfo a:hover {
  text-decoration: none;
}
/* ----------------------------------------------
.form thanks
---------------------------------------------- */
.thanks {}
.thanks .h3txt02 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 30px;
}
.thanks .txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 50px;
  line-height: 1.8;
}
.thanks .btn02 a {
  font-size: 1.6rem;
  width: 410px;
  height: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .thanks .h3txt02 {
    font-size: 2.0rem;
    margin-bottom: 30px;
  }
  .thanks .txt {
    font-size: 1.6rem;
    margin-bottom: 50px;
  }
  .thanks .btn02 a {
    width: 80%;
    ;
    height: 50px;
  }
}
/* ----------------------------------------------
.form btns
---------------------------------------------- */
.btns {
  text-align: center;
  margin: 0 auto;
}
.cbtns {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.formbtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  margin: 0 auto !important;
  width: 410px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white) !important;
  height: 50px;
  border-radius: 25px;
  background: url("../images/ico_arrow03.png") no-repeat 94% center, var(--skyblue) !important;
  font-size: 1.6rem;
  font-weight: 700;
}
.formbtn:hover {
  opacity: 0.7;
}
.formbtn:disabled {
  background-color: #ccc !important;
  cursor: not-allowed !important;
}
.backbtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  margin: 0 auto !important;
  width: 410px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white) !important;
  height: 50px;
  border-radius: 25px;
  background: url("../images/ico_arrow03.png") no-repeat 94% center, #666666 !important;
  font-size: 1.6rem;
  font-weight: 700;
}
.backbtn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .formbtn {
    width: 47% !important;
  }
  .backbtn {
    width: 47% !important;
  }
}
/* ----------------------------------------------
.form input
---------------------------------------------- */
#form input[type="text"] {
  background: #efefef;
  border-radius: 0;
  border: 0;
  border-bottom: 1px #999999 solid;
}
#form select {
  background: #efefef;
  border-radius: 0;
  border: 0;
  border-bottom: 1px #999999 solid;
  color: #777;
}
#form textarea {
  background: #efefef;
  border-radius: 0;
  border: 0;
  border-bottom: 1px #999999 solid;
}
#form input[type="checkbox"] {
  appearance: none;
  height: 26px;
  width: 26px;
  margin: 4px 10px 4px 4px;
  border: 1px solid #8b98a5;
  border-radius: 4px;
  background: rgba(255, 255, 255, 1.00);
}
#form input[type="radio"] {
  appearance: none;
  height: 26px;
  width: 26px;
  margin: 4px;
  border: 1px solid #8b98a5;
  border-radius: 13px;
  background: rgba(255, 255, 255, 1.00);
}
#form input[type="checkbox"]:checked {
  border: 1px solid #8b98a5;
  background-color: #1d9bf0;
}
#form input[type="radio"]:checked {
  border: 1px solid #8b98a5;
  background-color: #1d9bf0;
  padding: 5px;
}
#form input[type="checkbox"]:checked::before {
  content: "";
  display: block;
  position: relative;
  left: 7px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
#form input[type="radio"]:checked::before {
  content: "";
  display: block;
  position: relative;
  left: -5px;
  top: -5px;
  width: 24px;
  height: 24px;
  border-radius: 13px;
  border: solid white;
}
#form input[type="checkbox"]:focus-visible {
  outline: 2px solid #1d9bf0;
  outline-offset: 2px;
}
#form input[type="radio"]:focus-visible {
  outline: 2px solid #1d9bf0;
  outline-offset: 2px;
}
#form label {
  margin-left: 3px;
  font-size: 1.6rem;
  position: relative;
  display: flex;
  align-items: center;
}
#form label img {
  height: auto;
}
@media screen and (max-width: 767px) {}
/* ----------------------------------------------
.form input size
---------------------------------------------- */
.validation {
  display: none;
  color: #e53534;
}
.separator {
  margin: 50px 0 50px;
}
@media screen and (max-width: 767px) {
  .separator {
    margin: 25px 0;
  }
}
.actxt01 {
  display: inline-block;
  width: 38px !important;
}
.insp {
  display: inline-block;
  margin-right: 35px !important;
}
.actxt02 {
  display: inline-block;
  width: 44px !important;
}
.actxt04 {
  display: inline-block;
  width: 18px !important;
}
.insp02 {
  display: inline-block;
  margin-right: 10px !important;
}
.actxt03 {
  display: inline-block;
  width: 85px !important;
}
.w15 {
  width: 15% !important;
}
.w25 {
  width: 25% !important;
}
.w40 {
  width: 38.9% !important;
}
.w60 {
  width: 60% !important;
}
.w85 {
  width: 83.8% !important;
}
.w100 {
  width: 100% !important;
}
.noset {
  color: #999;
}
@media screen and (max-width: 767px) {
  .insp {
    margin-right: 0 !important;
  }
  .actxt01 {
    width: 15% !important;
  }
  .actxt02 {
    width: 12% !important;
  }
  .insp02 {
    margin-right: 10px !important;
  }
  .w15 {
    width: 83% !important;
    margin-bottom: 10px;
  }
  .w25 {
    width: 83% !important;
    margin-bottom: 10px;
  }
  .w40 {
    width: 83% !important;
    margin-bottom: 10px;
  }
  .w60 {
    width: 83% !important;
    margin-bottom: 10px;
  }
  .w85 {
    width: 83% !important;
    margin-bottom: 10px;
  }
}
/* ----------------------------------------------
tocList
------------------------------------------------- */
#tocList {
  border: 5px #efefef solid;
  padding: 27px;
  background: #FFFFFF;
  margin-bottom: 90px;
}
#tocList .ttl {
  border-bottom: 1px #dadada solid;
  text-align: center;
  font-size: 2.0rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#tocList #toc ul li {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 12px;
}
#tocList #toc ul li a {
  color: #000000;
}
#tocList #toc ul li a::before {
  content: "・";
}
#tocList #toc ul li a:hover {
  text-decoration: underline
}
@media screen and (max-width: 767px) {}
/* ----------------------------------------------
entry
------------------------------------------------- */
.entry {}
.entry h2 {
  font-size: 2.0rem;
  margin-bottom: 33px;
  padding-left: 45px;
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.entry h2::before {
  position: absolute;
  top: 0px;
  left: 15px;
  transform: translateX(-50%);
  margin-left: 0px;
  content: "";
  display: block;
  width: 30px;
  height: 56px;
  background: linear-gradient(-63deg, transparent 0%, transparent 49%, #14b1cf 49%, #14b1cf 54%, transparent 51%, transparent 100%);
}
.voiceenrty h2 {
  background: #e0f5f8;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 15px;
	height: auto;
}
.voiceenrty h2::before {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateX(-50%);
  margin-left: 0px;
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  background: transparent;
}
.voiceenrty h3 {
  font-size: 2.0rem;
  min-height: 56px;
  margin-bottom: 33px;
  padding-left: 45px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.voiceenrty h3::before {
  position: absolute;
  top: 0;
	bottom:0;
  left: 15px;
  transform: translateX(-50%);
  margin-left: 0px;
  content: "";
  display: block;
  width: 30px;
  height: 56px;
  background: linear-gradient(-63deg, transparent 0%, transparent 49%, #14b1cf 49%, #14b1cf 54%, transparent 51%, transparent 100%);
}
.entry p {
  font-size: 1.6rem;
  margin-bottom: 20px;
  line-height: 1.8;
}
.entry .wp-block-image {}
.entry .wp-block-image img {
  margin: 0 auto 30px auto;
}
@media screen and (max-width: 767px) {}
/* ============================================================*/
/* ============================================================
tosearch
=============================================================== */
/* ============================================================ */
#tosearch {
  background: rgba(255, 255, 255, 1.00);
  padding-bottom: 100px;
}
#tosearch .inner {
  height: 402px;
  background: url("../images/bg_tosearch.png") no-repeat left top;
  background-size: 100% 100%;
  padding: 40px 46px 20px 46px;
    display: block;
}
#tosearch .ttl {
  font-size: 4.17rem;
  font-style: italic;
  margin-bottom: 20px;
  text-align: center
}
#tosearch .txt {
  font-size: 2.2rem;
  margin-bottom: 20px;
  text-align: center
}
#tosearch .item ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
}
#tosearch .item li {
  font-size: 2.2rem;
  background: url("../images/ico_check.png") no-repeat 10px center, var(--white);
  padding: 10px 30px 10px 52px;
  border-radius: 25px;
}
#tosearch .tosearchbtn a {
  margin: 0 auto;
  width: 510px;
  background: url("../images/ico_arrow03.png") no-repeat 94% center, var(--black);
}
@media screen and (max-width: 1032px) {

#tosearch .inner {
  height: 402px;
  padding: 40px 46px 20px 46px;
}
#tosearch .ttl {
  font-size: 3.8rem;
  margin-bottom: 20px;
}
#tosearch .txt {
  font-size: 1.8rem;
  margin-bottom: 20px;
  text-align: center
}
#tosearch .item ul {
}
#tosearch .item li {
  font-size: 1.8rem;
  padding: 10px 20px 10px 42px;
}

}
@media screen and (max-width: 767px) {
  #tosearch {
    background: rgba(255, 255, 255, 1.00);
    padding-bottom: 100px;
  }
  #tosearch .inner {
    height: auto;
    background: url("../images/bg_tosearch.png") no-repeat left top;
    background-size: 100% 100%;
    padding: 30px 20px 20px 20px;
  }
  #tosearch .ttl {
    font-size: 3.2rem;
    margin-bottom: 20px;
  }
  #tosearch .txt {
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center
  }
  #tosearch .item ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
  }
  #tosearch .item li {
    font-size: 1.6rem;
    background: url("../images/ico_check.png") no-repeat 10px center, var(--white);
    background-size: 20px;
    padding: 10px 10px 10px 40px;
    border-radius: 25px;
    margin: 0 5px 15px;
  }
  #tosearch .tosearchbtn a {
    width: 100%;
    background: url("../images/ico_arrow03.png") no-repeat 94% center, var(--black);
  }
}

/* ============================================================*/
/* ============================================================
arrow_box
=============================================================== */
/* ============================================================ */
.arrow_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:-30px 0 20px 0;
    position: relative;
	padding: 0 10px;
}

.prev-arrow,
.next-arrow {
    display: block;
    width: 30px;
    height: 30px;
    background: #CCC;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    position:relative;
}

.prev-arrow:hover,
.next-arrow:hover{
opacity: 0.7;
}



.prev-arrow {
    transform: rotate(180deg);
    margin-right: 20px;
}

.prev-arrow::before,
.next-arrow::before{
    position:absolute;
    content: "";
    width:10px;
    height:10px;
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    top:0;
    bottom:0;
    left:0;
    right:2px;
    margin:auto;
    transform:rotate(45deg);
}
@media screen and (max-width: 820px) {
.arrow_box {
    margin:0px 0 20px 0;
}

	
}
/* dotsを丸くカスタマイズするCSS */
.slick-dots {
    display: flex;
    justify-content: center;
	margin-top: 15px;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
    background: #222;;
}
.slick-dots li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}