@charset "utf-8";
/*----------------------------------------------------- */
/*　主な活動３つの柱 共通
/*----------------------------------------------------- */
article.lead {
    width: 100%;
    height: auto;
    min-height: 3.87rem;
    padding: .5rem 0;
    margin-bottom: .8rem;
    /*background: url("/images/activity/society/bg-society.jpg") center center no-repeat;*/
    /*background-size: cover;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
article.lead p {
    width: 11.4rem;
    padding-left: 2.65rem;
    margin: 0 auto;
    text-shadow: 0 0 .1rem #fff;
    /*font-size: 1.5em;*/
 font-size: 1.3em;
    line-height: 1.8;
}
ul.list-3column {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .6rem;
}
ul.list-3column li {
    width: calc(100% / 3 - .4rem);
}
ul.list-3column li figure {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    display: block;
}
@media screen and (max-width:768px) {
 ul.list-3column li figure {
  width: 100%;
  height: 100%;
 }
}
ul.list-3column li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
 border-radius: 100vh;
}
ul.list-3column li dt {
    margin: .3rem auto;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
}
ul.list-3column li dd {
    font-size: 1.125em;
    line-height: 1.33em;
}
.banner img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: .8rem auto;
    display: block;
}
.section_bnr {
 margin-top: 1rem;
}
.section_bnr .comm_bnr{
 display: block;
}
.section_bnr .comm_bnr p + p{
 margin-top: 0.5rem;
}
.section_bnr .sp_bnr{
 display: none;
}
@media screen and (max-width:768px) {
 .section_bnr .comm_bnr{
 display: none;
}
 .section_bnr .sp_bnr{
 display: block;
}
 .section_bnr .sp_bnr p + p{
 margin-top: 0.3rem;
}
}

@media screen and (max-width:768px) { /* スマホの場合 */
    article.lead {
        width: 100%;
        height: auto;
        padding: .1rem;
        /*background: url("/images/activity/society/bg-society.jpg") left bottom no-repeat, #d1f1fd;*/
        background-size: cover;
        display: block;
        position: relative;
    }
    article.lead p {
        width: 95%;
        padding-left: 0;
        margin: 0 auto;
        font-size: 1.25em;
    }
    ul.list-3column {
        gap: .6rem .4rem;
    }
    ul.list-3column li {
        width: calc(100% / 2 - .2rem);
    }
    ul.list-3column li dt {
        font-size: 1.25em;
    }
}
/*----------------------------------------------------- */
/*　安⼼して働きくらせる社会づくり
/*----------------------------------------------------- */
.page-slug-primary-society article.lead{
 background: url("/images/activity/page-header-society.png") center center no-repeat;
 background-size: cover;
}
@media screen and (max-width:768px) {
.page-slug-primary-society article.lead{
 background: url("/images/activity/page-header-society.png") center bottom no-repeat, #d1f1fd;
 background-size: cover;
}
}
.page-slug-primary-society .list-archive-tab .categoryselect li{
 min-width: calc(100% / 7 - .08rem);
}
@media screen and (max-width:768px) {
.page-slug-primary-society .list-archive-tab .categoryselect li{
 min-width: auto;
}
}

/*----------------------------------------------------- */
/*　奨学金制度改善・教育費負担軽減（安⼼して働きくらせる社会づくり）
/*----------------------------------------------------- */
.page-slug-scholarship_program section.lead{
 font-size: 1.5em;
}
.page-slug-scholarship_program section.lead img {
 margin-bottom: 20px;
}
.page-slug-scholarship_program section.lead p{
 line-height: 1.6em;
 font-weight: 300;
}
.page-slug-scholarship_program section.shogakukinsoudan2022 {
 
}
.page-slug-scholarship_program section.shogakukinsoudan2022 p:nth-of-type(1){
 margin-bottom: 20px;
}
.page-slug-scholarship_program section.shogakukinsoudan2022 .img_box {
 text-align: center;
}
.page-slug-scholarship_program section.shogakukinsoudan2022 img{
 width: 800px;
}
.page-slug-scholarship_program .link-relatepages {
 margin-top: 0.5rem;
}
.page-slug-scholarship_program .link-relatepages ul.investigation{
 display: flex;
 justify-content: center;
}
.page-slug-scholarship_program .link-relatepages ul.study{
 display: flex;
 justify-content: center;
}
.page-slug-scholarship_program .link-relatepages ul.study li{
 width: calc(11rem / 2);
}

