@charset "UTF-8";


/* mainvisual
------------------------------------------------- */
.mainvisual {
    width: calc(100vw - 2.4375em);
    height: 39.375em;
    border-radius: 0 1.875em 0 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin-bottom: 8.75em;
}
.mainvisual::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.31);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.mainvisual .headline1 {
    width: 7.5em;
    color: #fff;
    position: absolute;
    left: 6.75em;
    bottom: 2.5em;
    z-index: 3;
    margin-bottom: 0;
}
.mainvisual .headline1 b {
    letter-spacing: normal;
}
.mainvisual .headline1 b i {
    display: none;
}
@media only screen and (max-width:750px){
.mainvisual {
    width: calc(100vw - 6vw);
    height: 19.25em;
    margin-bottom: 20vw;
}
.mainvisual .headline1 {
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 1em;
}
.mainvisual .headline1 b i {
    display: inline;
}
}


/* infiniteslide
------------------------------------------------- */
.infiniteslide {
    display: none;
    transition: 0.4s;
    z-index: 1;
}
.infiniteslide_wrap .infiniteslide li {
    height: 20.625em;
    margin-right: 0.3125em;
}
.infiniteslide_wrap .infiniteslide li img {
    width: auto;
    height: 100%;
}
@media only screen and (max-width:750px){
.infiniteslide_wrap .infiniteslide li {
    height: 50vw;
    margin-right: 3.733vw;
}
}


/* onav
------------------------------------------------- */
.onav {
    padding-top: 12.5em;
}
.onav ul li {
    width: 48.727%;
    height: 15.625em;
}
.onav ul li a {
    display: block;
    width: 100%;
    height: 15.625em;
    border-radius: 0 0 1.25em 0;
    position: relative;
    overflow: hidden;
}
.onav ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(26,26,26,0.65);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0.4s;
}
.onav ul li a p {
    width: 100%;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}
.onav ul li a p span {
    display: block;
    letter-spacing: 0.05em;
    padding-bottom: 2.166em;
    position: relative;
}
.onav ul li a p span::before {
    content: '';
    width: 1.25em;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    bottom: 1em;
    margin-left: -0.625em;
}
.onav ul li a img {
    transition: 0.4s;
}
@media only screen and (min-width:751px){
.onav ul li a:hover {
    border-radius: 1.25em;
}
.onav ul li a:hover::before {
    background-color: rgba(26,26,26,0.45);
}
.onav ul li a:hover img {
    transform: scale(1.05);
}
}
@media only screen and (max-width:750px){
.onav {
    padding-top: 25vw;
}
.onav ul li {
    width: 100%;
    height: 40vw;
    margin-top: 6vw;
}
.onav ul li a {
    height: 40vw;
    border-radius: 0 0 1.25em 0;
}
.onav ul li a p {
    font-size: 4.8vw;
}
.onav ul li a p span {
    font-size: 3.2vw;
}
}


/* about
------------------------------------------------- */
/* mainvisual */
.about .mainvisual::before {
    width: calc(100% - 13.125em);
    height: 100%;
    background: url("../img/about/mainvisual.jpg") left bottom no-repeat;
    background-size: cover;
    position: absolute;
    left: 13.125em;
    top: 0;
    z-index: 1;
}
.about .mainvisual .headline1 {
    color: #1A1A1A;
    left: 3em;
    bottom: 11.5em;
}
@media only screen and (max-width:750px){
.about .mainvisual::before {
    width: calc(100% - 5.5em);
    left: 5.5em;
}
.about .mainvisual .headline1 {
    width: auto;
    left: 1.5em;
    bottom: 0.25em;
}
}

/* cont1 */
.about .cont1 {
    padding-bottom: 7.5em;
}
.about .cont1 .inner {
    padding: 0 13.125em;
}
.about .cont1 h2 {
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.1em;
    padding-bottom: 0.75em;
}
.about .cont1 p {
    line-height: 2.1875;
    letter-spacing: 0.06em;
    padding-bottom: 2.5em;
}
.about .cont1 ul li {
    width: 31.17%;
}
.about .cont1 .photo {
    width: 47.3125em;
    margin: 4em auto 0;
    position: relative;
}
.about .cont1 .photo span {
    display: block;
    width: 100%;
    letter-spacing: 0.06em;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 1.25em;
}
@media only screen and (max-width:750px){
.about .cont1 {
    padding-bottom: 25vw;
}
.about .cont1 .inner {
    padding: 0;
}
.about .cont1 h2 {
    font-size: 6vw;
    padding-bottom: 1em;
}
.about .cont1 p {
    line-height: 2;
    padding-bottom: 3.5em;
}
.about .cont1 ul li {
    width: 80%;
    margin: 0 auto 4vw;
}
.about .cont1 .photo {
    width: 120vw;
    margin: 2em 0 0 -16vw;
}
.about .cont1 .photo span {
    font-size: 3.2vw;
    bottom: 0;
}
}

/* business */
.about .business {
    padding-bottom: 12.5em;
    margin-bottom: 30.75em;
}
.about .business .pic {
    width: 68.75em;
    border-radius: 0.9375em;
    position: absolute;
    left: 8.3125em;
    bottom: -32.875em;
    overflow: hidden;
}
@media only screen and (max-width:750px){
.about .business {
    padding-bottom: 17em;
    margin-bottom: 20vw;
}
.about .business .pic {
    width: 120vw;
    border-radius: 0;
    left: -16vw;
    bottom: -17em;
}
}

/* infiniteslide rev */
.about .infiniteslide.rev {
    margin-top: 0.3125em;
}
@media only screen and (max-width:750px){
.about .infiniteslide.rev {
    margin-top: 3.733vw;
}
}


