@charset "utf-8";

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);


/* common parts */
body { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
p { margin:0; }
.inner { max-width:100rem; padding:0 2rem; margin:0 auto; }
.mb0 { margin-bottom: 0!important; }
.mt0 { margin-top: 0!important; }
.m0 { margin: 0!important; }
.tc {text-align:center;}
.flb { display:flex; }
@media screen and (max-width:768px){
	.flb { display:block; }
}
ul:after { display:none; }

/* ボタン */
.btn { background:#006834; width:80%; border-radius:5px; padding:1rem 0; text-align:center; margin:0 auto; }
.btn a { display:block; color:#fff; font-weight: bold; font-size:1.8rem; }
.big_btn { background:#006834; border-radius:5px; text-align:center; margin:0 auto; width:60%; margin-top: 5rem; }
.big_btn a {font-size: 1.8rem; font-weight: bold; color:#fff; display:block; padding:2rem 3rem; }
/* 帯 */
.img { position:relative; }
.ribon { font-size: 1.8rem; background:#432d22; color:#fff; padding:0.5rem 1rem; margin:0; border-radius:5px; position:absolute; top:0; left:-3%; transform:rotate(-20deg); }
.obi { background:#cce2d6; color:#fff; padding:1rem 0; margin-bottom: 3rem; }

/* color */
.d_brn { color:#432d22; }
.brn { color:#955125; }
.cam { color:#c58949; }
.d_bl { color:#143640; }
.blk { color:#0e161f; }
.crm { color:#fcf0d1; }
.whi { color:#fff; }
.lbr { color:#fdeecf; }

/* back color */
.back_bk{ background:#000; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_brn{ background:#7f4e20; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }


/* mv */
#mv .inner { width:100%; max-width:90rem; padding:0; }

/* header */
#header .inner { padding:0; }

/* all */
#sec01,#sec02,#sec03,#sec04,#sec05,#sec06 { margin:5rem 0 0 0; }


/* 2020-twitter */
h2 { text-align:center; }
.inner { max-width:100rem; }

#sec01 { }
#sec01 .title { font-size: 2.4rem; font-weight: bold; margin-bottom: 3rem; }
#sec01 .text-box { padding:2rem 0; border-top:solid 1px #000; border-bottom:solid 1px #000; }
@media screen and (max-width:414px){
	#sec01 .copy p { font-size: 2.4rem; }
}

#sec02 {  }
#sec02 h2 { font-size: 3rem; }
#sec02 ul { display:flex; justify-content: space-between; }
#sec02 ul li p { font-weight: bold; }
#sec02 ul li .name { text-align:center; font-size: 2rem; margin-bottom:2rem; }
#sec02 ul li .text { text-align:center; }

#sec03 {  }
#sec03 .inner {  }
#sec03 .box-area { border:solid 3px #006837;  }
#sec03 .box-area p { font-size: 2.2rem; font-weight: bold; }
#sec03 .box-area .title { color:#fff; background:#006837; text-align:center; }
#sec03 .box-area .text { text-align:center; padding:2rem 0; }
#sec03 ul { padding:2rem 0; font-size:1.8rem; }
#sec03 .btn { background:#006837; border-radius:15px; color:#fff; font-size: 2rem; width:40%; }

#sec04 { margin-bottom: 10rem; }
#sec04 h2 { font-size: 3.4rem; letter-spacing:5px; }
#sec04 h3 { font-weight: bold; font-size: 3rem; text-align:center; margin-bottom: 3rem;}
#sec04 h3.two { font-weight: bold; font-size: 3rem; margin-bottom: 3rem; display:flex; align-items: center; line-height:1.2; justify-content:center; }
#sec04 h3 span.num { display:inline-block; color:#fff; background:#000; width:6rem; line-height:1.5; font-size: 4rem; border-radius:15px; margin-right:2rem; }
#sec04 h3 span.left { text-align:left; }
#sec04 .area .icon { position:absolute; left:-5rem; top:-5rem; }
#sec04 .area .cont01 { position:relative; border:solid 1px #000; padding:2rem 5rem; }
#sec04 .area .cont01 ul.flex { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom: 5rem; }
#sec04 .area .cont01 ul.flex li { width:30%; text-align:center; font-weight: bold; }
#sec04 .area .cont01 ul.flex li a { color:#000; font-size: 2rem; }
#sec04 .area .cont01 ul.flex li a span { font-size: 1.6rem; }
#sec04 .area .cont01 ul.flex li:nth-child(n+4) { margin-top: 3rem; }
#sec04 .area .cont02,#sec04 .area .cont03 { margin-top:3rem; text-align:center; border:solid 1px #000; padding:2rem 5rem; }
#sec04 .area .cont02 p { width:50%; margin:2rem auto 0; font-weight: bold; }
#sec04 .area .cont02 img { width:60%; }
#sec04 .area .cont03 ul { display:flex; justify-content:center; }
#sec04 .area .cont03 ul li:nth-child(1) {padding:0 2rem;}
#sec04 .area .cont03 ul li:nth-child(2) {width:60%;}
#sec04 .area .cont03 ul li img { width:100%; }
#sec04 .area .cont03 ul li .bold { font-weight: bold; text-align:left; margin-bottom: 1em;}
#sec04 .twitter { margin-top:6rem; }
#sec04 .twitter h3 span.num { background:#1DA1F2; }
#sec04 .twitter .cont01 {text-align:center; }
#sec04 .twitter .cont01 img.img { width:50%; }
#sec04 .twitter .cont01 a { font-size: 2rem; font-weight: bold; color:#000; }

.last-text { text-align:center; font-weight: bold; font-size: 2rem; margin-top: 3rem; }

@media screen and (max-width:414px){
  #sec01 .title { font-size: 2rem; }
  
  #sec02 ul {display:block;}
  #sec02 ul li:first-child { margin-bottom: 3rem; }
  
  #sec04 h3,#sec04 h3.two { font-size: 2.4rem; }
  .icon img { max-width:50%;}
  #sec04 .area .cont03 ul { display:block; }
  #sec04 .area .cont03 ul li:nth-child(2) {width:auto;}
  #sec04 .area .cont03 ul li img { width:50%; }
  #sec04 .area .icon { position:absolute; left:-1rem; top:-3rem; text-align:left; }
}