/* phone */
@media screen and (max-width:768px) {
.wrap{width:320px;margin:20px auto 0px auto;}
.wrap:after{content:"";clear:both;display:block;}
.left{width:320px;float:left;margin-right:20px;}
header{width:320px;float:left;position:relative;}
h1{text-indent:-999em;white-space:nowrap;overflow:hidden;background-image:url("../images/asset%208.png");background-repeat:no-repeat;background-size:cover;width:100px;height:100px;background-position:bottom;margin:70px auto 20px auto;}
h1:hover{opacity:0.8;}
nav{width:320px;float:left;position:absolute;top:0;padding-left:7px;}
.lnb{width:320px;padding-bottom:20px;line-height:3em;}
.lnb li{float:left;padding:0px 7px 0px 7px;font-size:12px;border-bottom:1px solid #ccc;}
.lnb a{color:#34ac98;display:block;}
.lnb a:hover{color:coral;} 
    
.social{float:left;width:180px;display:none;}
.social a{color:#34ac98;}
.social a:hover{color:coral;}
.latest{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.latest h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.latest p:hover{background:rgba(74, 141, 136, 0.2);}
.latest p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:10px;}
.latest img{float:left;margin-top:20px;margin-left:10px;}
.let{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.let h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.let img+p:hover{background:rgba(74, 141, 136, 0.2);}
.let img+p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:15px;}
.let img{float:left;margin-top:20px;margin-left:10px;}
.let p:nth-child(1){color:gray;line-height:1.8em;margin-top:10px;}

.right{width:320px;float:left;}
.sec1{width:320px;float:left;border-bottom:1px solid lightgray;padding-bottom:20px;}
.sec1 h2{line-height:1.7em;font-size:30px;background-image:url("../images/page-contribute.png");background-repeat:no-repeat;background-position:0px -110px;width:320px;text-indent:60px;}
.sec1 p{width:320px;padding-top:10px;line-height:1.8em;font-style:italic;}
.sec1 p+p{font-weight:bold;font-style:normal;color:#333333;}

.sec2{width:320px;float:left;}
.sec2 a{color:#34ac98;border-bottom:1px dotted #34ac98;}
.sec2 a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.sec2 div{padding-top:10px;}
.sec2 p{line-height:1.6em;padding-bottom:20px;font-size:15px;}
.sec2 h3{line-height:1.5em;font-size:18px;color:#333333;padding-bottom:15px;}
.sec2 span{font-weight:bold;color:#333333;}
.gallery p:last-child{font-size:12px;line-height:2.2em;padding-top:20px;color:gray;}
.gallery h3+p{padding-bottom:15px;}
.gallery h3{margin-top:20px;}
    
.sec3{width:320px;float:right;}
.sec3 h4{font-weight:400;font-style:italic;}
.contact{padding-bottom:20px;}
.contact h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;}
.contact p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.contact a{color:#34ac98;border-bottom:1px dotted #ccc;}
.contact a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.FAQs h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.FAQs p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.newsletter{padding-top:30px;}
.newsletter h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.newsletter p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
form input:nth-child(2){margin-top:20px;}
form input{height:23px;margin-bottom:10px;}
form input+input{width:80px;font-weight:bold;background:white;border-radius:5px;}
    
footer{width:320px;float:left;clear:both;margin-top:20px;border-top:1px solid lightgray;padding-top:10px;font-size:11px;line-height:1.5em;padding-bottom:20px;margin-top:50px;}
.text{width:200px;float:left;margin-top:10px;padding-left:10px;font-size:10px;}
.text li:after{content:"ã…£";color:gray;}
.text ul li:last-child:after{content:" ";}
.text li{display:inline;float:left;}
.text ul li a{color:#34ac98;}
.text p{float:left;}
.text a:hover{color:coral;}
.icon{width:120px;float:right;}
.icon li{display:inline-block;opacity:0.5;margin-right:-10px;}
.icon li:hover{opacity:1;}
.icon ul li:first-child{background-image:url("../images/asset%2017.png");background-repeat:no-repeat;width:40px;height:40px;background-size:150%;background-position:-5px 10px;}
.icon ul li:nth-child(2){background-image:url("../images/asset%2018.png");background-repeat:no-repeat;width:40px;height:40px;background-size:150%;background-position:-5px 10px;}
.icon ul li:last-child{background-image:url("../images/asset%2019.png");background-repeat:no-repeat;width:30px;height:30px;background-size:cover;background-position:1px 0px;margin-left:10px;}   
}
/* phone */


/* tablet */
@media screen and (min-width:769px) and (max-width:1024px) {
.wrap{width:712px;margin:20px auto 0px auto;}
.wrap:after{content:"";clear:both;display:block;}
.left{width:712px;float:left;margin-right:20px;}
header{width:712px;float:left;}
h1{text-indent:-999em;white-space:nowrap;overflow:hidden;background-image:url("../images/asset%208.png");background-repeat:no-repeat;background-size:cover;width:100px;height:100px;background-position:bottom;float:left;}
h1:hover{opacity:0.8;}
nav{width:450px;float:right;}
.lnb{float:left;padding-top:30px;padding-bottom:30px;line-height:4em;font-style:italic;}
.lnb li{float:left;padding:15px 10px 0px 15px;}
.lnb a{color:#34ac98;display:block;}
.lnb a:hover{color:coral;}
.lnb li:first-child{background-image:url("../images/asset%209.png");background-repeat:no-repeat;background-position:center top;}
.lnb li:first-child:hover{background-position:8px;}
.lnb li:nth-child(2){background-image:url("../images/asset%2010.png");background-repeat:no-repeat;background-position:center top;}
.lnb li:nth-child(2):hover{background-position:8px;}
.lnb li:nth-child(3){background-image:url("../images/asset%2011.png");background-repeat:no-repeat;background-position:center top;}
.lnb li:nth-child(3):hover{background-position:8px;}
.lnb li:nth-child(4){background-image:url("../images/asset%2012.png");background-repeat:no-repeat;background-position:center top;}
.lnb li:nth-child(4):hover{background-position:8px;}
.lnb li:last-child{background-image:url("../images/asset%2013.png");background-repeat:no-repeat;background-position:center top;}
.lnb li:last-child:hover{background-position:8px;}
    
.social{float:left;width:180px;display:none;}
.social a{color:#34ac98;}
.social a:hover{color:coral;}
.latest{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.latest h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.latest p:hover{background:rgba(74, 141, 136, 0.2);}
.latest p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:10px;}
.latest img{float:left;margin-top:20px;margin-left:10px;}
.let{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.let h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.let img+p:hover{background:rgba(74, 141, 136, 0.2);}
.let img+p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:15px;}
.let img{float:left;margin-top:20px;margin-left:10px;}
.let p:nth-child(1){color:gray;line-height:1.8em;margin-top:10px;}

.right{width:712px;float:left;}
.sec1{width:712px;float:left;border-bottom:1px solid lightgray;padding-bottom:20px;}
.sec1 h2{line-height:1.7em;font-size:30px;background-image:url("../images/page-contribute.png");background-repeat:no-repeat;background-position:0px -110px;width:712px;text-indent:60px;}
.sec1 p{width:712px;padding-top:10px;line-height:1.8em;font-style:italic;}
.sec1 p+p{font-weight:bold;font-style:normal;color:#333333;}

.sec2{width:492px;float:left;}
.sec2 a{color:#34ac98;border-bottom:1px dotted #34ac98;}
.sec2 a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.sec2 div{padding-bottom:10px;padding-top:30px;}
.sec2 p{line-height:1.6em;padding-bottom:20px;font-size:15px;}
.sec2 h3{line-height:2em;font-size:18px;color:#333333;padding-bottom:15px;}
.sec2 span{font-weight:bold;color:#333333;}
.gallery p:last-child{font-size:12px;line-height:2.3em;padding-top:20px;color:gray;}
.gallery h3+p{padding-bottom:15px;}


.sec3{width:210px;float:right;padding-top:30px;}
.sec3 h4{font-weight:400;font-style:italic;}
.contact{padding-bottom:20px;}
.contact h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;}
.contact p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.contact a{color:#34ac98;border-bottom:1px dotted #ccc;}
.contact a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.FAQs h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.FAQs p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.newsletter{padding-top:30px;}
.newsletter h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.newsletter p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
form input:nth-child(2){margin-top:20px;}
form input{height:23px;margin-bottom:10px;}
form input+input{width:80px;font-weight:bold;background:white;border-radius:5px;}

footer{width:712px;float:left;clear:both;border-top:1px solid lightgray;padding-top:10px;font-size:12px;line-height:1.5em;padding-bottom:20px;}
.text{width:300px;float:left;margin-top:10px;}
.text li:after{content:"ã…£";color:gray;}
.text ul li:last-child:after{content:" ";}
.text li{display:inline;float:left;}
.text ul li a{color:#34ac98;}
.text p{float:left;}
.text a:hover{color:coral;}
.icon{width:200px;float:right;}
.icon li{display:inline-block;opacity:0.5;}
.icon li:hover{opacity:1;}
.icon ul li:first-child{background-image:url("../images/asset%2017.png");background-repeat:no-repeat;width:50px;height:50px;background-size:150%;background-position:-10px 10px;}
.icon ul li:nth-child(2){background-image:url("../images/asset%2018.png");background-repeat:no-repeat;width:50px;height:50px;background-size:150%;background-position:-10px 10px;}
.icon ul li:last-child{background-image:url("../images/asset%2019.png");background-repeat:no-repeat;width:40px;height:40px;background-size:cover;background-position:2px 0px;margin-left:10px;}
}
/* tablet */


/* pc */
@media screen and (min-width:1025px) {
.wrap{width:1100px;margin:40px auto 0px auto;}
.wrap:after{content:"";clear:both;display:block;}
.left{width:180px;float:left;margin-right:20px;}
header{width:180px;float:left;}
h1{text-indent:-999em;white-space:nowrap;overflow:hidden;background-image:url("../images/asset%208.png");background-repeat:no-repeat;background-size:cover;width:100px;height:100px;background-position:bottom;float:left;}
h1:hover{opacity:0.8;}
nav{width:180px;float:left;}
.lnb{width:180px;float:left;padding-top:30px;padding-bottom:50px;text-indent:40px;line-height:4em;font-style:italic;}
.lnb li{line-height:3.2em;float:left;}
.lnb a{color:#34ac98;display:block;}
.lnb a:hover{color:coral;}
.lnb li:first-child{background-image:url("../images/asset%209.png");background-repeat:no-repeat;background-position:0px center;}
.lnb li:first-child:hover{background-position:8px;}
.lnb li:nth-child(2){background-image:url("../images/asset%2010.png");background-repeat:no-repeat;background-position:0px center;}
.lnb li:nth-child(2):hover{background-position:8px;}
.lnb li:nth-child(3){background-image:url("../images/asset%2011.png");background-repeat:no-repeat;background-position:0px center;}
.lnb li:nth-child(3):hover{background-position:8px;}
.lnb li:nth-child(4){background-image:url("../images/asset%2012.png");background-repeat:no-repeat;background-position:0px center;}
.lnb li:nth-child(4):hover{background-position:8px;}
.lnb li:last-child{background-image:url("../images/asset%2013.png");background-repeat:no-repeat;background-position:0px center;}
.lnb li:last-child:hover{background-position:8px;}


.social{float:left;width:180px;}
.social a{color:#34ac98;}
.social a:hover{color:coral;}
.latest{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.latest h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.latest p:hover{background:rgba(74, 141, 136, 0.2);}
.latest p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:10px;}
.latest img{float:left;margin-top:20px;margin-left:10px;}
.let{width:180px;float:left;padding-bottom:30px;font-size:12px;}
.let h4{border-bottom:dotted 1.5px lightgray;font-weight:300;}
.let img+p:hover{background:rgba(74, 141, 136, 0.2);}
.let img+p{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px;text-indent:15px;}
.let img{float:left;margin-top:20px;margin-left:10px;}
.let p:nth-child(1){color:gray;line-height:1.8em;margin-top:10px;}

.right{width:900px;float:right;}
.sec1{width:900px;float:left;border-bottom:1px solid lightgray;padding-bottom:20px;}
.sec1 h2{line-height:1.7em;font-size:30px;background-image:url("../images/page-contribute.png");background-repeat:no-repeat;background-position:0px -110px;width:900px;text-indent:60px;}
.sec1 p{width:660px;padding-top:10px;line-height:1.8em;font-style:italic;}
.sec1 p+p{font-weight:bold;font-style:normal;color:#333333;}

.sec2{width:660px;float:left;}
.sec2 a{color:#34ac98;border-bottom:1px dotted #34ac98;}
.sec2 a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.sec2 div{padding-bottom:10px;padding-top:30px;}
.sec2 p{line-height:1.6em;padding-bottom:20px;font-size:15px;}
.sec2 h3{line-height:2em;font-size:18px;color:#333333;padding-bottom:15px;}
.sec2 span{font-weight:bold;color:#333333;}
.gallery p:last-child{font-size:12px;line-height:2.7em;padding-top:20px;color:gray;}
.gallery h3+p{padding-bottom:15px;}


.sec3{width:210px;float:right;padding-top:30px;}
.sec3 h4{font-weight:400;font-style:italic;}
.contact{padding-bottom:20px;}
.contact h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;}
.contact p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.contact a{color:#34ac98;border-bottom:1px dotted #ccc;}
.contact a:hover{color:coral;background:rgba(74, 141, 136, 0.2);}
.FAQs h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.FAQs p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
.newsletter{padding-top:30px;}
.newsletter h4{color:gray;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.newsletter p{font-size:12px;line-height:2em;color:gray;padding-top:10px;}
form input:nth-child(2){margin-top:20px;}
form input{height:23px;margin-bottom:10px;}
form input+input{width:80px;font-weight:bold;background:white;border-radius:5px;}


footer{width:1100px;float:left;clear:both;margin-top:20px;border-top:1px solid lightgray;padding-top:10px;font-size:12px;line-height:1.5em;padding-bottom:20px;margin-top:50px;}
.text{width:300px;float:left;margin-top:10px;}
.text li:after{content:"ã…£";color:gray;}
.text ul li:last-child:after{content:" ";}
.text li{display:inline;float:left;}
.text ul li a{color:#34ac98;}
.text p{float:left;}
.text a:hover{color:coral;}
.icon{width:200px;float:right;}
.icon li{display:inline-block;opacity:0.5;}
.icon li:hover{opacity:1;}
.icon ul li:first-child{background-image:url("../images/asset%2017.png");background-repeat:no-repeat;width:50px;height:50px;background-size:150%;background-position:-10px 10px;}
.icon ul li:nth-child(2){background-image:url("../images/asset%2018.png");background-repeat:no-repeat;width:50px;height:50px;background-size:150%;background-position:-10px 10px;}
.icon ul li:last-child{background-image:url("../images/asset%2019.png");background-repeat:no-repeat;width:40px;height:40px;background-size:cover;background-position:2px 0px;margin-left:10px;}
}
/* pc */