/* waterworks
------------------------------------------------- */
/* mainvisual */
.waterworks .mainvisual {
    background-image: url("../img/waterworks/mainvisual.jpg");
}
.waterworks .mainvisual::before {
    background-color: rgba(0,0,0,0.27);
}

/* cont1 */
.waterworks .cont1,
.gas .cont1 {
    position: relative;
}
.waterworks .cont1::before,
.gas .cont1::before {
    content: '';
    width: 100%;
    height: 60.5em;
    background-color: #F2F2F2;
    position: absolute;
    left: 0;
    top: 36.625em;
}
.waterworks .cont1 .inner,
.gas .cont1 .inner {
    z-index: 2;
}
.waterworks .cont1 .txt,
.gas .cont1 .txt {
    line-height: 2.1875;
    padding-bottom: 7em;
}
.waterworks .cont1 .sec,
.gas .cont1 .sec {
    padding-bottom: 8.75em;
}
.waterworks .cont1 .sec.last,
.gas .cont1 .sec.last {
    padding-bottom: 0;
}
.waterworks .cont1 .sec .photo,
.gas .cont1 .sec .photo {
    width: 49%;
}
.waterworks .cont1 .sec .con,
.gas .cont1 .sec .con {
    width: 43.636%;
}
.waterworks .cont1 .sec .con p,
.gas .cont1 .sec .con p {
    line-height: 2.14;
}
@media only screen and (max-width:750px){
.waterworks .cont1::before,
.gas .cont1::before {
    height: 90em;
    top: 64.5em;
}
.waterworks .cont1 .txt,
.gas .cont1 .txt {
    line-height: 2;
    padding-bottom: 15vw;
}
.waterworks .cont1 .sec,
.gas .cont1 .sec {
    padding-bottom: 20vw;
}
.waterworks .cont1 .sec .photo,
.gas .cont1 .sec .photo {
    width: 100%;
}
.waterworks .cont1 .sec .con,
.gas .cont1 .sec .con {
    width: 100%;
}
.waterworks .cont1 .sec .con p,
.gas .cont1 .sec .con p {
    line-height: 1.85;
}
}


/* gas
------------------------------------------------- */
/* mainvisual */
.gas .mainvisual {
    background-image: url("../img/gas/mainvisual.jpg");
}

/* cont1 */
.gas .cont1::before {
    height: 67.5em;
    top: 33em;
}
.gas .cont1 .sec .con .headline2 span {
    color: #E40114;
}
@media only screen and (max-width:750px){
.gas .cont1::before {
    height: 112.5em;
    top: 68em;
}
}


/* reform
------------------------------------------------- */
/* mainvisual */
.reform .mainvisual {
    background-image: url("../img/reform/mainvisual.jpg");
}

/* cont1 */
.reform .cont1 .txt {
    line-height: 2.1875;
    letter-spacing: 0.06em;
    padding-bottom: 7em;
}
.reform .cont1 ul li {
    width: 29.86%;
    margin-bottom: 4.75em;
}
.reform .cont1 ul li a {
    display: block;
}
.reform .cont1 ul li a .photo {
    transition: 0.4s;
}
.reform .cont1 ul li a p {
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_96%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2096%22%20transform%3D%22translate(-235%20-1905)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_48%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2048%22%20transform%3D%22translate(235%201905)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_83%22%20data-name%3D%22%E7%B7%9A%2083%22%20y2%3D%227%22%20transform%3D%22translate(250.5%201908.5)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_84%22%20data-name%3D%22%E7%B7%9A%2084%22%20x1%3D%228%22%20transform%3D%22translate(242.5%201915.5)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.76em auto;
    margin-top: 0.625em;
}
.reform .cont1 .note {
    text-align: right;
}
@media only screen and (min-width:751px){
.reform .cont1 ul li a:hover .photo {
    opacity: 0.6;
}
.reform .cont1 ul li a:hover p {
    color: #E40114;
    text-decoration: underline;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_96%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2096%22%20transform%3D%22translate(-235%20-1905)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_48%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2048%22%20transform%3D%22translate(235%201905)%22%20fill%3D%22none%22%20stroke%3D%22%23e40114%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_83%22%20data-name%3D%22%E7%B7%9A%2083%22%20y2%3D%227%22%20transform%3D%22translate(250.5%201908.5)%22%20fill%3D%22none%22%20stroke%3D%22%23e40114%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_84%22%20data-name%3D%22%E7%B7%9A%2084%22%20x1%3D%228%22%20transform%3D%22translate(242.5%201915.5)%22%20fill%3D%22none%22%20stroke%3D%22%23e40114%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}  
}
@media only screen and (max-width:750px){
.reform .cont1 .txt {
    line-height: 2;
    padding-bottom: 15vw;
}
.reform .cont1 .headline1 {
    text-align: center;
    margin-bottom: 2.5em;
}
.reform .cont1 .headline1 span {
    display: block;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    text-align: center;
}
.reform .cont1 ul li {
    width: 88%;
    margin: 0 auto 15vw;
}
.reform .cont1 ul li a p {
    font-size: 4.8vw;
}
.reform .cont1 .note {
    font-size: 3.2vw;
}
}


/* organicstore
------------------------------------------------- */
/* mainvisual */
.organicstore .mainvisual {
    background-image: url("../img/organicstore/mainvisual.jpg");
}
.organicstore .mainvisual::before {
    display: none;
}
@media only screen and (max-width:750px){
.organicstore .mainvisual {
    height: 22em;
}
.organicstore .mainvisual::before {
    display: block;
    background-color: rgba(0,0,0,0.27);
}

}

