/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require font-awesome
 *= require ./lib/bootstrap-4.0.0/bootstrap.min
 *= require ./lib/jquery.smartmenus.bootstrap.css
 *= require_tree .
 *= require_self

 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');

@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 2;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: 500;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

a img {
  border: none;
}

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

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  word-break: break-word;
}

html, body {
  font-family:  "Noto Sans CJK JP", "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro", "游ゴシック", "游明朝", "ヒラギノ明朝 Pro", "Oswald", "メイリオ", "游ゴシック", "Noto Serif", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  line-height: 1.8;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  font-weight: 500;
}

a,a:hover {
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
}

h1, h2, h3, h4, h5,  h6, p {
  margin: auto;
}

p, dt, dd {
  overflow-wrap: break-word;
}

body {
  margin: auto;
  position: relative;
}

/*--------------------------responsive ---------------------*/
.clearfix::before,
.clearfix::after {
    display: block;
    content: "";
    clear: both;
  }


/*--------------------------------------------------------------------------*/
/* Common
---------------------------------------------------------------------------------*/

body {
  position: relative;
  margin: 0;
}

h1 {
  margin: initial;
}

h2 {
  font-size: 5rem;
  font-weight: 900;
  text-align: center;
}
h1, h2, h3, h4 {
  line-height: 1.5;
  font-weight: 700;
  margin: 0;
}
p, td, label, div, ul, li, strong  {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0;
}
.btn_event {
  font-size: 1.6rem;
  color: white;
  width: 100%;
  display: block;
}
.pEvent1 {
    background: #e5b36a;
}
.pEvent2 {
    background: #ff7293;
}
.pEvent3 {
    background: #4cd7d0;
}
.pEvent4 {
    background: #73D393;
}
h2 span {
  color: red;
}
p {
  white-space: pre-line;
}
p.normal {
  font-size: 1.8rem;
}
p.lg {
  font-size: 2rem;
}
p .decoration {
  text-decoration: underline;
}
p .red {
  color: red;
}
p.center {
  text-align: center;
}
.container,
.lcontainer {
  width: 100rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  position: relative;
}

.lcontainer h1 {
		color: #ffffff;
		font-size: 20px;
	margin: 0 auto;
	}

