@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Noto Sans JP', sans-serif;
  background: #fff;
  color: #333333;
}
html, body {
  /*スマホの文字サイズ自動変更無効*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
}
img {
  width: 100%;
  height: auto;
}
/* =========================================================

container

========================================================= */
.container {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100%; /*mainが少なくてもフッターを最下部に配置。html, bodyのheight: 100%;を削除しない*/
    background: #e4e5e6;
}
/* =========================================================

main

========================================================= */
.main {
    width: calc(1365 / 1440 * 100%);
    margin-left: auto;
    margin-right: auto;
}
.main_inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 2px #00000029;
    margin-top: 30px;
    margin-bottom: 30px;
}
.inner_wrap {
    margin: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.document_title {
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
.document_title p {
    font-size: 26px;
    font-weight: bold;
}
.commerce {
    width: 100%;
    border: 1px solid #BFBFBF;
}
.commerce tr:nth-child(even) {
    background: #F2F2F2;
}
.commerce th,
.commerce td {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #BFBFBF;
    line-height: 25px;
}
.commerce th {
    font-weight: bold;
    border-right: 1px solid #BFBFBF;
    width: 185px;
}
.right_text {
    text-align: end;
    margin-top: 10px;
}
.right_text p {
    font-size: 16px;
    line-height: 27px;

}
.document_area {
    padding: 0 60px;
    margin-top: 50px;
}
.document_area p {
    font-size: 16px;
    line-height: 27px;
}
/* =========================================================

見出しicon

========================================================= */
.icon_point,
.icon_no_01,
.icon_no_02,
.icon_attention {
    text-indent: -25px;
    padding-left: 25px;
}
.icon_circle_01,
.icon_circle_02,
.icon_circle_03,
.icon_circle_04,
.icon_circle_05,
.icon_circle_06,
.icon_circle_07,
.icon_circle_08,
.icon_circle_09,
.icon_circle_10,
.icon_circle_11,
.icon_circle_12,
.icon_circle_13,
.icon_circle_14,
.icon_circle_15 {
    text-indent: -24px;
    padding-left: 24px;
}
.icon_num_01,
.icon_num_02,
.icon_num_03,
.icon_num_04,
.icon_num_05,
.icon_num_06,
.icon_num_07,
.icon_num_08,
.icon_num_09,
.icon_num_10,
.icon_num_11,
.icon_num_12 {
    text-indent: -41px;
    padding-left: 41px;
}
.icon_parentheses_01,
.icon_parentheses_02,
.icon_parentheses_03,
.icon_parentheses_04 {
    text-indent: -43.5px;
    padding-left: 43.5px;
}
.icon_kana_a,
.icon_kana_i,
.icon_kana_u,
.icon_kana_e {
    text-indent: -49px;
    padding-left: 49px;
}
.icon_point::before {
    content: '・';
    margin-right: 7px;
}
.icon_no_01::before {
    content: '1.';
    margin-right: 7px;
}
.icon_no_02::before {
    content: '2.';
    margin-right: 7px;
}
.icon_circle_01::before {
    content: '①';
    margin-right:7px;
}
.icon_circle_02::before {
    content: '②';
    margin-right: 7px;
}
.icon_circle_03::before {
    content: '③';
    margin-right: 7px;
}
.icon_circle_04::before {
    content: '④';
    margin-right: 7px;
}
.icon_circle_05::before {
    content: '⑤';
    margin-right: 7px;
}
.icon_circle_06::before {
    content: '⑥';
    margin-right: 7px;
}
.icon_circle_07::before {
    content: '⑦';
    margin-right: 7px;
}
.icon_circle_08::before {
    content: '⑧';
    margin-right: 7px;
}
.icon_circle_09::before {
    content: '⑨';
    margin-right: 7px;
}
.icon_circle_10::before {
    content: '⑩';
    margin-right: 7px;
}
.icon_circle_11::before {
    content: '⑪';
    margin-right: 7px;
}
.icon_circle_12::before {
    content: '⑫';
    margin-right: 7px;
}
.icon_circle_13::before {
    content: '⑬';
    margin-right: 7px;
}
.icon_circle_14::before {
    content: '⑭';
    margin-right: 7px;
}
.icon_circle_15::before {
    content: '⑮';
    margin-right: 7px;
}
.icon_attention::before {
    content: '※';
    margin-right: 7px;
}
.icon_num_01::before {
    content: '1';
    margin-right: 31.11px;
}
.icon_num_02::before {
    content: '2';
    margin-right: 31.11px;
}
.icon_num_03::before {
    content: '3';
    margin-right: 31.11px;
}
.icon_num_04::before {
    content: '4';
    margin-right: 31.11px;
}
.icon_num_05::before {
    content: '5';
    margin-right: 31.11px;
}
.icon_num_06::before {
    content: '6';
    margin-right: 31.11px;
}
.icon_num_07::before {
    content: '7';
    margin-right: 31.11px;
}
.icon_num_08::before {
    content: '8';
    margin-right: 31.11px;
}
.icon_num_09::before {
    content: '9';
    margin-right: 31.11px;
}
.icon_num_10::before {
    content: '10';
    margin-right: 22.23px;
}
.icon_num_11::before {
    content: '11';
    margin-right: 22.23px;
}
.icon_num_12::before {
    content: '12';
    margin-right: 22.23px;
}
.icon_parentheses_01::before {
    content: '（1）';
    margin-right: 2px;
}
.icon_parentheses_02::before {
    content: '（2）';
    margin-right: 2px;
}
.icon_parentheses_03::before {
    content: '（3）';
    margin-right: 2px;
}
.icon_parentheses_04::before {
    content: '（4）';
    margin-right: 2px;
}
.icon_kana_a::before {
    content: '（ア）';
}
.icon_kana_i::before {
    content: '（イ）';
}
.icon_kana_u::before {
    content: '（エ）';
}
.icon_kana_e::before {
    content: '（オ）';
}
/* =========================================================

margin

========================================================= */
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml35 {
    margin-left: 35px;
}
.ml40 {
    margin-left: 40px;
}
.ml45 {
    margin-left: 45px;
}
.ml50 {
    margin-left: 50px;
}
.ml55 {
    margin-left: 55px;
}
.ml60 {
    margin-left: 60px;
}
.ml65 {
    margin-left: 65px;
}
/* =========================================================

margin

========================================================= */
.pr60 {
    padding-right: 60px;
}

@media screen and (max-width: 767px) {
	.container {
		max-width: 767px;
		display: block;
		justify-content: center;
		min-height: 100%;  /*mainが少なくてもフッターを最下部に配置。html, bodyのheight: 100%;を削除しない */
	}
    .main {
        width: 100%;
    }
    .inner_wrap {
        margin: 50px 20px;
        padding-top: 30px;
        padding-bottom: 80px;    
    }
    .main_inner {
        width: 100%;
        margin: 0;
        box-shadow: none;
    }
    .document_title p {
        font-size: 22px;
    }
    .commerce th,
    .commerce td {
        font-size: 13px;
        padding: 5px;
        line-height: 22px;
    }
    .commerce th {
        width: 115px;
    }
    .document_area {
        padding: 0 10px;
        margin-top: 50px;
    }
    .document_area p {
        font-size: 13px;
        line-height: 22px;
    }
    .icon_point,
    .icon_no_01,
    .icon_no_02,
    .icon_circle_01,
    .icon_circle_02,
    .icon_circle_03,
    .icon_circle_04,
    .icon_circle_05,
    .icon_circle_06,
    .icon_circle_07,
    .icon_circle_08,
    .icon_circle_09,
    .icon_circle_10,
    .icon_circle_11,
    .icon_circle_12,
    .icon_circle_13,
    .icon_circle_14,
    .icon_circle_15
    .icon_attention {
        text-indent: -18px;
        padding-left: 18px;
    }
    .icon_num_01,
    .icon_num_02,
    .icon_num_03,
    .icon_num_04,
    .icon_num_05,
    .icon_num_06,
    .icon_num_07,
    .icon_num_08,
    .icon_num_09,
    .icon_num_10,
    .icon_num_11,
    .icon_num_12 {
        text-indent: -30px;
        padding-left: 30px;
    }
    .icon_parentheses_01,
    .icon_parentheses_02,
    .icon_parentheses_03,
    .icon_parentheses_04 {
        text-indent: -35px;
        padding-left: 35px;
    }
    .icon_kana_a,
    .icon_kana_i,
    .icon_kana_u,
    .icon_kana_e {
        text-indent: -39px;
        padding-left: 39px;
    }
    .icon_point::before {
        margin-right: 4px;
    }
    .icon_no_01::before,
    .icon_no_02::before {
        margin-right: 5px;
    }
    .icon_circle_01::before,
    .icon_circle_02::before,
    .icon_circle_03::before,
    .icon_circle_04::before,
    .icon_circle_05::before,
    .icon_circle_06::before,
    .icon_circle_07::before,
    .icon_circle_08::before,
    .icon_circle_09::before,
    .icon_circle_10::before,
    .icon_circle_11::before,
    .icon_circle_12::before,
    .icon_circle_13::before,
    .icon_circle_14::before,
    .icon_circle_15::before {
        margin-right: 4px;
    }
    .icon_attention::before {
        margin-right: 2px;
    }
    .icon_num_01::before,
    .icon_num_02::before,
    .icon_num_03::before,
    .icon_num_04::before, 
    .icon_num_05::before,
    .icon_num_06::before,
    .icon_num_07::before,
    .icon_num_08::before,
    .icon_num_09::before {
        margin-right: 22.78px;
    }
    .icon_num_10::before,
    .icon_num_11::before,
    .icon_num_12::before {
        margin-right: 15.56px;
    }
    .ml15 {
        margin-left: 10px;
    }
    .ml20 {
        margin-left: 17px;
    }
    .ml25 {
        margin-left: 18px;
    }
    .ml30 {
        margin-left: 21px;
    }
    .ml35 {
        margin-left: 23px;
    }
    .ml40 {
        margin-left: 31px;
    }
    .ml45 {
        margin-left: 30px;
    }
    .ml55 {
        margin-left: 40px;
    }
    .ml60 {
        margin-left: 45px;
    }
    .right_text p {
        font-size: 13px;
    }
    .pr60 {
        padding-right: 10px;
    }
    
}