/* cont1 */
.organicstore .cont1 {
    padding: 10em 0 20.125em;
}
.organicstore .cont1 .sec {
    display: flex;
    justify-content: flex-end;
}
.organicstore .cont1 .sec1 {
    position: absolute;
    right: 8em;
    top: 87.125em;
}
.organicstore .cont1 .con {
   -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-right: 5.625em;
}
.organicstore .cont1 .con h2 {
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.1em;
    padding-left: 1.15em;
}
.organicstore .cont1 .con p {
    line-height: 2.15;
    letter-spacing: 0.1em;
    padding-left: 1.15em;
}
.organicstore .cont1 .pic {
    position: absolute;
}
.organicstore .cont1 .photo1 {
    width: 22.875em;
    left: 6.0625em;
    top: 11.5em;
}
.organicstore .cont1 .photo2 {
    width: 30.875em;
    right: 7.125em;
    top: 27.5em;
}
.organicstore .cont1 .photo3 {
    width: 27.25em;
    margin: 21em 0 16.125em 2.875em;
}
.organicstore .cont1 .photo4 {
    width: 18.8125em;
    right: 19.1875em;
    top: 58.1875em;
}
.organicstore .cont1 .photo5 {
    width: 32.9375em;
    margin: 0 0 6.3125em 7.75em;
}
.organicstore .cont1 .photo6 {
    width: 18.75em;
    padding-left: 14.875em;
}
.organicstore .cont1 .photo7 {
    width: 22.875em;
    right: 18.9375em;
    top: 129.5em;
}
.organicstore .cont1 .gsap1 {
    opacity: 0;
}
.organicstore .cont1 .isAnimate1 img,
.organicstore .cont1 .isAnimate1 .con {
    animation: fade2 1s ease 0.2s 1 forwards;
}
@media only screen and (max-width:750px){
.organicstore .cont1 {
    padding: 10em 0 1.5em;
}
.organicstore .cont1 .sec1 {
    position: absolute;
    right: 9em;
    top: 54em;
}
.organicstore .cont1 .con {
    padding-right: 8vw;
}
.organicstore .cont1 .con h2 {
    font-size: 5.733vw;
}
.organicstore .cont1 .con p {
    line-height: 2;
}
.organicstore .cont1 .photo1 {
    width: 45.75vw;
    left: -6vw;
    top: 15.5em;
}
.organicstore .cont1 .photo2 {
    width: 61.75vw;
    right: 0;
    top: 25em;
}
.organicstore .cont1 .photo3 {
    width: 54.5vw;
    margin: 21em 0 27.5em 2em;
}
.organicstore .cont1 .photo4 {
    width: 37.625vw;
    right: -6vw;
    top: 50.5em;
}
.organicstore .cont1 .photo5 {
    width: 65.875vw;
    margin: 0 0 2em -6vw;
}
.organicstore .cont1 .photo6 {
    width: 37.5vw;
    padding-left: 12.5em;
}
.organicstore .cont1 .photo7 {
    width: 45.75vw;
    right: 45vw;
    top: 96em;
}
}

