* {
 font-family: 'Zen Maru Gothic', sans-serif;
}
span {
 color: yellow;
}
.wrapper {
 width: 750px;
 margin: 0 auto;
}
.pc-img {
 display: block;
 width: 100%;
}
.sp-img {
 display: none;
 width: 100%;
}
.sp-br {
 display: none;
}
.cta-area {
 position: relative;
}
.btn-img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 top: 60px;
 text-align: center;
}
.campaign .btn-img {
 top: -10px;
}
Footer .btn-img {
 position: relative;
 left: 0;
 top: 0;
 margin-bottom: 50px;
}
.logo-img {
 padding: 20px;
 width: 280px;
 margin: 0 auto;
}
Footer {
 background: #29459f;
 width: 750px;
 margin: 0 auto;
 margin-top: 50px;
 padding-bottom: 120px;
}
Footer a {
 color: #fdfdfd !important;
 display: block;
 padding: 5px 0;
 font-size: 1.1rem;
 opacity: 0.9;
 text-decoration: none;
}
.tokupura {
 display: flex;
 justify-content: space-around;
 text-align: center;
 padding-bottom: 20px;
}
.Copyright {
 padding: 20px 0;
 line-height: 1.5;
 color: #fdfdfd;
 font-size: 1.1rem;
 opacity: 0.9;
}
/*  ul  
---------------------------------------------------------- */
ol, ul {
 list-style-position: inside;
 padding-left: 10px;
}
ol li, ul li {
 text-align: left;
}
.tb01 {
 width: 600px;
 margin: 30px auto 30px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
.tb01 .title {
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 6px;
 background-color: #e4e4e4;
 width: 35%;
}
.tb01 td {
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 6px;
 text-align: left;
 background-color: #FFFFFF;
}
.hoken {
 background: url("../img/bg_hoken.jpg") no-repeat center center;
 background-size: cover;
 position: relative;
 padding: 70px 0;
 box-sizing: border-box;
 overflow: hidden;
}
.hoken:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: rgba(41, 69, 159, 0.74);
}
.hoken h3 {
 position: relative;
 z-index: 4;
 color: #fff;
 font-size: 130%;
 font-weight: normal;
 letter-spacing: 0.035em;
 margin-bottom: 2.5em;
}
.hoken ul {
 display: flex;
 justify-content: center;
 align-items: stretch;
 position: relative;
 z-index: 4;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 padding: 0 1%;
}
.hoken ul li {
 color: #fff;
 font-size: 120%;
 font-weight: bold;
 box-sizing: border-box;
 position: relative;
 white-space: nowrap;
}
.hoken ul li:after {
    content: "/";
    margin: 0 0.5em;
}
.hoken ul li:last-child:after {
    display: none;
}

@media screen and (max-width: 750px) {
 .wrapper {
  width: auto;
 }
 .btn-img, .btn-img-dark {
  width: 60%;
  left: 20%;
 }
 Footer {
  width: 100%;
  margin: 0 auto;
 }
 .Copyright, Footer a {
  font-size: 0.9rem;
 }
 .hoken {
    padding: 50px 0;
}
.hoken ul {
 padding: 0;
 flex-wrap: wrap;
 width: 70%;
 margin: 0 auto;
}
.hoken ul li {
 font-size: 110%;
 margin: 0 0 0.5em;
}
}
@media screen and (max-width: 680px) {
 .pc-img {
  display: none;
 }
 .sp-img {
  display: block;
 }
 .sp-br {
  display: block;
 }
 .logo-img {
  width: 40%;
 }
 .btn-img, .btn-img-dark {
  width: 90%;
  left: 5%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 46px;
 }
 Footer {
  margin: 0;
  margin-top: 50px;
 }
 .Copyright, Footer a {
  font-size: 0.9rem;
 }
}
.footer_fix_btn {
 display: block;
 max-width: 750px;
 margin: 0 auto;
 left: 0;
 right: 0;
 position: fixed;
 bottom: 0;
 line-height: 1;
 background-color: rgba(41, 69, 159, 0.94);
 z-index: 10;
}
.footer_fix_btn .fixed_ttl {
 padding: 12px 10px 0;
}
.footer_fix_btn .fixed_ttl img {
 width: 74%;
 height: auto;
 margin: 0 auto;
}
.footer_fix_btn ul {
 display: flex;
 justify-content: space-around;
 align-items: stretch;
 padding: 7px 10px 12px;
 box-sizing: border-box;
}
.footer_fix_btn ul li a {
 display: block;
 width: 100%;
 position: relative;
}
.footer_fix_btn ul li.nickname_button {
 flex: 1 0 30%;
 max-width: 30%;
}
.footer_fix_btn ul li.mypage_button {
 flex: 1 0 70%;
 max-width: 70%;
 padding-left: 7px;
 box-sizing: border-box;
}
.footer_fix_btn a img {
 display: block;
 width: 100%;
 height: auto;
}
/* ーーーーーーーー地域項目ーーーーーーーー */
.area_h2 {
 font-size: 32px;
 padding: 40px;
}
.areas > h2 {
 font-size: 28px;
 padding: 20px;
}
.municipality {
 display: flex;
 flex-wrap: wrap;
 width: 90%;
 margin: auto;
 /* gap: 20px 5px; */
}
.municipality > p {
 padding: 10px 0px;
 flex: 1 1 auto;
 width: 30%;
}
.ac-box {
 width: auto;
 margin: 30px auto 5px;
}
.ac-box label {
 max-width: 385px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 background: #29459f;
 margin: auto;
 line-height: 50px;
 position: relative;
 display: block;
 height: 50px;
 border-radius: 8px;
 cursor: pointer;
 color: #fff;
 transition: all 0.5s;
}
.ac-box label:hover {
 background: #29459f(240, 86, 137, 0.55);
 -webkit-transition: all .3s;
 transition: all .3s;
}
.ac-box input {
 display: none;
}
/* .ac-box label:after{
    color: #fff;
    font-family:"FontAwesome";
    content:" \f078";
    }
    
    .ac-box input:checked ~ label::after {
    color: #fff;
    font-family:"FontAwesome";
    content:" \f077";
    } */
