@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Cabin:500);
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

main {
  display: block;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* スライドインメニューに必要なところ */
body {
  position: relative;
  left: 0;
  overflow-x: hidden;
}

#slide_menu {
  position: fixed;
  top: 0;
  left: -250px;
  width: 250px;
  height: 100%;
}

/* 以下装飾など */
#slide_menu ul li {
  border: 1px solid #EB613B;
}
#slide_menu ul li a {
  padding: 10px 6% 10px 2%;
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#slide_menu ul li a::after {
  clear: both;
  content: "";
  display: table;
}
#slide_menu ul li a .title {
  display: block;
  float: left;
}
#slide_menu ul li a .subtitle {
  display: block;
  float: right;
}
#slide_menu ul li .type01 {
  background: url(../img/icon/icon_arrow_03.png) no-repeat 98% center;
  background-size: auto 40%;
  color: #EB613B;
  font-size: 0.85rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  text-decoration: none;
}
#slide_menu ul li .type02 {
  background: url(../img/icon/icon_arrow_04.png) no-repeat 98% center;
  background-size: auto 40%;
  color: #FFF;
  background-color: #EB613B;
  font-size: 0.85rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  text-decoration: none;
}

div#button img {
  width: 10%;
}

div#button img#on {
  display: none;
}

div#button.on img#on {
  display: none;
}

div#button.on img#off {
  display: block;
}

div#button.off img#on {
  display: block;
}

div#button.off img#off {
  display: none;
}

