@charset "UTF-8";
/* =======================================

	 CSS BrowserReset BaseElements

 ======================================= */
@import url("https://fonts.googleapis.com/css?family=Oswald:500");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap");
html, body, div, span, nav, 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,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-style: inherit;
  font-weight: inherit;
  background: transparent; }

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  /*vertical-align: baseline;*/
  font-family: 'Roboto', YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", 'ＭＳ Ｐゴシック',sans-serif;
  font-style: inherit;
  font-weight: inherit;
  background: transparent; }

html {
  font-size: 90%;
  overflow-y: scroll;
  color: #333; }

img {
  max-width: 100%;
  vertical-align: bottom; }

strong {
  font-weight: bold; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  /*	border-collapse: separate;*/
  border-spacing: 0; }

/*caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

option {
  padding-right: 10px; }

/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header, article, main, aside, section, footer,
nav, menu, details, hgroup, summary, figcaption, figure {
  display: block; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cl {
  clear: both; }

.clf {
  zoom: 1; }
  .clf:after {
    content: "";
    display: block;
    clear: both; }

.transition {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

/* --- layout / common ------------------------------- */
a {
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  a:hover {
    opacity: .7;
    text-decoration: none; }

html {
  font-size: 62.5%; }

img {
  max-width: 100%;
  height: auto; }

.l-container {
  overflow: hidden;
  color: #464646;
  font-family: -apple-system, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 2.0;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .l-container p, .l-container a, .l-container h1, .l-container h2, .l-container h3, .l-container h4, .l-container h5, .l-container h6, .l-container span {
    max-width: 100%; }

.l-wrapper {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px; }

.l-header {
  position: relative;
  z-index: 1000;
  padding: 3px 0;
  border-bottom: 3px solid #1a4672;
  background: #fff;
  text-align: center; }
  .l-header a {
    display: inline-block; }

.l-main {
  display: block;
  padding-bottom: 100px; }

/*-- modules ----------------------------------------*/
.is-fsizeSmaller {
  font-size: 1.2rem !important; }

.is-fsizeSmall {
  font-size: 1.4rem !important; }

.is-fsizeNormal {
  font-size: 1.6rem !important; }

.is-fsizeLarge {
  font-size: 1.8rem !important; }

.is-fsizeLarger {
  font-size: 2rem !important; }

.is-fsizeLargest {
  font-size: 2.2rem !important; }

.is-fcolorRed {
  color: #ff4e00; }

.is-gothic {
  font-family: -apple-system, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important; }

.is-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", HiraMinPro, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important; }

.is-bold, .is- strong {
  font-weight: bold !important; }

.is-normal {
  font-weight: normal !important; }

.is-imgfit {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.is-tal {
  text-align: left !important; }

.is-tac {
  text-align: center !important; }

.is-tar {
  text-align: right !important; }

.is-vat {
  vertical-align: top !important; }

.is-vam {
  vertical-align: middle !important; }

.is-vab {
  vertical-align: bottom !important; }

.is-fl {
  float: left !important; }

.is-fr {
  float: right !important; }

.is-showsp {
  display: none !important; }

.c-btnWrap {
  margin-top: 35px;
  text-align: center; }

.c-btn {
  display: block;
  max-width: 480px !important;
  margin: 0 auto;
  padding: 12px;
  background: #4cc40a;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }

.c-titleWrap {
  margin-top: 70px;
  margin-bottom: 55px;
  padding: 15px 0;
  background: #8ffca0; }

.c-title {
  color: #ff4e00;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  text-align: center; }

.c-block {
  display: block;
  padding: 15px; }
  .c-block.skin01 {
    margin: 35px 0;
    padding: 15px 40px 45px;
    border: 1px solid #ff4e00; }

.c-inlineBlock {
  display: inline-block; }

.c-inline {
  display: inline; }

.c-flex, .c-pcflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .c-flex.space-between, .space-between.c-pcflex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .c-flex.center, .center.c-pcflex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .c-flex.aic, .aic.c-pcflex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .c-flex.aie, .aie.c-pcflex {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.c-inlineFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
pre + h6,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
form + h2,
form + h3,
form + h4,
form + h5,
form + h6,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6 {
  margin-top: 40px; }

p + p {
  margin-top: 1.3em; }

/* toppage ----------------------------------------- */
.mv-wrap {
  background: #0bcbfb;
  background: -moz-linear-gradient(top, #0bcbfb 0%, #8ffca0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0bcbfb), color-stop(100%, #8ffca0));
  background: -webkit-linear-gradient(top, #0bcbfb 0%, #8ffca0 100%);
  background: -o-linear-gradient(top, #0bcbfb 0%, #8ffca0 100%);
  background: -ms-linear-gradient(top, #0bcbfb 0%, #8ffca0 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#0bcbfb), to(#8ffca0));
  background: linear-gradient(to bottom, #0bcbfb 0%, #8ffca0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
  text-align: center; }

.txt-plan {
  padding: 15px 0;
  color: #e80f1e;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.33;
  text-align: center; }

/* tablet向けスタイル */
/* sp向けスタイル */
@media screen and (max-width: 767px) {
  /* --- layout ------------------------------------ */
  .l-container {
    font-size: 1.4rem;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%; }
  .l-wrapper {
    padding-left: 16px;
    padding-right: 16px; }
  .l-headerLogo img {
    width: 94px; }
  /*-- modules ----------------------------------------*/
  .is-showpc {
    display: none !important; }
  .is-showsp {
    display: block !important; }
    .is-showsp.inline {
      display: inline-block !important; }
  .is-sptal {
    text-align: left !important; }
  .is-sptac {
    text-align: center !important; }
  .is-sptar {
    text-align: right !important; }
  .is-fsizeSmall {
    font-size: 1.2rem !important; }
  .c-titleWrap {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 12px 0; }
  .c-title {
    font-size: 20px; }
  .c-btnWrap {
    margin-top: 25px; }
  .c-btn {
    font-size: 18px; }
  .c-block.skin01 {
    margin: 25px 0;
    padding: 20px; }
  p + h2,
  p + h3,
  p + h4,
  p + h5,
  p + h6,
  ul + h2,
  ul + h3,
  ul + h4,
  ul + h5,
  ul + h6,
  ol + h2,
  ol + h3,
  ol + h4,
  ol + h5,
  ol + h6,
  dl + h2,
  dl + h3,
  dl + h4,
  dl + h5,
  dl + h6,
  blockquote + h2,
  blockquote + h3,
  blockquote + h4,
  blockquote + h5,
  blockquote + h6,
  hr + h2,
  hr + h3,
  hr + h4,
  hr + h5,
  hr + h6,
  pre + h2,
  pre + h3,
  pre + h4,
  pre + h5,
  pre + h6,
  table + h2,
  table + h3,
  table + h4,
  table + h5,
  table + h6,
  form + h2,
  form + h3,
  form + h4,
  form + h5,
  form + h6,
  figure + h2,
  figure + h3,
  figure + h4,
  figure + h5,
  figure + h6 {
    margin-top: 25px; }
  /* --- toppage ---------------------------------- */
  .txt-plan {
    font-size: 22px; } }

/* #Print Fixes */
@media print {
  * {
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  @page {
    margin: 1cm 2cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  body {
    width: auto;
    -webkit-print-color-adjust: exact; } }