@charset "utf-8";
/* CSS Document */
.tit_a {color: #595757; font-weight: 600; line-height: 1.1; letter-spacing: 4.8px; padding: 0; margin: 0; position: relative; z-index: 1;}
.tit_a::before {content: ''; background: url("../images/ot_dot_01.svg") no-repeat center / cover; width: 1.316%; padding-bottom: 14.713%; position: absolute; top: 12px; left: -3.828%; z-index: -10;}

h1 {font-size: clamp(42px, 246.154%, 64px)!important; letter-spacing: 5.1px!important; line-height: 1.03125!important;}

.ul_a, .ul_a > li {list-style-type:none; margin: 0; padding: 0;}
.ul_a > li {padding: 4.734% 5.365% 4.417% 7.573%; margin: 0 0 19px 0; font-weight: 500; line-height: 1.52; letter-spacing: 2.5px; position: relative; z-index: 1;}
.ul_a > li::before {content: ''; border: 2px solid #f29800; position: absolute; top: 0; left: 0; right: 1px; bottom: 0; z-index: -10;}
.ul_a > li::after {content: ''; background: url("../images/ot_arrow_01.png") no-repeat center / cover; width: 46px; height: 55px; position: absolute; top: 0; right: 0; z-index: -1;}
.ul_a > li .fs_39 {color: #596b2f; font-weight: 600; letter-spacing: 4px; padding: 0; margin: -1px 0 0 -2px;}

.ul_b, .ul_b > li {list-style-type:none; margin: 0; padding: 0;}
.ul_b > li {font-size: 117.643%; font-weight: 400; line-height: 1.214; letter-spacing: 1.5px; padding: 9.5px 0 9.5px 57px; position: relative; z-index: 1;}
.ul_b > li::before {content: ''; background: #f29800; width: 21px; height: 21px; border-radius: 50%; position: absolute; top: 20px; left: 20px; z-index: -1;}

.ul_c, .ul_c > li {list-style-type:none; margin: 0; padding: 0;}
.ul_c {position: relative; z-index: 1;}
.ul_c::before {content: ''; background: url("../images/ot_dot_02.png") repeat-y top center / 100%; width: 20px; position: absolute; top: 13px; left: 11px; bottom: 0; z-index: -1;}
.ul_c > li {font-size: 100%; font-weight: 500; line-height: 1.124; letter-spacing: 4.5px; padding: 8px 0 8px 67px; position: relative; z-index: 1;}
/*.ul_c > li::before {content: ''; background: #f29800; width: 20px; height: 19px; position: absolute; top: 13px; left: 11px; z-index: -1;}*/

.table_a {background: #fff; width: 100%; max-width: 711px; padding: 8.548% 5.74% 7.571% 6.35%; box-shadow: -15px 10px 20px rgba(0, 0, 0, 0.5);}
.table_a table {width: 100%;}
.table_a table thead {font-size: 112.423%; font-weight: 500; line-height: 1.095; letter-spacing: 0.5px; text-align: center;}
.table_a table tbody {font-size: 102.654%; font-weight: 500; line-height: 1.124; letter-spacing: 0.5px; text-align: left;}
.table_a table th {border: 2px solid #000; padding: 9px 15px 12px 15px;}
.table_a table td {border: 2px solid #000; padding: 10px 15px 11px 15px;}


.ind_A {padding: 4.8871% 0 6.989% 0;}
.ind_A > .frame_1672 {display: flex; flex-flow: wrap;}
.ind_A > .frame_1672 .tit_a {width: 100%; padding: 0 0 5.383% 0.748%;}
.ind_A > .frame_1672 > .lef {width: 41.867%; padding: 5px 24px 0 2.512%;}
.ind_A > .frame_1672 > .rig {width: calc(100% - 41.867%); line-height: 0; font-size: 0; text-align: right;}
.ind_A > .frame_1672 > .rig img {width: 100%; max-width: 933px; margin: 0 -7px 0 0;}

.ind_B {background: #daeac7; padding: 4.73% 0 6.5161% 0;}
.ind_B > .frame_1672 .tit_a {width: 100%; padding: 0 0 4.845% 0.748%;}
.ind_B > .frame_1672 .con {line-height: 0; font-size: 0; text-align: right;}
.ind_B > .frame_1672 .con img {width: 100%; max-width: 1614px; margin: 0 -3px 0 0;}

.ind_C {padding: 4.4141% 0 6.306% 0;}
.ind_C > .frame_1672 .tit_a {width: 100%; padding: 0 0 5.323% 0.718%;}
.ind_C > .frame_1672 .con {line-height: 0; font-size: 0; text-align: center;}
.ind_C > .frame_1672 .con img {width: 100%; max-width: 1582px; margin: 0 0 0 0.479%;}

.ind_D {background: #daeac7; padding: 4.9929% 0 5.571% 0;}
.ind_D > .frame_1672 .tit_a {width: 100%; padding: 0 0 4.845% 0.718%;}
.ind_D > .frame_1672 .lis {display: flex; flex-flow: wrap; justify-content: space-between; padding: 0.957% 0 0 0.419%; margin: 0 -5px 0 0;}
.ind_D > .frame_1672 .lis > div {width: 23.713%; border: 1px solid #596b2f; border-radius: 35px; background: #fff; color: #595757; font-weight: 500; line-height: 30px; letter-spacing: 3.7px; padding: 53px 14px 41px 12px; display: flex; flex-flow: column; align-items: center;}
.ind_D > .frame_1672 .lis > div > .tit {font-size: 191.571%; color: #596b2f; font-weight: 600; line-height: 1.044; letter-spacing: 6px; padding: 0; margin: 0 0 23px 4px;}
.ind_D > .frame_1672 .lis > div > p {margin: 0;}
.ind_D > .frame_1672 .lis > div > .lin {background: #595757; height: 1px; width: 100%; line-height: 0; font-size: 0; margin: 18px 0 22px 0;}
.ind_D > .frame_1672 .lis > div > .arr {background: #596b2f; width: 32px; height: 28px; clip-path: polygon(0 0, 50% 100%, 100% 0); line-height: 0; font-size: 0; margin: 0 auto;}
.ind_D > .frame_1672 .lis > div > .suj {background: #f29800; width: 100%; max-width: 282px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 141.893%; font-weight: 600; line-height: 1.057; letter-spacing: 6.2px; clip-path: polygon(0 0, 95% 0%, 100% 17%, 100% 100%, 5% 100%, 0 83%); padding: 14px 15px 17px 22px; margin: 21px auto 18px auto;}

.ind_E {background: #596b2f; position: relative; z-index: 1; padding: 5.308% 0 4.94% 0; overflow: hidden;}
.ind_E::before {content: ''; background: url("../images/ot_ind_e01.png") no-repeat center / cover; width: 100.894%; padding-bottom: 130.531%; position: absolute; top: calc(50% - 106.04%); left: calc(50% - 50.027%); z-index: 1; pointer-events: none;}
.ind_E::after {content: ''; background: #f29800; width: 38.886%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 5; pointer-events: none;}
.ind_E > .frame_1672 {display: flex; flex-flow: wrap;}
.ind_E > .frame_1672 > .lef {width: 51.017%; padding: 41px 30px 0 0.838%; color: #fff; font-size: 150.5%; font-weight: 500; line-height: 1.528; letter-spacing: 3px;}
.ind_E > .frame_1672 > .lef > .tit {font-weight: 600; line-height: 1.033; letter-spacing: 4.9px; padding: 0; margin: 0 0 11.25% -2px;}
.ind_E > .frame_1672 > .lef p {margin: 0;}
.ind_E > .frame_1672 > .lef > .slo {display: flex; flex-flow: wrap; font-size: 138.896%; font-weight: 600; line-height: 1.03; letter-spacing: 6.2px; padding: 0; margin: 22px 0 12.485% 0;}
.ind_E > .frame_1672 > .lef > .slo span {background: #f29800; padding: 5px 21px 11px 13px; margin: 0;}
.ind_E > .frame_1672 > .rig {width: calc(100% - 51.017%);}

.ind_F {padding: 2.68% 0 35px 0;}
.ind_F > .frame_1672 {display: flex; flex-flow: wrap; align-items: center;}
.ind_F > .frame_1672 > .lef {width: 32.716%; display: flex; flex-flow: wrap;}
.ind_F > .frame_1672 > .lef > .tit {font-size: 246.154%; color: #595757; font-weight: 600; line-height: 1.031; letter-spacing: 5.1px; padding: 0; margin: 0 0 0 2.194%; position: relative; z-index: 1;}
.ind_F > .frame_1672 > .lef > .tit::after {content: ''; background: url("../images/ot_dot_03.png") no-repeat center / cover; width: 40.521%; padding-bottom: 8.327%; position: absolute; left: calc(100% + 13.025%); top: calc(50% - 4.53%); z-index: -1;}
.ind_F > .frame_1672 > .rig {width: calc(100% - 32.716%); font-size: 144.731%; color: #596b2f; font-weight: 500; line-height: 1.063; letter-spacing: 4.3px; margin: 10px 0 0 0; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-start;}
.ind_F > .frame_1672 > .rig a:link, .ind_F > .frame_1672 > .rig a:visited {text-decoration:underline; color:#596b2f; transition: all 0.5s ease 0s;}
.ind_F > .frame_1672 > .rig a:active, .ind_F > .frame_1672 > .rig a:hover {text-decoration:none; color:#f29800; cursor:pointer; transition: all 0.5s ease 0s;}

.ind_G {background: #daeac7; padding: 33px 3.784% 19px 3.784%; line-height: 0; font-size: 0; margin: 0 -0.894% 0 0;}