/* A A A : A : A : A : */ #sub3-1 .sectionWrap.first { padding : 2.5em 0 1.5em; background : linear-gradient(180deg, #cbf0ff 40%, #01bcf1 40%);} #sub3-1 .sectionWrap.first .wrap { max-width : 700px;} #sub3-1 .sectionWrap.first .tit { font-weight : 300; line-height : 1.3em; flex-wrap : wrap;} #sub3-1 .sectionWrap.first .tit span { line-height : inherit; font-weight : 700;} #sub3-1 .sectionWrap.first .text { text-align : center; word-break : keep-all; color : #666666; margin : 1.2em 0; font-weight : 200;} #sub3-1 .sectionWrap.first .text.white { color : #fff;} #sub3-1 .sectionWrap.first .img1, #sub3-1 .sectionWrap.first .img3 { width : 95%; height : auto;} #sub3-1 .sectionWrap.first .img2 { width : auto; height : 5.8em; margin-top : 1em;} #sub3-1 .sectionWrap.second { padding : 4.5em 0;} #sub3-1 .sectionWrap.second .wrap { max-width : 850px;} #sub3-1 .sectionWrap.second .wrap img { width : 100%;} #sub3-1 .sectionWrap.third { padding : 4.5em 0; background : #fce2cc;} #sub3-1 .sectionWrap.third .wrap { max-width : 850px;} #sub3-1 .sectionWrap.third .wrap .contTitWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; margin-bottom : 3em;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .top { line-height : 1em; color : #f7931c; font-weight : 700; margin-bottom : 0.7em;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .mid { font-weight : 500; word-break : keep-all; margin-bottom : 0.4em;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .bot { color : #666666; font-weight : 200; word-break : keep-all; line-height : 1.8em;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .bot span { background : #666; color : #fff; font-weight : 700; line-height : inherit; padding : 0 0.2em;} #sub3-1 .sectionWrap.third .wrap .contWrap { width : 100%; display : flex; flex-direction : column; align-items : center; justify-content : center;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox { width : 100%; height : auto; padding-right : 2em; position : relative; display : flex; align-items : stretch; justify-content : space-between; margin-bottom : 3em;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:last-child { margin-bottom : 0;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox::after { content : ""; width : 81%; height : 100%; display : block; background : #fff; border-radius : 17px; position : absolute; right : 0; top : 0; z-index : 0; opacity : 0.75;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .imgWrap { width : 40%; height : auto; z-index : 1; display : flex; align-items : center; justify-content : center;} #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .imgWrap { padding : 1.5em 0;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .imgWrap img { width : auto; height : 95%; object-fit : contain; max-width : 100%;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap { width : 59%; display : flex; flex-direction : column; align-items : center; justify-content : center; z-index : 1; } #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableTit { font-size : 1.8em; font-weight : 700; line-height : 0.9em; display : flex; align-items : flex-end; justify-content : center;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableTit span { line-height : 0.85em;} #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableTit { align-items : baseline; line-height : 0.8em;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableMid { width : 100%; line-height : 1em; padding : 0.9em 0; font-weight : 500; color : #fff; text-align : center; border-radius : 27px; z-index : 3;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList { width : 100%; height : auto; padding : 2em 1em 1em; border-radius : 12px; display : flex; align-items : center; justify-content : center; margin-top : -1em; z-index : 2;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap { width : auto; max-width : 400px; height : auto; display : inline-grid; grid-template-columns : repeat(3,calc(calc(100% - 3em) / 3)); gap : 0.6em 1.5em;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap.two { grid-template-columns : repeat(2,calc(calc(100% - 1.5em) / 2)); } #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap.two { width : 90%;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap p { width : 100%; color : #666; text-align : left; line-height : 1em; font-weight : 200; white-space : nowrap;} #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap p { white-space : unset; word-break : keep-all; display : flex; align-items : baseline;} #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .tableWrap .tableList .innerWrap p span { font-weight : 400; width : 1.1em;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(1) .tableWrap .tableTit { color : #65469c;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(1) .tableWrap .tableMid { background : #65469c;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(1) .tableWrap .tableList { background : #e9e5f1;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(2) .tableWrap .tableTit { color : #f25422;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(2) .tableWrap .tableMid { background : #f25422;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(2) .tableWrap .tableList { background : #fef5eb;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(3) .tableWrap .tableTit { color : #ee4f9d;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(3) .tableWrap .tableMid { background : #ee4f9d;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(3) .tableWrap .tableList { background : #fce7f0;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(4) .tableWrap .tableTit { color : #33b560;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(4) .tableWrap .tableMid { background : #33b560;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(4) .tableWrap .tableList { background : #cae4bf;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(5) .tableWrap .tableTit { color : #01bdf2;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(5) .tableWrap .tableMid { background : #01bdf2;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox:nth-child(5) .tableWrap .tableList { background : #ccecfb;} @media(max-width : 850px){ /* A A A : A : A : A : */ #sub3-1 .sectionWrap.third .wrap { max-width : 640px;} #sub3-1 .sectionWrap.third .wrap .contWrap { max-width : 640px;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox::after { width : calc(100% - 14%);} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .imgWrap { width : 30%;} #sub3-1.en .sectionWrap.third .wrap .contWrap .contBox .imgWrap { padding : 0;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap { width : 69%; padding : 2em 0;} } @media(max-width : 640px){ /* A A A : A : A : A : */ #sub3-1 .sectionWrap.second { padding-bottom : 0;} #sub3-1 .sectionWrap.second .wrap { width : 100%;} #sub3-1 .sectionWrap.third .wrap .contTitWrap { text-align : center;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .bot { max-width : 90%;} #sub3-1 .sectionWrap.third .wrap .contTitWrap .bot span { white-space : nowrap;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox { flex-direction : column; align-items : center; justify-content : center; padding-right : 0; padding : 0 2em;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox::after { width : 100%; height : 75%; bottom : 0; top : unset;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .imgWrap { width : 60%; height : auto;} #sub3-1 .sectionWrap.third .wrap .contWrap .contBox .tableWrap { width : 100%; } }