@charset "utf-8";

body p,a,li,th,td { 
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p { font-size: 16px; line-height: 1.5em; }
li { font-size: 16px; line-height: 1.5em; }
th { font-size: 16px; line-height: 1.5em; }
td { font-size: 16px; line-height: 1.5em; }
a { font-size: 16px; line-height: 1.5em; text-decoration: none; transition: 0.5s; }
a:hover { opacity: 0.6 }



/*====================================================================
section_box
====================================================================*/
.section_wrap { 
overflow: hidden;
}   



/*====================================================================
section_box01
====================================================================*/
.section_box01 { 
display: flex;
justify-content: flex-start;
max-width: 1200px;
margin: 0 auto;
}

.section01 { 
padding: 80px 80px 60px 15px;
}

.section01 .logo-sp { display: none; }
.section01 .logo-sp img {
display: table;
width: 100%;
max-width: 350px;
margin: 0 auto 30px auto;
}

.section01 .logo-pc { 
max-width: 800px;
margin: 0 auto;
}
.section01 .logo-pc img {
width: 100%;
max-width: 350px;
}

.section01 .about_box { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 800px;
margin: 0 auto;
margin-right: 0;
margin-bottom: 30px;
}

.section01 .about_box .text_01 { 
margin-right: 60px;
}

.section01 .about_box .text_02 { 
padding-top: 60px;
}
.section01 .about_box .text_02 p { 
font-family: "A P-OTF A1ゴシック Std", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 24px;
line-height: 2.5em;
}
.section01 .about_box .text_02 p .sp-br { 
display: none; 
}

.section_box01 .left_box {
background: #fff;
margin: 0 -200%;
padding: 0 200%;
}

.section_box01 .right_box { 
position: relative; 
background: url("../images/back_01.jpg");
background-position: center top;
background-repeat: repeat;
background-size: auto;
margin: 0 -200% 0 0; 
padding: 0 200% 0 0;
}
.section_box01 .right_box .right img { 
position: absolute; 
max-width: 190px; 
top: 80px; 
left: 80px; 
}

@media (max-width: 1200px) {
.section_box01 { max-width: 1000px; }
.section01 { padding: 80px 60px 60px 15px; }
.section01 .about_box { max-width: 600px; }
.section01 .about_box .text_02 p { font-size: 18px; }
.section_box01 .right_box .right img { left: 60px; }
}
@media (max-width: 900px) {
.section_box01 { flex-direction: column-reverse; }
.section_box01 .right_box { margin: 0; padding: 0; }
.section_box01 .right_box .right { padding: 60px 15px; }
.section_box01 .right_box .right img  { display: table; margin: 0 auto; position: inherit; top: auto; left: auto; }
    
.section01 { padding: 60px 15px; }
.section01 .about_box { display: block; margin: 0 auto; }
.section01 .about_box .text_01 { display: none; }
.section01 .about_box .text_02 { padding-top: 0; }
.section01 .about_box .text_02 p { display: table; margin: 0 auto; }
    
.section01 .logo-pc { display: none; }
.section01 .logo-sp { display: block; }
}
@media (max-width: 500px) {
.section_box01 .right_box .right img { max-width: 150px; }
.section01 .about_box .text_02 p { font-size: 16px; }
.section01 .about_box .text_02 p .sp-br { display: block; }
}
@media (max-width: 400px) {
.section01 .about_box .text_02 p { font-size: 15px; }
}
@media (max-width: 350px) {
.section01 .about_box .text_02 p { font-size: 14px; }
}



/*====================================================================
section_box02
====================================================================*/
.section_box02 { 
display: flex;
justify-content: flex-start;
max-width: 1100px;
margin: 0 auto;
}

.section02 { 
padding: 80px 80px 60px 15px;
}

.section02 .challenge_list { 
max-width: 800px;
}
.section02 .challenge_list img { 
margin-bottom: 60px;
}
.section02 .challenge_list img:last-child { 
margin-bottom: 0;
}
.section02 .challenge_list .sp-img { 
display: none;
}

.section_box02 .left_box {
background: url("../images/back_01.jpg");
background-position: center top;
background-repeat: repeat;
background-size: auto;
margin: 0 -200%;
padding: 0 200%;
}

.section_box02 .right_box { 
position: relative;
background: #fff;
margin: 0 -200% 0 0; 
padding: 0 200% 0 0;
}
.section_box02 .right_box .right .img01 { 
position: absolute; 
top: 0; 
left: -40px; 
}
.section_box02 .right_box .right .img02 { 
position: absolute;
bottom: 0;
left: 60px;
}
.section_box02 .right_box .right .img03 { 
display: none;
}

@media (max-width: 1200px) {
.section_box02 { max-width: 1000px; }
.section02 { padding: 80px 60px 60px 15px; }
.section_box02 .right_box .right .img01 { width: 150px; left: -30px; }
.section_box02 .right_box .right .img02 { left: 40px; }
.section02 .challenge_list { max-width: 700px; }
}
@media (max-width: 900px) {
.section_box02 { flex-direction: column-reverse; }

.section_box02 .right_box { margin: 0; padding: 0; }
.section_box02 .right_box .right .img01 { display: none; }
.section_box02 .right_box .right .img02 { display: none; }
.section_box02 .right_box .right .img03 { display: block; margin-bottom: -6vw; }
    
.section02 { padding: 60px 30px; }
.section02 .challenge_list { max-width: 600px; margin: 0 auto; }
.section02 .challenge_list .pc-img { display: none; }
.section02 .challenge_list .sp-img { display: block; }
}



/*====================================================================
私たちは「にいがた捨ておけない！プロジェクト」をサポートします
====================================================================*/
.support_wrap { 
padding: 60px 15px;
}

.support_content { 
max-width: 1200px;
margin: 0 auto;
}

.support_content h2 { 
width: 100%;
max-width: 850px;
display: table;
font-family: 'Noto Sans JP', sans-serif; /* googleフォント */
font-size: 24px;
text-align: center;
border-top: 3px solid #111;
border-bottom: 3px solid #111;
margin: 0 auto 30px auto;
padding: 10px 0;
}
.support_content h2 .sp-br { 
display: none;
}
.support_content h2 .sp-br_02 { 
display: none;
}

.support_content .column_box .column_05 ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.support_content .column_box .column_05 ul li { 
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
}
/*
.support_content .column_box .column_05 ul li:last-child { 
margin-right: 0;
}
*/
.support_content .column_box .column_04 ul { 
display: flex;
justify-content: center;
align-items: center;
}
.support_content .column_box .column_04 ul li { 
margin-right: 30px;
}
.support_content .column_box .column_04 ul li:last-child { 
margin-right: 0;
}


@media (max-width: 767px) {
.support_content h2 .sp-br { display: block; }
.support_content .column_box { max-width: 600px; margin: 0 auto; }

/* .support_content .column_box .column_05 ul { display: block; margin-bottom: 10px; } */
 .support_content .column_box .column_05 ul {max-width: 500px;}
.support_content .column_box .column_05 ul li { display: inline-block; width: 45%; text-align: center; margin: 0 2%; padding: 15px 0; }
.support_content .column_box .column_05 ul li.sp18 { width: 18%; }

/*
.support_content .column_box .column_05 ul li:nth-child(1) { width: 18%; }
.support_content .column_box .column_05 ul li:nth-child(2) { width: 18%; }
.support_content .column_box .column_05 ul li:nth-child(3) { white-space: 40%; }
.support_content .column_box .column_05 ul li:nth-child(4) { width: 40%; }
.support_content .column_box .column_05 ul li:nth-child(4) img { margin-bottom: 1em; }
.support_content .column_box .column_05 ul li:nth-child(5) { width: 18%; }
.support_content .column_box .column_05 ul li:nth-child(6) { width: 18%; }
.support_content .column_box .column_05 ul li:nth-child(6) img { margin-bottom: 0.5em; }
    
.support_content .column_box .column_04 ul { display: block; }
.support_content .column_box .column_04 ul li { display: inline-block; width: 45%; text-align: center; margin: 0 2%; padding: 15px 0; }
*/
}
@media (max-width: 500px) {
.support_content h2 .sp-br_02 { display: block; }
}



/*====================================================================
footer
====================================================================*/
.footer_bottom { 
background: url("../images/back_01.jpg");
background-position: center top;
background-repeat: repeat;
background-size: auto;
width: 100%;
height: 50px;
}

.footer_wrap { 
border-top: 1px solid #111;
padding: 60px 15px;
}
.footer_content { 
max-width: 1200px;
margin: 0 auto;
}

.footer_content h2 { 
display: table;
font-family: 'Noto Sans JP', sans-serif; /* googleフォント */
font-size: 20px;
text-align: center;
margin: 0 auto 30px auto;
}
.footer_content h2 .sp-br { 
display: none;
}
.footer_content h2 .sp-br_02 { 
display: none;
}

.footer_content .contact_box h3 { 
display: table;
font-family: 'Noto Sans JP', sans-serif; /* googleフォント */
font-size: 24px;
text-align: center;
border: 2px solid #111;
margin: 0 auto 10px auto;
padding: 2px 10px;
}
.footer_content .contact_box p { 
text-align: center;
}
.footer_content .contact_box p strong { 
font-family: 'Noto Sans JP', sans-serif; /* googleフォント */
}
.footer_content .contact_box p .sp-br { 
display: none;
}

@media (max-width: 767px) {
.footer_content { max-width: 600px; }
.footer_content h2 .sp-br { display: block; }
}
@media (max-width: 500px) {
.footer_content h2 .sp-br_02 { display: block; }
.footer_content .contact_box p .sp-br { display: block; }
}



/*====================================================================

====================================================================*/