@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */

li.btn327 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn327 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu li.btn327 > a::after {

  display: none;

}







/* contents ---- */

















.torikumi_box > div {

  padding-top: 16px;

}

/* block01 */

.block01 .box01_01 {

  width: calc( 760 / 794 * 100% );

  max-width: 760px;

  margin-right: auto;

  margin-left: auto;

}

.block01 .box01_01 .text {

  width: calc( 453 / 760 * 100%);

  padding-right: calc(16 / 453 * 100%);

}

.block01 .box01_01 .image {

  width: calc( 307 / 760 * 100%);

}

.block01 .box01_02,

.block01 .box01_03 {

  width: calc( 640 / 794 * 100% );

  max-width: 640px;

  margin-right: auto;

  margin-left: auto;

}

.block01 .box01_02 .image,

.block01 .box01_03 .image {

  width: calc( 360 / 640 * 100%);

}

.block01 .box01_02 .text,

.block01 .box01_03 .text {

  width: calc( 280 / 640 * 100%);

  padding-left: calc(6 / 640 * 100%);

}

.block01 .box01_02 .text {

  text-align: center;

}

.block01 .box01_02 .text .note {

  display: inline-block;

  text-align: left;

}



.block01 .box02_01,

.block01 .box02_02,

.block01 .box02_03 {

  width: calc( 760 / 794 * 100% );

  max-width: 760px;

  margin-right: auto;

  margin-left: auto;

}

.block01 .box02_01 .text {

  width: calc( 514 / 760 * 100%);

  padding-left: calc(16 / 424 * 100%);

}

.block01 .box02_01 .image {

  width: calc( 246 / 760 * 100%);

}

.block01 .box02_02 table {

  margin-top: 10px;

  width: 100%;

}

.block01 .box02_02 table th {

    border: 1px rgb(222,222,222) solid;

    background-color: rgb(244,244,244) ;

    padding: 4px;

    font-weight: 700;

    text-align: center;

}

.block01 .box02_02 table td {

    border: 1px rgb(222,222,222) solid;

    padding: 4px;

}

.block01 .box02_02 table td p {

    text-indent: -1.3rem;

    padding-left: 1rem;

}

.block01 .box02_02 table td.td_ttl {

   width: 30%;

   text-align: center;

   vertical-align:middle;

}

.block01 .box02_03 {

  border: 2px solid rgb(204, 204, 204);

  border-radius: 8px;

  padding: calc(24 / 794 * 100%);

}

.block01 .box02_03 h5 {

  text-align: center;

  font-size: 16px;

  font-weight: 900;

}

.block01 .box03_02 {

  width: calc( 600 / 794 * 100% );

  max-width: 600px;

  margin-right: auto;

  margin-left: auto;

}



@media screen and (max-width: 767px) {

  .block01 .box01_01 {

    flex-direction: column-reverse;

  }

  .block01 .box01_01 .text {

    width: 100%;

    padding-right: 0;

  }

  .block01 .box01_01 .image {

    width: 154px;

    margin-right: auto;

    margin-left: auto;

  }

  .block01 .box01_02,

  .block01 .box01_03 {

    flex-direction: column;

  }

  .block01 .box01_02 .image,

  .block01 .box01_03 .image {

    width: 100%;

  }

  .block01 .box01_02 .text,

  .block01 .box01_03 .text {

    width: calc( 274 / 360 * 100%);

    margin: 16px auto 0;

  }

  .block01 .box02_01 {

    flex-direction: column;

  }

  .block01 .box02_01 .text {

    width: 100%;

    padding-left: 0;

  }

  .block01 .box02_01 .image {

    width: 123px;

    margin-right: auto;

    margin-left: auto;

  }

}