@charset "UTF-8";


/* html
------------------------------------------------- */
html {
	overflow-x: hidden;
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    padding: 6.25em 0 11.25em;
}
.mainvisual .inner {
    max-width: inherit;
}
.mainvisual h1 {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.288;
    padding-bottom: 0.45em;
}
.mainvisual img {
    display: block;
    width: 64.6875em;
    margin: 0 auto;
}
@media only screen and (max-width:750px){
.mainvisual {
    padding: 2em 0 3em;
}
.mainvisual h1 {
    font-size: 14vw;
    padding-bottom: 0.45em;
}
.mainvisual img {
    width: 92vw;
    max-width: inherit;
    margin-left: -2vw;
}
}


/* cont1
------------------------------------------------- */
.cont1 {
    padding-bottom: 18.125em;
}
.cont1 .inner {
    padding: 0 16.625em;
}
.cont1 h2 {
    width: 35.625em;
    padding-top: 2em;
}
.cont1 p {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2.5;
    padding-bottom: 2.5em;
}
.cont1 .img {
    width: 7.875em;
    position: absolute;
    right: 16.625em;
    top: 10em;
}
@media only screen and (max-width:750px){
.cont1 {
    padding-bottom: 25vw;
}
.cont1 .inner {
    padding: 0;
}
.cont1 h2 {
    width: 90%;
    margin: 0 auto;
    padding-top: 1.5em;
}
.cont1 p {
    font-size: 4.533vw;
    line-height: 1.95;
    padding: 0 20vw 10vw 0;
}
.cont1 .img {
    width: 15vw;
    right: 0;
    top: 50vw;
}
}