.ac-box div {
 height: 0px;
 padding: 0px;
 overflow: hidden;
 opacity: 0;
 transition: 0.5s;
}
.ac-box input:checked ~ div {
 height: auto;
 padding: 5px;
 background: #fff;
 opacity: 1;
 margin-top: 20px;
}
/* .ac-box div p{
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-align: justify;
    } */


/* ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ */
#privacy, #tokutei {
 background: #e9e9e9;
 padding: 7.5vw 5vw 0;
 position: relative;
 z-index: 5;
 font-size: 14px;
}
#privacy .inner, #tokutei .inner {
 background: #fff;
 color: #4c4c4c;
 max-width: 800px;
 margin: 0 auto;
 padding: 5vw;
 line-height: 1.8;
 border-radius: 10px;
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#privacy h1, #tokutei h1 {
 font-size: 200%;
 font-weight: bold;
 margin-bottom: 4.5vw;
 position: relative;
 color: #095284;
 text-align: center;
 line-height: 1;
}
#privacy .inner h2, #tokutei .inner h2 {
 font-size: 130%;
 font-weight: bold;
 margin: 1.75em 0 1em;
 position: relative;
 padding-bottom: 0.35em;
 line-height: 1.5;
}
#privacy .inner h2:first-of-type, #tokutei .inner h2:first-of-type {
 margin: 0 0 1em;
}
#privacy .inner h2:before, #tokutei .inner h2:before {
 content: "■";
 padding-right: 0.35em;
 color: #095284;
 font-size: 80%;
}
#privacy .inner h2:after, #tokutei .inner h2:after {
 content: "";
 display: block;
 height: 2px;
 width: 100%;
 background: #095284;
 position: absolute;
 bottom: 0;
 left: 0;
}
#privacy .inner h3, #tokutei .inner h3 {
 font-size: 110%;
 line-height: 1.5;
 margin: 1.5em 0 0.5em;
 color: #095284;
 font-weight: bold;
}
#privacy .inner table, #tokutei .inner table {
 width: 100%;
 margin: 0 auto 1.5em;
}
#privacy .inner table th, #tokutei .inner table th {
 color: #fff;
 background: #095284;
 border-bottom: solid 1px #fff;
 padding: 0.5em 1.5em;
 text-align: left;
 font-weight: normal;
 white-space: nowrap;
}
#privacy .inner table td, #tokutei .inner table td {
 padding: 0.5em 1.5em;
 word-break: break-all;
}
#privacy .inner p, #tokutei .inner p {
 margin-bottom: 1em;
}
#privacy .inner .pointList, #tokutei .inner .pointList {
 position: relative;
 margin-bottom: 1.5em;
}
#privacy .inner .pointList li, #tokutei .inner .pointList li {
 position: relative;
 padding-left: 1em;
}
#privacy .inner .pointList li:before, #tokutei .inner .pointList li:before {
 content: "";
 display: block;
 position: absolute;
 top: 0.65em;
 left: 0;
 width: 0.5em;
 height: 0.5em;
 background: #095284;
 border-radius: 50%;
}
#privacy .inner .dlList, #tokutei .inner .dlList {
 position: relative;
 margin-bottom: 1.5em;
 padding-left: 0;
}
#privacy .inner .dlList li dl, #tokutei .inner .dlList li dl {
 display: flex;
 width: 100%;
}
#privacy .inner .dlList li dl dt, #tokutei .inner .dlList li dl dt {
 flex: 1 0 14em;
 max-width: 14em;
 background: #095284;
 color: #fff;
 border-bottom: solid 1px #fff;
 padding: 0.5em 1.5em;
 text-align: left;
 font-weight: normal;
 white-space: nowrap;
 box-sizing: border-box;
}
#privacy .inner .dlList li dl dd, #tokutei .inner .dlList li dl dd {
 padding: 0.5em 1.5em;
 word-break: break-all;
 flex: 1 0 calc(100% - 14em);
 font-weight: bold;
 box-sizing: border-box;
}
#privacy .inner .dlList li dl dd small,
#tokutei .inner .dlList li dl dd small {
 font-weight: normal;
 padding-right: 0.25em;
}
#tokutei .inner .dlList li:nth-child(odd) dl dd {
 background: #efeff3;
}
#privacy .inner table td a, #tokutei .inner table td a {
 color: #4c4c4c;
}
#tokutei .contact {
 text-align: center;
 background: #F9DBD7;
 padding: 2em 0 2.5em;
 border-radius: 1.2rem;
}
#tokutei .contact h3 {
 font-size: 140%;
 margin: 0 0 0.75em;
 color: #D04400;
}
#tokutei .contact .flex {
 display: flex;
 align-items: center;
 justify-content: center;
}
#tokutei .contact .flex .btn {
 flex: 1 0 27rem;
 max-width: 27rem;
 margin: 0 1rem;
 font-size: 2rem;
}
#tokutei .contact .btn.tel a {
 color: #fff;
 background: #bb0000;
 font-family: "Murecho", serif;
 font-weight: 700;
 line-height: 1.3;
 padding: 1em 0;
 border-radius: 6px;
 overflow: hidden;
 position: relative;
 box-shadow: 9px 9px 0 rgba(187, 0, 0, 0.4);
}
#tokutei .contact .btn.tel a:hover {
 box-shadow: 0 0 0 rgba(187, 0, 0, 0.4);
}
#tokutei .contact .btn.tel a em {
 display: block;
 font-weight: 500;
 font-size: 65%;
}
#tokutei .contact .btn.line a {
 color: #fff;
 background: #00b900;
 font-family: "Murecho", serif;
 font-weight: 700;
 line-height: 1.3;
 padding: 0.75em 0;
 border-radius: 6px;
 overflow: hidden;
 position: relative;
 box-shadow: 9px 9px 0 rgba(67, 132, 67, 0.4);
}
#privacy .toTop, #tokutei .toTop {
 text-align: center;
 margin: 2.5em 0;
 display: block;
}
#privacy .toTop a, #tokutei .toTop a {
 display: inline-block;
 color: #fff;
 background: #095284;
 line-height: 1.4;
 padding: 1em 4em;
 border-radius: 4px;
 font-size: 90%;
 font-weight: bold;
 position: relative;
 transition: .2s;
}
#privacy .toTop a:hover, #tokutei .toTop a:hover {
 background: #0E4062;
}
#privacy .toTop a:before, #tokutei .toTop a:before {
 content: "";
 display: block;
 width: 0.5em;
 height: 0.5em;
 border-left: 3px solid #fff;
 border-bottom: 3px solid #fff;
 transform: rotate(45deg)translateY(-50%);
 position: absolute;
 left: 1em;
 top: 50%;
}
#privacy footer, #tokutei footer {
 width: 100vw;
 margin: 0 calc(50% - 50vw);
 text-align: center;
 padding: 0;
 background: none;
}
#privacy footer .inner, #tokutei footer .inner {
 max-width: 100%;
 border-radius: 0;
 background: #29459f;
 color: #fff;
}
#privacy footer .inner .cr, #tokutei footer .inner .cr {
 font-family: Arial, Helvetica, "sans-serif";
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1000px) {
 .inner {
  padding: 1.5rem 1rem;
 }
}
@media screen and (max-width: 750px) {
 #privacy h1, #tokutei h1 {
  font-size: 150%;
  margin-bottom: 0.75em;
 }
 #privacy .inner table th, #tokutei .inner table th {
  display: block;
  text-align: left;
 }
 #privacy .inner table td, #tokutei .inner table td {
  display: block;
 }
 #privacy .inner .dlList li dl dt, #tokutei .inner .dlList li dl dt {
  flex: 1 0 11em;
  max-width: 11em;
 }
 #privacy .inner .dlList li dl, #tokutei .inner .dlList li dl {
 display: block;
}
#privacy .inner .dlList li dl dt, #tokutei .inner .dlList li dl dt {
 flex: none;
 max-width: 100%;
 padding: 0.35em 1.25em;
}
#privacy .inner .dlList li dl dd, #tokutei .inner .dlList li dl dd {
 flex: none;
 font-size: 115%;
 padding: 0.15em 1.25em 0.35em;
}
 #tokutei .inner .dlList li:nth-child(odd) dl dd {
 background: #fff;
}
 #tokutei .contact {
 padding: 1.25em 0.5em 1.5em;
 border-radius: 0.8rem;
}
#tokutei .contact h3 {
 font-size: 130%;
 margin: 0 0 0.5em;
}
#tokutei .contact .flex {
 display: block;
}
#tokutei .contact .flex .btn {
 flex: none;
 max-width: calc(100% - 2rem);
 margin: 0 auto 1rem;
 font-size: 2.2rem;
}
#tokutei .contact .btn.tel a {
 box-shadow: 5px 5px 0 rgba(187, 0, 0, 0.4);
}
#tokutei .contact .btn.line a {
 box-shadow: 5px 5px 0 rgba(67, 132, 67, 0.4);
}