@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1099px){
    
.index-main-img-area {
    margin-bottom: 110px;
    border-radius: 0 0 100px 0;
}
    
/*index共通見出し*/
h3.index-title {
    font-size: 180%;
    line-height: 180%;
    margin-bottom: 25px;
    text-align: center;
}
    
    
/*index共通：説明用テキスト*/
.index-text {
    margin-bottom: 60px;
}


/*まちコネとは*/
.about-area-box {
    width: 70%;
    margin: 0 auto 100px;
    flex-wrap: wrap;
}  

.about-area-text {
    margin-bottom: 35px;
}

.about-area-box .about-area-box-text-area {
    width: 100%;
    order: 2;
}
.about-area-box .about-area-box-text-area .linkbtn {
    text-align: center;
}
    
.about-area-box .about-area-box-pic-area {
    width: 100%;
    min-width: auto;
    order: 1;
    margin-bottom: 27.5%;
}
.about-area-box .about-area-box-pic img {
    border-radius: 0 0 50px 0;
}
.about-area-box .about-area-box-pic-s img {
    border-radius: 0 0 40px 0;
}

.about-profile-btn {
    width: 60%;
    padding: 30px 25px;
    flex-wrap: wrap;
    border-radius: 0 0 30px 0;
}
    
.about-profile-btn-box {
    width: 100%;
    margin-right: 0;
    display: block;
}
    
.about-profile-btn-icon {
    width: 27%;
    max-width: 135px;
    min-width: 90px;
    margin: 0 auto 15px;
}
    
.about-profile-btn-title {
    font-size: 140%;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 10px;
}
    
.about-profile-btn-text {
    line-height: 170%;
    text-align: center;
    margin-bottom: 20px;
}

.linkbtn.about-profile {
    width: 300px;
    margin: 0 auto;
}
    
    

/*事業内容*/
.program-area-bg-r {
    width: 95%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 26%, #F0F1F4 26%);
    margin: 0 auto 50px;
}
.program-area-bg-l {
    width: 95%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 26%, #F0F1F4 26%);
    margin: 0 auto 50px;
}
.program-area-box {
    width: 82%;
    margin-bottom: 60px;
    padding: 0;
    flex-wrap: wrap; 
}
.program-area-box-pic {
    width: 78%;
    min-width: auto;
    margin: 0 auto;
    order: 1;
}
.program-area-box-pic.r-box{
    max-width: 650px;
    margin: 0 auto;
}
.program-area-box-pic.l-box{
    max-width: 650px;
    margin: 0 auto;
}
.program-area-box-pic img {
    margin-bottom: 30px;
    border-radius: 0 0 50px 0;
}
    
.program-area-box-text {
    margin-bottom: 25px;
}
    
.linkbtn.program-content {
    width: 300px;
    margin: 0 auto;
}

.program-area-box-content {
    width: 85%;
    margin: 0 auto 30px;
    order: 2;
}

.bosyukikin-jyosei-box {
    width: 55%;
    max-width: 550px;
    margin: 100px auto 0;
    flex-wrap: wrap;
}
.bosyukikin-jyosei-btn {
    width: 100%;
}
.bosyukikin-jyosei-btn.jyosei-btn {
    margin-top: 20px;
}
.bosyukikin-jyosei-btn a {
    padding: 15px;
    border-radius: 0 0 30px 0;
}
.bosyukikin-jyosei-btn-icon {
    margin-right: 6.5%;
}
.bosyukikin-jyosei-btn-icon img {
    width: 100%;
    max-width: 65px;
}
.bosyukikin-jyosei-btn-title {
    font-size: 170%;
    line-height: 120%;
    margin-right: 0;
}
.bosyukikin-jyosei-btn a:after {
    border-right: 2px solid #F08437;
    border-top: 2px solid #F08437;
    width: 4px;
    height: 4px;
    right: 22px;
}
.bosyukikin-jyosei-btn a:before {
    width: 18px;
    height: 18px;
    right: 15px;
}
    

/*支援・参加*/
.get-involved-area {
    padding: 130px 0 80px;    
}

.get-involved-area-box {
    width: 80%;
    margin: 0 auto 100px;
    flex-wrap: wrap;
}
    
.get-involved-area-box .get-involved-area-box-textarea {
    width: 88%;
    margin: 0 auto;
    order: 2;
}
.get-involved-area-box .get-involved-area-box-textarea .linkbtn {
    text-align: center;
}
    
.get-involved-area-box .get-involved-area-box-picarea {
    width: 88%;
    order: 1;
    margin: 0 auto 27.5%;
}
.get-involved-area-box .get-involved-area-box-pic img {
    border-radius: 0 0 50px 0;
}
.get-involved-area-box .get-involved-area-box-pic-s img {
    border-radius: 0 0 40px 0;
}
    
    
/*チャリティショップ事業*/
.get-involved-subarea-bg-r {
    width: 95%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 26%, #fff 26%);
    margin: 0 auto 50px;
}
.get-involved-subarea-box {
    width: 71%;
    /*margin-bottom: 60px;*/
    padding: 0;
    flex-wrap: wrap; 
}
.get-involved-subarea-box-pic {
    width: 90%;
    min-width: auto;
    margin: 0 auto;
    order: 1;
}
.get-involved-subarea-box-pic.l-box{
    max-width: 650px;
    margin: 0 auto;
}
.get-involved-subarea-box-pic img {
    margin-bottom: 30px;
    border-radius: 0 0 50px 0;
}
    
.get-involved-subarea-box-text {
    margin-bottom: 25px;
}
    
.linkbtn.get-involved-content {
    width: 300px;
    margin: 0 auto;
}

.get-involved-subarea-box-content {
    width: 98%;
    margin: 0 auto 30px;
    order: 2;
}

    

/*お問い合わせ*/
.contact-area-content {
    width: 82%;
    flex-wrap: wrap;
    text-align: center;
}
    
.contact-content-r {
    width: 100%;
    min-width: auto;
    margin: 0 0 45px 0;
}
    
.contact-content-title {
    font-size: 130%;
    margin-bottom: 20px;
}
    
.contact-content-l {
    width: 95%;
    max-width: 550px;
    margin: 0 auto;
}
    
.gmap {
    border-radius: 10px;
}
.gmap iframe {
    border-radius: 10px;
}

    
    
}




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