/* cont2 */
.organicstore .cont2 {
    background-color: #E6E6D5;
    padding-top: 15.1875em;
}
.organicstore .cont2 .sec {
    display: flex;
    justify-content: flex-end;
}
.organicstore .cont2 .con {
   -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-right: 1em;
}
.organicstore .cont2 .con p {
    line-height: 2.15;
    letter-spacing: 0.1em;
    padding-left: 19.375em;
}
.organicstore .cont2 .con p span {
    padding-top: 8.125em;
}
.organicstore .cont2 .pic {
    position: absolute;
    z-index: 5;
}
.organicstore .cont2 .photo1 {
    width: 25.37625em;
    left: 16.9375em;
    top: 19.9375em;
}
.organicstore .cont2 .photo2 {
    width: 15.3125em;
    right: 18.125em;
    top: 13.75em;
}
.organicstore .cont2 .photo2 a {
    display: block;
}
.organicstore .cont2 .photo2 a span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(0%20-0.392)%22%20fill%3D%22%23626262%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_57%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2057%22%20transform%3D%22translate(0%200.392)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M4.572.055A5.707%2C5.707%2C0%2C0%2C0%2C2.679.421a3.817%2C3.817%2C0%2C0%2C0-1.381.9A3.824%2C3.824%2C0%2C0%2C0%2C.4%2C2.707%2C5.733%2C5.733%2C0%2C0%2C0%2C.042%2C4.6C.005%2C5.435%2C0%2C5.7%2C0%2C7.82S.014%2C10.2.054%2C11.037A5.721%2C5.721%2C0%2C0%2C0%2C.42%2C12.93a3.821%2C3.821%2C0%2C0%2C0%2C.9%2C1.381%2C3.827%2C3.827%2C0%2C0%2C0%2C1.384.9%2C5.727%2C5.727%2C0%2C0%2C0%2C1.895.359c.832.037%2C1.1.045%2C3.217.041s2.385-.013%2C3.218-.053a5.736%2C5.736%2C0%2C0%2C0%2C1.893-.366A3.988%2C3.988%2C0%2C0%2C0%2C15.208%2C12.9a5.715%2C5.715%2C0%2C0%2C0%2C.359-1.894c.036-.833.045-1.1.041-3.218s-.014-2.385-.053-3.217a5.724%2C5.724%2C0%2C0%2C0-.366-1.894%2C3.828%2C3.828%2C0%2C0%2C0-.9-1.381A3.819%2C3.819%2C0%2C0%2C0%2C12.9.4%2C5.709%2C5.709%2C0%2C0%2C0%2C11.007.042C10.174.005%2C9.909%2C0%2C7.789%2C0S5.4.015%2C4.572.055m.091%2C14.108A4.328%2C4.328%2C0%2C0%2C1%2C3.214%2C13.9a2.432%2C2.432%2C0%2C0%2C1-.9-.582%2C2.425%2C2.425%2C0%2C0%2C1-.585-.9%2C4.322%2C4.322%2C0%2C0%2C1-.271-1.449c-.039-.823-.048-1.069-.051-3.153s0-2.33.039-3.153a4.321%2C4.321%2C0%2C0%2C1%2C.265-1.449%2C2.421%2C2.421%2C0%2C0%2C1%2C.582-.9%2C2.418%2C2.418%2C0%2C0%2C1%2C.9-.585%2C4.319%2C4.319%2C0%2C0%2C1%2C1.448-.271c.823-.039%2C1.07-.047%2C3.153-.051s2.331%2C0%2C3.154.039a4.311%2C4.311%2C0%2C0%2C1%2C1.449.265%2C2.415%2C2.415%2C0%2C0%2C1%2C.9.582%2C2.417%2C2.417%2C0%2C0%2C1%2C.586.9%2C4.308%2C4.308%2C0%2C0%2C1%2C.271%2C1.448c.039.823.048%2C1.07.052%2C3.153s0%2C2.331-.04%2C3.153A4.327%2C4.327%2C0%2C0%2C1%2C13.9%2C12.4a2.585%2C2.585%2C0%2C0%2C1-1.479%2C1.484%2C4.322%2C4.322%2C0%2C0%2C1-1.448.271c-.823.039-1.07.048-3.154.051s-2.33%2C0-3.153-.039m6.362-10.53a.936.936%2C0%2C1%2C0%2C.935-.938.936.936%2C0%2C0%2C0-.935.938M3.8%2C7.812A4.007%2C4.007%2C0%2C1%2C0%2C7.8%2C3.8a4.007%2C4.007%2C0%2C0%2C0-4%2C4.015m1.406%2C0a2.6%2C2.6%2C0%2C1%2C1%2C2.606%2C2.6A2.6%2C2.6%2C0%2C0%2C1%2C5.2%2C7.81%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23626262%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left top no-repeat;
    background-size: 1.15em auto;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #626262;
    padding-top: 1.75em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    right: -2.25em;
    bottom: 0;
    transition: 0.4s;
}
.organicstore .cont2 .photo3 {
    width: 21.875em;
    margin: 21em 0 10em 7.9375em;
    position: relative;
    z-index: 5;
}
.organicstore .cont2 .photo4 {
    width: 7.146875em;
    right: 31.25em;
    top: 42.0625em;
}
.organicstore .cont2 .photo5 {
    width: 25.9375em;
    right: 10.8125em;
    top: 57.3125em;
}
.organicstore .cont2 .photo6 {
    width: 15.3125em;
    margin-left: 11.625em;
    position: relative;
    z-index: 5;
}
.organicstore .cont2 .photo7 {
    width: 24.775625em;
    right: 12.5625em;
    top: 82.8125em;
}
.organicstore .cont2 .gsap2 {
    opacity: 0;
}
.organicstore .cont2 .isAnimate1 img,
.organicstore .cont2 .isAnimate1 .con {
    animation: fade2 1s ease 0.2s 1 forwards;
}

