@charset "UTF-8";
/*基本のオレンジ*/
/*薄い黄色*/
/*フッタグレー*/
/*スマホメニューの色*/
/*スマホメニューの色*/
BODY { background: #fff; font-style: normal; font-weight: normal; text-align: center; text-indent: 0pt; letter-spacing: 0em; color: #333; font-size: 110%; line-height: 1.6; margin: 0; padding: 0; font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { outline: none; }

a:link { color: #333; text-decoration: none; }

a:visited { color: #333; }

a:hover { color: #dd9933; text-decoration: none; }

a:active { color: #333; text-decoration: none; }

#pageTop { position: fixed; bottom: 40px; right: 10px; width: 65px; height: 65px; }
#pageTop a { display: block; position: absolute; z-index: 999; padding: 14px 0 0 2px; width: 65px; height: 65px; line-height: 1.4; background-color: #CCC; border-radius: 50%; border: 1px #fff solid; color: #fff; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer; }
#pageTop a:before { content: '\f077'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding: 0; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7; }

.btn-pagetop { transition: all .7s; pointer-events: none; opacity: 0; }

.pageTopBtn-in { opacity: 1; pointer-events: auto; }

.flexbox { display: flex; justify-content: space-between; align-items: center; }
.flexbox .col3_2box { width: 66%; }
.flexbox .col3_1box { width: 30%; }
.flexbox .col5_2box { width: 40%; }
.flexbox .col5_3box { width: 55%; }
.flexbox .col2box { width: 48%; }
.flexbox .col3box { width: 31%; }
.flexbox .col2fullbox { width: 50%; }

header .headerinner { max-width: 900px; margin: 0 auto; padding: 40px 0px;}
header #logo { line-height: 1; font-weight: 600; letter-spacing: 1px; text-align: left; }
header #logo img { vertical-align: middle; margin-right: 10px; object-fit: contain; height: 100px; }
header #sitename { text-align: left; width: 100%; margin-left: 40px; }
header #sitename h1 { font-weight: bold; font-size: 2.25rem; color: #068C17; }
header #loginbtn { width: 140px; margin-top: 20px; }
header #loginbtn a { display: block; background-color: #E5783E; color: #fff; border-radius: 5px; padding: 10px; }
header #site-navigation-over { background-color: #E5783E; padding: 5px; }
header #site-navigation-pc { max-width: 900px; margin: 0 auto; }
header #site-navigation-pc ul { display: flex; justify-content: space-between; }
header #site-navigation-pc li { width: calc(100% /5); }
header #site-navigation-pc li a { display: block; padding: 25px; font-size: 1em; line-height: 1; text-align: center; color: #fff; }
header #site-navigation-pc li a:hover { background-color: #e5af68; }

footer { background: #636363; margin-top: 150px; padding: 40px 0; width: 100%; margin: 0 auto; }
footer #footercopy { color: #fff; font-size: 0.8em; }

.contentsinner { max-width: 900px; margin: 0 auto;}
.finish-message { margin-top: 20px; margin-bottom: 20px;}
.caution {font-size: smaller;}

h2 { color: #E5783E; font-weight: normal; text-align: left; margin-bottom: 20px; }

.align-center { text-align: center; }

/* -------------------------------sp--------------------------------------------- */
@media screen and (max-width: 900px) { header .headerinner { padding-left: 20px; padding-right: 20px; }
  header #site-navigation-pc li a { padding: 25px 0; }
  footer #footercopy .btt { display: none; }
  #main { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 500px) { .flexbox { display: block; }
  .flexbox .col2box { width: 100%; margin-bottom: 40px; }
  .flexbox .col2box:last-child { margin-bottom: 0px; }
  .flexbox .col3box { width: 100%; margin-bottom: 40px; }
  .flexbox .col3box:last-child { margin-bottom: 0px; }
  .flexbox .col3_2box { width: 100%; margin-bottom: 40px; }
  .flexbox .col3_1box { width: 100%; margin-bottom: 40px; }
  .flexbox .col5_2box { width: 100%; margin-bottom: 40px; }
  .flexbox .col5_3box { width: 100%; margin-bottom: 40px; }
  header #site-navigation-pc ul { flex-wrap: wrap; border: 1px #fff solid; }
  header #site-navigation-pc ul:after { content: ""; display: block; width: calc(100% /3); height: 0; }
  header #site-navigation-pc li { width: calc(100% /3); }
  header #site-navigation-pc li:first-child { border-bottom: 1px #fff solid; }
  header #site-navigation-pc li:nth-child(2) { border-left: 1px #fff solid; border-right: 1px #fff solid; border-bottom: 1px #fff solid; }
  header #site-navigation-pc li:nth-child(3) { border-bottom: 1px #fff solid; }
  header #site-navigation-pc li:nth-child(4) { border-left: none; }
  header #site-navigation-pc li:nth-child(5) { border-right: 1px #fff solid; border-left: 1px #fff solid; }
  header #site-navigation-pc li a { padding: 10px 5px; font-size: 0.9em; }
  header .flexbox { display: flex; flex-wrap: wrap; }
  header #logo { width: 80px; }
  header #sitename { width: calc(100% - 90px); }
  header #sitename h1 { font-size: 1.2em; }
  header #loginbtn { width: 100%; margin-top: 0; }
  header #loginbtn a { width: 120px; margin: 0 0 0 auto; } }