@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

		事業紹介

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/****************************************************************************************************************************
北区文化振興財団について
****************************************************************************************************************************/

article.under section.faq_page .faq_ttl{
  background: #f3f3f3;
  position:relative;
  padding:40px 0;

}

article.under section.faq_page .faq_ttl:before{
content:"";
width: 100%;
height:5px;
position:absolute;
top:0px;

background: #f490c7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f490c7 0%, #eb846c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f490c7 0%,#eb846c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f490c7 0%,#eb846c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f490c7', endColorstr='#eb846c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

article.under section.faq_page ul.nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

article.under section.faq_page ul.nav li{
  width: 200px;
  border:1px solid #ccc;
  text-align: center;
  margin:50px auto 80px auto;
  }

article.under section.faq_page ul.nav li a{
  padding:50px 0;
  display: block;
  width: 100%;
  height:100%;
  position:relative;
}

article.under section.faq_page ul.nav li a:hover{
      filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

article.under section.faq_page ul.nav li a:hover:before{
  content:"";
  background:#ccc;
  width:100%;
  position:absolute;
  height: 5px;
  box-sizing: border-box;
  bottom:0;
  right:0;
  left:0;
    background: #f490c7;
    background: -moz-linear-gradient(-45deg, #f490c7 0%, #eb846c 100%);
    background: -webkit-linear-gradient(-45deg, #f490c7 0%,#eb846c 100%);
    background: linear-gradient(135deg, #f490c7 0%,#eb846c 100%);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}

article.under section.faq_page ul.nav li a:hover:after{
  color:#f490c7;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}

article.under section.faq_page ul.nav li a:after{
  font-family:FontAwesome;
  content:"\f107";
  display: block;
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
}

article.under section.faq_page dl{
  margin-bottom:70px;
}

article.under section.faq_page dl dt{
  background:#f3f3f3;
  color:#e07793;
  font-size:21px;
  margin-bottom:30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  flex:1;
  position:relative;
    padding:10px;
}

article.under section.faq_page dl dt:before{
  content:"Q";
  color:#fff;
  display: block;
  background:#e07793;
  width: 70px;
  height: 100%;
  margin-right:20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  position:absolute;
  left:0;
  top:0;
}

article.under section.faq_page dl dt p{
  margin-left: 80px;
}

article.under section.faq_page dl dd{
  background:#f3f3f3;

  margin-bottom:30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  flex:1;
  position:relative;
  padding:10px;
}

article.under section.faq_page dl dd p{
  margin-left: 80px;
}

article.under section.faq_page dl dd:before{
  content:"A";
  font-size:21px;
  color:#fff;
  display: block;
  background:#ed927d;
  width: 70px;
  height: 100%;
  margin-right:20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  position:absolute;
  left:0;
  top:0;
}

article.under section.faq_page h2{
  font-size:28px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  margin-bottom:20px;
}










article.under section.enjoy_kitaku_page .subttl{
background: #f490c7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f490c7 0%, #eb846c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f490c7 0%,#eb846c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f490c7 0%,#eb846c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f490c7', endColorstr='#eb846c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff;
  padding:20px 0;
margin-bottom:30px;
font-size:23px;
}

article.under section.enjoy_kitaku_page .pdf h2{
  margin:30px auto;
  font-size:28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

article.under section.enjoy_kitaku_page .pdf h2:before,article.under section.enjoy_kitaku_page .pdf h2:after{
  content:"";
  background: url(../img/enjoy_kitaku/ttl_sakura.png);
  background-repeat: no-repeat;
  height:26px;
  width: 26px;
  margin:10px;
  display: inline-block;
}

article.under section.enjoy_kitaku_page .pdf > ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

article.under section.enjoy_kitaku_page .pdf > ul li{
  width: 210px;
  margin-right:115px;
  margin-bottom:100px;
}

article.under section.enjoy_kitaku_page .pdf > ul li:nth-child(3n){
  margin-right:0;
  }

article.under section.enjoy_kitaku_page .pdf > ul li .img img{
  border:1px solid #9e9e9f;
}

article.under section.enjoy_kitaku_page .pdf > ul li .pdf_ttl{
  font-size:14px;
  text-align: left;
  line-height: 1.3em;
  margin-bottom: 10px;
}

article.under section.enjoy_kitaku_page .pdf > ul li .pdf_link{
width: 100%;
    background: #e07793;
   display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center; 

}

article.under section.enjoy_kitaku_page .pdf > ul li .pdf_link a{
  margin:0 auto;
  padding:5px 0;
  background: #e07793;
  color: #fff;
  font-size:13px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

article.under section.enjoy_kitaku_page .pdf > ul li .pdf_link a:before{
  background: url(../img/enjoy_kitaku/pdf_icon.png);
  content:"";
  background-repeat: no-repeat;
  height:26px;
  width: 26px;
  display: inline-block;
  padding-right:5px;
}

article.under section.enjoy_kitaku_page .pdf > ul li .number{
  display: block;
  text-align: left;
  position:relative;
  color:#fff;
}

article.under section.enjoy_kitaku_page .pdf > ul li .number p{
  z-index: 2;
  position:relative;
  top:8px;
  left:-2px;
}

article.under section.enjoy_kitaku_page .pdf > ul li .number:before{
  display: block;
  content: url(../img/enjoy_kitaku/ttl_sakura2.png);
  background-repeat: no-repeat;
  text-align: left;
  position:absolute;
  top: -10px;
  left:-13px;
  width: 53px;
  height:55px;
}


article.under section.enjoy_kitaku_page .back_number {
  background: #f3f3f3;
  padding:80px 0;
}

article.under section.enjoy_kitaku_page .back_number h2{
  margin:30px auto;
  font-size:28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

article.under section.enjoy_kitaku_page .back_number h2:before,article.under section.enjoy_kitaku_page .back_number h2:after{
  content:"";
  background: url(../img/enjoy_kitaku/ttl_sakura.png);
  background-repeat: no-repeat;
  height:26px;
  width: 26px;
  margin:10px;
  display: inline-block;
}

article.under section.enjoy_kitaku_page .back_number > .flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;

}

article.under section.enjoy_kitaku_page .back_number > .flex .years{
  width: 410px;
}

article.under section.enjoy_kitaku_page .back_number > .flex .years > h3{
  width: 100%;
}

article.under section.enjoy_kitaku_page .back_number > .flex .years > h3:after{
  display: block;
content:"";
height:5px;
background: #f490c7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f490c7 0%, #eb846c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f490c7 0%,#eb846c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f490c7 0%,#eb846c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f490c7', endColorstr='#eb846c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

article.under section.enjoy_kitaku_page .back_number > .flex .years > ul li{
  padding:15px 0;
  border-bottom:1px dotted #505050;
  width: 100%;
}

article.under section.enjoy_kitaku_page .back_number > .flex .years > ul li a{
  color:#e37796;
  text-decoration: underline;
}


 /****************************************************************************************************************************
  レスポンシブ　1000px
****************************************************************************************************************************/

@media screen and (max-width: 1000px) {

.slick-slider img{
  max-width: 100%;
}

article.under section.facility > .flex .img{
  width: 100%;
}

.bunshimura .more_btn > a{
  margin-bottom:50px;

}

article.under section.faq_page ul.nav li{
  width:22%;
}

article.under section.biz_info .nav > ul li a{
  padding:10px 0;
}

article.under section.biz_info .nav > ul li a img{
  width:80%;
}

article.under section.biz_info .create > ul li,article.under section.biz_info .create > ul li:nth-child(2){
  display: block;
}
article.under section.biz_info .create > ul li > div{
  width: 100%;
}

article.under section.biz_info .create > ul li .img{
  width: 100%;
}

article.under section.biz_info .create > ul li h4{
  text-align: center;
}

article.under section.biz_info .create > ul li > div{
  height: auto;
}

article.under section.facility > .flex .img{
  width: 100%;
  height:auto;
}

article.under section.facility > .flex .img img{
  width: 100%;
}

article.under section.facility > .flex > div{
  width: 100%;
}

article.under section.facility > .flex{
  display: block;
}

article.under section.facility > .flex .img{
  position:static;
}

article.under section.facility > .flex .img img{
  position:static;
}


}

/****************************************************************************************************************************
  レスポンシブ　480px
****************************************************************************************************************************/
@media screen and (max-width: 480px){

article.under section.faq_page ul.nav{
   -ms-flex-wrap: wrap;
      flex-wrap: wrap; 
  margin-top:20px;
}

article.under section.faq_page ul.nav li{
  width: 45%;
  margin-top:0px;
  margin-bottom:20px;
}


}