.organicstore .cont2 .line {
    width: 30.380625em;
    height: 59.73875em;
    position: absolute;
    left: 50%;
    top: 16.375em;
    margin-left: -12.125em;
    z-index: 1;
}
.organicstore .cont2 .line .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-width: 7;
    stroke-dasharray: 2000px;
    stroke-dashoffset: 2000px;
}
.organicstore .cont2 .line.isAnimate2 .cls-1 {
    animation: line 4s 0.1s forwards;
}
.organicstore .cont2 .line .cls-2 {
    fill: #1a1a1a;
}
#line{
    mask: url(#mask-wrapper);
}
@media only screen and (min-width:751px){
.organicstore .cont2 .photo2 a:hover span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(0%20-0.392)%22%20fill%3D%22%230159ce%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_57%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2057%22%20transform%3D%22translate(0%200.392)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M4.572.055A5.707%2C5.707%2C0%2C0%2C0%2C2.679.421a3.817%2C3.817%2C0%2C0%2C0-1.381.9A3.824%2C3.824%2C0%2C0%2C0%2C.4%2C2.707%2C5.733%2C5.733%2C0%2C0%2C0%2C.042%2C4.6C.005%2C5.435%2C0%2C5.7%2C0%2C7.82S.014%2C10.2.054%2C11.037A5.721%2C5.721%2C0%2C0%2C0%2C.42%2C12.93a3.821%2C3.821%2C0%2C0%2C0%2C.9%2C1.381%2C3.827%2C3.827%2C0%2C0%2C0%2C1.384.9%2C5.727%2C5.727%2C0%2C0%2C0%2C1.895.359c.832.037%2C1.1.045%2C3.217.041s2.385-.013%2C3.218-.053a5.736%2C5.736%2C0%2C0%2C0%2C1.893-.366A3.988%2C3.988%2C0%2C0%2C0%2C15.208%2C12.9a5.715%2C5.715%2C0%2C0%2C0%2C.359-1.894c.036-.833.045-1.1.041-3.218s-.014-2.385-.053-3.217a5.724%2C5.724%2C0%2C0%2C0-.366-1.894%2C3.828%2C3.828%2C0%2C0%2C0-.9-1.381A3.819%2C3.819%2C0%2C0%2C0%2C12.9.4%2C5.709%2C5.709%2C0%2C0%2C0%2C11.007.042C10.174.005%2C9.909%2C0%2C7.789%2C0S5.4.015%2C4.572.055m.091%2C14.108A4.328%2C4.328%2C0%2C0%2C1%2C3.214%2C13.9a2.432%2C2.432%2C0%2C0%2C1-.9-.582%2C2.425%2C2.425%2C0%2C0%2C1-.585-.9%2C4.322%2C4.322%2C0%2C0%2C1-.271-1.449c-.039-.823-.048-1.069-.051-3.153s0-2.33.039-3.153a4.321%2C4.321%2C0%2C0%2C1%2C.265-1.449%2C2.421%2C2.421%2C0%2C0%2C1%2C.582-.9%2C2.418%2C2.418%2C0%2C0%2C1%2C.9-.585%2C4.319%2C4.319%2C0%2C0%2C1%2C1.448-.271c.823-.039%2C1.07-.047%2C3.153-.051s2.331%2C0%2C3.154.039a4.311%2C4.311%2C0%2C0%2C1%2C1.449.265%2C2.415%2C2.415%2C0%2C0%2C1%2C.9.582%2C2.417%2C2.417%2C0%2C0%2C1%2C.586.9%2C4.308%2C4.308%2C0%2C0%2C1%2C.271%2C1.448c.039.823.048%2C1.07.052%2C3.153s0%2C2.331-.04%2C3.153A4.327%2C4.327%2C0%2C0%2C1%2C13.9%2C12.4a2.585%2C2.585%2C0%2C0%2C1-1.479%2C1.484%2C4.322%2C4.322%2C0%2C0%2C1-1.448.271c-.823.039-1.07.048-3.154.051s-2.33%2C0-3.153-.039m6.362-10.53a.936.936%2C0%2C1%2C0%2C.935-.938.936.936%2C0%2C0%2C0-.935.938M3.8%2C7.812A4.007%2C4.007%2C0%2C1%2C0%2C7.8%2C3.8a4.007%2C4.007%2C0%2C0%2C0-4%2C4.015m1.406%2C0a2.6%2C2.6%2C0%2C1%2C1%2C2.606%2C2.6A2.6%2C2.6%2C0%2C0%2C1%2C5.2%2C7.81%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%230159ce%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    color: #0159ce;
}  
}
@media only screen and (max-width:750px){
.organicstore .cont2 {
    padding: 15em 0 3em;
}
.organicstore .cont2 .con {
    padding-right: 1em;
}
.organicstore .cont2 .con p {
    line-height: 2;
    padding-left: 10em;
}
.organicstore .cont2 .con p span {
    padding-top: 8.125em;
}
.organicstore .cont2 .photo1 {
    width: 50.7525vw;
    left: -8vw;
    top: 23em;
}
.organicstore .cont2 .photo2 {
    width: 30.625vw;
    right: 2vw;
    top: 21em;
}
.organicstore .cont2 .photo2 a span {
    font-size: 3vw;
}
.organicstore .cont2 .photo3 {
    width: 43.75vw;
    margin: 13em 0 9em 0;
}
.organicstore .cont2 .photo4 {
    width: 14.29375vw;
    right: 3.5em;
    top: 37em;
}
.organicstore .cont2 .photo5 {
    width: 51.875vw;
    right: -6vw;
    top: 46em;
}
.organicstore .cont2 .photo6 {
    width: 30.625vw;
    margin-left: 0;
}
.organicstore .cont2 .photo7 {
    width: 49.55125vw;
    right: 0;
    top: 64em;
}
.organicstore .cont2 .line {
    width: 80vw;
    left: 8vw;
    top: 15em;
    margin-left: 0;
}
}

/* cont3 */
.organicstore .cont3 {
    padding-top: 16em;
}
.organicstore .cont3 .photo1 {
    width: 7.625em;
    position: absolute;
    left: 6.0625em;
    top: -9.8125em;
}
.organicstore .cont3 .photo2 {
    width: 29.75em;
    margin: 0 0 5.625em 29.125em;
}
.organicstore .cont3 .photo3 {
    width: 29.75em;
    margin-left: 4.6875em;
}
.organicstore .cont3 .gsap3 {
    opacity: 0;
}
.organicstore .cont3 .isAnimate1 img,
.organicstore .cont3 .isAnimate1 .con {
    animation: fade2 1s ease 0.2s 1 forwards;
}
@media only screen and (max-width:750px){
.organicstore .cont3 {
    padding-top: 13em;
}
.organicstore .cont3 .photo1 {
    width: 18vw;
    left: 0;
    top: -5em;
}
.organicstore .cont3 .photo2 {
    width: 59.5vw;
    margin: 0 0 4em 7em;
}
.organicstore .cont3 .photo3 {
    width: 59.5vw;
    margin-left: 1em;
}
}


/* gallery
------------------------------------------------- */
/* mainvisual */
.gallery .mainvisual {
    background-image: url("../img/gallery/mainvisual.jpg");
    border-radius: 1.875em 0 1.875em 0;
}

