@charset "utf-8";
/* CSS Document */
.edit_area { position: relative; color: #010101; line-height: 2;}
.edit_area h1 {font-weight: 600; font-size: 266.66%; line-height: 1.2; color: rgb(96, 192, 235);}
.edit_area h2 {font-weight: 600; font-size: 177.8%; line-height: 1.2; color: rgb(96, 192, 235);}
.edit_area h3 {font-weight: 600; font-size: 150%; line-height: 1.2; color: rgba(96, 192, 235,.9);}
.edit_area h4 {font-weight: 600; font-size: 133.33%; line-height: 1.2; color: rgba(96, 192, 235,.8);}
.edit_area h5 {font-weight: 600; font-size: 122.22%; line-height: 1.2; color: rgba(96, 192, 235,.7);}
.edit_area h6 {font-weight: 600; font-size: 111.11%; line-height: 1.2; color: rgba(96, 192, 235,.6);}

.seo_content { position: relative; color: #010101; line-height: 2; letter-spacing: 1.5px; z-index: 1;}
.seo_content h1 {font-weight: 600; font-size: 266.66%; line-height: 1.2; color: rgb(96, 192, 235);}
.seo_content h2 {font-weight: 600; font-size: 266.66%; line-height: 1.2; color: rgb(96, 192, 235);}
.seo_content h3 {font-weight: 600; font-size: 200%; line-height: 1.2; color: rgba(96, 192, 235,.9);}
.seo_content h4 {font-weight: 600; font-size: 133.33%; line-height: 1.2; color: rgba(96, 192, 235,.8);}
.seo_content h5 {font-weight: 600; font-size: 122.22%; line-height: 1.2; color: rgba(96, 192, 235,.7);}
.seo_content h6 {font-weight: 600; font-size: 111.11%; line-height: 1.2; color: rgba(96, 192, 235,.6);}

.subBanner {position: relative; z-index: 1;}
.subBanner::after { content: ''; display: block; width: 100%; height: 10px; background: linear-gradient( 90deg, #0761ff 0%, #0761ff 16%, #009aff 16%, #009aff 33%, #00acff 33%, #00acff 50%, #15c6ff 50%, #15c6ff 67%, #4edaff 67%, #4edaff 84%, #77efff 84%, #77efff 100%);}
.subBanner .img {line-height: 0; font-size: 0;}
.subBanner .txt {position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 1370px; padding: 0 100px; margin: auto; display: flex; flex-flow: wrap; align-items: center; z-index: 2;}
.subBanner .txt .subBt { color: #fff; font-weight: 700; line-height: 1.3; font-size: 175%; margin: 0 0 10px 0;}

.path { list-style-type:none; position: relative; margin: 15px 0; padding: 0; color: #a6a6a6; display: flex; flex-flow: wrap; width: 100%;}
.path li {list-style-type:none; position: relative; margin: 0; padding: 0 0 0 20px; color: #a6a6a6;}
.path li::before { content: ""; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 11px; height: 11px; background: url("../images/icon_j01.png") no-repeat center / contain;}
.path li:first-child { padding: 0;}
.path li:first-child::before { display: none;}
.path li:last-child { color: #0752e0;}
.path li:last-child::before { background: url("../images/icon_j02.png") no-repeat center / contain;}
.path li a:link, .path li a:visited {text-decoration:none; color: #a6a6a6; position: relative; transition: all 0.35s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color: #0752e0; cursor:pointer; transition: all 0.35s ease 0s;}

.subM { padding: 55px 0 35px 0;}
.subM ul { position: relative; width: 100%; max-height: inherit; display: flex; flex-flow: wrap; justify-content: center;}
.subM ul li { position: relative; margin: 0 2.5% 20px 0; line-height: 1.5; width: 18.5%;}
.subM ul li:nth-child(4n+4) { margin: 0 0 20px 0;}
.subM ul li:last-child { margin: 0 0 20px 0;}
.subM ul li a:link, .subM li a:visited { position: relative; text-decoration:none; color: #000; background: #fff; border-top: 3px solid #0761ff; border-bottom: 3px solid #0761ff; border-radius: 10px; overflow: hidden; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 8px 20px; z-index: 1; transition: all 0.35s ease 0s;}
.subM ul li a:active, .subM ul li a:hover { color: #fff; background: #7ecbef;}
.subM ul li.current a { color: #fff; background: #7FCBEF;}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 30px 0 50px 0;}
.pages a {text-decoration:none; color: #231815!important; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 3px 5px; min-width: 48px; height: 44px; border: 1px solid rgb(0, 0, 0,.6); border-radius: 22px; line-height: 1; overflow: hidden; margin: 0 20px 0 0; position: relative; z-index: 10; transition: all 0.35s ease 0s;}
.pages a:last-child { margin: 0;}
.pages a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; transition: all 0.35s ease 0s;}
.pages a::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); z-index: -1; transition: all 0.35s ease 0s;}
.pages .prev { position: relative; width: 48px !important; height: 44px !important; font-size: 0;}
.pages .prev::after{ width: 10px; height: 11px; background: url("../images/icon_k01.png") no-repeat center / contain;}
.pages .prevall { position: relative; width: 58px !important; height: 44px !important; font-size: 0;}
.pages .prevall::after{ width: 24px; height: 11px; background: url("../images/icon_k02.png") no-repeat center / contain;}
.pages .next { position: relative; width: 48px !important; height: 44px !important; font-size: 0;}
.pages .next::after { width: 10px; height: 11px; background: url("../images/icon_k03.png") no-repeat center / contain;}
.pages .nextall { position: relative; width: 58px !important; height: 44px !important; font-size: 0;}
.pages .nextall::after { width: 24px; height: 11px; background: url("../images/icon_k04.png") no-repeat center / contain;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff!important; cursor:pointer; transition: all 0.35s ease 0s;}
.pages a:hover::before { background-color: #0752e0; transition: all 0.35s ease 0s;}
.pages a:hover::after { filter: invert(1); transition: all 0.35s ease 0s;}
.pages .current {color: #fff!important; border: 0;}
.pages .current::before {background-color: #0752e0; z-index: -1;}

.out_wrap { position: relative; margin: 45px 0 0 0; overflow: hidden; z-index: 1;}
.out_wrap h1 { position: relative; z-index: 2;}
.abu_A { position: relative; margin: 0.8% 0 0 0;}
.abu_A .abu_A_T { display: flex; flex-flow: wrap;}
.abu_A .abu_A_T .text { width: 47%; letter-spacing: 0.8px;}
.abu_A .abu_A_T .text .titleA { margin: 0; letter-spacing: 3px;}
.abu_A .abu_A_T .text .titleB { margin: 33px 0 38px 0; font-weight: 700;}
.abu_A .abu_A_T .pic { width: 49%; margin: 5px 0 0 4%; display: flex; flex-flow: wrap;}
.abu_A .abu_A_T .pic > div { width: 49%;}
.abu_A .abu_A_T .pic > div:first-child { margin: 0 2% 0 0;}
.abu_A .abu_A_T .pic > div .blue_01 { width: 50%; background: #60BFEB; height: 24px; margin: 0 auto 24px 0;}
.abu_A .abu_A_T .pic > div .blue_02 { width: 50%; background: #273F6F; height: 24px; margin: 24px 0 0 auto;}
.abu_A .abu_A_B { display: flex; flex-flow: wrap; margin: 5% 0 0 0;}
.abu_A .abu_A_B > div { position: relative; width: 31.58%; margin: 0 2.63% 0 0; background: #079BE0; overflow: hidden; z-index: 1; transition: all 0.35s ease 0s;}
.abu_A .abu_A_B > div:nth-child(3n+2) { background: #0751dd;}
.abu_A .abu_A_B > div:nth-child(3n+3) { background: #033083; margin: 0;}
.abu_A .abu_A_B > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 54.285%; overflow: hidden;border-radius: 70px 0 0 0; z-index: 2;}
.abu_A .abu_A_B > div .pic img { transition: all 0.35s ease 0s;}
.abu_A .abu_A_B > div .pic::before { content: ''; position: absolute; top: 100%; left: 100%; right: 0; bottom: 0; background: RGBA(0, 27, 143, 0.65); border-radius: 70px 0 0 0; z-index: 11; transition: all 0.35s ease 0s;}
.abu_A .abu_A_B > div .titleC { position: absolute; bottom: 30px; left: 0; width: 100%; margin: 0; padding: 0 65px 0 30px; z-index: 3;}
.abu_A .abu_A_B > div .titleC .icon { position: absolute; right: 0; bottom: 0; line-height: 1; z-index: 4; transition: all 0.35s ease 0s;}
.abu_A .abu_A_B > div:hover { background: #B3B3B3;}
.abu_A .abu_A_B > div:hover .pic img { transform: scale(1.1); filter: grayscale(1);}
.abu_A .abu_A_B > div:hover .pic::before { top: 0; left: 0;}
.abu_A .abu_A_B > div:hover .titleC .icon { filter: invert(1) grayscale(1);}
.abu_B { position: relative; background: url("../images/abu_bg_01.jpg") no-repeat center fixed; background-size: cover; margin: 5% 0 0 0;}
.abu_B .abu_B_in { padding: 7.369% 0;}
.abu_C { position: relative; margin: 7% 0;}
.abu_C .abu_C_T { display: flex; flex-flow: wrap;}
.abu_C .abu_C_T .text { width: 46%; letter-spacing: 0.8px;}
.abu_C .abu_C_T .text .titleA { margin: 0; letter-spacing: 0;}
.abu_C .abu_C_T .text .titleB { margin: 33px 0 38px 0; font-weight: 700;}
.abu_C .abu_C_T .pic { width: 49%; margin: 5px 0 0 5%; display: flex; flex-flow: row;}
.abu_C .abu_C_T .pic > div:first-child { margin: 0 4% 0 0;}
.abu_C .abu_C_T .pic > div .blue_01 { width: 55%; background: #60BFEB; height: 24px; margin: 0 auto 24px 0;}
.abu_C .abu_C_T .pic > div .blue_02 { width: 45%; background: #273F6F; height: 24px; margin: 24px 0 0 auto;}
.sp_wrap { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; padding: 0 0 9% 0;}
.sp_wrap > div:nth-child(1) { width: 43%; margin-right: 4%; padding: 10px 0 0 0;}
.sp_wrap > div:nth-child(1) .titleB { font-weight: 600;}
.sp_wrap > div:nth-child(2) { width: 48.5%;}
.sp_wrap > div:nth-child(2) .seo_content { padding: 40px 0 30px 0;}
.sp_wrap > div:nth-child(2) .seo_content::before { content: ''; position: absolute; top: 0; left: 0; background: #60c0eb; width: 25%; height: 24px; z-index: -1;}
.sp_wrap > div:nth-child(2) .seo_content::after { content: ''; position: absolute; bottom: 0; right: 0; background: #273f6f; width: 25%; height: 24px; z-index: -1;}
.sp_wrap > div:nth-child(2) .sp_wrap_text { position: relative; padding: 40px 0 30px 0; color: #010101; line-height: 2; letter-spacing: 1.5px; z-index: 1;}
.sp_wrap > div:nth-child(2) .sp_wrap_text::before { content: ''; position: absolute; top: 0; left: 0; background: #60c0eb; width: 25%; height: 24px; z-index: -1;}
.sp_wrap > div:nth-child(2) .sp_wrap_text::after { content: ''; position: absolute; bottom: 0; right: 0; background: #273f6f; width: 25%; height: 24px; z-index: -1;}
.sp_wrap > div:nth-child(2) .sp_wrap_text .blue { color: #033085; font-weight: 600; font-size: 133.33%; line-height: 1.7; letter-spacing: 0;}
.apl_A { position: relative; background: url("../images/ind_bg_02.jpg") no-repeat center; background-size: cover;}
.apl_A .apl_A_in { padding: 7% 0 2% 0;}
.apl_A .apl_A_in .titleC { margin: 0; font-weight: 500; display: flex; flex-flow: row;}
.apl_A .apl_A_in .titleC .icon { margin: 5px 23px 0 0; line-height: 0;}
.apl_A .apl_A_in p { color: #fff;}
.apl_A .apl_A_in .apl_A_A { display: flex; flex-flow: wrap; margin: 70px 0 50px 0;}
.apl_A .apl_A_in .apl_A_A > div { position: relative; width: 23.158%; margin: 0 2.456% 30px 0; background: #fff; border-radius: 80px 0 80px 0; overflow: hidden; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div:nth-child(4n+4) { margin: 0 0 30px 0;}
.apl_A .apl_A_in .apl_A_A > div::before { content: ''; position: absolute; top: 0; right: 0; left: 100%; bottom: 0; background: #001B8F; z-index: 1; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 94.155844%; overflow: hidden; z-index: 1;}
.apl_A .apl_A_in .apl_A_A > div .pic::before { content: ''; position: absolute; top: 100%; left: 100%; right: 0; bottom: 0; background: RGBA(0, 27, 143, 0.65); border-radius: 80px 0 0 0; z-index: 11; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .pic img { transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .text { position: relative; padding: 10px 40px 10px 20px; z-index: 1;}
.apl_A .apl_A_in .apl_A_A > div .text h3 { margin: 0; color: #273f6f; font-weight: 500; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .text a { position: relative; color: #414141; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .text a::after { content: ''; display: inline-block; margin: 0 0 0 5px; width: 13px; height: 12px; background: url("../images/icon_i01.png") no-repeat center; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div .text .icon { position: absolute; top: -18px; right: 17px; line-height: 1; z-index: 5; transition: all 0.35s ease 0s;}
.apl_A .apl_A_in .apl_A_A > div:hover::before { left: 0;}
.apl_A .apl_A_in .apl_A_A > div:hover .pic::before { top: 0; left: 0;}
.apl_A .apl_A_in .apl_A_A > div:hover .pic img { transform: scale(1.1); filter: grayscale(1);}
.apl_A .apl_A_in .apl_A_A > div:hover .text h3 { color: #fff;}
.apl_A .apl_A_in .apl_A_A > div:hover .text a { color: #fff;}
.apl_A .apl_A_in .apl_A_A > div:hover .text a::after { filter: invert(1);}
.apl_A .apl_A_in .apl_A_A > div:hover .text .icon { filter: invert(1) grayscale(1);}
.mnf_A { display: flex; flex-flow: wrap; margin: 0 0 5% 0;}
.mnf_A > div { width: 31.58%; margin: 0 2.63% 20px 0; background: #eee; border: 1px solid #d5d5d5;}
.mnf_A > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 54.2857%; overflow: hidden; background: #079BE1;}
.mnf_A > div:nth-child(3n+3) { margin: 0 0 20px 0;}
.mnf_A > div .pic img { border-radius: 80px 0 0 0;}
.mnf_A > div .text { padding: 20px 20px 10px 20px;}
.mnf_A > div .text .tit { display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin: 10px 0;}
.mnf_A > div .text .tit .titleA { margin: 0;}
.mnf_A > div .text .tit .icon { line-height: 0; margin: 0 0 0 15px; width: 51px;}
.mnf_B { position: relative; background: url("../images/mnf_bg_01.jpg") no-repeat center fixed; background-size: cover;}
.mnf_B .mnf_B_in { padding: 4.662% 0; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.mnf_B .mnf_B_in .mnf_B_T { width: 45%;}
.mnf_B .mnf_B_in .mnf_B_B { width: 45%; margin: 0 5% 0 0; letter-spacing: 0.5px; color: #fff;}
.mnf_C { margin: 5% 0;}
.svc_A { margin: 3% 0 4% 0;}
.svc_B { display: none;}
.svc_B > div { width: calc(33.33% - 40px); margin: 0 20px 30px 20px;}
.svc_C > div { border-bottom: 1px solid #e5e5e5; padding: 0 0 2% 0; margin: 0 0 4% 0;}
.svc_C > div:last-child { border-bottom: 0;}
.svc_C p { letter-spacing: 0.8px;}
.news_A { display: flex; flex-flow: wrap;}
.news_A > div { position: relative; width: 31.58%; margin: 0 2.63% 30px 0; overflow: hidden; border: 1px solid #e0e0e0; transition: all 0.35s ease 0s;}
.news_A > div:nth-child(3n+3) { margin: 0 0 30px 0;}
.news_A > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 66.4285%; overflow: hidden; z-index: 1;  transition: all 0.35s ease 0s;}
.news_A > div .pic::before { content: ''; position: absolute; top: 100%; left: 100%; right: 0; bottom: 0; background: RGBA(0, 27, 143, 0.65); border-radius: 80px 0 0 0; z-index: 12; transition: all 0.35s ease 0s;}
.news_A > div .pic img { transition: all 0.35s ease 0s;}
.news_A > div .text { position: relative; padding: 25px 30px 20px 30px; line-height: 1.3; /*border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;*/ z-index: 11; transition: all 0.35s ease 0s;}
.news_A > div .text::before { content: ''; position: absolute; top: 0; left: 100%; right: 0; bottom: 0; background: #001B8F; z-index: -1; transition: all 0.35s ease 0s;}
.news_A > div .text .tit { font-weight: 500; color: #043186; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_A > div .text .date { position: absolute; left: 30px; bottom: 90%; display: flex; flex-flow: column; background: #079be0; color: #fff; padding: 7px 15px 10px 10px; font-weight: 500; line-height: 1.3; border-radius: 0 15px 0 0; transition: all 0.35s ease 0s;}
.news_A > div .text .date .day { font-weight: 500;}
.news_A > div .text .date .month { font-size: 66.66%; letter-spacing: -0.5px; text-transform: uppercase; }
.news_A > div .text .date .year { font-size: 66.66%;}
.news_A > div .text p {  text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_A > div .text > a { position: absolute; bottom: 90%; right: 0; background: #0752e0; color: #fff; padding: 7px 50px 7px 25px; border-radius: 10px 0 0 0; display: flex; flex-flow: row; align-items: center; transition: all 0.35s ease 0s;}
.news_A > div .text > a .arrow { margin: 0 0 0 5px; line-height: 0;}
.news_A > div .text > a .arrow img { filter: grayscale(1);}
.news_A > div .text > a span img { line-height: 1; filter: invert(1);}
.news_A > div:hover { background: #B3B3B3;}
.news_A > div:hover .pic { border-radius: 80px 0 0 0;}
.news_A > div:hover .pic::before { top: 0; left: 0;}
.news_A > div:hover .pic img { transform: scale(1.1); filter: grayscale(1);}
.news_A > div:hover .text::before { left: 0;}
.news_A > div:hover .text .date { filter: grayscale(1);}
.news_A > div:hover .text > a { filter: grayscale(1);}
.news_A > div:hover .text .tit, .news_A > div:hover .text p { color: #fff;}
.contact_A { margin: 20px 0 50px 0; padding: 0 50px; letter-spacing: 1px;}
.contact_A p { font-weight: 500;}
.contact_B { position: relative; background: #F6F6F6; padding: 10px 0; margin: 20px 0 8.5% 0; border: 0; border-radius: 30px; border-top: 7px solid #7ecbef; border-bottom: 7px solid #0761FF; overflow: hidden; z-index: 1;}
.contact_B .contact_B_in { position: relative; color: #656565; line-height: 24px; margin: 40px 0 50px 0;}
.contact_B .contact_B_in > p { padding: 0 6.25%;}
.contact_B .contact_B_in .imp {color: #d20000;}
.contact_B .contact_B_in .con { color: #373737; font-weight: 300; letter-spacing: 0; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; padding: 20px 0 0 83px;}
.contact_B .contact_B_in > .con .mar { padding: 0; margin: 0 3.5px;}
.contact_B .contact_B_in > .con .imp { margin: 0 0 0 7px;}
.contact_B .contact_B_in > .con .tit { color: #000; line-height: 20px; letter-spacing: 1.8px; margin: 0;}
.contact_B .contact_B_in > .con .tit .mar { padding: 0; margin: 0 6px;}
.contact_B .contact_B_in > .con .tit .en { color: #000; font-weight: 400; letter-spacing: 0; padding: 0; margin: 0;}
.contact_B .contact_B_in > .con > .lef { font-weight: 400;}
.contact_B .contact_B_in > .con > .lef .tit { padding: 0 12% 27px 0;}
.contact_B .contact_B_in > .con > .but { display: flex; flex-flow: wrap; align-items: center;}
.contact_B .contact_B_in > .con > .but button { position: relative; color: #000; width: 41.35%; height: 48px; border-radius: 10px; border-top: 3px solid #0761ff; border-bottom: 3px solid #0761ff; border-left: 0; border-right: 0; display: flex; flex-flow: wrap; justify-content: center; align-items: center; background: #fff; padding: 8px 20px; margin: 5px 6% 0 0; overflow: hidden; z-index: 1; transition: all 0.25s ease 0s;}
.contact_B .contact_B_in > .con > .but button:last-child {margin: 5px 0 0 0;}
.contact_B .contact_B_in > .con > .but button:hover {color: #fff; background: #7FCBEF;}
.contact_B .contact_B_in > .con > .rig {font-weight: 400; height: 100%;}
.contact_B .contact_B_in > .con > .rig .tit {padding: 0 83px 26px 0;}
.row_A {display: flex; flex-flow: wrap; padding: 0 12% 21px 0; margin: 0;}
.row_B {display: flex; flex-flow: wrap; align-items: center; padding: 9px 12% 30px 0; margin: 0;}
.row_D {display: flex; flex-flow: wrap; padding: 0 0 23px 0; margin: 0;}
.row_E {padding: 0; margin: -7px 83px 0 0;}
.col_LA {width: 130px; padding: 14px 0 0 1.5px;}
.col_LB {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center;}
.col_LC {width: 130px; padding: 3px 0 0 1.5px;}
.col_LD {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.col_LB label {margin: 3px 18px 0 10px;}
.col_RB {width: 100%; display: flex; flex-flow: wrap; align-items: center;}
.col_RB > div {width: calc(100% / 2); display: flex; flex-flow: wrap; align-items: center; padding: 0 0 17px 0;}
.col_RB > div.ful {width: 100%;}
.col_RB label {margin: 2px 0 0 10px;}
.col_RC {padding: 0 0 12px 0.5px;}
.col_RD {padding: 0;}
.contact_C { position: relative; width: 100%; height: 0; padding-bottom: 27.7604%; overflow: hidden;}
.contact_C iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.coo-section{margin-bottom: 40px;}
.coo-section .titleB{margin-top: 33px;}
.coo-section .coo-r2{ display: flex;flex-wrap: wrap;align-items: center;}
.coo-section .coo-txt{ padding: 40px 0;}
.coo-section .coo-conditions { padding-top: 30px; }
.coo-section .coo-conditions > div{ width: 100%; padding: 10px 0; }
.coo-section .coo-conditions div .coo-tit{ color: #3e3a39; font-weight: 600; padding-left: 50px;position: relative;}
.coo-section .coo-conditions div .coo-tit::before{ content: "";position: absolute;left: 0px;top: 50%; transform: translateY(-50%);width: 40px;height: 15px;background: #60bfeb;}
.coo-section .coo-conditions > div:nth-child(2) { margin-top: 20px; }
.coo-section .coo-conditions div:nth-child(2) .coo-tit::before{ content: "";position: absolute;left: 0px;top: 50%; transform: translateY(-50%); width: 40px;height: 15px; background: #273f6f;}
.coo-section .coo-pic-quantity { display: none;padding: 20px 0; }
.coo-section .coo-pic-quantity-s { display: block;}
.coo-section .targets-list > div{  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 30px; }

.targets-list .coo-list-pic{width: 100%;}
.targets-list .coo-list-txt{width: 100%; padding: 20px;}
.targets-list .coo-list-txt div{color: #065381;font-weight: 600;}
.targets-list > div:nth-child(even) .coo-list-pic{ order: 1;  }
.targets-list > div:nth-child(even) .coo-list-txt{ order: 2; }

.ms-section{ padding: 30px 0; }
.ms-p75{ width: 100%; }
.ms-list{ display: flex;flex-wrap: wrap;margin: 0 -1.5%; padding: 20px 0;}
.ms-list-item{ width: 100%; margin: 0 1%; padding: 20px; background: #dcf0f9; border-radius: 10px;margin-bottom: 20px; position: relative;}
.ms-list-tit{ color: #033085; margin-bottom: 10px;font-weight: 600;}
.ms-list-txt{ font-size: 16px; line-height: 1.5;}
.ms-r2{ display: flex;flex-wrap: wrap; }
.ms-r2-t{ width: 100%; margin-bottom: 20px }
.ms-r2-p{ width: 100%; position: relative; text-align: center; padding-bottom: 50px;padding-left: 20px;}
.ms-r2-p::after{ content: ""; width: 90%; height: 250px; background: url("../images/ms-pic-bg.jpg") no-repeat center; position: absolute; left: 0;bottom: 0;z-index: -1;}
.mater-tit{position: relative;  margin-top: 30px; font-weight: 600; color: #FFF; padding: 8% 4%;}
.mater-tit span{ display: block; opacity: .7;  font-size: 24px; padding: 0;}
.mater-tit-bg1{ background: url("../images/ms-tit-bg-1.jpg") no-repeat center; }
.mater-tit-bg2{ background: url("../images/ms-tit-bg-2.jpg") no-repeat center; }
.ms-mater-list{ padding: 30px 0; display: flex;flex-wrap: wrap; }
.ms-mater-list li{ list-style: none; width: 100%; padding: 0 0 0 50px; position: relative;}
.ms-mater-list li::before{ content: ""; width: 30px; height: 3px; background: #60c0eb; position: absolute; left: 0; top: 16px;  }
.Cat-list-con { padding: 20px 0;}
.ms-Cat-pic{width: 100%;}
.ms-Cat-txt{width: 100%; padding-left: 0px;}
.ms-Cat-txt .ms-Cat-tit { padding: 20px 0; border-bottom: 1px solid #6a6a6a; margin-bottom: 20px; color: #273f6f;font-weight: 600;}
.ms-Cat-txt ul { padding: 0; }
.ms-Cat-txt ul li{ list-style: none;font-size: 16px;}
.ms-list-2{ display: flex;flex-wrap: wrap; margin: 0 -1.5%; padding: 20px 0;}
.ms-list-2 .ms-list-item{ margin: 40px 1% 0; }
.ms-list-icon{position: absolute; right: 0; top: -35px; background: #033085; border: 8px solid #FFF; padding: 5px 16px; border-radius: 15px; }
.ms-list-icon img {width: 55px;height: 55px;  }

.pss-list{ padding: 30px 0 30px 40px; position: relative;}
.pss-list::before { content: ""; width: 3px; height: 100%; background: #0752e0; position: absolute; left: 10px; top: 40px; z-index: -1; }
.pss-list-items{ display: flex;flex-wrap: wrap; margin-bottom: 20px; align-items: center;}
.pss-list-tit { font-weight: 600;width: 100%; position: relative; margin-bottom: 20px; color: #0752e0; }
.pss-list-tit::before { content: ""; width: 30px; height: 30px; background: url("../images/as-tit-icon.svg"); position: absolute; left: -45px; top: 5px; z-index: -1; }
.pss-list-pic{width: 100%;padding: 0 0 30px 0;}
.pss-list-txt{width: 100%;}
.pss-list-txt > div{ display: flex;flex-wrap: wrap; margin-bottom: 10px; }
.pss-num{ font-size: 18px;color: #FFF; background: #033085; font-weight: 600; width: 30px; height: 30px; text-align: center; line-height: 1.7; }
.pss-tit { width: 185px; padding: 0 10px; font-weight: 600;}
.pss-txt { width: 100%;}
.ps-bg-bl{ background: #f3f6fb;padding: 30px 20px; }
.ps-bg-bl h2{ color: #033085; padding: 20px 0px; }
.as-list { display: flex;flex-wrap: wrap; padding: 30px 0;}
.as-list .as-list-item{ display: flex;flex-wrap: wrap; background: #FFF; padding: 20px;width: 100%; margin: 0 1% 20px;  border-radius: 10px; }
.as-txt { width: 80%; }
.as-icon { width: 20%; padding-left: 5%; }
.as-tit{ font-weight: 600;margin-bottom: 10px;}
.ass-sop-txt,.ass-sop-pic{ width: 100%; }

.slider-pic-r3 { margin: 30px -5px; }
.slider-pic-r3 .slick-arrow{ background: rgba(7,82,224,0.5); width: 30px;height: 30px;text-align: center; transition: all 0.35s ease 0s; }
.slider-pic-r3 .slick-arrow:hover{ background: rgba(7,82,224,1); }
.slider-pic-r3 .slick-prev{ left: -10px;}
.slider-pic-r3 .slick-prev:before { content: ""; display: inline-block;  vertical-align: middle; color: #fff; line-height: 1; width: 16px; height: 16px; border: 3px solid #FFF;  border-left: 0;  border-bottom: 0;  transform: translateX(25%) rotate(-135deg);}
.slider-pic-r3 .slick-next{ right: -10px;}
.slider-pic-r3 .slick-next:before { content: ""; display: inline-block;  vertical-align: middle; color: #fff; line-height: 1; width: 16px; height: 16px; border: 3px solid #FFF; border-left: 0;  border-bottom: 0;  transform: translateX(-25%) rotate(45deg);}
.pic-r3{ padding: 0 8px; }

.slider-pic-r3 .slick-dots { bottom: -50px;}
.slider-pic-r3 .slick-dots li { height: 3.5px; width: 16px; margin: 0 5px;  padding: 0;  cursor: pointer;}
.slider-pic-r3 .slick-dots li button:before { top: 0; left: 0; content: ""; width: 16px;  height: 3.5px; background: #3268cc; border-radius: 2.5px; color: black;}


@media only screen and (min-width:480px){
	
    
}
@media only screen and (min-width:576px){
	.coo-section .coo-pic-quantity { display: block; padding: 20px 0;}
	.coo-section .coo-pic-quantity-s { display: none;}  
    .coo-section .coo-conditions > div:nth-child(2) { margin-top: 30px; }
    
    .pss-list{ padding: 30px 0 30px 120px; }
    .pss-list::before {  left: 60px; top: 40px;  }
    .pss-list-items{ margin-bottom: 50px; }
    .pss-list-tit::before {width: 50px; height: 50px; background: url("../images/as-tit-icon.svg");  left: -84px;  }
    
    .slider-pic-r3 { margin: 50px -5px; }
    .slider-pic-r3 .slick-dots { bottom: -40px;}
}
@media only screen and (min-width:768px){
    .coo-section .coo-conditions { padding-top: 50px; }
	.coo-section .coo-conditions > div{ width: 50%; padding: 0 10px; }
    .coo-section .coo-conditions > div:nth-child(2) { margin-top: 50px; }
    .coo-section .coo-conditions div .coo-tit::before{ width: 35%;}
    .coo-section .coo-conditions div:nth-child(2) .coo-tit::before{ width: 35%;}
    .coo-section .coo-conditions div .coo-tit{padding-left: 38%;}
    .Cat-list-con { padding: 0px 0 30px; }
    .ms-Cat-pic{width: 25%;}
    .ms-Cat-txt{width: 75%; padding-left: 20px;}
    .ms-list-item{ width: 48%; }
    .as-list .as-list-item{ width: 48%; }
    .pss-txt { width: calc(100% - 185px - 30px);}
}
@media only screen and (min-width:992px){    
	.targets-list .coo-list-pic{width: 62.4%;}
    .targets-list .coo-list-txt{width: 37.6%; padding: 0 20px;}
    .targets-list > div:nth-child(even) .coo-list-pic{ order: 2;  }
    .targets-list > div:nth-child(even) .coo-list-txt{ order: 1; }
    .ms-r2-t{ width: 45%; padding-right: 20px;margin-bottom: 0;}
    .ms-r2-p{ width: 55%; text-align: right;}
    .ms-mater-list li{ width: 50%; }
    .mater-tit span{ display: inline-block; padding: 0 20px;}
    .ms-list-item{ width: 31%; }
    
    .pss-list-pic{width: 45%;padding: 0 30px 0 0;}
    .pss-list-txt{width: 55%;}
    .ass-sop-txt,.ass-sop-pic{ width: 50%; padding: 0 10px ; }
    .slider-pic-r3 .slick-next{ right: -50px;}
    .slider-pic-r3 .slick-prev{ left: -50px;}
}
@media only screen and (min-width:1201px){
	 #content { padding: 73px 0 0 0!important;}
    .top-bar { height: 73px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}
	.top-bar::after { opacity: 0;}
    .top-bar .logo { width: 141px; left: 50px; bottom: 0; transition: all 0.35s ease 0s;}
    .top-bar .top-barC { position: fixed; top: 0; width: 100%; height: 73px; max-width: 100%;}
	.top-bar .menu { top: 0; left: 18.3%; right: 0; padding: 0 210px 0 0; height: 73px; display: flex; flex-flow: row; align-items: center;}
    .top-bar .links { left: auto; right: 50px;}
	.top-bar .links > div { margin-left: 30px;}
	.top-bar .links > div img { filter: grayscale(1) brightness(1000%) contrast(100%);}
	.top-bar .links .links_search { position: relative; bottom: 0; right: 0; margin-left: 30px!important;}
    .top-bar .connect { top: -50%; display: none;}
	.top-bar .search_box { top: 38px;}
	.top-bar .sjj_nav { padding: 0 0 0 30px;}
    .top-bar .sjj_nav_ul > li > ul { padding: 0; min-height: inherit;}
	.top-bar .sjj_nav_ul > li:hover > ul { top: 45px;}
	.top-bar .sjj_nav_ul > li > a { line-height: 32px; padding: 0 17px;}
	.top-bar .sjj_nav_ul > li:hover > ul { padding: 6px 0 3px 0; background: #0761ff; transition: all 0.35s ease 0s;}
	.top-bar .sjj_nav_ul > li:hover > ul::after { top: -15px;}
    .top-bar .sjj_nav_ul > li > ul a { padding: 9px 10px !important;}
    
    .coo-section{margin-bottom: 7%;}
    
    .ms-p75{ width: 75%; }
    
}
@media only screen and (min-width:1401px){
	.top-bar .sjj_nav { padding: 0 0 0 50px;}
	.top-bar .menu { padding: 0 20% 0 0;}
	.top-bar .links { right: 130px;}
	.top-bar .links > div { margin-left: 45px;}
	.top-bar .links .links_search { margin-left: 50px!important;}
	.top-bar .sjj_nav_ul > li > a { padding: 0 22px;}
    
    .coo-section .targets-list { padding: 40px 0; }
    .ms-section{ padding: 30px 0 50px; }
    .ms-list-item{ width: 23%;}
}
@media only screen and (min-width:1601px){
	.top-bar .logo { left: 6.1%;}
	.top-bar .sjj_nav { padding: 0 0 0 6.5%;}
	.top-bar .menu { padding: 0 22% 0 0;}
	.top-bar .links { right: 10%;}
	.top-bar .links > div { margin-left: 45px;}
	.top-bar .links .links_search { margin-left: 50px!important;}
	.top-bar .sjj_nav_ul > li > a { padding: 0 22px;}
}
@media only screen and (min-width:1701px){
	.top-bar .sjj_nav { padding: 0 0 0 11.5%;}
	.top-bar .menu { padding: 0 29% 0 0;}
	.top-bar .links { right: 19.5%;}
}