@charset "utf-8";

body {
	width: 100%;
	height: 100%;
  background: #fff;
	color: #000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 16px;
	line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}
a, a:link {
  color: #001fb7;
  text-decoration: underline;
}
a:visited {
	color: #528cff;
}
a:hover {
	color: #ffaa00;
}
img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.container {
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
}
.flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.mt1 {margin-top: 1em !important;}
.fs_small {font-size: 90%;}
.list > li {
  position: relative;
  padding-left: 1.3em;
}
.list > li + li {
  margin-top: .2em;
}
.list > li::before,
.list > li > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.list.circle > li::before {
  content: "○";
}
.list.smldot > li::before {
  content: "・";
}
.list.dot > li::before {
  content: "";
  width: .8em;
  height: .8em;
  background: #3782ff;
  border-radius: 50%;
  top: .4em;
  left: .2em;
}
.list.arrow > li::before {
  content: "";
  width: .5em;
  height: .65em;
  background: #3782ff;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: .475em;
  left: 0;
}

.singlepage {
  border-top: 20px solid #3782ff;
  border-bottom: 20px solid #3782ff;
  padding: 2em 0;
}
.singlepage.heiwakinenkouen {
  border-top-color: #526bb3;
  border-bottom-color: #526bb3;
}
.singlepage.takasezeki {
  border-top: none;
  border-bottom: none;
}
.header {
  margin-bottom: 2em;
}
.header_tit {
  color: #3782ff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: .75em;
}
.heiwakinenkouen .header_tit {
  color: #000;
  text-align: center;
}
.header_lead {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  font-size: 110%;
  font-weight: bold;
  padding: .75em 0;
}
.pamph_wrap {
  align-items: flex-start;
}
.pamph_wrap a {
  color: #777;
  text-decoration: none;
}
.pamph_img {
  width: 50%;
}
.pamph_body {
  width: 45%;
}
* + .sec_block {
  margin-top: 2em;
}
.subtitle {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: .25em;
}
._ootagawa .subtitle { color: #01aafd; }
._ozegawa .subtitle { color: #02c65b; }
._kanri .subtitle { color: #ed1c24; }
._jimusho .subtitle { color: #706127; }

._ootagawa .list.arrow > li::before { background: #01aafd; }
._ozegawa .list.arrow > li::before { background: #02c65b; }
._kanri .list.arrow > li::before { background: #ed1c24; }
._jimusho .list.arrow > li::before { background: #706127; }

.b_box {
  border: 1px solid #666;
}
.b_box_heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #666;
  padding: 1em 1.5em;
}
.b_box_tit {
  width: 15%;
  font-size: 150%;
  font-weight: bold;
}
.b_box_date {
  width: 85%;
}
.b_box_body {
  padding: 1em 1.5em;
}
.b_box._border {
  border: none;
  border-top: 4px double #666;
  border-bottom: 4px double #666;
}
.b_box._border .b_box_heading {
  flex-direction: column;
  border-bottom: none;
  padding-bottom: 0;
}
.b_box._border .b_box_tit {
  width: 100%;
}
.b_box._border .b_box_date {
  width: 100%;
  text-align: right;
}
.heiwakinenkouen .b_box_body .list.circle a {
  font-weight: bold;
}

.fnav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  margin-top: 3em;
}
.fnav a {
  background: #3782ff;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: .5em .75em;
  box-shadow: 2px 2px 0 #002d87;
}
.heiwakinenkouen .fnav a {
  background: #526bb3;
}

.takasezeki .header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 3em;
}
.takasezeki .header .header_tit {
  width: 400px;
  text-align: center;
  margin-bottom: 0;
}
.takasezeki .header .header_titimg img {
  display: block;
  margin: 0 auto;
}
.takasezeki .header .header_titimg img + img {
  margin-top: .5em;
}
.takasezeki .header .header_tit .header_lead {
  border: none;
  padding: 0;
  margin-top: 1em;
}
.takasezeki .header .header_img {
  width: 450px;
}
.takasezeki .news_tit {
  width: 200px;
}
.takasezeki .news_tit img {
  display: block;
  margin: 0 auto;
}
.takasezeki .news_body {
  width: calc(100% - 200px);
}
.takasezeki .news_body iframe {
  width: 100%;
  height: 210px;
  border: 5px double #777;
  overflow-y: auto;
}
.takasezeki .lnav {
  text-align: right;
  margin-top: 2em;
}
.takasezeki .lnav a img {
  width: 25px;
  margin-right: .5em;
}
.takasezeki .menu_list {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 5em;
}
.takasezeki .menu_list > div {
  width: 32%;
}
.takasezeki .menu_list > div.torikumi,
.takasezeki .menu_list > div.oshirase {
  width: 48%;
}
.takasezeki .menu_list > div:nth-child(n+4) {
  margin-top: 3em;
}
.takasezeki .menu_list_tit {
  color: #0d5eda;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: .5em;
}
.takasezeki .menu_list_tit .fs_small {
  display: block;
  font-size: 70%;
  font-weight: normal;
  margin-top: .2em;
}
.takasezeki .menu_list_tit img {
  height: 27px;
}
.takasezeki .menu_list .list.dot > li::before {
  width: .5em;
  height: .5em;
  background: #0d5eda;
  top: .5em;
  left: .25em;
}
.takasezeki .menu_list .newicon {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}
.source_box {
  border: 1px solid #000;
  text-align: center;
  padding: 1.5em;
  margin-top: 3em;
}
.source_box_tit {
  color: #000;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: .25em;
}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
  .pc {display:none;}
  
  body {
    font-size: 14px;
  }
  .flex {
    flex-direction: column;
  }
  
  .singlepage {
    border-top-width: 10px;
    border-bottom-width: 10px;
    padding: 1em 0;
  }
  .header .container {
    width: 100%;
  }
  .heiwakinenkouen .header .container {
    width: 90%;
  }
  .header_tit {
    font-size: 20px;
    padding: 0 5%;
  }
  .header_lead {
    font-size: 100%;
    padding: .5em 5%;
  }
  .pamph_img {
    width: 100%;
  }
  .pamph_body {
    width: 100%;
    margin-top: 1.5em;
  }
  .b_box_heading {
    flex-direction: column;
    padding: 1em;
  }
  .b_box_tit {
    width: 100%;
    font-size: 130%;
    text-align: center;
  }
  .b_box_date {
    width: 100%;
  }
  .b_box_body {
    padding: 1em;
  }
  .b_box._border .b_box_date {
    text-align: center;
  }
  
  .takasezeki .header {
    flex-direction: column;
    margin-bottom: 2em;
  }
  .takasezeki .header .header_tit {
    width: 70%;
    max-width: 400px;
  }
  .takasezeki .header .header_tit .header_lead {
    margin-top: 0;
  }
  .takasezeki .header .header_img {
    width: 90%;
    margin-top: .5em;
  }
  .takasezeki .news_tit img:nth-child(2) {
    width: 60px;
  }
  .takasezeki .news_body {
    width: 100%;
    margin-top: 1em;
  }
  .takasezeki .news_body iframe {
    width: 100%;
    height: 40vw;
    border-width: 3px;
  }
  .takasezeki .lnav {
    text-align: center;
    margin-top: 1em;
  }
  .takasezeki .lnav a img {
    width: 20px;
  }
  .takasezeki .menu_list {
    margin-top: 3em;
  }
  .takasezeki .menu_list > div {
    width: 100%;
  }
  .takasezeki .menu_list > div.torikumi,
  .takasezeki .menu_list > div.oshirase {
    width: 100%;
  }
  .takasezeki .menu_list > div:nth-child(n+2) {
    margin-top: 2em;
  }
  .takasezeki .menu_list .newicon {
    width: 40px;
  }
  .source_box {
    padding: 1.5em 1em;
    margin-top: 2em;
  }
  
  
  
}

/*================================================
 *  タブレット・PC向けデザイン
 ================================================*/
@media screen and (min-width:768px) {
  .sp {display: none;}
}