@charset "utf-8";
/* CSS Document */
.c_white {color: #fff !important;}

.sub_tabN {padding: 2em 0 0;}
.sub_tabN .list {border-radius: .8em; overflow: hidden; border: 1px solid #ddd;}
.sub_tabN .list li {flex: 1; border-right: 1px solid #ddd;}
.sub_tabN .list li > a {display: block; padding: 1em; text-align: center;}
.dp1_centerN.dp2_0017 .sub_tabN .list li:last-child > a {font-weight: 600; color: #d70000;}
.sub_tabN .list li.on {}
.sub_tabN .list li:hover > a,
.sub_tabN .list li.on > a {background: var(--siteC); color: #ddd; font-weight: 700;}
.dp1_centerN.dp2_0017 .sub_tabN .list li:hover > a,
.dp1_centerN.dp2_0017 .sub_tabN .list li.on > a {color: #fff;}

.centerN_tab {background: #f4f4f4; border-radius: .8em;}
.centerN_tab li {flex: 1;}
.centerN_tab li > a {display: block; padding: 1em;}
.centerN_tab li.on {border: 2px solid var(--siteC); border-radius: .5em; overflow: hidden;}
.centerN_tab li.on > a {background: #fff; color: var(--siteC); font-weight: 500;}

.sub_tt.t1 {font-size: 1.1em; line-height: 1.7; color: #666;}
.sub_tt.t2 {font-size: 1.125em; font-weight: 500;}

.sub_tt { }
.sub_tt.dot { padding-left:.8em; position:relative;}
.sub_tt.dot:before { content:""; width:6px; height:18px; border-radius:2em; background:#1b98d8; position:absolute; left:0; top:4px; }
.sub_tt.dot2 { margin-left:1em; padding-left:0.8em; position: relative; line-height: 1.6;}
.sub_tt.dot2:before { content:""; width:5px; height:5px; border-radius:50%; background:var(--siteC); position:absolute; left:0; top:11px;}
.sub_tt.dot2:first-of-type:before { top: 11px; }
.sub_tt.dot3 { padding-left:1.5em; font-size: 1.4em; position: relative; font-weight: 600;}
.sub_tt.dot3:before { content:""; width: 13px; height: 18px; background:url(../images/inc/tt_img1.png) no-repeat 0 0 / cover; position: absolute; left:9px; top:8px;}
.sub_tt.dot4 { padding-left:1em; position:relative;}
.sub_tt.dot4:before { content:""; width:6px; height:6px; background:#1b98d8; position:absolute; left:0; top:9px; }

.centerN_con {padding: 4em 0;}
.centerN_con.bg1 {background: #f5f5f5;}
.centerN_con.bg2 {background: #eef6fd;}
.centerN_con .title_box {margin-bottom: .8em;}
.centerN_con .title_box.st2 {margin-bottom: 1.5em;}
.centerN_con .title_box .t1 {font-size: 2em; font-weight: 700; color: #00467e;}
.centerN_con .title_box .t1 .num {background: #00467e; color: #fff; font-size: 0.66em; font-weight: 500; width: 1.7em; height: 1.7em; line-height: 1.7em; display: inline-block; text-align: center; border-radius: 50%;  margin-right: .5em; vertical-align: bottom;}
.centerN_con .title_box .t2 {color:#555; font-size: 1.15em; margin-top: 1.5em;}

.centerN_minCon {background: #fef9eb; padding: 1em; border-radius: .8em;}
.centerN_minCon.bg2 {background: #fff; }
.centerN_minCon.bg3 {background: #f4f4f4; }
.centerN_minCon .submin_title {font-size: 1.125em; font-weight: 600; color: var(--siteC);}
.centerN_minCon .submin_title .xi {margin-right: .3em; font-size: 1.25em;}
.centerN_minCon2 {background: #fff; padding: 4em 0; border-radius: .8em;}
.centerN_minCon2 .tit {font-size: 1.5em; font-weight: 600; color: var(--siteC);}
.centerN_minCon2 .tit2 {font-size: 1.05em; line-height: 1.5; color: #666;}
.centerN_minCon3 {}
.centerN_minCon3 .con {border: 1px solid #ddd; background: #fff; border-radius: .8em; padding: 1em;}

.memo_box {border: 1px dashed var(--siteC3); padding: 1em; border-radius: .8em; background: #f2f9ff;}
.memo_box .ti {color: var(--siteC); font-weight: 700; margin-bottom: .5em;}
.memo_box .tt {font-size: .96em;}

.centerN_list li {display:flex; align-content:center; align-items:center; gap: 3.5em; margin-bottom: 2em;}
.centerN_list li:nth-child(even) {flex-direction:row-reverse;}
.centerN_list li:last-child {margin-bottom: 0;}
.centerN_list li .img {width: 50%; background: #fff; border-radius: 1em; overflow: hidden; height: 13em;}
.centerN_list li .img.st2 {width: 47%; background: #fff; border-radius: 1em; overflow: hidden; height: 13em;}
.centerN_list li .img.st2 img {width: 100%; object-fit: cover;    object-position: center; height: 100%;}
.centerN_list li .img.st3 img {width: 100%; object-fit: cover;    object-position: top; height: 100%;}
.centerN_list li .img.h1 {height: 20em;}
.centerN_list li .tbox {flex: 1;}
.centerN_list li .tbox.st2 {flex: 0 0 100%;}
.centerN_list li .tbox .ti {font-size: 1.6em; font-weight: 600; margin-bottom: .5em; color: #111;}
.centerN_list li .tbox .tt {width: 80%; font-size: 1.05em; margin-bottom: .3em;}
.centerN_list li .tbox.st2 .tt {width: 100%; font-size: 1.05em; margin-bottom: .3em;}
.centerN_list li .tbox .tt.dd2 {position: relative; padding-left:10px;}
.centerN_list li .tbox .tt.dd2::before {content: ""; position: absolute; top: 10px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background-color: #0b4790;}
.centerN_list li .tbox .tt:last-child {margin-bottom: 0;}
.centerN_list li .tbox .tt .xi {background: #666; color: #fff; border-radius: 50%; width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: right; margin-right: .4em;}

.centerN_list2 {display:flex; flex-wrap: wrap; align-content:flex-start; align-items:flex-start; gap: 3.5em; position: relative;}
.centerN_list2::before {content: ""; width: 100%; height: 2px; background: #666; position: absolute; top: 20%; left: 0; z-index: -1;}
.centerN_list2.st2 {gap: 1.5em;}
.centerN_list2 li {background: #fff; flex: 1; padding: 1.5em; border-radius: 1em; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.centerN_list2.w2 li {flex: 1 40%;}
.centerN_list2 li .ti {background: #67747f; text-align: center; color: #fff; border-radius: 3em; font-size: 1.25em; font-weight: 500; padding: .5em 0;}
.centerN_list2 li .tbox {width: 90%; margin: 0 auto;}
.centerN_list2 li .tbox.st2 {min-height: 9.5em; margin-top: 1em;}
.centerN_list2 li .tbox .tt {font-size: 1.05em; line-height: 1.6; margin-top: 1em; min-height: 8em; text-align: center; color: #666;}
.centerN_list2 li .tbox .tt2 {margin-bottom: .5em;}
.centerN_list2 li .tbox .tt2:last-child {margin-bottom: unset;}

.centerN_list3 {display:flex; align-content:flex-start; align-items: stretch; gap: 2em;}
.centerN_list3 li {background: #eef6fd; flex: 1; padding: 2em; border-radius: 1em;}
.centerN_list3 li .icon {background: #fff; width: 3.5em; height: 3.5em; border-radius: 50%;}
.centerN_list3 li .icon img {width: 30px;}
.centerN_list3 li .ti {font-size: 1.3em; font-weight: 500; margin: 1em 0;}
.centerN_list3 li .ti2 {font-size: 1.125em; font-weight: 600; color: #fff; background: var(--siteC); display: inline-block; padding: .3em 1.3em; border-radius: 3em;}
.centerN_list3 li .ti3 {font-size: 1.125em; font-weight:600; margin: 1em 0;}
.centerN_list3 li .tx {color: #666; min-height: 4.6em;}
.centerN_list3 li .tx.h2 {min-height: 10.5em;}
.centerN_list3.st2 li {background: #fff;}
.centerN_list3.st2 li .icon {background: #eef6fd;}

.centerN_list4 {display:flex; align-content:flex-start; align-items:flex-start; flex-wrap: wrap; gap: 1em;}
.centerN_list4 li {border: 1px solid var(--siteC3); flex: 1; padding: 1em; border-radius: 1em; background: #fff;}
.centerN_list4.w2 li {flex: 1 20%; text-align: center;;}
.centerN_list4.w3 li {flex: 1 29%; text-align: center;;}
.centerN_list4 li .ti {font-size: 1em; font-weight: 500; margin-bottom: .5em;}
.centerN_list4 li .tx {color: #666; font-size: .86em;}

.centerN_list4.st2 {display:flex; flex-wrap:wrap; gap: 1em; align-content:flex-start; align-items:flex-start;}
.centerN_list4.st2 li {flex: 1 100%; padding: 1em 1.5em;}
.centerN_list4.st2 li .ti {font-size: 1.05em; font-weight: 600; color: var(--siteC); margin-bottom: unset;}
.centerN_list4.st2 li .ti .num {background: var(--siteC); color: #fff; font-size: 0.96em; font-weight: 500; width: 1.7em; height: 1.7em; line-height: 1.7em; display: inline-block; text-align: center; border-radius: 50%; margin-right: .5em; vertical-align: baseline;}
.centerN_list4.st2 li .tx {font-size: 1em; line-height: 1.6; color: #666; margin: .5em 0; border-top: 1px dashed #ddd; padding-top: .5em;}
.centerN_list4.st2 li .tx:last-child {margin-bottom: 0;}

.centerN_list4.st2.w3 li {flex: unset; width: 42.8%; text-align: center;}
.centerN_list4.st2.w3 li.plus {width: 3%; border: unset; padding: unset;}
.centerN_list4.st2.w3 li.plus i {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; text-align: center; font-size: 1.125em;}

.centerN_list4.st3 li {}
.centerN_list4.st3 li .ti .xi {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; margin-right: .5em;}
.centerN_list4.st3 li .tx {font-size: 1em; border-top: 1px dashed #ddd; padding-top: .5em; margin-top: .5em; color: #000;}

.centerN_list5 {border: 1px solid #ddd; border-radius: .8em; overflow: hidden;}
.centerN_list5 li {flex: 1; text-align: center;}
.centerN_list5 li:first-child {border-right: 1px solid #ddd;}
.centerN_list5 li .ti {background: var(--siteC); color: #fff; font-size: 1.125em; font-weight: 500; padding: 1em 0;}
.centerN_list5 li .tx {padding: 1em 0;}

.centerN_list6 {display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; gap: 1em;}
.centerN_list6 li {flex: 1; text-align: center; height: 12em;}
.centerN_list6 li .icon {width: 5em; height: 5em; margin: 1em auto;}
.centerN_list6 li .tt {margin-bottom: 2em;}

.centerN_list7 {}
.centerN_list7 li {padding: 20px 10px; background: #f9f9f9; border-radius: 8px; flex:1; text-align: center;}
.centerN_list7 li .in{ min-height:auto; box-shadow:none; position:relative; height: 100%;}
.centerN_list7 li .in:before{ content:"\ea3e"; position:absolute; left:-9%; top:45%; font-family:xeicon; font-style:normal; font-size:1.3em; color:#0b4790;}
.centerN_list7 li .in .ts_icon{ width:70px; height:70px; margin:0 auto 15px; background:#00479e; border-radius:50%;}
.centerN_list7 li .in .no_st2{ font-weight:700; color:#bbb; font-size:1.25em; margin-bottom:-3px;}
.centerN_list7 li .in .ts_tt{ margin-bottom:0;}
.centerN_list7 li:first-child .in:before{ display:none;}

.centerN_list8 {display:flex; align-content:flex-start; align-items:flex-start; flex-wrap: wrap; gap: 1em;}
.centerN_list8 li {border: 1px solid #ddd; flex: 1; padding: 1em; border-radius: 1em; background: #fff;}
.centerN_list8.w2 li {flex: 1 20%; text-align: center;;}
.centerN_list8.w3 li {flex: 1 29%; text-align: center;;}
.centerN_list8 li .ti {font-size: 1em; font-weight: 500; margin-bottom: .5em;}
.centerN_list8 li .tx {color: #666; font-size: .86em;}

.centerN_list8.st2 {display:flex; flex-wrap:wrap; gap: 1em; align-content:flex-start; align-items:flex-start;}
.centerN_list8.st2 li {flex: 1 100%; padding: 1em 1.5em;}
.centerN_list8.st2 li .ti {font-size: 1.05em; font-weight: 600; color: var(--siteC); margin-bottom: unset;}
.centerN_list8.st2 li .ti .num {background: #4086bf; color: #fff; font-size: 0.96em; font-weight: 500; width: 1.7em; height: 1.7em; line-height: 1.7em; display: inline-block; text-align: center; border-radius: 50%; margin-right: .5em; vertical-align: baseline;}
.centerN_list8.st2 li .tx {font-size: 1em; line-height: 1.6; color: #666; margin: .5em 0; border-top: 1px dashed #ddd; padding-top: .5em;}
.centerN_list8.st2 li .tx:last-child {margin-bottom: 0;}

.centerN_list8.st2.w3 li {flex: unset; width: 42.8%; text-align: center;}
.centerN_list8.st2.w3 li.plus {width: 3%; border: unset; padding: unset;}
.centerN_list8.st2.w3 li.plus i {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; text-align: center; font-size: 1.125em;}

.centerN_list8.st3 li {}
.centerN_list8.st3 li .ti .xi {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; margin-right: .5em;}
.centerN_list8.st3 li .tx {font-size: 1em; border-top: 1px dashed #ddd; padding-top: .5em; margin-top: .5em; color: #000;}

.centerN_table .thead{ margin-bottom:1em}
.centerN_table .thead .td {color: #fff;}
.centerN_table .tbody{ display:flex; flex-direction:column; height:100%}
.centerN_table .tr{ flex:1 1 0%; min-height:0; display:flex; border:1px solid #ddd; box-sizing:border-box; overflow:hidden}
.centerN_table .tr:not(:last-child){border-bottom:none}
.centerN_table .tr:first-child{ border-top-left-radius:.5em; border-top-right-radius:.5em}
.centerN_table .tr:last-child{ border-bottom-left-radius:.5em; border-bottom-right-radius:.5em}
.centerN_table .td{ display:flex; flex-direction:column; align-items:center; /*min-height:2.5em;*/ justify-content:center; text-align:center; flex:1 1 0%; min-width:0; box-sizing:border-box; padding:1em; border-right:1px solid #ddd}
.centerN_table .td.al{ align-items:flex-start; padding: 1em 2em 1em 2.5em;}
.centerN_table .td .star{ color: var(--siteC6); margin-left: .15em; display: inline;}
.centerN_table .td .t_list{}
.centerN_table .td .t_list > li{ margin-bottom: .3em;}
.centerN_table .td .t_list > li:last-of-type{ margin-bottom: 0em;}
.centerN_table .td:last-child{ border-right:none}
.centerN_table .td.bg1{ background:#f0f4ff; color: #193988;}
.centerN_table .td.bg2{ background:#f5f5f5;}
.centerN_table .td.bg3{ background:linear-gradient(to right, #193988, #348AC7); color:#fff;}
.centerN_table .td.bgW { background: #fff;}
.centerN_table .td.cr{ position:relative; }
.centerN_table .td.cr:after{ position: absolute; top: 18px; right: 40px; color: var(--crRed); content: '*';}
.centerN_table .td.w1{ flex:0 0 10em}
.centerN_table .td.w2{ flex:0 0 8em}
.centerN_table .td.w3{ flex:0 0 14em}
.centerN_table .td.w4{ flex:0 0 16em}
.centerN_table .td.w5{ flex:0 0 26em}
.centerN_table .td.wName{ flex:0 0 7em}
.centerN_table .td.wPo{ flex:0 0 4em}
.centerN_table .td.wMail{ flex:0 0 12em}
.centerN_table .td.wTel{ flex:0 0 9em}
.centerN_table .td.wAgency{ flex:0 0 16em}
.centerN_table .td.wCost{ flex:0 0 15.1em}
.centerN_table .td.wdiv{ flex:0 0 25em}
.centerN_table .thead .tr{ box-shadow:0 .25em .5em rgba(0,0,0,.1); background:linear-gradient(to right, #193988, #348AC7); color: #fff;}
.centerN_table .flex_table{ flex: 1 1 0; min-width:0}
.centerN_table .flex_table .thead{ margin-bottom:0}
.centerN_table .flex_table .tr{ border:none; border-bottom:1px solid #ddd}
.centerN_table .flex_table .tr:last-child{ border-bottom:none}
.centerN_table .td .dot_list{}
.centerN_table .td .dot_list > li{ position:relative; padding-left: 1em;}
.centerN_table .td .dot_list > li:before{ position: absolute; }
.centerN_table .td .dot_list > li > span{}

.centerN_table .t_line { border-top:1px dashed #ddd; margin-top:.5em; padding-top:.5em; width: 100%;}
.centerN_table .t_line:first-child { margin-top:0; padding-top:0; border-top:none;}

.board_st.stN thead {background:linear-gradient(to right, #193988, #348AC7); color:#fff; font-weight: 500;}
.board_st.stN td,
.board_st.stN th{ height:auto; padding:.8em 1em; border-top:1px solid #ddd;}
.board_st.pg_st{ font-size:1em;}
.board_st.stN .bg1 { background:linear-gradient(to right, #193988, #348AC7); color:#fff; font-weight: 500;}
.board_st.stN .bg2 { background: #eaf5ff; color: #000; text-align: center; font-weight: 500;}
.board_st.stN .bg3 {background: #faf7f0; text-align: center; font-weight: 500; color: #000; }
.board_st.stN .bg4 {color: #fff; font-weight: 500; background: #69a9dd;}

.circleItem_wrap{ position:relative; width:24em; max-width:70%; margin:0 auto; padding:3em 0;}
.circleItem{}
.circleItem:before{ content:""; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 65%; height:100%; border:1.25em solid #ddd; border-radius:50%; opacity:.4; box-sizing:border-box;}
.circleItem .item_wrap{ position:absolute; gap:2em;}
.circleItem .item_wrap .icon .in{ width:7em; height:7em; background:var(--siteC2); border-radius:50%;}
.circleItem .item_wrap:nth-child(2n) .icon .in{ background:var(--siteC);}
.circleItem .item_wrap .icon .in img{ width:40%;}
.circleItem .item_wrap .icon .in > i {color: #fff; font-size: 2em;}
.circleItem .item_wrap .txt{ width:22em;}
.circleItem .item_wrap .txt .t1{ font-size:1.1250em; font-weight:700;}
.circleItem .item_wrap .txt .t2{ margin-top:.5em; opacity:.6;}
.circleItem .item_wrap.item01{ right:50%; top:0; margin-right:2em; margin-top:-2em;}
.circleItem .item_wrap.item02{ left:50%; top:0; margin-left:2em; margin-top:-2em;}
.circleItem .item_wrap.item03{ left:50%; bottom:0; margin-left:2em; margin-bottom:-2em;}
.circleItem .item_wrap.item04{ right:50%; bottom:0; margin-right:2em; margin-bottom:-2em;}
.circleItem .item_wrap.item01,
.circleItem .item_wrap.item04 { flex-flow:row-reverse; text-align:right;}

.down_list {gap: 1em;}
.down_list a {display: block; flex: 1; border: 1px solid #ddd; background: #f4f4f4; text-align: center; padding: 1.2em;}
.down_list a:hover {border: 1px solid var(--siteC);}
.down_list a .xi {background: var(--siteC); width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; color: #fff; margin-left: .5em;}