@charset "UTF-8";
/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px  162% = 21px  239% = 31px
93% = 12px  170% = 22px  247% = 32px
100% = 13px  177% = 23px  254% = 33px
108% = 14px  185% = 24px  262% = 34px
116% = 15px  193% = 25px  270% = 35px
124% = 16px  200% = 26px  277% = 36px
131% = 17px  208% = 27px  285% = 37px
139% = 18px  216% = 28px  293% = 38px
147% = 19px  224% = 29px  300% = 39px
154% = 20px  231% = 30px  308% = 40px
*/
/*====================================================================

  メインビジュアル

====================================================================*/
#mainVisual {
  margin: 80px 0 0 0;
  padding: 0;
}
#mainVisual #slider {
  width: 100%;
  margin: 0 auto;
}
#mainVisual #slider div {
  width: 100%;
  padding: 0;
  margin: 0;
}
#mainVisual #slider div img {
  width: 100%;
}

/*====================================================================

　メインコンテンツエリア

====================================================================*/
section#mainContent {
  padding: 0;
}
section#mainContent #home #firstCont {
  padding: 0;
}
section#mainContent #home #secondCont {
  padding: 120px 0 130px 0;
}
section#mainContent #home .cont {
  position: relative;
}
section#mainContent #home .cont header.contHead {
  text-align: center;
  margin: 0 0 40px 0;
}
section#mainContent #home .cont header.contHead h2 {
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 277%;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1;
}
section#mainContent #home .cont header.contHead h2 br {
  display: none;
}
section#mainContent #home .cont header.contHead h3 {
  font-size: 154%;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #3a87a0;
  font-weight: normal;
}
section#mainContent #home .cont .inner {
  width: 1100px;
}
section#mainContent #home .cont .inner p {
  width: 900px;
  margin: 0 auto;
}
section#mainContent #home .cont .inner h4 {
  padding: 14px 0;
  background: #FFF;
  font-size: 116%;
  text-align: center;
  color: #3a87a0;
}
section#mainContent #home .cont .inner ul.typeList {
  margin: 0 0 30px 0;
  padding: 0;
  overflow: hidden;
}
section#mainContent #home .cont .inner ul.typeList li {
  background: #55a3bc;
  color: #FFF;
  font-size: 124%;
  list-style: none;
  float: left;
  width: 352px;
  padding: 15px 0 30px;
  margin: 0 0 0 22px;
  text-align: center;
  border-radius: 3px;
}
section#mainContent #home .cont .inner ul.typeList li span {
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-style: italic;
  font-size: 277%;
  color: #9dcddd;
}
section#mainContent #home .cont .inner ul.typeList li:first-child {
  margin: 0;
}
section#mainContent #home .cont p {
  font-size: 108%;
  line-height: 1.8;
}
section#mainContent #home .cont p span {
  padding: 0 3px;
  font-size: 131%;
  font-weight: bold;
}
section#mainContent #home .cont.clrBg {
  background: #3a87a0;
  color: #FFF;
}
section#mainContent #home .cont.clrBg header.contHead h2, section#mainContent #home .cont.clrBg header.contHead h3 {
  color: #FFF;
}
section#mainContent #home .cont.clrBg p span {
  background: none;
  padding: 0 3px;
  font-size: 131%;
  font-weight: bold;
}
section#mainContent #home .cont p#deco02 {
  position: absolute;
  top: -100px;
  left: 100px;
  width: 150px;
  z-index: 10;
}
section#mainContent #home .cont p#deco03 {
  position: absolute;
  bottom: -50px;
  right: 100px;
  width: 100px;
  z-index: 10;
}
section#mainContent #home .cont p#deco04 {
  position: absolute;
  bottom: -50px;
  right: 350px;
  width: 100px;
  z-index: 10;
}
section#mainContent #home .cont p#deco05 {
  position: absolute;
  top: -60px;
  right: 150px;
  width: 220px;
  z-index: 10;
}
section#mainContent #home .row {
  background: #F3F3F3;
}
section#mainContent #home .row .col-2 {
  width: 50%;
  float: left;
}
section#mainContent #home .row .col-2 ul.txtList {
  margin: 0 0 30px 0;
  padding: 0;
  overflow: hidden;
}
section#mainContent #home .row .col-2 ul.txtList li {
  width: 50%;
  float: left;
  list-style: none;
  margin: 0 0 20px 0;
}
section#mainContent #home .row .col-2 ul.txtList li span {
  font-size: 147%;
  font-weight: 500;
  background: #f2e913;
  margin: 0 3px;
  padding: 0 3px;
}
section#mainContent #home .row .col-2 ul.txtList li:before {
  content: "";
  font-family: 'FontAwesome';
  margin: 0 7px 0 0;
  color: #3a87a0;
}
section#mainContent #home .row .col-2 ul.txtList li:last-child {
  margin: 0;
}
section#mainContent #home .row .col-2 ul.txtList2 {
  margin: 0;
  padding: 20px 0 0 0;
  overflow: hidden;
}
section#mainContent #home .row .col-2 ul.txtList2 li {
  list-style: none;
  margin: 0 0 15px 0;
  font-size: 131%;
}
section#mainContent #home .row .col-2 ul.txtList2 li:before {
  content: "";
  font-family: 'FontAwesome';
  margin: 0 7px 0 0;
  color: #3a87a0;
}
section#mainContent #home .row .col-2 ul.txtList2 li:last-child {
  margin: 0;
}
section#mainContent #home .row .col-2 ul.txtList2 li span {
  font-size: 116%;
  font-weight: 500;
  background: #f2e913;
  margin: 0 3px;
  padding: 0 3px;
}
section#mainContent #home .row .col-2.pdg {
  padding: 90px 50px 0 50px;
}
section#mainContent #home .row .col-2 p.jidaiTxt {
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 231%;
  color: #3a87a0;
}
section#mainContent #home #thirdCont {
  height: 550px;
}
section#mainContent #home #thirdCont header.contHead {
  text-align: left;
  width: 800px;
  position: absolute;
  top: 140px;
  left: 50%;
  margin: 0 0 0 -180px;
}
section#mainContent #home #thirdCont header.contHead h2 {
  color: #c64d84;
}
section#mainContent #home #thirdCont header.contHead h3 {
  color: #c64d84;
}
section#mainContent #home #thirdCont .thirdInner {
  position: absolute;
  top: 250px;
  left: 50%;
  margin: 0 0 0 -180px;
}
section#mainContent #home #thirdCont .thirdInner p {
  width: 650px;
}
section#mainContent #home #thirdCont p#deco06 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -600px;
  width: 400px;
  z-index: 10;
}

