@charset "UTF-8";
/*  /////////////////////////////////////////////////////////////// 
       基本レイアウト                      
//////////////////////////////////////////////////////////////// */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body { /*背景色　フォント情報とサイズ*/
  /*background-color: #ecf3fe;*/
  background-color: #ECF2FF;
  /*background-color:#f9df4b;*/
  /*background-color:#e4e6da;*/
  font-family: "YakuHanJP", 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
  font-size: 14px;
  /*font-size: min(4vw, 14px);*/
  line-height: 18px;
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
  text-align: justify;
  margin: 0;
  padding: 0;
  z-index: -10;
}
/* ------------------------------------------------
スクロールするため高さを出すためのタグ
--------------------------------------------------*/
#scroll-h {
  height: 100vh;
}
/*!---  --------------------------------------------
フッターを下に固定
---------------------------------------------------*/
#footer_wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer {
  margin-top: auto;
}
/* ------------------------------------------------
幅指定など
--------------------------------------------------*/
main {
  width: 100%;
  max-width: 1200px;
  padding: 0 3%;
  box-sizing: border-box;
  margin: 120px auto 0px auto;
  border: solid 0px;
}
/* 各ページ幅
--------------------------------------------------*/
#contents_area {
  width: 100%;
  padding-left: 3%;
  box-sizing: border-box;
  margin: 0px;
  border: solid 0px;
}
/*段落2*/
#contents_area article {
  padding-left: 3%;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 40px;
  border: solid 0px #D65605; /*ブラウン*/
}
@media (max-width: 749px) {
  #contents_area article {
    margin-bottom: 30px;
  }
}
/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {
  body {
    font-size: 12px;
    line-height: 16px;
  }
	/* ------------------------------------------------
幅指定など
--------------------------------------------------*/
main {
  margin: 80px auto 0px auto;
  border: solid 0px;
}
  /*段落1*/
  #contents_area {
    padding-left: 0%;
    box-sizing: border-box;
    border: solid 0px #05D63B; /*グリーン*/
  }
  #contents_area article {
    padding-left: 0%;
    box-sizing: border-box;
    border: solid 0px #D65605; /*ブラウン*/
  }
}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}