.lcontainer {
  width: 120rem;
}
main {
  position: relative;
}
.sBody {
  margin-top: 5rem;
}
.py10 {
  padding: 10rem 0;
}
.py8 {
  padding: 8rem 0;
}
.py6 {
  padding: 6rem 0;
}
.py5 {
  padding: 5rem 0;
}
.py4 {
  padding: 4rem 0;
}
.pt8 {
  padding-top: 8rem;
}
.pb8 {
  padding-bottom: 8rem;
}
.mt10 {
  margin-top: 10rem;
}
.mt8 {
  margin-top: 8rem;
}
.mt7 {
  margin-top: 7rem;
}
.mt5 {
  margin-top: 5rem;
}
.mt4 {
  margin-top: 4rem;
}
.mt3 {
  margin-top: 3rem;
}
.mt2 {
  margin-top: 2rem;
}
.mt1 {
  margin-top: 1rem;
}
.btn {
  display: block;
  cursor: pointer;
}
.btn {
  display: block;
  cursor: pointer;
}
.text_center {
  text-align: center;
}
.sCom {
  padding: 7.5rem;
}
.header {
  background: #FFBC00;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}
.header p {
	color: #fff;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 500;
}
.header .lcontainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
}
.btnLogo {
  font-size: 1.6rem;
  color: white;
}
.topFormBtn {
  display: none;
}
.globNav li,
.globNav li a {
  font-size: 1.4rem;
  color: white;
}
.globNav li {
  margin-left: 3rem;
  list-style: none;
}
.globNav {
  display: flex;
  justify-content: flex-end;
}
.fvImg {
  height: 118rem;
  object-fit: cover;
}
.fv {
  position: relative;
  margin-top: 6rem;
}
.fv .form {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
}
.form {
  margin-left: auto;
  margin-right: auto;
  width: 50rem;
}
.formDesc {
  font-size: 2rem;
  text-align: center;
}
.formSub {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: #666666;
  text-align: center;
}
.formBtn {
  font-size: 2.5rem;
  color: white;
  width: 100%;
  line-height: 8.3rem;
  border-radius: 9999px;
  background: #ff0000;
  display: block;
  text-align: center;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: pulse;
  margin-top: 1rem;
}
.seminarBtn {
  cursor: pointer;
}
.tokten {
  background: url(img/tok_bg.jpg);
  background-size: cover;
  background-position: center;
}
.tokten p {
  text-align: center;
  font-size: 3rem;
}
.toktenImg {
  max-width: 100%;
  width: 80rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
}
.onayamiImg {
  height: 105.5rem;
  object-fit: cover;
}
.border {
  position: relative;
  background: #0067c0;
  line-height: 8rem;
  color: white;
}
.border:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 3rem solid transparent;
  border-right: 3rem solid transparent;
  border-top: 1.5rem solid #0067c0;
  position: absolute;
  left: calc(50% - 3rem);
  bottom: -1.4rem;
}
.cloudfund h2 {
  font-size: 3rem;
  text-align: center;
  color: white;
}
.cloudfundInfo {
  margin-top: 5rem;
  display: flex;
  justify-content: space-between;
}
.cloudfundImg {
  width: 57.3rem;
}
.cloudfundInfo p {
  font-size: 1.8rem;
  line-height: 1.8;
}
.merit ul {
  list-style: none;
}
.example {
  background: #e6f4ff;
}
.exampleDesc {
  font-size: 2rem;
  text-align: center;
}
.exampleList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -1rem;
}
.exampleItem {
  width: calc(100% / 2 - 2rem);
  margin: 1rem;
}
.exampleInfo {
  padding: 2rem;
  background: white;
}
.exampleItem {
  list-style: none;
  background: #0067c0;
  border: 1px solid #0067c0;
}
.exampleItem p {
  font-size: 3rem;
  color: white;
  text-align: center;
  line-height: 6rem;
}
.exampleSub p {
  text-align: center;
  line-height: 1.8;
}
.reason {
  background: url(img/reason.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.reason2 {
  background: url(img/color.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.reason h2 {
  color: white;
}
.seminar h2 {
  font-size: 4rem;
}
.seminarInfo {
  background: #e6f4ff;
  padding: 5rem;
}
.reasonList,
.seminarList {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reasonList li,
.seminarList li {
  font-size: 2.5rem;
  position: relative;
  padding-left: 3.5rem;
  list-style: none;
  line-height: 2;
}
.reasonList li {
  color: white;
}
.reasonList li:before,
.seminarList li:before {
  content: "";
  width: 3rem;
  height: 2.7rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 1rem;
}
.reasonList li:before {
  background-image: url(img/icon_check.svg);
}
.seminarList li:before {
  background-image: url(img/icon_check_b.svg);
}
.bg1 {
  background: #e6f4ff;
}
.bg2 {
  background: #ffdc64;
}
.program .container {
  width: 80rem;
}
.programList ul {
  list-style: none;
}
.faqList dt,
.faqList dd {
  position: relative;
  display: block;
  padding: 2.5rem 2rem 2.5rem 8rem;
}
.faqList dt {
  background: #0067c0;
  font-size: 2.5rem;
  font-weight:700;
  color: white;
}
.faqList dd {
  font-size: 2rem;
  white-space: pre-line;
}
.faqList dt:before {
  color: #0067c0;
  font-size: 2.5rem;
  content: "Q";
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 9999px;
  padding-bottom: 0.5rem;
}
.faqList dd:before {
  content: "A";
  color: white;
  font-size: 2.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 9999px;
  padding-bottom: 0.5rem;
  background: #0067c0;
}
.faqList dt:before ,
.faqList dd:before {
  position: absolute;
  left: 2rem;
  top: 2rem;
  line-height: 1;
}
.footer {
  background: #FFBC00;
}
.company h2 {
  color: white;
}
.footer .container {
  width: 63rem;
}
.companyInfo {
  width:100%;
  border-top: 1px solid white;
  margin: auto;
}
.companyInfo table {
  width: 100%;
}
.companyInfo td {
  border-bottom: 1px solid white;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  color: white;
}
.companyInfo tr>td:first-child {
  width: 20rem;
  text-align: center;
}
.companyInfo td a {
  color: white;
  text-decoration: underline;
}
.privacy {
  padding: 2rem;
  background: white;
  max-height: 10rem;
  overflow-y: auto;
}
.privacy p,
.copyright {
  font-size: 1.4rem;
}
.copyright {
  color: white;
  text-align: center;
}


/*---------calendar--------------*/
.month {
  padding: 0;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 1px;
  text-align: center;
}
ul {
	padding-left: 0;
	
}
li {
	list-style: none;
	
}
table.calendar {
  width: 100%;
  border-collapse: collapse;
}
table.calendar th {
  width: 14.2%;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1px;
  padding: 10px 0;
  border: solid 1px rgba(200, 200, 200, 1.00);
  text-align: center;
}
table.calendar td {
  padding: 10px;
  border: solid 1px rgba(200, 200, 200, 1.00);
  vertical-align: top;
}
.day {
  font-size: 18px;
  font-weight: bold;
  line-height: 100%;
  color: rgba(85, 85, 85, 1.00);
  font-family: Arial, Helvetica, sans-serif;
}
.status {
  width: 100%;
  margin: 10px 0 0;
  padding: 5px 0;
  font-size: 85%;
  display: inline-block;
  color: rgba(240, 240, 240, 1.00);
  background: rgba(100, 100, 100, 1.00);
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#calendar .calendar_caption {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
	font-weight: 800;
}

.calendar_caption h1 {
	color: #FFBC00;
	font-size: 30px;
	padding: 0 0 20px 0;
	
}

#calendar .btn2 {
  display: inline-block;
  background: red;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 1.00);
  width: 100%;
  margin: 10px 0 0;
  padding: 5px 0;
  font-size: 85%;
  text-align: center;
}
#calendar .btn3 {
  display: inline-block;
  background: #008000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 1.00);
  width: 100%;
  margin: 10px 0 0;
  padding: 5px 0;
  font-size: 85%;
  text-align: center;
}
#calendar .btn4 {
  display: inline-block;
  background: blue;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 1.00);
  width: 100%;
  margin: 10px 0 0;
  padding: 5px 0;
  font-size: 85%;
  text-align: center;
}



