/* CSS Document */
.aboutInner { width:1000px; margin:0 auto; margin-bottom:80px; color:#3e3a39;}
.aboutStaff { width:1000px; margin:0 auto; margin-bottom:0; color:#3e3a39;}
.titlebg{ height:170px; min-width:1000px; font-weight:bold; color:#FFF; background:url("../img/donation/bg.png") no-repeat right top;  border-bottom: 2px solid #1CA97D;}
@media screen and (max-width: 768px) {
.aboutInner { width:100%; margin:0 auto; margin-bottom:80px; color:#3e3a39;}
.aboutStaff { width:100%; margin:0 auto; margin-bottom:0; color:#3e3a39; padding:0 5%; box-sizing:border-box;}
.titlebg{ height:170px; min-width:320px; width:100%; font-weight:bold; color:#FFF; background:url("../img/donation/bg.png") no-repeat right top;  border-bottom: 2px solid #1CA97D;}
.titlebg .pageTitle{ padding:0 5%; box-sizing:border-box; width:100%; text-align:center;}
.titlebg .pageTitle img{ width:100%; height:auto; max-width:300px; margin:0 auto;}
}

.aboutStaff .stafftext{ text-align:center;}
@media screen and (max-width: 768px) {
	.aboutStaff .stafftext{ text-align:left; font-size:15px;}
}
.txtBox{ width:1000px; margin:0 auto;}
.txtBox .imgR{ float:right; margin-top:-50px; padding:0 0 30px 30px;}
.txtBox .imgL{ float:left; margin-top:-50px; padding:0 30px 100px 0;}
.concepttext01{ margin-top:100px;}
.concepttext02{ margin-top:100px;}
@media screen and (max-width: 768px) {
.txtBox{ width:100%; margin:0 auto;}
.txtBox .imgR{ float:none; margin-top:0; padding:0;}
.txtBox .imgL{ float:none; margin-top:0; padding:0;}
.concepttext01{ margin-top:30px;}
.concepttext01 img{ display:block; margin:0 auto 30px;}
.concepttext02{ margin-top:50px;}
.concepttext02 img{ display:block; margin:0 auto 30px;}
}

.concept { width:100%; min-width:1000px; background-color:#FFFEFC; border-bottom:1px solid #FFF9EF; }
.aboutInner .rBox { width:399px; float:right; }
.aboutInner .lBox { width:600px; float:left; padding-top:90px;}
.concepttext01 { padding-bottom:32px;}
.conceptList { background-color: #FFF9EF; height:122px; width:574px; padding:23px 0 0 98px; box-sizing:border-box;}
.conceptList li{ font-weight:bold;}
@media screen and (max-width: 768px) {
.concept { width:90%; min-width:320px; background-color:#FFFEFC; border-bottom:1px solid #FFF9EF; padding:0 5%;}
.aboutInner .rBox { width:100%; float:none; max-width:400px; margin:0 auto;}
.aboutInner .rBox img{ width:100%;}
.aboutInner .lBox { width:100%; float:none; padding-top:90px;}
.conceptList { background-color: #FFF9EF; height:auto; width:100%; padding:23px 20px ; box-sizing:border-box;}
}


.activity { background-color:#FFFEFC; border-bottom:1px solid #FFF9EF; border-top:1px solid #FFF9EF;}
.activitytext01 { padding-left:40px; font-weight:bold; width:428px; float:left; padding-top:20px;}
.activitytext02 { padding-right:100px; font-weight:bold; width:370px; float:right; padding-top:20px;}
.activitytext03 { padding-left:40px; font-weight:bold; width:428px; float:left;}
.activitytext04 { padding-right:100px; font-weight:bold; width:370px; float:right;}
.activitytextbg { background-color:#FFF9EF; height:96px; margin-top:30px;}
.activity .activityList { margin-top:30px;}
.activity .activityList li{background-color:#FFF9EF; width:30%; float:left; margin-right:5%; padding:20px; box-sizing:border-box; text-align:center;}
.activity .activityList li:last-child{ margin-right:0;}
@media screen and (max-width: 768px) {
.activity { background-color:#FFFEFC; border-bottom:1px solid #FFF9EF; border-top:1px solid #FFF9EF; }
.activity .aboutInner{ width:100%; padding:0 5%; box-sizing:border-box;}
.activity .activityList { margin-top:30px;}
.activity .activityList li{background-color:#FFF9EF;text-align:left; margin-bottom:15px; width:100%;}
.activity .activityList li:last-child{ margin-right:0; margin-bottom:0;}
}
.kouza{ border:1px dotted #1daa7e; padding:30px 50px; border-radius:10px; margin:50px 0 80px;}
@media screen and (max-width: 768px) {
.kouza{ border:1px dotted #1daa7e; padding:15px 30px; border-radius:10px; margin:50px 0 80px;}
.kouza table tr td{ display:block;}
.kouza table tr td:first-child{ font-weight:bold;}
.kouza table tr td:last-child{ padding-bottom:15px;}
}
.staff01 { padding-top:30px;}
.staff01 .title02{ text-align:center;}
.staff01 .mvDate{ text-align:center;}
.line { border-top:1px solid #DADBDB;}
.mv { text-align:center; padding-top:0; padding-bottom:74px;}
.recruitment { background-color:#FFFEFC; border-bottom:1px solid #FFF9EF; border-top:1px solid #FFF9EF; padding:80px 0;}
.text { width:1000px; font-weight:bold; text-align:center; font-size:20px; color:#595757;  line-height:60px; margin-bottom:106px;}