@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
  max-width: 100%;
  text-align: center;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
  width:100%;
}

/*
  Dreamweaver 可変グリッドプロパティ
  ----------------------------------
  dw-num-cols-mobile:   5;
  dw-num-cols-tablet:   8;
  dw-num-cols-desktop:  10;
  dw-gutter-percentage: 25;

  以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」
  http://www.alistapart.com/articles/responsive-web-design

  および Joni Korpi 氏の「Golden Grid System」
  http://goldengridsystem.com/
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 87.65%;
  padding-left: 1.82%;
  padding-right: 1.82%;
}

#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

.btn-0 {
  color: #135ea7;
  display: block;
  padding-top: 10px;
}



.slider {
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  margin-bottom: 0px;
}

#gopagetop {
  position: fixed;
  right: 10px;
  bottom: -20px;
  cursor: pointer;
  width: 55px;
}

.menubox {
  display: none;
}

.bx-clear {
  margin-right: auto;
  margin-left: auto;
  min-width: 320px;
}

.box001 {
  display: block;
  width: 100%;
}

.box002 {
  display: block;
  width: 100%;
}
.box003 {
  display: block;
}
.box004 {
  display: block;
}
.box005 {
  display: block;
}

.drawer_menu .drawer_nav_wrapper {
  width: 100%;/*最大幅*/
  opacity: 0.85;
}

a.me2.outline3 {
  text-indent: 0px;
}

.f-container {
  display: none;
  margin-bottom: 100px;
}

.bx-heading01 {
  border-bottom-style: solid;
  border-bottom-color: #135ea7;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 90px;
  margin-bottom: 60px;
  height: auto;
}

.bx-heading02 {
  border-bottom-style: solid;
  border-bottom-color: #5eb651;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 90px;
  margin-bottom: 60px;
  height: auto;
}

.outline3 {
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  display: block;
  line-height: 200%;
  word-spacing: -50em;
  font-size: 13px;
  padding-top: 10px;
}

.privacy-image {
  width: auto;
  margin-right: 5px;
  margin-left: 5px;
}

.mihon5 {
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  max-width: 80%;
}

.bx-menuimage {
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  width: 90%;
  height: auto;
  padding-bottom: 18px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  display: block;
}

.menubtn {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 1.3em;
  color: #41b5e9;
  line-height: 2.8;
  background-color: #FFFFFF;
  border: 2px solid #41b5e9;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  max-width: 480px;
  display: block;
}

.smallbox {
  line-height: 16px;
  max-width: 480px;
  height: 40px;
  padding: 0px;
  clear: both;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: left;
}

.bx-newsunder {
  width: 100%;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.imagebox {
  width: 90%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}




/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
  width: 90.675%;
  padding-left: 1.1625%;
  padding-right: 1.1625%;
}
#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

.btn-0 {
  color: #135ea7;
  display: inline-block;
  padding-top: 10px;
}



.slider {
  width: 80%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  margin-bottom: 0px;
}

#gopagetop {
  position: fixed;
  right: 30px;
  bottom: -20px;
  cursor: pointer;
  width: 70px;
}

.menubox {
  display: block;
}

.bx-clear {
  max-width: 600px;
  }

.box001 {
  display: inline-block;
  width: 48%;
}

.box002 {
  display: inline-block;
  width: 48%;
}
.box003 {
  display: inline-block;
  width: 48%;
}
.box004 {
  display: inline-block;
  width: 48%;
}
.box005 {
  display: inline-block;
  width: 48%;
}

.drawer_menu .drawer_nav_wrapper {
  width: 70%;/*最大幅*/
  opacity: 1;
}

a.me2.outline3 {
  text-indent: 130px;
}

.f-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #FFFFFF;
  text-align: center;
  top: 22px;
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 1200;
  right: 10px;
  margin-bottom: 100px;
}

.bx-heading01 {
  border-bottom-style: solid;
  border-bottom-color: #135ea7;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 150px;
  margin-bottom: 60px;
  height: auto;
}

.bx-heading02 {
  border-bottom-style: solid;
  border-bottom-color: #5eb651;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 150px;
  margin-bottom: 60px;
  height: auto;
}

.outline3 {
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  display: block;
  line-height: 200%;
  word-spacing: -50em;
  font-size: 13px;
  padding-left: 20px;
}

.privacy-image {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.mihon5 {
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  max-width: 160px;
  min-width: 100px;
}


.bx-menuimage {
  display: inline-block;
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  height: 100px;
  max-width: 120px;
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
}

.menubtn {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 1.3em;
  color: #41b5e9;
  line-height: 2.3;
  background-color: #FFFFFF;
  border: 2px solid #41b5e9;
  height: 42px;
  border-radius: 10px;
  text-align: center;
  margin: 0px;
  min-width: 119px;
  display: block;
}

.smallbox {
  line-height: 16px;
  height: 40px;
  padding: 0px;
  clear: both;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: left;
  display: block;
  max-width: 139px;
}

.bx-newsunder {
  width: 100%;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.imagebox {
  width: 60%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}


}






/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
  width: 88.2%;
  max-width: 1232px;
  padding-left: 0.9%;
  padding-right: 0.9%;
  margin: auto;
}
#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

.btn-0 {
  color: #135ea7;
  display: inline-block;
  padding-top: 10px;
}


.slider {
  width: 85%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  margin-bottom: 0px;
}

#gopagetop {
  position: fixed;
  right: 30px;
  bottom: -20px;
  cursor: pointer;
  width: 70px;
}

.menubox {
  display: block;
}

.bx-clear {
  max-width: 800px;
}

.box001 {
  display: inline-block;
  width: 48%;
}

.box002 {
  display: inline-block;
  width: 48%;
}
.box003 {
  display: inline-block;
  width: 48%;
}
.box004 {
  display: inline-block;
  width: 48%;
}
.box005 {
  display: inline-block;
  width: 48%;
}

.drawer_menu .drawer_nav_wrapper {
  width: 65%;/*最大幅*/
  opacity: 1;
}

a.me2.outline3 {
  text-indent: 130px;
}


.f-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #FFFFFF;
  text-align: center;
  top: 22px;
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 1200;
  right: 10px;
}

.bx-heading01 {
  border-bottom-style: solid;
  border-bottom-color: #135ea7;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 150px;
  margin-bottom: 60px;
  height: auto;
}

.bx-heading02 {
  border-bottom-style: solid;
  border-bottom-color: #5eb651;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  border-bottom-width: 2px;
  vertical-align: bottom;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
  margin-top: 150px;
  margin-bottom: 60px;
  height: auto;
}

.outline3 {
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  display: inline-block;
  line-height: 200%;
  word-spacing: -50em;
  font-size: 13px;
  padding-top: 10px;
  padding-left: 20px;
}

.privacy-image {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.mihon5 {
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  max-width: 160px;
  min-width: 100px;
}

.bx-menuimage {
  display: inline-block;
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  height: 100px;
  max-width: 150px;
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
}

.menubtn {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 1.3em;
  color: #41b5e9;
  line-height: 2.3;
  background-color: #FFFFFF;
  border: 2px solid #41b5e9;
  height: 42px;
  border-radius: 10px;
  text-align: center;
  margin: 0px;
  min-width: 139px;
  display: block;
}

.smallbox {
  line-height: 16px;
  height: 40px;
  padding: 0px;
  clear: both;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: left;
  display: block;
  max-width: 139px;
}

.bx-newsunder {
  width: 80%;
  padding-top: 10px;
  padding-right: 60px;
  padding-bottom: 10px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}

.imagebox {
  width: 60%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}




}