@media print, screen and (max-width: 1000px) {
  .pc_only {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  .pc_only {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .pc_only {
    display: none;
  }
}

@media screen and (min-width: 1001px) {
  .sp_only {
    display: none;
  }
}
@media print, screen and (max-width: 1000px) {
  .sp_only {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .sp_only {
    display: block;
  }
}

header {
  margin: 1% auto;
  padding: 0% 0;
}
@media screen and (min-width: 1001px) {
  header {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  header {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  header {
    width: 98%;
    margin: 0 auto;
  }
}
header .mainhetader {
  width: 100%;
}
header .mainhetader .top_header {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
header .mainhetader .top_header::after {
  clear: both;
  content: "";
  display: table;
}
header .mainhetader .top_header .menubotton_wapper {
  width: 71.0405%;
  float: left;
  margin: 2% 0 0 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
header .mainhetader .top_header .menubotton_wapper::after {
  clear: both;
  content: "";
  display: table;
}
header .mainhetader .top_header .menubotton_wapper h1 {
  width: 63.1952%;
  float: left;
  color: #404040;
  font-size: 0.85rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
header .mainhetader .top_header .menubotton_wapper ul {
  width: 30.2011%;
  text-align: left;
  float: right;
}
header .mainhetader .top_header .menubotton_wapper ul li {
  display: inline-table;
  margin: 0 7% 0 0;
}
header .mainhetader .top_header .menubotton_wapper ul li:last-child {
  margin: 0;
}
header .mainhetader .top_header .menubotton_wapper ul li a {
  background: url(../img/icon/icon_arrow_type_03.png) no-repeat left center;
  background-size: auto 100%;
  color: #404040;
  text-decoration: none;
  padding: 0 0 0 25px;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
header .mainhetader .top_header .menubotton_wapper ul li a:hover {
  background: url(../img/icon/icon_arrow_type_04.png) no-repeat left center;
  background-size: auto 100%;
}
header .mainhetader .top_header .botton {
  width: 25.9511%;
  float: right;
}
header .mainhetader .top_header .botton img {
  width: 100%;
  height: auto;
}
header .mainhetader .bottome_header {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0% 0 2% 0;
}
header .mainhetader .bottome_header::after {
  clear: both;
  content: "";
  display: table;
}
header .mainhetader .bottome_header .top {
  width: 57.7761%;
  float: left;
}
header .mainhetader .bottome_header .top img {
  width: 100%;
  height: auto;
}
header .mainhetader .bottome_header .tel_header {
  width: 25.8381%;
  float: right;
  margin: 2% 0 0 0;
  padding: 0 1% 0 0;
}
header .mainhetader .bottome_header .tel_header img {
  width: 100%;
  height: auto;
}

.head_botton_sp {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  margin: 0 auto;
}
.head_botton_sp::after {
  clear: both;
  content: "";
  display: table;
}
.head_botton_sp ul {
  float: left;
  margin: 2% 0 0 0;
  width: 50.1504%;
}
.head_botton_sp ul li {
  display: inline-table;
  margin: 0 2% 0 0;
}
.head_botton_sp ul li:last-child {
  margin: 0;
}
.head_botton_sp ul li a {
  background: url(../img/icon/icon_arrow_type_03.png) no-repeat left 60%;
  background-size: auto 100%;
  color: #404040;
  text-decoration: none;
  padding: 0 0 0 20px;
  font-size: 0.75rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.head_botton_sp .botton {
  float: right;
  width: 48.8019%;
}
.head_botton_sp .botton img {
  width: 100%;
  height: auto;
}

.telbox_sp {
  text-align: right;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 2% auto 2% auto;
}
.telbox_sp::after {
  clear: both;
  content: "";
  display: table;
}
.telbox_sp #button {
  width: 10%;
  float: left;
}
.telbox_sp #button img {
  width: 100%;
  height: auto;
}
.telbox_sp .telbox_l {
  width: 49.8019%;
  float: right;
  margin: 2% 1% 2% 0%;
}
.telbox_sp .telbox_l img {
  width: 100%;
  height: auto;
}

.h1_sp {
  color: #404040;
  font-size: 0.85rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.top_sp {
  margin: 2% auto;
  width: 98%;
}
.top_sp img {
  width: 100%;
  height: auto;
}

.menu_wapper ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
@media print, screen and (max-width: 1000px) {
  .menu_wapper ul {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  .menu_wapper ul {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .menu_wapper ul {
    display: none;
  }
}
@media screen and (min-width: 1001px) {
  .menu_wapper ul {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .menu_wapper ul {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .menu_wapper ul {
    width: 98%;
    margin: 0 auto;
  }
}
.menu_wapper ul::after {
  clear: both;
  content: "";
  display: table;
}
.menu_wapper ul li {
  width: 20%;
  float: left;
}
.menu_wapper ul li a {
  display: block;
  color: #000;
  text-align: center;
  text-decoration: none;
}
.menu_wapper ul li a img {
  width: 100%;
  height: auto;
  display: block;
}

.boon {
  text-align: center;
  width: 100%;
  background: url(../img/img_innner_back.png) repeat-x top center;
  background-size: auto 100%;
  padding: 3% 0 5.5% 0;
  margin: 0 0 2% 0;
}
.boon h2 {
  text-align: center;
}
.boon h2 img {
  width: auto;
  height: 70px;
}
@media screen and (max-width: 640px) {
  .boon h2 img {
    height: 40px;
  }
}

.pankuzu {
  padding-top: 3%;
  padding-bottom: 3%;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (min-width: 1001px) {
  .pankuzu {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .pankuzu {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .pankuzu {
    width: 98%;
    margin: 0 auto;
  }
}
.pankuzu a {
  color: #009FE8;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

@media screen and (min-width: 1001px) {
  .bottons {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .bottons {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .bottons {
    width: 98%;
    margin: 0 auto;
  }
}
.bottons .bunner_list {
  width: 65.266%;
  position: relative;
  margin: 2% auto;
}
@media screen and (max-width: 640px) {
  .bottons .bunner_list {
    width: 98%;
    margin: 5% auto 0 auto;
  }
}
.bottons .bunner_list img {
  width: 100%;
  height: auto;
}
.bottons .bunner_list .faq_botton_wa {
  width: 21.4826%;
  position: absolute;
  top: 29%;
  left: 30%;
}
.bottons .bunner_list .faq_botton_contact {
  width: 39.9395%;
  right: 7%;
  position: absolute;
  top: 29%;
}
.bottons .bunner_list .tel_box {
  width: 62.4811%;
  position: absolute;
  right: 7%;
  bottom: 24%;
}

#pagetop {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 100;
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  #pagetop {
    bottom: 10%;
    right: 2%;
    position: relative;
    margin-top: 5%;
  }
}

p#pagetop a {
  text-decoration: none;
  width: 112px;
  margin-top: 50px;
  text-align: center;
  display: block;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  p#pagetop a {
    text-align: center;
    margin: 0 auto;
  }
}

p#pagetop a img {
  width: 50%;
}
@media screen and (max-width: 640px) {
  p#pagetop a img {
    width: 30%;
  }
}

footer {
  margin: 1% 0 0 0;
}
@media screen and (max-width: 640px) {
  footer {
    margin: 0% 0 0 0;
  }
}
footer .mainfotter {
  background: url(../img/imt_footer_back.png) repeat-x bottom center;
  background-size: auto 100%;
}
@media screen and (max-width: 640px) {
  footer .mainfotter {
    background: url(../img/imt_footer_back_sp.png) repeat-x bottom center;
    background-size: auto 100%;
  }
}

.mainfotter_wapper_pc {
  padding: 6% 0 1% 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1001px) {
  .mainfotter_wapper_pc {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .mainfotter_wapper_pc {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .mainfotter_wapper_pc {
    width: 98%;
    margin: 0 auto;
  }
}
.mainfotter_wapper_pc::after {
  clear: both;
  content: "";
  display: table;
}
.mainfotter_wapper_pc .nav_menu {
  width: 30%;
  float: left;
  margin: 0 5% 0 0;
}
.mainfotter_wapper_pc .footer_address_area {
  width: 40%;
  float: left;
  margin: 0 0% 0 0;
}
.mainfotter_wapper_pc .footer_carender {
  width: 18%;
  float: right;
  margin: 0 0% 0 0;
}

.nav_menu ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.nav_menu ul::after {
  clear: both;
  content: "";
  display: table;
}
.nav_menu ul li {
  width: 46%;
  float: left;
  margin: 1% 0;
  display: block;
}
@media screen and (max-width: 640px) {
  .nav_menu ul li {
    margin: 0% 0 2% 0;
  }
}
.nav_menu ul li:nth-child(2n) {
  float: right;
}
.nav_menu ul li a {
  background: url(../img/icon/icon_arrow_type_02.png) no-repeat 2% center;
  background-size: auto 65%;
  padding: 0 0 0 15px;
  color: #000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .nav_menu ul li a {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 2px 0 2px 15px;
    background-color: #FFF;
    border: 1px solid #1d4088;
  }
}
.nav_menu ul li a:hover {
  background: url(../img/icon/icon_arrow_type_02.png) no-repeat 2% center;
  background-size: auto 65%;
  padding: 0 0 0 15px;
  color: #000;
  background-color: #fff000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .nav_menu ul li a:hover {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 2px 0 2px 15px;
    background-color: #FFF;
    border: 1px solid #1d4088;
  }
}
.nav_menu ul li span {
  background: url(../img/icon/icon_arrow_type_02.png) no-repeat 2% center;
  background-size: auto 71%;
  padding: 0 0 0 15px;
  color: #000;
  background-color: #fff000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .nav_menu ul li span {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 2px 0 2px 15px;
    border: 1px solid #1d4088;
  }
}
.nav_menu ul li b {
  padding: 0 0 0 15px;
  background-color: none;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .nav_menu ul li b {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 2px 0 2px 15px;
    background-color: #DDE9E9;
    border: 1px solid #DDE9E9;
  }
}

.footer_address_area a {
  display: block;
  width: 69.265%;
  margin: 0 0 3% 0;
}
.footer_address_area a img {
  width: 100%;
  height: auto;
}
.footer_address_area p {
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: block;
  line-height: 150%;
  margin: 2% 0 0 0;
}

.calendar img {
  width: 100%;
  height: auto;
}
.calendar li {
  margin: 2% 0;
  display: block;
  width: 100%;
}
.calendar li:nth-child(2n) {
  float: right;
}
@media screen and (max-width: 640px) {
  .calendar li {
    margin: 0% 0;
  }
}
.calendar li a {
  background: url(../img/icon/icon_arrow_type_01.png) no-repeat 2% center;
  background-size: auto 55%;
  padding: 0 0 0 15px;
  color: #000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .calendar li a {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 0 0 0 15px;
  }
}
.calendar li a:hover {
  background: url(../img/icon/icon_arrow_type_04.png) no-repeat 2% center;
  background-size: auto 55%;
  padding: 0 0 0 15px;
  color: #000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .calendar li a:hover {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 0 0 0 15px;
  }
}
.calendar li span {
  background: url(../img/icon/icon_arrow_type_04.png) no-repeat 2% center;
  background-size: auto 55%;
  padding: 0 0 0 15px;
  color: #000;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  text-decoration: none;
  display: flex;
}
@media screen and (max-width: 640px) {
  .calendar li span {
    font-size: 0.85rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding: 0 0 0 15px;
  }
}
.calendar li b {
  padding: 0 0 0 10px;
  font-size: 0.85rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 640px) {
  .calendar li b {
    font-size: 0.65rem;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  }
}

address {
  background: #FFF;
  padding: 2% 0;
  text-align: center;
  font-size: 0.65rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.mainfotter_wapper_sp {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15% 0 1% 0;
}
@media screen and (min-width: 1001px) {
  .mainfotter_wapper_sp {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .mainfotter_wapper_sp {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .mainfotter_wapper_sp {
    width: 98%;
    margin: 0 auto;
  }
}
.mainfotter_wapper_sp::after {
  clear: both;
  content: "";
  display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  margin: 0 auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers::after {
  clear: both;
  content: "";
  display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .nav_menu {
  width: 100%;
  margin: 0 0% 5% 0;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender::after {
  clear: both;
  content: "";
  display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender .calendar_botton {
  width: 48%;
  display: block;
  float: left;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender .calendar_botton img {
  width: 80%;
  height: auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender ul {
  width: 48%;
  float: right;
}
.mainfotter_wapper_sp .footer_address_area {
  width: 85%;
  margin: 5% auto;
}

/*共通部分*/
@media screen and (min-width: 1001px) {
  .info_archives_wapper {
    width: 1000px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 1000px) {
  .info_archives_wapper {
    width: 98%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .info_archives_wapper {
    width: 98%;
    margin: 0 auto;
  }
}
.info_archives_wapper h2 img {
  width: 100%;
  height: auto;
}
.info_archives_wapper .info_archives_wapper_outer_content {
  margin: 4% auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}
.info_archives_wapper .info_archives_wapper_outer_content::after {
  clear: both;
  content: "";
  display: table;
}
.info_archives_wapper .info_archives_loop_box {
  width: 70.6%;
  float: right;
}
@media screen and (max-width: 640px) {
  .info_archives_wapper .info_archives_loop_box {
    width: 100%;
    margin: 0 0 10% 0;
  }
}
.info_archives_wapper .sidebar {
  width: 20%;
  float: left;
}
@media screen and (max-width: 640px) {
  .info_archives_wapper .sidebar {
    width: 100%;
  }
}
.info_archives_wapper .subtitle {
  font-size: 1.04206rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  margin: 0% 0 20px 0;
  font-weight: bold;
}

.sidebar ul li {
  margin: 10% 0;
  font-size: 0.79056rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 640px) {
  .sidebar ul li {
    margin: 3% 0;
  }
}
.sidebar ul li a {
  color: #000;
  text-decoration: none;
}
.sidebar ul li a:hover {
  text-decoration: underline;
}
.sidebar ul .etc {
  color: #B0D25E;
}
.sidebar ul .etc span {
  color: #B0D25E;
}
.sidebar ul .kyoushi-communication {
  color: #F7B249;
}
.sidebar ul .kyoushi-communication span {
  color: #F7B249;
}
.sidebar ul .child-swimming-competition {
  color: #F19EC2;
}
.sidebar ul .child-swimming-competition span {
  color: #F19EC2;
}
.sidebar ul .adult-program {
  color: #00B4ED;
}
.sidebar ul .adult-program span {
  color: #00B4ED;
}
.sidebar ul .adult-swimming-competition {
  color: #3786C7;
}
.sidebar ul .adult-swimming-competition span {
  color: #3786C7;
}

/*一覧部分*/
.info_list ul {
  margin: 0% auto;
}
.info_list ul li {
  font-size: 0.81594em;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  padding: 2% 0%;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
}
.info_list ul li a {
  color: #000;
  text-decoration: none;
  display: table;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .info_list ul li a {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .info_list ul li a::after {
    clear: both;
    content: "";
    display: table;
  }
}
.info_list ul li .category {
  display: table-cell;
  width: 17%;
  font-size: 0.81594em;
  text-align: center;
  padding: 0%;
  vertical-align: middle;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .info_list ul li .category {
    width: 25%;
    display: block;
    float: left;
  }
}
.info_list ul li .date {
  display: table-cell;
  width: 16%;
  text-align: left;
  padding: 0 0% 0 3%;
}
@media screen and (max-width: 640px) {
  .info_list ul li .date {
    display: block;
    float: left;
    width: 60%;
  }
}
.info_list ul li .title {
  display: table-cell;
  width: 100%;
  text-align: left;
  padding: 0 3%;
}
@media screen and (max-width: 640px) {
  .info_list ul li .title {
    display: block;
    float: left;
    margin: 1% 0 0 0;
    padding: 0 0%;
  }
}
.info_list ul li .etc {
  color: #B0D25E;
  border: 1px solid #B0D25E;
}
.info_list ul li .kyoushi-communication {
  color: #F7B249;
  border: 1px solid #F7B249;
}
.info_list ul li .child-swimming-competition {
  color: #F19EC2;
  border: 1px solid #F19EC2;
}
.info_list ul li .adult-program {
  color: #00B4ED;
  border: 1px solid #00B4ED;
}
.info_list ul li .adult-swimming-competition {
  color: #3786C7;
  border: 1px solid #3786C7;
}
.info_list ul li a:hover .etc {
  color: #FFF;
  background: #B0D25E;
  border: 1px solid #B0D25E;
}
.info_list ul li a:hover .kyoushi-communication {
  color: #FFF;
  background: #F7B249;
  border: 1px solid #F7B249;
}
.info_list ul li a:hover .child-swimming-competition {
  color: #FFF;
  background: #F19EC2;
  border: 1px solid #F19EC2;
}
.info_list ul li a:hover .adult-program {
  color: #FFF;
  background: #00B4ED;
  border: 1px solid #00B4ED;
}
.info_list ul li a:hover .adult-swimming-competition {
  color: #FFF;
  background: #3786C7;
  border: 1px solid #3786C7;
}
.info_list ul li a:hover .date {
  text-decoration: underline;
}
.info_list ul li a:hover .title {
  text-decoration: underline;
}

.pagination {
  margin: 10% auto;
  text-align: center;
  font-size: 0.81594em;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.pagination span {
  background: #717071;
  border: 1px solid #717071;
  color: #FFF;
}
.pagination .wp-pagenavi a:hover, .pagination .wp-pagenavi span.current {
  border: 1px solid #717071;
  border-color: #717071;
}
.pagination a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #FFF;
  border: 1px solid #717071;
  color: #717071;
}
.pagination a::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pagination a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pagination a:hover {
  background-color: #717071;
  border-color: #717071;
  color: #FFF;
}

/*詳細部分*/
.info_archives_loop_box_contents {
  padding: 2%;
  font-size: 0.85038rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  margin: 2% 0;
  background: #EDF7FC;
}

.single_nav {
  margin: 5% auto;
  position: relative;
  font-size: 0.85038rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: bold;
}
.single_nav .back {
  font-size: 0.85038rem;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
}
.single_nav .back a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #0068B7;
  border: 1px solid #FFF;
  color: #FFF;
  padding: 2% 3%;
}
.single_nav .back a::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .back a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .back a:hover {
  background-color: #FFF;
  border-color: #0068B7;
  color: #0068B7;
}
.single_nav .page_navi {
  text-align: center;
}
.single_nav .page_navi ul {
  margin: 0 auto;
  width: 40%;
}
.single_nav .page_navi ul li {
  width: 48%;
}
.single_nav .page_navi ul .back_post {
  float: left;
}
.single_nav .page_navi ul .back_post a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #FFF;
  border: 1px solid #717071;
  color: #717071;
  padding: 4% 10%;
  text-align: center;
}
.single_nav .page_navi ul .back_post a::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .page_navi ul .back_post a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .page_navi ul .back_post a:hover {
  background-color: #717071;
  border-color: #717071;
  color: #FFF;
}
.single_nav .page_navi ul .next_post {
  float: right;
}
.single_nav .page_navi ul .next_post a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #717071;
  border: 1px solid #FFF;
  color: #FFF;
  padding: 4% 10%;
  text-align: center;
}
.single_nav .page_navi ul .next_post a::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .page_navi ul .next_post a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single_nav .page_navi ul .next_post a:hover {
  background-color: #FFF;
  border-color: #717071;
  color: #717071;
}

/*# sourceMappingURL=info.css.map */