/*index：メイン画像*/
.index-main-img-area {
    width: 92%;
    margin: 0 auto 50px;
    padding-top: 65px;
    border-radius: 0 0 30px 0;
}
    
.index-main-img-area h1.index-maintext-deco {
    min-width: 255px;
}
.index-main-img-area p.main-img-copy {
    font-size: 75%;
    top: -1%;
    right: 1.3%;
    z-index: 5;
}

    
/*index共通コピーライト*/
p.index-area-img-copy {
    font-size: 70%;
    transform: scale(0.9);
    top: 0;
    right: 8px;
}


/*index共通見出し*/
h2.index-title {
    margin: 0 auto 30px;
}

h3.index-title {
    font-size: 128%;
    line-height: 180%;
    margin-bottom: 20px;
    text-align: center;
}
    
    
/*index共通：説明用テキスト*/
.index-text {
    text-align: center;
    margin-bottom: 30px !important;
}
    

/*index共通：リスト*/
ul.index-list-wrap {
    margin-bottom: 35px;
}
ul.index-list-wrap li::after {
    top: 0.43em;
    width: 13px;
    height: 13px;
}

ul.index-list-s-wrap {
    margin-bottom: 30px;
}

ul.index-list-s-wrap li::after {
    top: .33em;
    width: 11px;
    height: 11px;
}

    
/*index-NEWS*/
.index-news-area {
    margin: 0 0 70px 0;
}
.index-news-list-area {
    margin: -7px auto 30px;
}

.linkbtn.index-news-area {
    width: 200px;
}


/*SNS*/
.index-sns-area {
    padding: 0 0 70px 0;
}    
    
.index-sns-linksns-box {
    width: 110px;
}
.index-sns-linksns-box img {
    width: 40px;
}


/*まちコネとは*/
.about-area {
    padding: 70px 0;
}
    
.about-area-box {
    width: 80%;
    margin: 0 auto 70px;
}  

.about-profile-btn {
    width: 70%;
    padding: 30px 25px;
    flex-wrap: wrap;
    border-radius: 0 0 30px 0;
}

.linkbtn.about-profile {
    width: 200px;
}


/*事業内容*/
.program-area {
    padding: 70px 0;
}
    
.program-area-bg-r {
    width: 92%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 18%, #F0F1F4 18%);
}
.program-area-bg-l {
    width: 92%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 18%, #F0F1F4 18%);
}
    
.program-area-box {
    margin-bottom: 50px;
}
    
.program-area-box-pic {
    width: 95%;
}
    
.program-area-box-content {
    width: 100%;
}

.linkbtn.program-content {
    width: 200px;
}
    
.bosyukikin-jyosei-box {
    width: 70%;
    margin: 50px auto 0;
}

.bosyukikin-jyosei-btn-title {
    font-size: 130%;
}


/*支援・参加*/
.get-involved-area {
    padding: 70px 0 20px;
}
    
.get-involved-area-box {
    margin: 0 auto 50px;
}
    
.get-involved-area-box .get-involved-area-box-textarea {
    width: 98%;
}

.get-involved-area-box .get-involved-area-box-picarea {
    width: 98%;
}

.get-involved-subarea-bg-r {
    width: 92%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 18%, #fff 18%);
}

.get-involved-subarea-box {
    width: 86%;
}

.get-involved-subarea-box-content {
    width: 95%;
}

.linkbtn.get-involved-content {
    width: 200px;
}

    
/*お問い合わせ*/
.contact-area {
    padding: 70px 0 0 0;
}



}