/* cont1 */
.gallery .cont1 {
    padding: 10em 0 0.875em;
}
.gallery .cont1 .sec {
    display: flex;
    justify-content: flex-end;
}
.gallery .cont1 .con {
   -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-right: 5.625em;
}
.gallery .cont1 .con h2 {
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.1em;
    padding-left: 1.15em;
}
.gallery .cont1 .con p {
    line-height: 2.15;
    letter-spacing: 0.1em;
    padding-left: 1.15em;
}
.gallery .cont1 .pic {
    position: absolute;
}
.gallery .cont1 .photo01 {
    width: 28.9375em;
    left: 14.9375em;
    top: 10.1875em;
}
.gallery .cont1 .photo02 {
    width: 24.25em;
    right: 6.875em;
    top: 32.875em;
}
.gallery .cont1 .photo03 {
    width: 28.9375em;
    margin: 23.5em 0 16.9375em 0.75em;
}
.gallery .cont1 .photo04 {
    width: 16.25em;
    margin: 0 0 15.8125em 12.9375em;
}
.gallery .cont1 .photo05 {
    width: 32.4375em;
    right: 8.6875em;
    top: 87.0625em;
}
.gallery .cont1 .photo06 {
    width: 24.25em;
    margin: 0 0 17.375em 3.375em;
}
.gallery .cont1 .photo07 {
    width: 8.5625em;
    right: 32.5625em;
    top: 118.4375em;
}
.gallery .cont1 .photo08 {
    width: 19.0625em;
    right: 17.1875em;
    top: 140.375em;
}
.gallery .cont1 .photo09 {
    width: 23.0625em;
    margin: 0 0 0 4.5625em;
}
.gallery .cont1 .photo10 {
    width: 8.5625em;
    right: 11.875em;
    top: 169.625em;
}
.gallery .cont1 .gsap {
    opacity: 0;
}
.gallery .cont1 .isAnimate1 img ,
.gallery .cont1 .isAnimate1 .con {
    animation: fade2 1s ease 0.2s 1 forwards;
}
@media only screen and (max-width:750px){
.gallery .cont1 {
    padding: 10em 0 7em;
}
.gallery .cont1 .con {
    padding-right: 8vw;
}
.gallery .cont1 .con h2 {
    font-size: 5.733vw;
}
.gallery .cont1 .con p {
    line-height: 2;
}
.gallery .cont1 .photo01 {
    width: 57.875vw;
    left: 0;
    top: 20em;
}
.gallery .cont1 .photo02 {
    width: 48.5vw;
    right: -6vw;
    top: 42.5em;
}
.gallery .cont1 .photo03 {
    width: 57.875vw;
    margin: 14.5em 0 5.5em -6vw;
}
.gallery .cont1 .photo04 {
    width: 32.5vw;
    margin: 0 0 5em;
}
.gallery .cont1 .photo05 {
    width: 64.875vw;
    right: 0;
    top: 78em;
}
.gallery .cont1 .photo06 {
    width: 48.5vw;
    margin: 0 0 15em -6vw;
}
.gallery .cont1 .photo07 {
    width: 17.125vw;
    right: 8vw;
    top: 68em;
}
.gallery .cont1 .photo08 {
    width: 38.125vw;
    right: -6vw;
    top: 94em;
}
.gallery .cont1 .photo09 {
    width: 46.125vw;
    margin: 0 0 0 0;
}
.gallery .cont1 .photo10 {
    width: 17.125vw;
    right: 50vw;
    top: 102em;
}
}


/* company
------------------------------------------------- */
/* mainvisual */
.company .mainvisual {
    background-image: url("../img/company/mainvisual.jpg");
}
@media only screen and (max-width:750px){

}

/* cont1 */
.company .cont1 {
    padding-bottom: 12.5em;
}
.company .cont1.last {
    padding-bottom: 0;
}
.company .cont1 .headline1 {
    margin-bottom: 2.25em;
}
.company .cont1 table {
    width: 56.25em;
    margin: 0 auto;
}
.company .cont1 table th,
.company .cont1 table td {
    font-weight: 400;
    line-height: 1.875;
    letter-spacing: 0.06em;
    text-align: left;
    vertical-align: middle;
    padding: 0.9em 0;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    box-sizing: border-box;
}
.company .cont1 table th {
    width: 18%;
}
@media only screen and (max-width:750px){
.company .cont1 {
    padding-bottom: 25vw;
}
.company .cont1.last {
    padding-bottom: 0;
}
.company .cont1 .headline1 {
    text-align: center;
    margin-bottom: 2.5em;
}
.company .cont1 .headline1 span {
    display: block;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    text-align: center;
}    
.company .cont1 table {
    font-size: 3.733vw;
    width: 100%;
    margin: 0 auto;
}
.company .cont1 table th,
.company .cont1 table td {
    letter-spacing: 0.02em;
}
.company .cont1 table th {
    width: 25%;
}
}


/* access
------------------------------------------------- */
/* mainvisual */
.access .mainvisual {
    background-image: url("../img/access/mainvisual.jpg");
}
.access .mainvisual::before {
    display: none;
}
@media only screen and (max-width:750px){
.access .mainvisual::before {
    display: block;
    background-color: rgba(0,0,0,0.17);
}
}

/* cont1 */
.access .cont1 {
    padding-bottom: 7.8125em;
}
.access .cont1 .txt {
    line-height: 2.1875;
    letter-spacing: 0.06em;
    padding-bottom: 7.5em;
}
.access .cont1 h2 {
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0.1em;
    color: #8D8C8C;
    padding-bottom: 1.75em;
}
.access .cont1 table {
    width: 100%;
    margin-bottom: 3.75em;
}
.access .cont1 table th,
.access .cont1 table td {
    font-weight: 400;
    line-height: 1.875;
    letter-spacing: 0.06em;
    text-align: left;
    vertical-align: top;
    padding: 1.25em 0;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
}
.access .cont1 table th {
    width: 12%;
}
.access .cont1 .gmap {
    width: 100%;
    height: 33.875em;
    position: relative;
}
.access .cont1 .gmap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width:750px){
.access .cont1 {
    padding-bottom: 20vw;
}
.access .cont1 .txt {
    line-height: 2;
    padding-bottom: 15vw;
}
.access .cont1 h2 {
    font-size: 3.733vw;
}
.access .cont1 table th,
.access .cont1 table td {
    letter-spacing: 0.02em;
}
.access .cont1 table th {
    width: 30%;
}
.access .cont1 .gmap {
    height: 25em;
}
}


/* contact
------------------------------------------------- */
/* mainvisual */
.contact .mainvisual {
    background-image: url("../img/contact/mainvisual.jpg");
}
.contact .mainvisual::before {
    background-color: rgba(0,0,0,0.17);
}
@media only screen and (max-width:750px){

}