/*====================================================================
 *====================================================================

  メディアクエリ

====================================================================*
====================================================================*/
/* スマホ */
@media only screen and (max-width: 768px) {
  /*====================================================================

  メインビジュアル

  ====================================================================*/
  #mainVisual {
    margin: 65px 0 0 0;
    padding: 0;
  }

  /*====================================================================

  メインコンテンツエリア

  ====================================================================*/
  section#mainContent {
    padding: 0;
  }
  section#mainContent #home #firstCont {
    padding: 0;
  }
  section#mainContent #home #secondCont {
    padding: 40px 0;
  }
  section#mainContent #home .cont {
    position: static;
  }
  section#mainContent #home .cont header.contHead {
    margin: 0 0 20px 0;
    padding: 0 4%;
  }
  section#mainContent #home .cont header.contHead h2 {
    font-size: 170%;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1.6;
  }
  section#mainContent #home .cont header.contHead h2 br {
    display: block;
  }
  section#mainContent #home .cont header.contHead h3 {
    font-size: 116%;
    line-height: 1.6;
  }
  section#mainContent #home .cont .inner {
    width: 100%;
    padding: 0 4%;
  }
  section#mainContent #home .cont .inner p {
    width: 100%;
  }
  section#mainContent #home .cont .inner h4 {
    padding: 10px 0;
    font-size: 93%;
  }
  section#mainContent #home .cont .inner ul.typeList {
    margin: 0 0 15px 0;
  }
  section#mainContent #home .cont .inner ul.typeList li {
    font-size: 108%;
    float: none;
    width: 100%;
    padding: 10px 0 20px;
    margin: 10px 0 0 0;
  }
  section#mainContent #home .cont .inner ul.typeList li span {
    font-size: 200%;
  }
  section#mainContent #home .cont .inner ul.typeList li:first-child {
    margin: 0;
  }
  section#mainContent #home .cont p {
    font-size: 108%;
    line-height: 1.8;
  }
  section#mainContent #home .cont p#deco02 {
    display: none;
  }
  section#mainContent #home .cont p#deco03 {
    display: none;
  }
  section#mainContent #home .cont p#deco04 {
    display: none;
  }
  section#mainContent #home .cont p#deco05 {
    display: none;
  }
  section#mainContent #home .row {
    background: #F3F3F3;
  }
  section#mainContent #home .row .col-2 {
    width: 100%;
    float: none;
  }
  section#mainContent #home .row .col-2 ul.txtList {
    margin: 0 0 25px 0;
    padding: 0;
    overflow: hidden;
  }
  section#mainContent #home .row .col-2 ul.txtList li {
    width: 100%;
    float: none;
    list-style: none;
    margin: 0 0 15px 0;
  }
  section#mainContent #home .row .col-2 ul.txtList2 {
    margin: 0;
    padding: 20px 0 0;
    overflow: hidden;
  }
  section#mainContent #home .row .col-2 ul.txtList2 li {
    list-style: none;
    margin: 0 0 15px 0;
    font-size: 108%;
    padding-left: 1em;
    text-indent: -1em;
  }
  section#mainContent #home .row .col-2.pdg {
    padding: 40px 4%;
  }
  section#mainContent #home .row .col-2 p.jidaiTxt {
    font-size: 154%;
  }
  section#mainContent #home #thirdCont {
    height: auto;
    padding: 40px 4% 100px;
  }
  section#mainContent #home #thirdCont header.contHead {
    text-align: center;
    width: 100%;
    position: static;
    margin: 0 0 20px 0;
  }
  section#mainContent #home #thirdCont header.contHead h2 {
    color: #c64d84;
  }
  section#mainContent #home #thirdCont header.contHead h3 {
    color: #c64d84;
    font-size: 116%;
  }
  section#mainContent #home #thirdCont .thirdInner {
    position: static;
    margin: 0;
  }
  section#mainContent #home #thirdCont .thirdInner p {
    width: 100%;
  }
  section#mainContent #home #thirdCont p#deco06 {
    display: none;
  }
}
/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px  162% = 21px  239% = 31px
93% = 12px  170% = 22px  247% = 32px
100% = 13px  177% = 23px  254% = 33px
108% = 14px  185% = 24px  262% = 34px
116% = 15px  193% = 25px  270% = 35px
124% = 16px  200% = 26px  277% = 36px
131% = 17px  208% = 27px  285% = 37px
139% = 18px  216% = 28px  293% = 38px
147% = 19px  224% = 29px  300% = 39px
154% = 20px  231% = 30px  308% = 40px
*/