.page-slug-scholarship_program .participating-project {
 
}
.page-slug-scholarship_program .participating-project h3.h3-02{
 text-align: center;
}
.page-slug-scholarship_program .participating-project p.project_year{
 margin-bottom: 5px;
 background: #37a5d5;
 display: inline;
 color: #FFF;
 padding: 2px 20px;
}
.page-slug-scholarship_program .participating-project p.project_year+h4{
 margin-top: 0;
}
.page-slug-scholarship_program .participating-project .project-summary{
 padding-bottom: 40px;
}
.page-slug-scholarship_program .participating-project .project-summary:nth-of-type(1){
 border-bottom: dotted 2px var(--color-blue);
}
.page-slug-scholarship_program .participating-project .project-summary .project-summary-inner {
 display: flex;
 flex-wrap: wrap;
}
.page-slug-scholarship_program .participating-project .project-summary .project-summary-inner p:nth-of-type(1){
 width: 52%;
 padding-right: 0.3rem;
}
@media screen and (max-width:768px) {
 .page-slug-scholarship_program .participating-project .project-summary .project-summary-inner p:nth-of-type(1){
 width: 100%;
 padding-right: 0;
}
}
.page-slug-scholarship_program .participating-project .project-summary .project-summary-inner p:nth-of-type(2){
 width: 48%;
}
@media screen and (max-width:768px) {
 .page-slug-scholarship_program .participating-project .project-summary .project-summary-inner p:nth-of-type(2){
 width: 100%;
}
}
.page-slug-scholarship_program .participating-project .project-summary .project-summary-inner img{
 width: 100%;
}
.page-slug-scholarship_program .ended-initiatives {
 
}
.page-slug-scholarship_program .ended-initiatives h3.h3-03{
 font-size: 1.2em;
 background: #FFF;
 padding: 10px;
 text-align: center;
 border-radius: 100vh;
 color: var(--color-blue);
}

/*--------------------------------------------------------------------- */
/*　調査研究資料（安⼼して働きくらせる社会づくり／奨学金制度改善・教育費負担軽減）
/*--------------------------------------------------------------------- */
.page-slug-research_materials {
 
}
/*--------------------------------------------------------------------- */
/*　教育費負担軽減へ向けての研究会（安⼼して働きくらせる社会づくり／奨学金制度改善・教育費負担軽減）
/*--------------------------------------------------------------------- */
.page-slug-research_group {
 
}
.page-slug-research_group dl{
 display: flex;
 flex-wrap: wrap;
}
.page-slug-research_group dt,
.page-slug-research_group dd {
 padding: 10px;
 margin-bottom: 3px;
}
.page-slug-research_group dt{
 width: 15%;
 background: #f9f8f3;
}
@media screen and (max-width:768px) {
 .page-slug-research_group dt{
 width: 100%;
}
}
.page-slug-research_group dd{
 width: 85%;
}
@media screen and (max-width:768px) {
 .page-slug-research_group dd{
 width: 100%;
}
}
.page-slug-research_group ul,
.page-slug-research_group ol {
 padding-left: 2em;
}
.page-slug-research_group ul{
 list-style: disc;
}
.page-slug-research_group ol{
 list-style: decimal;
}

/*----------------------------------------------------- */
/*　福祉事業の促進と共助の輪の拡⼤
/*----------------------------------------------------- */
.page-slug-primary-welfare {
 
}
.page-slug-primary-welfare article.lead{
 background: url("/images/activity/page-header-welfare.png") center center no-repeat;
 background-size: cover;
}
@media screen and (max-width:768px) {
.page-slug-primary-welfare article.lead{
 background: url("/images/activity/page-header-welfare.png") center bottom no-repeat, #d1f1fd;
 background-size: cover;
}
}
.page-slug-primary-welfare .list-archive-tab .categoryselect li{
 min-width: calc(100% / 5 - .08rem);
}
@media screen and (max-width:768px) {
.page-slug-primary-welfare .list-archive-tab .categoryselect li{
 min-width: auto;
}
}
/*----------------------------------------------------- */
/*　地域共⽣社会づくり
/*----------------------------------------------------- */
.page-slug-primary-community {
 
}
.page-slug-primary-community article.lead{
 background: url("/images/activity/page-header-community.png") center center no-repeat;
 background-size: cover;
}
@media screen and (max-width:768px) {
.page-slug-primary-community article.lead{
 background: url("/images/activity/page-header-community.png") center bottom no-repeat, #d1f1fd;
 background-size: cover;
}
}
/*.page-slug-primary-community .section_bnr{
 margin-top: 1rem;
}
.page-slug-primary-community .section_bnr div:nth-of-type(1){
 margin-bottom: 40px;
}*/
.page-slug-primary-community .list-archive-tab .categoryselect li{
 min-width: calc(100% / 5 - .08rem);
}
@media screen and (max-width:768px) {
.page-slug-primary-community .list-archive-tab .categoryselect li{
 min-width: auto;
}
}