.pc {
  display: block !important;
}

.sp {
  display: none !important;
}
@media screen and (max-width: 1250px) {
  html, body {
    font-size: calc(100vw / 125);
  }
}






@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  html, body {
    font-size: calc(100vw / 65);
  }
  h2 {
    font-size: 4rem;
  }

  .py10 {
    padding: 8rem 0;
  }
  .py8 {
    padding: 7rem 0;
  }
  .py6 {
    padding: 5.5rem 0;
  }
  .py5 {
    padding: 4.5rem 0;
  }
  .py4 {
    padding: 3.5rem 0;
  }
  .pt8 {
    padding-top: 7rem;
  }
  .pb8 {
    padding-bottom: 7rem;
  }
  .mt10 {
    margin-top: 8rem;
  }
  .mt8 {
    margin-top: 7rem;
  }
  .mt7 {
    margin-top: 6rem;
  }
  .mt5 {
    margin-top: 4.5rem;
  }
  .mt4 {
    margin-top: 3.5rem;
  }
  .mt3 {
    margin-top: 3rem;
  }
  .container,
  .lcontainer,
  .program .container,
  .footer .container {
    width: calc(100% - 4rem);
  }
	
  .fvImg {
    content: url(img/fv_sp.jpg);
    height: auto;
  }
  .globNav {
    display: none;
  }
  .topFormBtn {
    display: inline-block;
    background: red;
    line-height: 3.5rem;
    border-radius: 9999px;
    padding: 0 2rem;
    color: white;
    text-align: center;
  }
  .form {
    width: 60rem;
    max-width: 96%;
  }
  .fv .form {
    bottom: 2rem;
  }
  .formDesc {
    font-size: 2.5rem;
  }
  .formSub {
    font-size: 1.6rem;
  }
  .tokten h2 {
    width: 100%;
  }
  .onayamiImg {
    height: auto;
    width: 100%;
    content: url(img/onayami_sp.svg);
  }
  .cloudfundInfo {
    display: block;
  }
  .cloudfundImg,
  .cloudfundInfo p {
    width: 100%;
    display: block;
  }
  .cloudfundInfo p {
    margin-top: 3rem;
    text-align: center;
  }
  .exampleItem {
    width: calc(100% - 2rem);
  }
  .seminarInfo {
    padding: 5rem 2rem;
  }
}