/* 全体*/
*{box-sizing:border-box;
  margin:0;
  padding:0;}

html{scroll-behavior:smooth;}

body{background-color:#fff;
     font-family: "Zen Kaku Gothic New", sans-serif;}

#contents{margin:0 auto;
	  position:relative;}

img{max-width:100%;
    height:auto;}

#main{position: relative;
      background-color:#fff;}

.wrap {margin:0 auto;
       min-width:800px;
       max-width:100%;}

header{background-color:#fff;}

#logo{
	position: fixed;
	left: 30px;
	top: 30px;
	width:10%;
	min-width:100px; 
	z-index:30;
}


.newline{display: none;}


/* ハンバーガー*/
#navbtn{
	transition:all 1s;
	width:40px; height:40px; 
	position: fixed; top:50px; right:50px; z-index: 50;
}
#navbtn:hover{ background:#B2DABE; }
#navbtn span{
	width:80%; height:2px; background:#000; position: absolute;
}
#navbtn span:nth-child(1){ transition:all 0.2s; right:4px; top:8px;}
#navbtn span:nth-child(2){ right:4px; top:18px;}
#navbtn span:nth-child(3){ transition:all 0.2s; right:4px; top:28px;}

.open span:nth-child(1){ transform:translateY(10px) rotate(45deg);}
.open span:nth-child(3){ transform:translateY(-10px) rotate(-45deg);}
.open span:nth-child(2){ top:17px; opacity:0;}

.opennav{ transform:translateX(-2200px);}
//.openburger{ transform:translateX(-200px);}

nav{
	transition:all 1s;
	width:100%; 
        height:100%; 
        position:fixed; 
        right:-2200px; 
        top:0px; 
        background:#CEF9DC;
	z-index: 40;
}
#gnav_list{ 
	list-style: none; 
        font-size:15pt; 
	line-height: 3;
	display: flex;  
        flex-flow: column; 
	align-items: center;
	justify-content: center; 
	
}
nav ul li a{ 
	text-decoration: none; color: #000;
	text-align: center; line-height: 40px; 
}
nav ul li a:hover{ 
	transition:all 0.3s; opacity:0.3; 
}

#sns{
     background:#B2DABE; 
     width:100%; 
     position:fixed; 
     bottom:0px; 
     text-align:center;}

#sns_list{list-style: none;
          display:flex; 
          justify-content:center; 
          column-gap: 20px;}

#sns_list img{width:40px;}



/* ハンバーガースマホ*/
@media (max-width:768px) {width:100%;}



/* メイン画面*/
#intro{position: relative;
       padding-top:30px;}

#intro1{display:block;
        width:88%;
        text-align:center;
        margin:0 auto;
        padding-top:60px;}

.peace_message{text-align:center;
               padding-top:50px;
               padding-bottom:50px;}

.peace_message h1{padding-bottom:35px;
                  letter-spacing:0.1em;
                  text-align:center;
                  font-family: "Zen Kaku Gothic New", sans-serif;}

.peace_message p{line-height:3em;
                 font-size:17px;
                 letter-spacing:0.1em;
                 text-align:center;
                 font-family: "Zen Kaku Gothic New", sans-serif;}


/* 戦争反対*/
.nowar{text-align:center;
       padding-top:80px;}

.nowar_title p{text-align:center;
               font-family: "Montserrat", sans-serif;
               font-weight:600;
               letter-spacing:0.1em;
               font-size:28px;}

.nowar_title hr{border-top:2px solid #b2dabf;
                width:170px;
                margin:0 auto;}

.nowar_title h4{text-align:center;
                letter-spacing:0.1em;}

.nowar_messase{padding-top:60px;
               padding-bottom:80px;}

.nowar_messase p{letter-spacing:0.1em;
                 font-size:18px;
                 font-family: "Zen Kaku Gothic New", sans-serif;}

.nowar_main{display:flex;
            justify-content:center;}

.nowar1 img{width:90%;}

.nowar_text{padding-top:120px;}

.nowar_text p{font-size:45px;
              font-weight:600;
              letter-spacing:0.1em;
              line-height:1.1em;
              font-family:'Kosugi', sans-serif;}

.nowar_text h4{padding-top:10px;
               font-family:'Kosugi', sans-serif;}


.nowar_main2{display:flex;
             justify-content:center;
             padding-top:40px;
             padding-bottom:100px;}

.nowar_text2{padding-top:125px;
             padding-left:200px;}

.nowar_text2 p{font-size:45px;
               font-weight:600;
               letter-spacing:0.1em;
               line-height:1.1em;
               font-family:'Kosugi', sans-serif;}

.nowar_text2 h4{padding-top:10px;
                font-family:'Kosugi', sans-serif;}

.nowar2{margin-left:0;
        padding-left:0;
        padding-right:0;}

.nowar2 img{width:75%;}


/* 貧困・格差社会を無くそう*/
.presiden_message{text-align:center;}

.pm_title p{text-align:center;
            font-family: "Montserrat", sans-serif;
            font-weight:600;
            letter-spacing:0.1em;
            font-size:28px;}

.pm_title hr{border-top:2px solid #b2dabf;
             width:250px;
             margin:0 auto;}

.pm_title h4{text-align:center;
             letter-spacing:0.1em;}

.pm_messa{padding-top:60px;
          padding-bottom:60px;
          font-family: "Zen Kaku Gothic New", sans-serif;}

.pm_messa p{letter-spacing:0.1em;
            font-size:18px;}

.pm_youtube{padding-top:30px;}

.pm_main{display:flex;
         justify-content:center;
         padding-top:100px;
         padding-bottom:100px;}

.pm_text p{font-size:17px;
           letter-spacing:0.1em;
           line-height:2em;
           font-family: "Zen Kaku Gothic New", sans-serif;}


/* フッター*/ 
.footer{
	background: #b2dabf;
}
.footer-menu{
	display: grid;
	grid-template-columns: 275px 275px;
	column-gap: 100px;
	row-gap: 50px;
	justify-content: center;
	padding-top: 60px;
	padding-bottom: 80px;
	margin: 0 auto;
        font-family: "Zen Kaku Gothic New", sans-serif;
}
.f1 li{
	list-style: none;
	border-bottom: 1px solid #000;
}
.f1 ul li a{
	text-decoration: none;
	color: #000; 
}
.f1 ul li a:hover{ 
	transition:all 0.3s; opacity:0.3; 
} 
#hr{
	width: 90%;
	color: #000;
}
.f2{
	padding: 0 100px;
    	display: flex;
    	align-items: flex-end;
    	justify-content: flex-end;
	position: relative;
	height: 70px;
}
.f2 img{
	width: 100px;
	position:absolute; top: 0.1%; left:47%;
}
.f2 p{
	font-size: 9pt;	
	position:absolute; top: 20%; left:80%;
}


/* メディアクエリ（レスポンシブ対応）*/