/* cont1 */
.contact .cont1 {
    padding-bottom: 8.125em;
}
.contact .cont1 .txt1 {
    line-height: 2.1875;
    letter-spacing: 0.06em;
    padding-bottom: 3em;
}
.contact .cont1 .txt3 {
    line-height: 2.1875;
    letter-spacing: 0.06em;
    padding-bottom: 3em;
    width: 48em;
    margin: 1em 0 0 11em;
}
.contact .cont1 .error_messe {
    line-height: 2.1875;
    letter-spacing: 0.06em;
}
.contact .cont1 .box {
    border-top: 0.125em solid #D6D6D6;
    padding-top: 2.375em;
    position: relative;
}
.contact .cont1 .box::before {
    content: '';
    width: 11em;
    height: 0.125em;
    background: linear-gradient(90deg, #0159CE, #FA0318);
    position: absolute;
    left: 0;
    top: -0.125em;
}
.contact .cont1 .box h2 {
    width: 11rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
    padding: 0.65em 0 0.65em 2.38em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.407%22%20height%3D%2229.265%22%20viewBox%3D%220%200%2029.407%2029.265%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_653%22%20data-name%3D%22%E3%83%91%E3%82%B9%20653%22%20d%3D%22M8.079%2C13.648a22.776%2C22.776%2C0%2C0%2C0%2C3.362%2C4.711%2C19.209%2C19.209%2C0%2C0%2C0%2C5.329%2C3.932.551.551%2C0%2C0%2C0%2C.461.025%2C1.987%2C1.987%2C0%2C0%2C0%2C.64-.469%2C7.244%2C7.244%2C0%2C0%2C0%2C.585-.716c.856-1.127%2C1.917-2.524%2C3.412-1.826.033.015.059.033.091.048l4.993%2C2.871c.015.007.032.025.048.032a2.253%2C2.253%2C0%2C0%2C1%2C.937%2C1.942%2C5.258%2C5.258%2C0%2C0%2C1-.732%2C2.476A5.075%2C5.075%2C0%2C0%2C1%2C24.8%2C28.8a10.945%2C10.945%2C0%2C0%2C1-2.959.805%2C10.011%2C10.011%2C0%2C0%2C1-4.521-.378%2C20.041%2C20.041%2C0%2C0%2C1-4.547-2.195l-.119-.076c-.739-.461-1.537-.954-2.319-1.536A29.053%2C29.053%2C0%2C0%2C1%2C2.651%2C16.69%2C14.167%2C14.167%2C0%2C0%2C1%2C.662%2C7.719a6.436%2C6.436%2C0%2C0%2C1%2C2.18-4.086A5.842%2C5.842%2C0%2C0%2C1%2C7.182%2C2.474a.621.621%2C0%2C0%2C1%2C.5.321l3.2%2C5.41a1.693%2C1.693%2C0%2C0%2C1%2C.271%2C1.81%2C3.533%2C3.533%2C0%2C0%2C1-1.226%2C1.372c-.172.146-.377.3-.592.453-.716.519-1.529%2C1.119-1.25%2C1.825Z%22%20transform%3D%22translate(0.473%20-1.441)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 0.6em center no-repeat;
    background-size: 1.3em auto;
    box-sizing: border-box;
}
.contact .cont1.last .box h2 {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.229%22%20height%3D%2222.608%22%20viewBox%3D%220%200%2030.229%2022.608%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_77%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2077%22%20transform%3D%22translate(-735.118%20-2500.119)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_34%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2034%22%20width%3D%2227.402%22%20height%3D%2219.781%22%20transform%3D%22translate(736.532%202501.532)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_656%22%20data-name%3D%22%E3%83%91%E3%82%B9%20656%22%20d%3D%22M.532.532l13.7%2C12.68L27.933.532%22%20transform%3D%22translate(736%202501)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_52%22%20data-name%3D%22%E7%B7%9A%2052%22%20x1%3D%2210.611%22%20y1%3D%229.96%22%20transform%3D%22translate(753.323%202511.353)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_53%22%20data-name%3D%22%E7%B7%9A%2053%22%20x1%3D%2210.611%22%20y2%3D%229.96%22%20transform%3D%22translate(736.531%202511.353)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.contact .cont1 .box .tel,
.contact .cont1 .box .tel a {
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
}
.contact .cont1 .box .note {
    letter-spacing: 0.08em;
    padding-left: 2.285em;
}
.contact .cont1 .box .sec {
    width: 48em;
    margin: 1em 0 0 11em;
}
.contact .cont1 .sec dl {
    display: flex;
    justify-content: space-between;
    padding-top: 1.55em;
}
.contact .cont1 .sec dl dt {
    width: 22.75%;
    line-height: 3.215;
    border-bottom: 1px solid #C7C7C7;
}
.contact .cont1 .sec dl dt .must {
    color: #E40114;
}
.contact .cont1 .sec dl dd {
    width: 73.75%;
    line-height: 2.8125;
    border-bottom: 1px solid #C7C7C7;
}
.contact .cont1 .sec dl.last {
    padding-top: 0;
}
.contact .cont1 .sec dl.last dt,
.contact .cont1 .sec dl.last dd {
    border-bottom: none;
}
.contact .cont1 .sec dl .text1 {
    width: 13.125em;
}
.contact .cont1 .sec dl select {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.31%22%20height%3D%229.069%22%20viewBox%3D%220%200%2015.31%209.069%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_657%22%20data-name%3D%22%E3%83%91%E3%82%B9%20657%22%20d%3D%22M15272.734%2C1608.709l6.948%2C6.948%2C6.947-6.948%22%20transform%3D%22translate(-15272.027%20-1608.002)%22%20fill%3D%22none%22%20stroke%3D%22%238d8c8c%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.85em auto;
}
.contact .cont1 .sec dl .agree1,
.contact .cont1 .sec dl .agree2,
.contact .cont1 .sec dl .agree3 {
    font-weight: 500;
    text-align: center;
    line-height: 2.5;
    letter-spacing: normal;
    padding: 1.5em 0;
}
.contact .cont1 .sec dl .agree1 a {
    text-decoration: underline;
}
.contact .cont1 .sec dl .agree2 {
    padding: 0 0 2.5em;
}
.contact .cont1 .sec dl .agree3 {
    padding: 2.5em 0 0;
}
.contact .cont1 .sec .btn {
    text-align: center;
}
.contact.confirm .cont1 .sec .btn {
    padding-top: 3em;
}
.contact .cont1 .sec .btn input {
    width: 20em;
    height: 5em;
    background: linear-gradient(90deg, rgba(250,3,24,0.15), rgba(1,89,206,0.15));
    border: none;
    border-radius: 0.625em;
    font-weight: 700;
    color: #1A1A1A;
    letter-spacing: 0.12em;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.2s;
}
.contact .cont1 .sec .btn .back {
    margin-top: 1em;
}
.contact .cont1 .sec .btn .back input {
    width: 15em;
    height: 4em;
    background: #656565;
    color: #fff;
}
@media only screen and (min-width:751px){
.contact .cont1 .sec dl .agree1 a:hover {
    text-decoration: none;
}
.contact .cont1 .sec .btn input:hover {
    background: linear-gradient(90deg, #0159CE, #FA0318);
    color: #fff;
}
.contact .cont1 .sec .btn .back input:hover {
    background: #8F8F8F;
}
}
@media only screen and (max-width:750px){
.contact .cont1 {
    padding-bottom: 20vw;
}
.contact .cont1.last {
    padding-bottom: 25vw;
}
.contact .cont1 .txt1 {
    line-height: 2;
    padding-bottom: 15vw;
}
.contact .cont1 .txt2 {
    display: inline-block;
    font-size: 2.75vw;
    padding-left: 1em;
    line-height: 1.75;
}
.contact .cont1 .txt3 {
    line-height: 2;
    padding-bottom: 0;
    width: 100%;
    margin: 1em 0 0;
}
.contact.confirm .cont1 .txt3 {
    padding-bottom: 3em;
}
.contact .cont1 .error_messe {
    line-height: 2;
}
.contact .cont1 .box {
    padding-top: 1.5em;
}
.contact .cont1 .box::before {
    width: 9em;
}
.contact .cont1 .box h2 {
    font-size: 5.33vw;
    margin-bottom: 0.5em;
}
.contact .cont1 .box .tel,
.contact .cont1 .box .tel a {
    font-size: 12vw;
    text-align: center;
}
.contact .cont1 .box .note {
    font-size: 3.466vw;
    letter-spacing: 0.04em;
    padding: 1em 0 0;
    text-align: center;
}
.contact .cont1 .box .sec {
    width: 100%;
    margin: 1em 0 0;
}
.contact .cont1 .sec dl {
    display: block;
    padding-top: 1.75em;
}
.contact .cont1 .sec dl dt {
    font-size: 3.733vw;
    width: 100%;
    line-height: 2.75;
    border-bottom: none;
}
.contact .cont1 .sec dl dd {
    width: 100%;
    line-height: 2.75;
}
.contact .cont1 .sec dl .text1 {
    width: 11em;
}
.contact .cont1 .sec dl .agree1,
.contact .cont1 .sec dl .agree2,
.contact .cont1 .sec dl .agree3 {
    font-size: 3.466vw;
    line-height: 1.75;
}
.contact .cont1 .sec .btn input {
    width: 100%;
    height: 4em;
}
.contact .cont1 .sec .btn .back input {
    width: 70%;
    height: 3.5em;
}
}


/* privacy
------------------------------------------------- */
/* mainvisual */
.privacy .mainvisual {
    background-image: url("../img/privacy/mainvisual.jpg");
}
.privacy .mainvisual::before {
    background-color: rgba(0,0,0,0.29);
}
.privacy .mainvisual .headline1 span {
    letter-spacing: normal;
}
@media only screen and (max-width:750px){
.privacy .mainvisual .headline1 span br.spon {
    display: inline;
}
}

/* cont1 */
.privacy .cont1 {
    padding-bottom: 3em;
}
.privacy .cont1.last {
    padding-bottom: 4em;
}
.privacy .cont1 h2 {
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.05em;
    padding-bottom: 0.75em;
}
.privacy .cont1 h3 {
    font-weight: 400;
    line-height: 2.14;
    letter-spacing: 0.06em;
}
.privacy .cont1 .txt {
    line-height: 2.14;
    letter-spacing: 0.06em;
    padding-bottom: 2.2em;
}
.privacy .cont1 ol {
    padding: 0 0 2.2em 1.75em;
}
.privacy .cont1 ol li {
    line-height: 2.14;
    letter-spacing: 0.06em;
}
.privacy .cont1 ol li ul li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
@media only screen and (max-width:750px){
.privacy .cont1 {
    padding-bottom: 3em;
}
.privacy .cont1.last {
    padding-bottom: 0;
}
.privacy .cont1 h2 {
    font-size: 5.33vw;
}
.privacy .cont1 h3 {
    font-size: 3.733vw;
}
.privacy .cont1 .txt {
    font-size: 3.733vw;
    line-height: 2;
}
.privacy .cont1 ol {
    font-size: 3.733vw;
}
.privacy .cont1 ol li {
    line-height: 2;
}
}