@charset 'UTF-8'; /* mobile ------------------------------------------------------------------------------------------ */

.oda .pc-img { display: block; margin: 0 auto; } 
.oda .mobile-img { display: none; width: 100%; margin: 0 auto; } 

/* oda */
.oda .container .visual { background-image: url(../images/oda/bg_visual.jpg); } 

.oda .purpose { position:relative; margin-top:70px; padding-top:70px; } 
.oda .purpose::before { position:absolute; top:0; left:0; right:0; width:100%; height: 225px; display: block; content: ''; background-color: #f8f8f8; } 
.oda .purpose li { float: left; position: relative; width: 280px; height: 280px; padding: 140px 30px 0; border: 1px solid #e2e2e2; text-align: center; word-break: keep-all; background-color: #fff; } 
.oda .purpose li strong { display: block; font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px; } 
.oda .purpose li + li { margin-left: 20px; } 
.oda .purpose li:before { content: ''; position: absolute; top: 50px; left: 50%; width:80px; height:57px; margin-left:-40px; background-image: url(../images/oda/spr_oda_0101_01.png); background-repeat: no-repeat; } 
.oda .purpose .item01:before { background-image: url(../images/oda/spr_oda_0101_01.png); } 
.oda .purpose .item02:before { background-image: url(../images/oda/spr_oda_0101_02.png); } 
.oda .purpose .item03:before { background-image: url(../images/oda/spr_oda_0101_03.png); } 
.oda .purpose .item04:before { background-image: url(../images/oda/spr_oda_0101_04.png); } 

.oda .inner.split { display: flex; justify-content: center; gap: 100px; margin-top: 100px; } 
.oda .inner.split .s-inner { width:450px; } 
.oda .inner.split .s-inner .heading h5 { display: block; font-size: 25px; color: #001138; line-height: 1; margin-bottom: 40px; } 
.oda .inner.split .s-inner .list-head { display: block; font-size: 18px; color: #25a449; margin: 20px 0 10px; } 

.oda .list-style01 { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.oda .list-style01 > li { position: relative; width:48%; padding-left: 8px; font-size: 16px; line-height: 1.6; word-break: break-all; letter-spacing: -1px; color: #818181; } 
.oda .list-style01 > li:before { position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background-color: #818181; content: ''; } 

.oda .heading.oda-business { } 
.oda .heading.oda-business h4 { margin-bottom: 20px; } 
.oda .heading.oda-business h4 + em { font-size: 25px; color: #696969; } 
.oda .heading.oda-business h4 + em span { color: #25a449; } 
.oda .heading.oda-business h4 + em small { font-size: 20px; } 

/* oda_0102 */
.oda.oda_0102 .inner.split { gap: 60px; margin-top: 100px; } 
.oda.oda_0102 .inner.split.rev { flex-flow: row-reverse; } 
.oda.oda_0102 .inner.split + .split { margin-top: 120px; } 
.oda.oda_0102 .inner.split .s-inner { width:550px; } 
.oda.oda_0102 .inner.split .s-inner.s-img { width:590px; } 
.oda.oda_0102 .inner.split .s-inner.s-txt strong { display: block; font-size: 25px; color: #000; margin-bottom: 15px; } 
.oda.oda_0102 .inner.split .s-inner.s-txt p { font-size: 16px; color:#818181; line-height:1.4 } 

/* oda_0103 */
.oda.oda_0103 .pc-none { display: none !important; } 
.oda.oda_0103 .tab { display: flex; justify-content: space-between; } 
.oda.oda_0103 .tab a { background: no-repeat center / cover; width:285px; height: 326px; padding:0; line-height: 1.6; margin: 0; color:#fff; border: none; } 
.oda.oda_0103 .tab a.it01 { background-image: url(../images/oda/btn_oda_0103_01.jpg); } 
.oda.oda_0103 .tab a.it02 { background-image: url(../images/oda/btn_oda_0103_02.jpg); } 
.oda.oda_0103 .tab a.it03 { background-image: url(../images/oda/btn_oda_0103_03.jpg); } 
.oda.oda_0103 .tab a.it04 { background-image: url(../images/oda/btn_oda_0103_04.jpg); } 
.oda.oda_0103 .tab a::before { display: none; } 
.oda.oda_0103 .tab a > div { position: relative; background-color: #00000088; padding: 40px 30px 60px; width:100%; height: 100%; } 
.oda.oda_0103 .tab a > div::after {position: absolute;bottom:20px;left: 50%;display: block;content: '';margin-left: -11px;width:22px;height: 19px;background: url(../images/oda/arrow-down.png) no-repeat center / 100%;} 
.oda.oda_0103 .tab a > div strong { display: block; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #4cbc6c; font-size: 25px; } 
.oda.oda_0103 .tab a > div p { display: block; font-size: 16px; } 

.oda.oda_0103 .link-tab { border-bottom: none; } 
.oda.oda_0103 .tab-content .inner { position: relative; background-color: #f7f7f7; padding: 60px 0; } 
.oda.oda_0103 .tab-content .inner::before { position: absolute; top:-30px; width: 0; height: 0; border-style: solid; border-width: 0px 30px 30px 30px; border-color: transparent transparent #f7f7f7 transparent; content: ''; } 
.oda.oda_0103 .tab-content .type-bger .inner::before { left:122px; } 
.oda.oda_0103 .tab-content .type-nrss .inner::before { left:428px; } 
.oda.oda_0103 .tab-content .type-gyjh .inner::before { right:428px; } 
.oda.oda_0103 .tab-content .type-gt .inner::before { right:122px; } 
.oda.oda_0103 .tab-content .inner .top-title { position: relative; padding:0 0 85px 550px; } 
.oda.oda_0103 .tab-content .inner .top-title h5 { position: absolute; top: 0; left: 140px; display: flex; align-items: center; font-size: 25px; color:#000; padding-left: 52px; } 
.oda.oda_0103 .tab-content .inner .top-title h5::before { display: block; width:41px; height: 41px; background: no-repeat center 100%; content: ''; margin-right: 10px; } 
.oda.oda_0103 .tab-content .type-bger .top-title h5::before { background-image: url(../images/oda/ico_oda01.png); } 
.oda.oda_0103 .tab-content .type-nrss .top-title h5::before { background-image: url(../images/oda/ico_oda02.png); } 
.oda.oda_0103 .tab-content .type-gyjh .top-title h5::before { background-image: url(../images/oda/ico_oda03.png); } 
.oda.oda_0103 .tab-content .type-gt .top-title h5::before { background-image: url(../images/oda/ico_oda04.png); } 
.oda.oda_0103 .tab-content .inner .top-title p { text-align: left; color: #818181; line-height: 1.4; word-break: keep-all; } 

.core-list { display: flex; width: 100%; justify-content: space-between; } 
.core-list > li { width: 384px; } 
.core-list figure { position: relative; width: 100%; height: auto; margin: 0; padding: 0; } 
.core-list figure img { display: block; width: 100%; } 
.core-list p {width: 100%;margin-top: 16px;color: #666;font-size: 16px;text-align: center;line-height: 1.4;padding: 0 10px;word-break: keep-all;} 


/* oda02 */
.oda .heading.oda-business h4 { margin-bottom: 20px; } 
.oda .heading.oda-business em { color: #666; } 
.oda .oda-table { display: table; width: 100%; margin-top: 60px; border-top: 2px solid #000; } 
.oda .oda-table .oda-table__thead div,
.oda .oda-table .oda-table__tbody div { display: table-row; text-align: center; } 
.oda .oda-table .oda-table__thead p,
.oda .oda-table .oda-table__tbody p { display: table-cell; vertical-align: middle; padding: 20px 15px; border-bottom: 1px solid #e5e5e5; } 
.oda .oda-table .oda-table__thead p { color: #000; background-color: #f8f8f8; } 
.oda .oda-table .oda-table__tbody p { font-weight: 300; } 
.oda .oda-table .oda-table__thead p + p,
.oda .oda-table .oda-table__tbody p + p { border-left: 1px solid #e5e5e5; } 
.oda .oda-table .oda-table__tbody p:nth-child(1),
.oda .oda-table .oda-table__tbody p:nth-child(2) { text-align: left; } 
.oda .oda-table .oda-table__thead p:nth-child(1),
.oda .oda-table .oda-table__tbody p:nth-child(1) { width: 205px; } 
.oda .oda-table .oda-table__thead p:nth-child(2),
.oda .oda-table .oda-table__tbody p:nth-child(2) { width: 545px; } 
.oda .oda-table .oda-table__thead p:nth-child(3),
.oda .oda-table .oda-table__tbody p:nth-child(3) { width: 150px; } 
.oda .oda-table .oda-table__thead p:nth-child(4),
.oda .oda-table .oda-table__tbody p:nth-child(4) { width: 130px; } 
.oda .oda-table .oda-table__thead p:nth-child(5),
.oda .oda-table .oda-table__tbody p:nth-child(5) { width: 170px; } 
.oda .oda-table p[class*=country] { position: relative; padding-left: 85px; } 
.oda .oda-table [class*=country]:before { content: ''; position: absolute; top: 50%; left: 20px; width: 45px; height: 30px; margin-top: -15px; background-repeat: no-repeat; } 
.oda .oda-table [class*=country].gn:before { background-image: url(../images/oda/bg_oda-country_gn.jpg); } 
.oda .oda-table [class*=country].timo:before { background-image: url(../images/oda/bg_oda-country_timo.jpg); } 
.oda .oda-table [class*=country].laos:before { background-image: url(../images/oda/bg_oda-country_laos.jpg); } 
.oda .oda-table [class*=country].leba:before { background-image: url(../images/oda/bg_oda-country_leba.jpg); } 
.oda .oda-table [class*=country].roma:before { background-image: url(../images/oda/bg_oda-country_roma.jpg); } 
.oda .oda-table [class*=country].mala:before { background-image: url(../images/oda/bg_oda-country_mala.jpg); } 
.oda .oda-table [class*=country].moro:before { background-image: url(../images/oda/bg_oda-country_moro.jpg); } 
.oda .oda-table [class*=country].mong:before { background-image: url(../images/oda/bg_oda-country_mong.jpg); } 
.oda .oda-table [class*=country].myan:before { background-image: url(../images/oda/bg_oda-country_myan.jpg); } 
.oda .oda-table [class*=country].bang:before { background-image: url(../images/oda/bg_oda-country_bang.jpg); } 
.oda .oda-table [class*=country].viet:before { background-image: url(../images/oda/bg_oda-country_viet.jpg); } 
.oda .oda-table [class*=country].boli:before { background-image: url(../images/oda/bg_oda-country_boli.jpg); } 
.oda .oda-table [class*=country].sene:before { background-image: url(../images/oda/bg_oda-country_sene.jpg); } 
.oda .oda-table [class*=country].suda:before { background-image: url(../images/oda/bg_oda-country_suda.jpg); } 
.oda .oda-table [class*=country].sl:before { background-image: url(../images/oda/bg_oda-country_sl.jpg); } 
.oda .oda-table [class*=country].alge:before { background-image: url(../images/oda/bg_oda-country_alge.jpg); } 
.oda .oda-table [class*=country].ecua:before { background-image: url(../images/oda/bg_oda-country_ecua.jpg); } 
.oda .oda-table [class*=country].ethi:before { background-image: url(../images/oda/bg_oda-country_ethi.jpg); } 
.oda .oda-table [class*=country].ugan:before { background-image: url(../images/oda/bg_oda-country_ugan.jpg); } 
.oda .oda-table [class*=country].uzbe:before { background-image: url(../images/oda/bg_oda-country_uzbe.jpg); } 
.oda .oda-table [class*=country].ukra:before { background-image: url(../images/oda/bg_oda-country_ukra.jpg); } 
.oda .oda-table [class*=country].iraq:before { background-image: url(../images/oda/bg_oda-country_iraq.jpg); } 
.oda .oda-table [class*=country].indo:before { background-image: url(../images/oda/bg_oda-country_indo.jpg); } 
.oda .oda-table [class*=country].came:before { background-image: url(../images/oda/bg_oda-country_came.jpg); } 
.oda .oda-table [class*=country].camb:before { background-image: url(../images/oda/bg_oda-country_camb.jpg); } 
.oda .oda-table [class*=country].cd:before { background-image: url(../images/oda/bg_oda-country_cd.jpg); } 
.oda .oda-table [class*=country].colo:before { background-image: url(../images/oda/bg_oda-country_colo.jpg); } 
.oda .oda-table [class*=country].tanz:before { background-image: url(../images/oda/bg_oda-country_tanz.jpg); } 
.oda .oda-table [class*=country].thai:before { background-image: url(../images/oda/bg_oda-country_thai.jpg); } 
.oda .oda-table [class*=country].turk:before { background-image: url(../images/oda/bg_oda-country_turk.jpg); } 
.oda .oda-table [class*=country].para:before { background-image: url(../images/oda/bg_oda-country_para.jpg); } 
.oda .oda-table [class*=country].paki:before { background-image: url(../images/oda/bg_oda-country_paki.jpg); } 
.oda .oda-table [class*=country].phil:before { background-image: url(../images/oda/bg_oda-country_phil.jpg); } 
@media all and (max-width:1236px){
 .oda .pc-img { display: none; } 
 .oda .mobile-img { display: block; } 
 .oda .purpose { height: 340px; background-size: auto 253px; } 
 .oda .purpose li { width: 100%; height: 210px; padding: 108px 15px 0; font-size: 14px; } 
 .oda .purpose li + li { margin-left: 0; } 
 .oda .purpose li:before { top: 30px; } 

 .oda .inner.split { display: block; margin-top: 60px; } 
 .oda .inner.split .s-inner { width:100%; } 
 .oda .inner.split .s-inner + .s-inner { margin-top: 40px; } 
 .oda .inner.split .s-inner .heading h5 { font-size: 16px; margin-bottom: 20px; } 
 .oda .inner.split .s-inner .list-head { font-size: 14px; margin: 10px 0 6px; } 

 .oda .list-style01 { display: block; } 
 .oda .list-style01 > li { width:100%; padding-left: 6px; font-size: 13px; } 
 .oda .list-style01 > li:before { top: 9px; } 

 /* oda_0102 */
 .oda.oda_0102 .inner.split { margin-top: 20px; } 
 .oda.oda_0102 .inner.split + .split { margin-top: 40px; } 
 .oda.oda_0102 .inner.split .s-inner { width:100%; } 
 .oda.oda_0102 .inner.split .s-inner.s-img { width:100%; } 
 .oda.oda_0102 .inner.split .s-inner.s-img img { width:100%; } 
 .oda.oda_0102 .inner.split .s-inner.s-txt { font-size: 18px; margin-bottom: 10px; } 
 .oda.oda_0102 .inner.split .s-inner.s-txt { margin-top: 10px; } 
 .oda.oda_0102 .inner.split .s-inner.s-txt strong { font-size: 16px; margin-bottom: 10px; } 
 .oda.oda_0102 .inner.split .s-inner.s-txt p { font-size: 14px; } 

 /* oda_0103 */
 .oda.oda_0103 .pc-none { display: block !important; } 
 .oda.oda_0103 .mo-none { display: none !important; } 
 .oda.oda_0103 .tab a { width: 100%; height: auto; } 
 .oda.oda_0103 .tab a::before { display: none; } 
 .oda.oda_0103 .tab a > div { padding: 30px 0px; background-color: #000000aa;} 
 .oda.oda_0103 .tab a > div::after {bottom: 7px;left: 50%;margin-left: -7px;width: 14px;height: 12px;} 
 .oda.oda_0103 .tab a > div strong { padding-bottom: 0; margin-bottom: 0; border-bottom: none; font-size: 16px; } 
 .oda.oda_0103 .tab a.active > div strong { color: #25a449; } 
 /* .oda.oda_0103 .tab a > div strong::before { display: block; width:24px; height: 24px; background: no-repeat center / 100%; content: ''; margin-right: 6px; } 
 .oda.oda_0103 .tab a.it01 > div strong::before { background-image: url(../images/oda/ico_oda01.png); } 
 .oda.oda_0103 .tab a.it02 > div strong::before { background-image: url(../images/oda/ico_oda02.png); } 
 .oda.oda_0103 .tab a.it03 > div strong::before { background-image: url(../images/oda/ico_oda03.png); } 
 .oda.oda_0103 .tab a.it04 > div strong::before { background-image: url(../images/oda/ico_oda04.png); }  */
 .oda.oda_0103 .tab a > div p { display: none; } 

 .oda.oda_0103 .link-tab { } 
 .oda.oda_0103 .tab-content .inner {padding: 40px 15px;} 
 .oda.oda_0103 .tab-content .inner::before { display: none; } 
 .oda.oda_0103 .tab-content .inner .top-title {padding: 0;margin-bottom: 40px;} 
 .oda.oda_0103 .tab-content .inner .top-title h5 { display: none; } 
 .oda.oda_0103 .tab-content .inner .top-title h5::before { display: none; } 
 .oda.oda_0103 .tab-content .inner .top-title p { text-align: center; } 

 .core-list { display: block; } 
 .core-list > li { width: 100%; margin-right: 0; margin-bottom: 40px; } 
 .core-list p {margin-top: 10px;font-size: 14px;line-height: 20px;padding: 0;} 

 /* oda02 */
 .oda .oda-table { margin-top: 30px; } 
 .oda .oda-table .oda-table__thead { display: none; } 
 .oda .oda-table .oda-table__tbody div { display: block; padding: 15px 0; border-bottom: 1px solid #e5e5e5; text-align: left; } 
 .oda .oda-table .oda-table__tbody p { display: block; padding: 0; border-bottom: none; } 
 .oda .oda-table .oda-table__tbody p { font-size: 14px; font-weight: 400; } 
 .oda .oda-table .oda-table__tbody p + p { margin-top: 10px; border-left: none; } 
 .oda .oda-table .oda-table__thead p:nth-child(1),
 .oda .oda-table .oda-table__tbody p:nth-child(1) { width: 100%; } 
 .oda .oda-table .oda-table__thead p:nth-child(2),
 .oda .oda-table .oda-table__tbody p:nth-child(2) { width: 100%; } 
 .oda .oda-table .oda-table__thead p:nth-child(3),
 .oda .oda-table .oda-table__tbody p:nth-child(3) { width: 100%; } 
 .oda .oda-table .oda-table__thead p:nth-child(4),
 .oda .oda-table .oda-table__tbody p:nth-child(4) { width: 100%; } 
 .oda .oda-table .oda-table__thead p:nth-child(5),
 .oda .oda-table .oda-table__tbody p:nth-child(5) { width: 100%; } 
 .oda .oda-table p[class*=country] { padding-left: 40px; } 
 .oda .oda-table [class*=country]:before { left: 0; width: 32px; height: 21px; margin-top: -10px; } 
 }