/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
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-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline;
    /* font-weight:400; */
}

/* HTML5 display-role reset for older browsers */

* {
    box-sizing: border-box;
    line-height: 1.5em;
}

html {
    font-size: 16px;
    font-size: 100%;
    /* font-size: 1vw; */
    /* font-size:14.93333333333333px; */
}

@media (max-width: 768px) {
    html {
        /* font-size: 14px; */
        font-size: 1vw;
        /* font-size: 3.7498px; */
    }
}

p {
    letter-spacing: 0;
}

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

body {
    line-height: 1.25em;
    /* font-size:16px; */
    font-size: 62.5%;
    font-family: 'Noto sans JP', sans-serif;
    font-weight: 400;
    font-feature-settings: normal;
    color: #000000;
    font-feature-settings: "palt";
}

@media (max-width: 768px) {
    body {
        font-size: 14px;
        min-width: 100%;
    }
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus,
textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
}

.pc {
    display: block;
}

@media (max-width: 768px) {
    .pc {
        display: none;
    }
}

.sp {
    display: none;
}

@media (max-width: 768px) {
    .sp {
        display: block;
    }
}

a {
    text-decoration: none;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (max-width: 768px) {
    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

a:hover,
input[type="submit"]:hover {
    opacity: 0.6;
}

a:hover img {}

/* a:focus, */
button:focus {
    border: none;
    outline: none;
}

area {
    border: none;
    outline: none;
}

.site-content {
    /* padding-top:100px; */
    /* min-height:calc(100vh - 204px - 370px); */
    /* min-height:100vh; */
    /* background-color:#FFF; */
}

@media (max-width: 768px) {
    .site-content {
        min-height: 0;
    }
}


html.is-fixed,
html.is-fixed body {
    /* height: 100%; */
    overflow: hidden;
}

h3,
h4 {
    font-weight: normal;
}

pre {
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

/************************************************************/

.inner {
    max-width: 750px;
    width: 100%;
    margin: auto;
}

main {
    position: relative;
    overflow: hidden;
}


/************************************************************/

header{

}

/************************************************************/


footer{
    padding: 32px 0;
    text-align: center;
}
/* @media (max-width: 750px) {
    .site-content {
        padding: 4.267vw 0;
    }
} */

.footer-content{

}

.footer-navi{
    padding: 16px 0;
}
/* @media (max-width: 750px) {
    .footer-navi{
        padding: 2.133vw 0;
    }
} */
.footer-navi li{
    
}
.footer-navi li a{
    color: #2c4198;
    font-size: 16px;
}
/* @media (max-width: 750px) {
    .footer-navi li a{
        font-size: 2.133vw;
    }
} */

.footer-copy{

}
.footer-copy p{
    font-size: 12px;    
    color: #2c4198;
}
/* @media (max-width: 750px) {
    .footer-copy p{
        font-size: 1.6vw;
    }
} */

/************************************************************/

.section{

}
.section-image{
    position:relative;
}
.section-image--02{
    z-index: 3;
}
.section-image--15{
    /* padding: 22px 30px 38px; */
    padding: 37.5px 51.1px 64.8px;
    background-image: url(../img/imag15_bg.png);
    background-repeat: repeat;
    background-position: center top;    
    text-align: center;
}
@media (max-width: 750px) {
    .section-image--15{
        padding: 5vw 6.818vw 8.636vw;
    }
}
.section-image--15 > *:last-child{
    margin-bottom: 0;
}
.section-image--15 img,
.section-image--15 video{
    width: 100%;
    margin-bottom: 54.55px;
}
@media (max-width: 750px) {
    .section-image--15 img,
    .section-image--15 video{
        margin-bottom: 7.273vw;
    }
}
.section-image--15 video.section-image--15--video{
    /* width: 266px; */
    width: 453.41px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 750px) {
    .section-image--15 video.section-image--15--video{
        width: 60.455vw;
    }
}

.section-image--16{
    margin-bottom: 40px;
}
@media (max-width: 750px) {
    .section-image--16{
        margin-bottom: 5.333vw;
    }
}

.section-image img{
    display: block;
}

.section-image--01{
    position:absolute;
    right: 0;
    bottom: -140px;
    width: 328px;
}
@media (max-width: 750px) {
    .section-image--01{
        bottom: -18.667vw;
        width: 43.733vw;
    }
}

.section-btnKv{
    position:absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 28px);
    padding: 14px;
    background-color: #FFFFFFE6;
}
@media (max-width: 750px) {
    .section-btnKv{
        width: calc(100% - 3.733vw);
        padding: 1.867vw;
    }
}
.section-btnKv p{
    margin-bottom: 8px;
    font-weight: 500;
    /* font-size: 16px; */
    font-size: 27px;
    /* font-size: 3.636vw; */
    line-height: 150%;
    text-align: center;
    color: #000000;
}
@media (max-width: 750px) {
    .section-btnKv p{
        margin-bottom: 1.067vw;
        font-size: 3.636vw;
    }
}
.section-btnKv p a{
    /* box-shadow: 1px 1px 30px 5px rgba(252, 255, 204, 0.4); */    
    filter: drop-shadow(1px 1px 30px rgba(252, 255, 204, 0.4));
}

.section-btn01{
    padding: 40px 16px;
}
@media (max-width: 750px) {
    .section-btn01{
        padding: 5.333vw 2.133vw;
    }
}
.section-btn01 a{
    width: 100%;
    /* box-shadow: 1px 1px 30px 5px rgba(252, 255, 204, 0.4); */
    filter: drop-shadow(1px 1px 30px rgba(252, 255, 204, 0.4));
}

.section-btn02{
    padding: 16px 16px 52px;
    background-color: #EDEDED;
}
@media (max-width: 750px) {
    .section-btn02{
        padding: 2.133vw 2.133vw 6.933vw;
    }
}
.section-btn02 a{
    width: 100%;
    /* box-shadow: 1px 1px 30px 5px rgba(252, 255, 204, 0.4); */
    filter: drop-shadow(1px 1px 30px rgba(252, 255, 204, 0.4));
}

.section-btn--animation{
  display: inline-block;
  animation: scaleAnimation 1.8s ease-in-out infinite;
}

/* 拡大・縮小の定義 */
@keyframes scaleAnimation {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1); /* 拡大率 */
  }
  100% {
    transform: scale(0.9);
  }
}
/************************************************************/