/*----------------------------------------------------- */
/* 生活困窮者支援（地域共⽣社会づくり）
/*----------------------------------------------------- */
.povertysupport {
	
}
.povertysupport .photoBox{
	width: 10.2rem;
	height:549px;
 background-size: 1020px auto;
	background-image: url(/images/povertysupport/mainphoto.png);
	margin-bottom:50px;
	position:relative;
 margin: 0 auto 50px;
}
@media screen and (max-width:768px) {
 .povertysupport .photoBox{
 width: 100%;
  height: auto;
  background-image: none;
 background-size: 100%;
 }
}
.povertysupport .photoBox h2{
	text-indent:-9999px;
}
@media screen and (max-width:768px) {
.povertysupport .photoBox h2.povertysupport-h2{
	text-indent:0;
 font-size: 1.5em;
 background:  var(--color-blue);
 color: #FFF;
 padding: 10px;
 margin: 0 0 20px;
 font-weight: 500;
}
}
.povertysupport .photoBox p{
	position:absolute;
	top: 150px;
 left: 320px;
 width: 650px;
}
@media screen and (max-width:768px) {
 .povertysupport .photoBox p{
  position: static;
  width: 100%;
 }
}
.povertysupport .commentaryBox{
	margin-bottom:30px;
}
.povertysupport .commentaryBox .heading001{
	height:70px;
	background-image: url(/images/povertysupport/heading001.png);
 background-size: 100%;
	margin-bottom:30px;
	position:relative;
}
@media screen and (max-width:768px) {
 .povertysupport .commentaryBox .heading001{
  height:70px;
  background: #e1f3fb;
  background-size: 100%;
 }
}
.povertysupport .commentaryBox .heading001 p{
	font-weight:bold;
	font-size: 1.6em;
 padding-left: 70px;
 padding-top: 10px;
	/*position: absolute;
	top: 20px;
	left: 60px;*/
}
@media screen and (max-width:768px) {
.povertysupport .commentaryBox .heading001 p{
	font-size: 1.5em;
 padding-left: 20px;
 padding-top: 10px;
}
}
.povertysupport .commentaryBox h3+p{
	margin-bottom:40px;
}
.povertysupport .commentaryBox .question{
	margin-top:55px;
	background-color:#f5f5f5;
	background-image: url(/images/povertysupport/icon001.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding:40px 30px 30px 30px;
}
.povertysupport .commentaryBox .question h4{
	font-size:22px;
	font-weight:bold;
 margin:0; 
 margin-top: 10px;
 margin-bottom: 20px;
	margin-left: 30px;
}
.povertysupport .heading002{
	height:42px;
	background-image: url(/images/povertysupport/heading002.png);
 background-size: 100%;
	position:relative;
	margin-bottom:20px;
}
@media screen and (max-width:768px) {
 .povertysupport .heading002{
  background:  var(--color-blue);
 }
}
.povertysupport .heading002 p{
	color:#FFF;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 15px;
}

.povertysupport .item_box{
margin-bottom: 60px;
}
.povertysupport .item_box .articleBox {
	border-bottom:dashed 1px #999;
	overflow: auto;
		margin-bottom:20px;
}
.povertysupport .item_box .articleBox:after{
	content:"";
}
.povertysupport .item_box .articleBox .thumb{
	width:250px;
	float:left;
	margin-right:25px;
}
@media screen and (max-width:768px) {
 .povertysupport .item_box .articleBox .thumb{
  width: 100%;
  clear: both;
  margin-right:0;
  margin-bottom: 10px;
 }
}
.povertysupport .item_box .articleBox .detail{
 width: calc(100% - 275px);
	float:left;
	margin-bottom:20px;
}
@media screen and (max-width:768px) {
 .povertysupport .item_box .articleBox .detail{
  width: 100%;
  clear: both;
 }
}
.povertysupport .item_box .articleBox .detail:after{

}
.povertysupport .item_box .articleBox .date{
	background-color:#f0f0f0;
	display:inline-block;
	font-size:14px;
	padding: 3px 7px;
	margin-bottom:10px;
}
.povertysupport .item_box .articleBox .title{
	margin-bottom:10px;
}
.povertysupport .item_box .articleBox .title a{
	font-size:1.1em;
	font-weight:bold;
}
.povertysupport .item_box .articleBox .text{
	
}

.povertysupport .leadmore{
	/*height:35px;*/
	text-align:center;
	background-color:#f5f5f5;
	font-weight:bold;
	padding:10px 0;
	cursor:pointer;
	position:relative;
}

.povertysupport .leadmore span{
	display: inline-block;
	width: 13px;
	height: 13px;
	border: 4px solid;
	border-color:  transparent transparent #33b0e5 #33b0e5;
	transform: rotate(-45deg);
	margin-right: 10px;
	position: relative;
	top: -1px;
}
.povertysupport .clicked span{
	border-color:  #33b0e5 #33b0e5 transparent transparent;
	transform: rotate(-45deg);
	position: relative;
	top: 10px;
}
