@font-face {
  font-family: 'Aleo';
  src:  url(/fonts/Aleo-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Canter';
  src:  url(/fonts/Canter-Outline.otf) format('opentype');
}

@font-face {
  font-family: 'GenJyuuBold';
  src:  url(/fonts/GenJyuuGothicX-Bold.ttf) format('ttf');
}

@font-face {
  font-family: 'GenJyuuMedium';
  src:  url(/fonts/GenJyuuGothicX-Medium.ttf) format('ttf');
}

@font-face {
  font-family: 'GenJyuuNormal';
  src:  url(/fonts/GenJyuuGothicX-Normal.ttf) format('ttf');
}

@font-face {
  font-family: 'GenJyuuRegular';
  src:  url(/fonts/GenJyuuGothicX-Regular.ttf) format('ttf');
}

@font-face {
  font-family: 'KozGoPr6N';
  src:  url(/fonts/KozGoPr6N-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'hiraginoKakuw3';
  src:  url(/fonts/ヒラギノ角ゴ-Pro-W3.otf) format('opentype');
}

@font-face {
  font-family: 'hiraginoKakuw6';
  src:  url(/fonts/ヒラギノ角ゴ-Pro-W6.otf) format('opentype');
}

@font-face {
  font-family: 'hiraginoKakuw8';
  src:  url(/fonts/ヒラギノ角ゴ-Std-W8.otf) format('opentype');
}

@font-face {
  font-family: 'hiraginominw3';
  src:  url(/fonts/ヒラギノ明朝-Pro-W3.otf) format('opentype');
}

.bg-2nd-blue{
    background-color: #006689;
    max-height: 67.6785px;
}

.logo{
    max-width: 327.7111px;
    height: 47.7676px; 
}

.msg-w6{
    font-family: 'hiraginoKakuw6';
}

.msg-w3{
    font-family: 'hiraginoKakuw3';
}

.msg-1{
    font-size: 38px;
}

.main-text-black{
    color: #5E5E5E;
}

.top-fullview-img::before{
    content: "";
    display: block;
    padding-top: calc(882 / 1920 * 100%);
}

.thirdview-msg{
    margin-top: 4%;
}

.merit-fullview-img{
    content: "";
    display: block;
    padding-top: calc(956 / 1920 * 100%);
}

.plan-fullview-img::before{
    content: "";
    display: block;
    padding-top: calc(1146 / 2089 * 100%);
}

.cvbtn-color{
    background-color: #008AB2;
}

.usecase-fullview-img::before{
    content: "";
    display: block;
    padding-top: calc(107 / 1920 * 100%);
}

.step-fullview-img::before{
    content: "";
    display: block;
    padding-top: calc(691 / 1923 * 100%);
}

.faq-color{
    color: #004360;
}

.contact{
    background-color: #DDDDDD;
}

.formbtn{
    background-color: #F29220;
}

/* sp */
.sp-top-fullview-img{
    content: "";
    display: block;
    padding-top: calc(1244 / 640 * 100%);
}

.sp-cvbtn{
    top: 38%;
}

.sp-merit-fullview-img{
    content: "";
    display: block;
    padding-top: calc(851 / 643 * 100%);
}

.sp-usecase-fullview-img{
    content: "";
    display: block;
    padding-top: calc(44 / 566 * 100%);
}

.sp-usecase{
    top: 5%;
}

.sp-step-fullview-img{
    content: "";
    display: block;
    padding-top: calc(352 / 640 * 100%);
}