@charset "UTF-8";
html {
  font-size: 62.5%;
}
/**********************************
 * CheckPage Style
 **********************************/
 .wrap {
  color: #6a764e;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  text-align: center;
}
 .box{
    margin-bottom: 50px;
    width:980px;
    margin:0 auto;
 }

 .strong{
   font-weight: bold;
   margin-bottom: 40px;
 }
.text-center{
  text-align:center;
}
 .page_title{
  color: #6a764e;
  font-size: clamp(17px, 4.53vw, 34px);
}
.color_orange{
    color:#ff861c;
    font-weight: bold;
}
 .description{
   font-size: clamp(13px, 2.4vw, 18px);
    line-height: 1.6;
   letter-spacing: 0px;
   margin-bottom: 40px;
 }

 .category_text_title{
  font-size: clamp(14px, 3.06vw, 20px);
   margin: 0 0 20px;
    padding: 10px;
    background-color: #f7f7f7;
    text-align: left;
 }


 input[type="checkbox"],
 input[type="radio"] {
   margin: 0;
   padding: 0;
   background: none;
   border: none;
   border-radius: 0;
   outline: none;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }

 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }

 .content_section {
   position: relative;
   margin: 0 auto;
   padding: 50px 15px;
   width: auto;
   font-size: 16px;
 }
 .content_section:nth-of-type(2n) {
   background-color: whitesmoke;
 }
 .content_section_title {
   margin: 0 auto 45px;
   padding: 0;
   max-width: 900px;
   font-size: 24px;
   font-weight: normal;
   text-align: center;
 }

 .label_list {
   margin: auto;
   line-height: 1.3;
 }
 .label_list::after {
   display: block;
   content: '';
   clear: both;
 }
 .label_list_item {
   text-align: left;
   margin-left: 10px;
   margin-bottom: 10px;
   font-size: clamp(12px, 2.4vw, 18px);
 }
 .label_list_item label {
   position: relative;
   display: block;
   word-break: break-all;
 }
 .label_list_item label input[type="checkbox"] + span,
 .label_list_item label input[type="radio"] + span {
   position: relative;
   padding: 0 30px 0 35px;
   font-size: clamp(12px, 2.4vw, 18px);
 }

 .checkbox_list label span {
   display: inline-block;
 }
 .checkbox_list label input[type="checkbox"] {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
 }
 .checkbox_list label input[type="checkbox"] + span::before, .checkbox_list label input[type="checkbox"] + span::after {
   position: absolute;
   top: 0px;
   left: 0;
   display: inline-block;
   content: '';
   box-sizing: border-box;
 }
 .checkbox_list label input[type="checkbox"] + span::before {
   z-index: 0;
   background-color: transparent;
   width: 20px;
   height: 20px;
   border: 2px #616161 solid;
   border-radius: 3px;
 }
 .checkbox_list label input[type="checkbox"] + span::after {
   z-index: 1;
   margin: 5px 8px;
   width: 6px;
   height: 9px;
 }
 .checkbox_list label input[type="checkbox"]:checked + span::before {
   background-color: #fff;
 }
 .checkbox_list label input[type="checkbox"]:checked + span::after {
   border: 2px solid #ff861c;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
 }

 .checkbox_list{
   margin-bottom: 40px;
 }


 .list_list_title{
   text-align: left;
   margin: 20px 0 10px 0;
 }



 /*ボタンエリア*/
/*.submit_btnarea {
    width: 360px;
    margin: 0 auto;
}
.form_btn{
    background: #ff4081;
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: all .5s ease-out;
    position: relative;
    border-radius: 10px;

}

.form_btn:hover{
    border: 1px solid #ff4081;
    background: #fff;
    color: #ff4081;
}
button[type="submit"][disabled] {
            background-color: #fff;
            color: #ccc;
            border-color: #ccc;
            cursor: default;
        }

button[type="submit"][disabled]:hover{
        opacity:1;
    }
*/

.submit_btnarea {
    width: 420px;
    margin: 0 auto;
}

.form_btn:hover{
  transform: translateY(-5px);
  transition-duration: 0.5s;
}
.br-sp{
  display: none;
}

@media screen and (max-width: 980px) {
 html{min-width: auto;}
  .box{
    width: 98%;
  }
  .br-sp{
    display: none;
  }
}
@media screen and (max-width: 480px) {
   html{min-width: auto;}
  .wrap{
    width: 100%;
  }
  img {
  width: 100%;
  }
  .page_title{
   font-size: 1.7rem;
   margin-bottom: 15px;
  }
  .content_section {
    font-size: 1.5rem;
  }
  .label_list_item label input[type="checkbox"] + span,
  .label_list_item label input[type="radio"] + span {
    font-size: 1.5rem;
  }
  .submit_btnarea {
      width: 100%;
  }
  .br-sp{
    display: block;
  }
  .checkbox_list label input[type="checkbox"] + span::before, .checkbox_list label input[type="checkbox"] + span::after {
    position: absolute;
    /* top: 5px; */
    left: 0;
    display: inline-block;
    content: '';
    box-sizing: border-box;
  }
  .label_list_item label input[type="checkbox"] + span,
  .label_list_item label input[type="radio"] + span {
    position: relative;
    padding: 0 5px 0 25px;
  }
}