@charset "UTF-8";

/*
Theme Name: original theme
Description: オリジナルテーマ
*/

/* -----------------------------
	reset
------------------------------ */
* {margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; border: 0; outline: 0;}article, aside, canvas, details, figcaption, footer, header, hgroup, menu, nav, section, summary {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}table{border-collapse:collapse;border-spacing:0}ins {text-decoration: none;}del {text-decoration: line-through;}img{vertical-align: top;max-width:100%;height:auto;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}strong, b{font-weight: 700;}main{display:block;}figure{display:block;margin:0}button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}


/* body
----------------------------------------*/
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.6;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media (width <= 800px) {
}

/* PC/SP
----------------------------------------*/
.pc_only {display:block;}
.sp_only {display:none;}

@media(max-width:768px) {
  .pc_only {display:none;}
  .sp_only {display:block;}
}

/* List
----------------------------------------*/
ul, ol, li, dd, dt, dl {
  list-style-type: none;
}

/* Link
----------------------------------------*/
a {
  color: #0427d5;
}

/* Image
----------------------------------------*/
img, a img {
	border-style: none;
}
img {
	max-width: 100%;
	height: auto;
}

/* PDF icon
----------------------------------------*/
a[href$=".pdf"]:after {
  content:" ";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(images/pdficon_s.png) no-repeat 6px 0;
  vertical-align: middle;
}

/* Header
----------------------------------------*/
header {
  text-align: center;
  color: #4b4948;
  background: #e6e6e6;
}
header h1 {
  padding: 30px 0 25px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background: #1379b2;
}
header h1 img {
  width: 55px;
  height: auto;
  padding-top: 10px;
  padding-right: 15px;
}
header p {
  padding-bottom: 20px;
  font-size: 18px;
}
header h1 + p {
  padding: 20px 0 15px;
  font-size: 22px;
  font-weight: bold;
}
@media (width <= 900px) {
  header h1 {
    font-size: 30px;
  }
  header h1 img {
    width: 40px;
    padding-top: 5px;
  }
  header p {
    font-size: 14px;
  }
  header h1 + p {
    font-size: 16px;
  }
}

/* Contents
----------------------------------------*/
section {
  width: 900px;
  margin: 63px auto 0;
}
dl.news {
  margin-bottom: 75px;
  font-size: 16px;
  font-weight: normal;
  border-top: #1377b2 solid 1px;
}
dl.news dt h3 {
  padding: 15px 5px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #096192;
}
dl.news dd .time {
  padding-right: 5px;
  text-align: right;
  color: #282829;
  border-bottom: #d5d3d3 solid 1px;
}
dl.news dd .contents {
  padding-top: 20px;
  color: #161717;
}
dl.news dd .contents p {
  margin-bottom: 1em;
}
dl.news dd img {
  max-width: 400px;
  max-height: 480px;
  margin-right: 20px;
}
@media (width <= 900px) {
  section {
    width: 90%;
    margin: 40px auto 0;
  }
  dl.news dt h3 {
    padding: 15px 5px 5px;
    font-size: 18px;
  }
  dl.news dd .time {
    font-size: 14px;
  }
  dl.news dd .contents {
    padding-top: 15px;
  }
  dl.news dd img {
    display: block;
    max-width: 88%;
    margin: 0 auto 20px;
  }
}

/* Footer
----------------------------------------*/
footer {
  padding: 25px 0 55px;
  text-align: center;
  background: #e6e6e6;
}
footer img {
  width: 247px;
  height: auto;
}
@media (width <= 900px) {
  footer {
    padding: 25px 0 30px;
  }
  footer img {
    width: 180px;
  }
}