/* A A A : A : A : A : */ #sub8-2 .sectionWrap.first { margin : 5em 0 0;} #sub8-2 .sectionWrap .textImg { width : 100%; height : auto; text-align : center;} #sub8-2 .sectionWrap .textImg img { height : 2em;} #sub8-2 .sectionWrap .imgWrap { width : 100%; height : auto; padding : 3.5em 0 5em; background : #f7f7f7; text-align : center;} #sub8-2 .sectionWrap .imgWrap img { width : 85%; height : auto; max-width : 1100px;} #sub8-2 .sectionWrap .imgWrap img.mobile { display : none;} #sub8-2 .sectionWrap.second { padding : 4em 0;} #sub8-2 .sectionWrap.second .wrap { max-width : 1100px; gap : 2em;} #sub8-2 .sectionWrap.second .tableWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; } #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; padding : 0.5em 0; background : #046bb7;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p { font-size : 1.09em; color : #fff; line-height : 1em; border-right : 1px solid #acd9efb3; text-align : center;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p:last-child { border-right : none;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList { width : 100%; height : auto; display : flex; align-items : stretch; justify-content : center; padding : 1.5em 0; border-bottom : 1px solid #046bb7b3;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; flex-direction : column; gap : 0.7em;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue p { line-height : 1em; font-weight : 200; color : #666; text-align : center;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue p span { margin-top : 0.5em; font-size : max(12px,0.8em); display : block; font-weight : 300; line-height : 1em;} #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue p span { font-size : max(12px,0.9em); margin-top : 0.3em;} #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue p.margin { margin-top : -0.4em;} #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue p { line-height : 1.4em; word-break : keep-all; } #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue { gap : 0.2em;} #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue .workWrap { width : 90%; display : inline-flex; align-items : flex-start; justify-content : center; flex-direction : column; gap : 0.2em; gap : 0.3em;} #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue .workWrap p { width : auto; text-align : left;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p:nth-child(1), #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue:nth-child(1) { width : 15%;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p:nth-child(2), #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue:nth-child(2) { width : 35%;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p:nth-child(3), #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue:nth-child(3) { width : 25%;} #sub8-2 .sectionWrap.second .tableWrap .tableHeadWrap p:nth-child(4), #sub8-2 .sectionWrap.second .tableWrap .tableValueWrap .tableValueList .tableValue:nth-child(4) { width : 25%;} #sub8-2 .sectionWrap.second .tableWrap.en .tableHeadWrap p:nth-child(1), #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue:nth-child(1) { width : 17%;} #sub8-2 .sectionWrap.second .tableWrap.en .tableHeadWrap p:nth-child(2), #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue:nth-child(2) { width : 39%;} #sub8-2 .sectionWrap.second .tableWrap.en .tableHeadWrap p:nth-child(3), #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue:nth-child(3) { width : 22%;} #sub8-2 .sectionWrap.second .tableWrap.en .tableHeadWrap p:nth-child(4), #sub8-2 .sectionWrap.second .tableWrap.en .tableValueWrap .tableValueList .tableValue:nth-child(4) { width : 22%;} #sub8-2 .sectionWrap.second .mobileTableWrap { width : 100%; max-width : 320px; display : none; flex-direction : column; align-items : center; justify-content : center; gap : 2.5em;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; flex-direction : column; } #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileHead { width : 100%; height : auto; border-top-left-radius : 12px; border-top-right-radius : 12px; background : #046bb7;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileHead p { line-height : 1em; padding : 0.7em 0; color : #fff; text-align : center; font-size : max(16px,1.1em);} #sub8-2 .sectionWrap.second .mobileTableWrap.en .mobileList .mobileHead p { line-height : 1.2em;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; flex-direction : column; background : #f7f7f7; padding : 1.5em 0; gap : 1.2em;} #sub8-2 .sectionWrap.second .mobileTableWrap.en .mobileList .mobileBody { gap : 1.4em;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody .workWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; flex-direction : column; gap : 0.7em;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody .workWrap p { line-height : 1em; font-weight : 300; color : #666666; word-break : keep-all;} #sub8-2 .sectionWrap.second .mobileTableWrap.en .mobileList .mobileBody .workWrap { width : auto; align-items : flex-start; text-align : left; padding : 0 1em; } #sub8-2 .sectionWrap.second .mobileTableWrap.en .mobileList .mobileBody .workWrap p { line-height : 1.2em;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody a { width : auto; height : auto; background : #fff; border-radius : 12px; display : flex; align-items : center; justify-content : center; gap : 0.5em; padding : 0.3em 1.5em; box-shadow : 0px 0px 5px 0px #0000004d;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody a .icon { width : 2em; height : 2em; border-radius : 50%; background : #706f6f; color : #fff; display : flex; align-items : center; justify-content : center; } #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody a .icon.rotate svg { transform : rotate(-45deg);} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody a .num { font-weight : 300; line-height : 1em; color : #666;} #sub8-2 .sectionWrap.second .mobileTableWrap .mobileList .mobileBody a .num span { font-size : max(12px,0.85em); display : block; margin-top : 0.3em; line-height : 1em;} #sub8-2 .sectionWrap.second .mobileTableWrap.en .mobileList .mobileBody a .num span { font-size : max(12px,0.9em); margin-top : 0.2em; } @media(max-width : 640px){ /* A A A : A : A : A : */ #sub8-2 .sectionWrap .imgWrap img.pc { display : none;} #sub8-2 .sectionWrap .imgWrap { padding : 2.5em 0 6em;} #sub8-2 .sectionWrap .imgWrap img.mobile { display : inline-block; max-width : 280px;} #sub8-2 .sectionWrap.second .tableWrap { display : none;} #sub8-2 .sectionWrap.second .mobileTableWrap { display : flex;} }