@charset "utf-8";
*{padding:0;margin:0;line-height:145%;}
img border:0px;}
.clear{clear:both;}
li{list-style-type:none;}
p{padding:0;margin:0 0 1.5em;font-size:14px;line-height:1.75em;}
hr{height:1px;}
/*common */
a:link, a:visited{color:#069;}
a:active, a:hover{color:#C02929;}
body{font-size:12px;color:#333;text-align:center;}
#indexBody, #archiveBody{text-align:center;background:#B0C4DE repeat-y center top ;background-attachment:fixed;}
#footer{clear:both;height:65px;padding:5px 15px;margin:auto;margin-top:15px;font-size:10px;font-weight:normal;text-align:left;background:url("http:/lpo-footer.jpg") repeat-x;}
#footer h3{margin-top:0;margin-bottom:0;font-size:10px;color:#999;}
#footer p{margin-top:0;margin-bottom:0;font-size:10px;color:#999;}
#footer a{color:#999;text-decoration:none;}
#footer img{float:left;padding:5px 5px 0px;margin-right:10px;overflow:hidden;}
section{position:relative;}
.box{border:1px solid #c0c0c0;padding:1em;}
.a-btn{display:inline-block;padding:1em 20px;width:100%;max-width:280px;background-color:#ffd50f;color:#333;font-size:16px;font-weight:700;border-radius:5px;text-decoration:none;}
a.a-btn:link,a.a-btn:visited{color:#333;}
/*layout*/
body>.wrap{padding-top:120px;overflow:visible;}
body>.wrap,#index #header{background:url("/www.nac-consul.com/images/design/tel.png") right 52px no-repeat;}
body#index>.wrap{font-size:1em;line-height:1;padding-top:0;background:none;max-width:100%;text-align:center;border-bottom:1px solid #ccc;}
#header{margin-bottom:26px;}
#header{float:left;width:700px;margin-right:20px;}
#footer{clear:both;text-align:center;width:100%;}
#footer,#info{background:#d6d6d6;padding:10px 0;}
#index #header{float:none;width:auto;min-height:120px;margin:0 auto;}
#index #main{display:inline-block;float:none;text-align:left;font-size:1.4em;line-height:1.5;vertical-align:top;}
img, a img{max-width:100%;height:auto;vertical-align:middle;}
.content{max-width:980px;margin:0 auto;padding:0 10px;}
.ph8{padding-top:80px;padding-bottom:80px;}.ph4{padding-top:40px;padding-bottom:40px;}
.max840{max-width:840px;margin:0 auto;padding-left:20px;padding-right:20px;}
h3>span,h4>span{display:inline-block;}
/*header*/
h1{font-size:1.6em;line-height:1.2;padding:46px 30px;}
#index h1,h2,h1+p{font-size:10px;font-weight:normal;border:0;}
h1+p{text-align:right;top:0;width:100%;}
h2{top:0;width:58%;margin:3px 0;}
h2+p{top:30px;z-index:9;}
h2 a{line-height:250%;}
/*nav*/
.sdgs-nav{display:flex;}
/*SDGsTop*/
.bg_gray{background-color:#f5f5f5;}
.bg_blue{background-color:#edfafe;}
.cl1{color:#e4011e;}.cl2{color:#d6a600;}.cl3{color:#1b973a;}.cl4{color:#c50e28;}.cl6{color:#00a6d9;}.cl11{color:#f5a20a;}.cl12{color:#d39206;}.cl13{color:#407936;}.cl14{color:#0075ba;}.cl15{color:#28a838;}
.bg_green{background-color:#f5ffe8;}
.sdgs-top section{margin-bottom:0;}
.sdgs-top img{margin:0;}
#contents1{padding:80px 0 0;}
#contents1 h3{font-weight:700;font-size:26px;margin-bottom:20px;}
#contents1 .typebox6>li{width:14.6666666666%;margin-bottom:10px;}
#contents1 .typebox6>li img{margin:0;}
#contents2 h3,#contents2 p{z-index:1;}
#contents2 h3{font-weight:700;font-size:32px;color:#00aeef;}
#contents2.bg::before,#contents2.bg::after{content:"";background:url("images/sdgs/sdg_bg1.jpg") 0 0 no-repeat;background-size:100% auto;position:absolute;left:0;top:0;width:45%;max-width:390px;height:100%;z-index:-1;}
#contents2.bg::after{left:auto;right:0;background-image:url("images/sdgs/sdg_bg2.jpg");background-position:right 0;}
#contents2 h4{font-weight:700;font-size:32px;border:none;padding:8px 50px;}
#contents2 h4 .fs-s{font-size:.65em;}
#contents2 [class*="typebox"]{margin-bottom:60px;display:flex;}
#contents2 [class*="typebox"] li{display:flex;flex-direction:column;}
#contents2 [class*="typebox"] li img{max-width:200px;margin:0 auto;}
#contents2 [class*="typebox"] li p{position:relative;max-width:180px;margin: 15px auto 10px;padding:20px;background-color:#fff;border-radius:10px;height:100%;font-weight:700;font-size:16px;text-align:left;box-shadow:0px 0px 10px -4px #8f8f8f;}
#contents2 [class*="typebox"] li p::after{border:solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color:rgba(0, 153, 255, 0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-left:-10px;border-bottom-color:#ffffff;bottom:100%;left:50%;}
#contents2 [class*="typebox"] li p span{display:block;text-align:center;}

#contents2 .bg_blue h4::before,#contents2 .bg_blue h4::after,#contents2 .bg_green h4::before,#contents2 .bg_green h4::after{content:""; position:absolute;display:inline-block;width:45px;height:42px;top:0;left:0;background:url("images/sdgs/sdg_mark1.png") no-repeat left;background-size:100% auto;}
#contents2 .bg_blue h4::after,#contents2 .bg_green h4::after{left:auto;right:0;transform:scale(-1, -1);}
#contents2 .bg_green h4::before,#contents2 .bg_green h4::after{background-image:url("images/sdgs/sdg_mark2.png");}

@media only screen and (max-width:980px){
body>.wrap,body#index>.wrap,#index #header{background:none;overflow:hidden;}
body[class|="type-c"] #inbnr{right:2%;width:24%;top:11%;}
body>.wrap,body#index>.wrap,#index #header{background:none;overflow:hidden;}body#index>.wrap{padding-top:145px;}
#footer h3,#copyright,#footer img,#topicpath .wrap{margin:0 2%;}#header,#main{width:70%;margin-right:2%;margin-left:2%;}
#index #header{position:static;min-height:0;}
#index #main{float:left;display:block;}
h1+p,h2{left:100%;width:auto;}
h2+p{left:2%;}
#contents2 [class*="typebox"] li img{width:100%;}
}
@media only screen and (max-width:720px){
#header,#main.column1 #header,.column1 #main,#index #header,#index #main{float:none;width:auto;margin-right:0;margin-left:0;}
#header{overflow:hidden;}#index h1{left:100%;}h2+p{max-width:68%;}
#info{padding-bottom:80px;}#footer h3{clear:both;padding-top:8px;text-align:left;}
#contents2 h3{font-size:26px;}
#contents2 h4{font-size:22px;}
#pnav{position:absolute;left:100%;top:0;}
}
@media only screen and (max-width:500px){
body,body#index{background:none;}body>.wrap,body#index>.wrap{background:none;padding-top:70px;}
#main{max-width:98%;}
h1{padding:12px;font-size:1.2em;}h2+p{top:5px;}h2+p img{max-height:55px;}
#pnav{position:absolute;left:100%;top:0;}
.ph8{padding-top:40px;padding-bottom:40px;}.ph4{padding-top:20px;padding-bottom:20px;}
#contents1 .typebox6>li{width:31.3333333333%;}
#contents2 [class*="typebox"]{margin-bottom:30px;flex-direction:column;}
#contents2 [class*="typebox"] li{width:100%;padding-bottom:20px;}
#contents2 [class*="typebox"] li img{max-width:120px;}
#contents2 [class*="typebox"] li p{font-size:14px;width:calc(100% - 60px);max-width:none;margin:15px 10px 10px;}
#contents2 [class*="typebox"] li p span{font-size:16px;}
#contents2 h4{padding:8px 32px;}
#contents2 .bg_blue h4::before,#contents2 .bg_blue h4::after,#contents2 .bg_green h4::before,#contents2 .bg_green h4::after{width:30px;}
}
#up{position:fixed;right:2%;bottom:10%;z-index:9;}
#up a{background:#be1f20;padding:20px 10px;border-radius:5px;color:#fff;text-decoration:none;font-size:1.2em;}