@charset "utf-8";

html,body {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #075B76;
    font-variant-ligatures: none;
}

main {
    overflow: hidden;
}

.inner {
    padding: 0 4.706vw;
    margin: 0 auto;
    width: calc(100% - calc(4.706vw * 2));
}

@media screen and (min-width:1921px) {
    .inner {
        width: 1740px;
        padding: 0 90px;
    }
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border-style: none;
}
a {
    display: block;
    transition: opacity .3s;
    text-decoration: none;
    color: #075B76;
}
a:active,
a:hover {
    color: #075B76;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
dl, dt, dd {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
p {
    margin: 0;
    padding: 0;
}
h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #0789B2;
    line-height: 1.1;
    letter-spacing: -0.045em;
}
.sp428 {
    display: block;
}

@media screen and (max-width: 428px) {
    .sp428 {
        display: none;
    }
}
/* link
**************************************/
.linkbtns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 24px;
}

.arrow_link {
    font-size: min(1.758vw,28px);
    display: inline-flex;
    align-items: center;
    column-gap: min(1.176vw,24px);
}


.arrow_link>span:nth-child(2) {
    border-radius: 100vh;
    border: 1px solid #075B76;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrow_link>span>svg {
    transition: transform 0.35s cubic-bezier(1, 0.3, 0.3, 1), -webkit-transform 0.35s cubic-bezier(1, 0.3, 0.3, 1);
    position: absolute;
}
.arrow_link>span>svg:nth-child(2) {
    transform: translate(-300%,300%);
}
.arrow_link:hover>span>svg:nth-child(1) {
    transform: translate(300%,-300%);
}
.arrow_link:hover>span>svg:nth-child(2) {
    transform: translate(0,0);
}

.arrow_link {
    position: relative;
    overflow: hidden;
}
.arrow_link>span:nth-child(1) {
    position: relative;
    display: inline-block;
    transition: transform 0.35s cubic-bezier(1, 0.3, 0.3, 1), -webkit-transform 0.35s cubic-bezier(1, 0.3, 0.3, 1);
}

.arrow_link:hover>span:nth-child(1) {
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
}
.arrow_link>span:nth-child(1)>span {
    transition: opacity 0.35s cubic-bezier(1, 0.3, 0.3, 1), -webkit-transform 0.35s cubic-bezier(1, 0.3, 0.3, 1);
}
.arrow_link:hover>span:nth-child(1)>span {
    opacity: 0;
}
.arrow_link>span:nth-child(1)::before {
    position: absolute;
    top: 1em;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: transform, opacity 0.35s cubic-bezier(1, 0.3, 0.3, 1), -webkit-transform 0.35s cubic-bezier(1, 0.3, 0.3, 1);
    opacity: 0;
}
.arrow_link:hover>span:nth-child(1)::before {
    opacity: 1;
}

.sns_link {
    display: flex;
    align-items: center;
    column-gap: 40px;
}

@media screen and (max-width: 798px) {
    .arrow_link {
        font-size: max(2.344vw,14px);
        column-gap: 10px;
    }
    .arrow_link>span:nth-child(2) {
        width: max(5.208vw,32px);
        height: max(5.208vw,32px);
    }
    .arrow_link>span>svg {
        width: max(1.302vw,8px);
        height: max(1.302vw,8px);
    }
    .sns_link>a>img {
        width: 90%;
    }
    .sns_link {
        display: flex;
        align-items: center;
        column-gap: max(3.385vw,16px);
    }
}
@media (min-width: 797px) and (max-width: 1024px) {
    .arrow_link {
        font-size: 18px;
        column-gap: 10px;
    }
}


/* header
**************************************/
header {
    position: fixed;
    z-index: 2;
    padding: 48px 0 0;
    width: 100%;
}
.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_inner img {
    width: min(9.375vw,38px);
    height: auto;
}
.header_nav_list {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 88px;
}

.header_nav_list {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: min(6.471vw,94px);
}
.header_nav_item>a {
    font-size: min(1.176vw,22px);
    font-weight: 500;
}
.header_nav_list a {
    position: relative;
}
.header_nav_list a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #075B76;
    transition: transform 0.4s cubic-bezier(1, 0.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(1, 0.3, 0.3, 1);
    transform: scale(0, 1);
    transform-origin: right top;
}
.header_nav_list a:hover::after {
    transform: scale(1, 1);
    transform-origin: left top;
}

/* Hamburger Menu
**************************************/
#navbtn {
    display: none;
}
.navlogo-open {
    display: none;
    z-index: 9999;
    position: relative;
    top: 0;
    left: 0;
}

@media (max-width: 1360px) and (min-width: 428px) {
    .header_nav_item>a {
        font-size: min(2.804vw,16px);
    }
}
@media screen and (max-width: 427px) {
    :target {
        scroll-margin-top: 100px;
    }
    #navbtn {
		display: grid;
		grid-template-rows: repeat(3, 8px);
		justify-content: center;
		align-items: center;
		z-index: 1000;
	}
    .showlogo,
    .hidelogo {
        position: relative;
    }
    .showlogo {
        display: block;
    }
    .hidelogo {
        display: none;
    }
	#navbtn span:nth-child(1),
	#navbtn span:nth-child(2),
	#navbtn span:nth-child(3) {
		width: 25px;
		height: 3px;
		margin: 0 auto;
		border-radius: 3px;
		background: #0789B2;
		transition: all 0.3s;
	}
    #navbtn.open span {
		background: #E4F0F5;
	}
	.header_nav.opennav {
		display: block;
        opacity: 1;
        visibility: visible;
	}
	.fixed_body {
		position: fixed;
		width: 100vw;
	}
	.open span:nth-child(1) {
		transform: translateY(8px) rotate(-45deg);
	}
	.open span:nth-child(2) {
		top: 17px;
		opacity: 0;
		transform: translateX(20px);
	}
	.open span:nth-child(3) {
		transform: translateY(-8px) rotate(45deg);
	}
	.header_nav {
		width: 100%;
		height: 100%;
		line-height: 3.4;
		padding-top: 110px;
		margin-left: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 900;
		background-color: #0789B2;
        opacity: 0;
        visibility: hidden;
		transition: all 0.3s;
	}
    .header_nav_list {
        flex-direction: column;;
    }
    .header_nav_item {
        display: block;
        width: calc(100% - calc(4.706vw * 2));
    }
    .header_nav_item>a {
        font-size: 30px;
        color: #E4F0F5;
    }
    .header_nav_list a {
        position: relative;
        border-bottom: 1px solid #76B6CC;
    }
    .header_nav_list a:hover::after {
        transform: scale(0, 1);
    }
}


/* HOME
**************************************/
.hero {
    overflow: hidden;
    height: 100vh;
    min-height: 55vw;
    max-height: 55vw;
    position: relative;
}

.hero>.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
}

.hero h1>span:nth-child(1) {
    margin-left: -0.04em;
}

.hero h1 {
    font-size: 12.940vw;
    display: flex;
    justify-content: space-between;
    padding: 0 0 4.412vw;
}

.hero p {
    font-size: 2.206vw;
    line-height: 1.4;
    padding: 0 0 3.529vw;
}

@media screen and (max-width: 768px) {
    .hero {
        padding: 140px 0 96px;
    }
    .hero h1 {
        flex-direction: column;
        font-size: 21.8vw;
        padding: 0 0 40px;
    }
    .hero h1>span:last-child {
        justify-content: unset;
        margin-left: -0.04em;
    }
    .hero p {
        font-size: max(2.604vw,16px);
        padding: 0 0 24px;
    }
}

@media (min-width: 429px) and (max-width: 1024px) {
    .hero {
        padding: 140px 0 128px;
    }
    .hero h1 {
        flex-direction: column;
        font-size: 17.578vw;
    }
    .hero h1>span:last-child {
        display: flex;
        justify-content: flex-end;
    }
    .hero h1>span:last-child {
        justify-content: flex-end;
        margin-left: 0;
    }

}

@media screen and (max-width: 1024px) {
    .hero {
        height: auto;
        min-height: unset;
        max-height: unset;
        position: relative;
    }
    
    .hero>.inner {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .hero h1 {
        flex-direction: column;
    }

}

@media screen and (min-width:1921px) {
    .hero {
        padding: 296px 0 180px;
        overflow: hidden;
        height: auto;
        min-height: auto;
        position: relative;
    }
    .hero>.inner {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .hero h1 {
        font-size: 258px;
        padding: 0 0 88px;
    }
    .hero p {
        font-size: 40px;
        line-height: 1.4;
        padding: 60px 0 50px;
    }
    .hero div {
        row-gap: 22px;
    }
}

body#home h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 120px;
    font-weight: 700;
    color: #0789B2;
    line-height: 1.1;
    padding-bottom: 66px;
    letter-spacing: -0.045em;
}

#works {
    background: #E4F0F5;
    padding: 128px 0;
    position: relative;
}
#works::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -80px;
    left: 0;
    width: 100%;
    height: 169px;
    background-image: url(../img/common/paper.svg);
    background-size: contain;
    background-repeat: repeat-x;
}
#works::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 169px;
    background-image: url(../img/common/paper.svg);
    background-size: contain;
    background-repeat: repeat-x;
    transform: rotate(180deg);
}


.home_works_box {
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
    padding: 40px;
    border-radius: min(1.103vw,25px);
    background: #F1F6F8; 
    transition: all 0.6s ease-out;
}
.home_works_box:not(:last-child) {
    margin-bottom: 56px;
}
.home_works_box-text {
    width: calc(100% - 56.912vw - 40px);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

span.home_works_box-text--subhead {
    display: block;
    font-size: max(1.029vw,12px);
    color: #76B6CC;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #C9E3EB;
}
h3.home_works_box-text--head {
    font-size: 2.941vw;
    font-weight: 500;
    line-height: 1.1;
    padding-bottom: 24px;
    letter-spacing: -0.045em;
}

.home_works_box-text--bubble {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 96px;
}
.home_works_box-text--bubble>span {
    display: flex;
    font-size: 12px;
    padding: 4px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 100vw;
    border: 1px solid #075B76;
}
.home_works_box-text>p {
    font-size: min(1.176vw,22px);
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.home_works_box-photo {
    position: relative;
    border-radius: min(1.103vw,25px);
    width: 56.912vw;
    height: 35.147vw;
    overflow: hidden;
}
.home_works_box-photo::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #E4F0F5;
    mix-blend-mode: multiply;
    transition: all 0.4s ease-out;
}

.home_works_box-photo>div {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: min(1.103vw,25px);
    width: 100%;
    height: 100%;
    transition: all 0.6s cubic-bezier(0.1, 0.6, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.1, 0.6, 0.5, 1);
    filter: grayscale(1) brightness(110%);
}
.home_works_box:hover {
    filter: drop-shadow(0px 0px 10px rgba(118,182,196,0.2));
    /*transform:scale(1.0025);*/
}
.home_works_box:hover .home_works_box-photo::after {
    background: transparent;
}
.home_works_box:hover .home_works_box-photo>div {
    filter: grayscale(0) brightness(100%);
    transform:scale(1.08);
}

@media screen and (max-width: 768px) {
    .home_works_box:hover {
        filter: unset;
    }
    .home_works_box-photo::after,
    .home_works_box:hover .home_works_box-photo::after {
        background: transparent;
    }
    .home_works_box-photo>div,
    .home_works_box:hover .home_works_box-photo>div {
        filter: grayscale(0) brightness(100%);
        transform:scale(1);
    }
}
.home_works_box:nth-child(1)>.home_works_box-photo>div {
    background-image: url(../img/common/works_lizzy.jpg);
}
.home_works_box:nth-child(2)>.home_works_box-photo>div {
    background-image: url(../img/common/works_ramen.jpg);
}
.home_works_box:nth-child(3)>.home_works_box-photo>div {
    background-image: url(../img/common/works_clinic.jpg);
}
.home_works_box:nth-child(4)>.home_works_box-photo>div {
    background-image: url(../img/common/works_coffee.jpg);
}
.home_works_box:nth-child(5)>.home_works_box-photo>div {
    background-image: url(../img/common/works_cafe.jpg);
}

#skills {
    padding: 180px 0 0;
}

.home_skills>p {
    display: flex;
    flex-flow: column;
    border-radius: 100vh;
    border: 1px solid #075B76;
    padding: min(2.927vw, 30px) min(5.854vw, 80px);
    margin-bottom: 40px;
    font-size: 55px;
    width: fit-content;
}
@media screen and (max-width: 768px) {
    body#home h2 {
        font-size: min(14.375vw,90px);
        padding-bottom: 32px;
    }
    #works {
        padding: 40px 0;
    }
    .home_works_box {
        flex-direction: column-reverse;
        padding: 4.706vw;
    }
    .home_works_box-text {
        width: 100%;
    }
    h3.home_works_box-text--head {
        font-size: 30px;
    }
    .home_works_box-photo {
        width: 100%;
        height: 49.74vw;
    }
    #skills {
        padding: max(17.578vw,80px) 0 0;
    }
}

@media screen and (max-width: 1024px) {

    #works::before,
    #works::after {
        width: 1358px;
        left: 50%;
    }
    #works::before {
        transform: translateX(-50%);
    }
    #works::after {
        left: 50%;
        transform: rotate(-180deg) translateX(40%);
    }
    .home_works>div {
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .home_works_box-text>p {
        font-size: 16px;
    }

    .home_skills>p {
        margin-bottom: 5.333vw;
        font-size: 5.333vw;
    }

}
@media (min-width: 769px) and (max-width: 1024px) {
    body#home h2 {
        font-size: 11.719vw;
    }
    .home_works_box-text {
        width: 40%;
    }
    .home_works_box-photo {
        width: calc(60% - 40px);;
        height: auto;
    }
   /* .home_works>div {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        column-gap: 40px;
    }
*/
}
@media (min-width:1440px) and (max-width: 1920px) {
    body#home h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 8.824vw;
        font-weight: 700;
        color: #0789B2;
        line-height: 1.1;
        padding-bottom: 4.853vw;
    }
    span.home_works_box-text--subhead {
        font-size: min(1.029vw,16px);
    }
}
@media screen and (min-width: 1921px) {
    body#home h2 {
        font-size: 168px;
        padding-bottom: 88px;
    }
    .home_works_box-text {
        width: 527px;
    }
    h3.home_works_box-text--head  {
        font-size: 56px;
        font-weight: 500;
        line-height: 1.1;
        padding-bottom: 24px;
    }
    span.home_works_box-text--subhead {
        font-size: 16px;
    }
    .home_works_box-photo {
        width: 1092px;
        height: 674px;
    }
}


/* footer 
**************************************/
footer {
    background: #0789B2;
    border-radius: min(1.103vw,25px) min(1.103vw,25px) 0 0;
    padding: 96px 0;
    margin-top: min(35.294vw,480px);
    position: relative;
}
footer * {
    color: #F1F6F8;
}
footer *:hover {
    color: #F1F6F8;
}

.footer__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer__container-pageinfo>a {
    font-family: 'Oswald', sans-serif;
    font-size: 95px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.045em;
    padding: 0 0 40px;
}
.footer__container-coninfo>a {
    font-size: 38px;
    padding-bottom: 40px;
}

.footer__container-coninfo .arrow_link>span:nth-child(2) {
    border: 1px solid #F1F6F8;
}

.copyright {
    font-size: min(1.176vw,22px);
}

.footer__container-pageinfo>a {
    font-family: 'Oswald', sans-serif;
    font-size: min(9.277vw,168px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.045em;
    padding: 0 0 min(3.906vw,40px);
}
.footer__container-coninfo>a {
    font-size: min(3.711vw,64px);
    padding-bottom: min(3.906vw,40px);
}

.pc_only {
    display: block;
}
.sp_only {
    display: none;
}
@media screen and (max-width: 1024px) {
    footer {
        margin-top: max(35.156vw,300px);
    }
}
@media screen and (max-width: 768px) {
    .footer__container {
        flex-direction: column;
        align-items: unset;
    }
    .footer__container-pageinfo>a {
        font-size: min(20vw,120px);
        padding: 0 0 48px;
    }
    .footer__container-coninfo>a {
        font-size: max(5.25vw,20px);
    }
    .footer__container-coninfo>.linkbtns {
        align-items: unset;
    }
    .pc_only {
        display: none;
    }
    .sp_only {
        display: block;
    }
    .copyright {
        font-size: min(3.75vw,14px);
    }
    .copyright.sp_only {
        display: flex;
        padding-top: 48px;
    }
}



/* ABOUT
**************************************/
.sub_top {
    padding: min(13.235vw,254px) 0 min(7.206vw,138px);
}
.sub_top>.inner {
    position: relative;
}
.sub_top h1 {
    font-size: min(9.706vw,186px);
    margin-left: -0.02em;
}
.about__container {
    display: flex;
    justify-content: space-between;
}
.about__photo {
    display: block;
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: min(2.206vw,42px) 0 0 min(2.206vw,42px);
}
.about__photo img {
    border-radius: min(1.103vw,25px);
    width: min(28.088vw,540px);
    height: min(39.706vw,764px);
    transform: rotate(-5deg);
    position: relative;
}
.about__photo::before {
    border-radius: min(1.103vw,25px);
    display: block;
    position: absolute;
    z-index: -1;
    content: "";
    transform: rotate(5deg);
    background-color: #E4F0F5;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.about__text {
    width: min(44.706vw,858px);
}
.about__text-head {
    font-size: min(2.206vw,42px);
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: min(3.382vw,65px);
}
.about__text-description {
    padding-bottom: min(6.103vw,117px);
    display: flex;
    flex-direction: column;
    row-gap: 2em;
}
.about__text-description>p {
    font-size: min(1.758vw,28px);
    line-height: 1.6;
}
.about__text-skills>p {
    font-size: min(1.758vw,28px);
    color: #76B6CC;  
    font-weight: 500;  
    padding-bottom: min(0.735vw,14px);
    margin-bottom: min(1.765vw,34px);
    border-bottom: 1px solid #C9E3EB;
}
.about__text-skills>div {
    column-gap: min(1.176vw,22px);
    row-gap: min(1.176vw,22px);
    display: flex;
    flex-wrap: wrap;
}
.about__text-skills>div:nth-of-type(1) {
    padding-bottom: min(5.441vw,104px);
}
.about__text-skills>div>p {
    padding: min(0.294vw,5px) min(1.758vw,28px);
    font-size: min(1.176vw,22px);
    border: 1px solid #075B76;
    border-radius: 100vh;
    width: fit-content;
}
@media screen and (max-width: 1360px) {
    .sub_top h1 {
        font-size: 132px;
    }
}
@media screen and (max-width: 1024px) {
    .sub_top {
        padding: min(34.375vw,136px) 0 min(18.75vw,74px);
    }
    .sub_top h1 {
        font-size: max(12.891vw,120px);
    }
    .about__photo img {
        border-radius: min(1.103vw,25px);
        width: max(27.93vw,260px);
        height: max(39.453vw,368px);
    }
    .about__photo::before {
        border-radius: min(1.103vw,25px);
    }
    
    .about__text {
        width: min(44.706vw,858px);
    }
    .about__text-head {
        font-size: 24px;
        padding-bottom: 35px;
    }
    .about__text-description {
        padding-bottom: 62px;
    }
    .about__text-description>p {
        font-size: 16px;
    }
    .about__text-skills>p {
        font-size: min(1.758vw,28px);
        padding-bottom: min(0.735vw,14px);
        margin-bottom: min(1.765vw,34px);
    }
    .about__text-skills>div {
        column-gap: min(1.176vw,22px);
        row-gap: min(1.176vw,22px);
    }
    .about__text-skills>div:nth-of-type(1) {
        padding-bottom: min(5.441vw,104px);
    }
    .about__text-skills>div>p {
        padding: min(0.294vw,5px) min(1.758vw,28px);
        font-size: min(1.176vw,22px);
    }
}

@media screen and (max-width: 768px) {
    .sub_top h1 {
        font-size: 15.625vw;
    }
    .about__container {
        flex-direction: column;
        row-gap: 40px;
    }
    .about__photo {
        margin: 0 auto;
    }
    .about__photo img {
        width: min(51.25vw,362px);
        height: min(72.5vw,512px);
    }
    .about__text {
        width: 100%;
    }
    .about__text-skills>p {
        font-size: 14px;
        padding-bottom: 8px;
        margin-bottom: 18px;
    }
    .about__text-skills>div {
        column-gap: 12px;
        row-gap: 12px;
    }
    .about__text-skills>div:nth-of-type(1) {
        padding-bottom: 55px;
    }
    .about__text-skills>div>p {
        padding: 3px 15px;
        font-size: 12px;
    }
}



/* WORKS
**************************************/
.work__cover {
    position: relative;
    background-color:#D6E6EB;
    overflow: hidden;
    width: 100%;
    height: min(34.74vw,890px);
}
.work__cover-photo {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
.webp .work__cover-photo.ramen {
    background-image: url(../img/common/work_hogara_cover.webp);
}
.no-webp .work__cover-photo.ramen {
    background-image: url(../img/common/work_hogara_cover.png);
}
.webp .work__cover-photo.clinic {
    background-image: url(../img/common/work_clinic_cover.webp);
}
.no-webp .work__cover-photo.clinic {
    background-image: url(../img/common/work_clinic_cover.png);
}
.work__cover-photo.tea {
    background-image: url(../img/common/work_tea_cover.png);
}
.webp .work__cover-photo.lizzy {
    background-image: url(../img/common/work_lizzy_cover.webp);
}
.no-webp .work__cover-photo.lizzy {
    background-image: url(../img/common/work_lizzy_cover.png);
}
.webp .work__cover-photo.coffee {
    background-image: url(../img/common/work_coffee_cover.webp);
}
.no-webp .work__cover-photo.coffee {
    background-image: url(../img/common/work_coffee_cover.png);
}
.work__container {
    padding: 120px 0;
}
body#work h2 {
    font-size: min(2.941vw,56px);
    padding-bottom: 28px;
    font-weight: 500;
    line-height: 1.1;
}
.work__block,
.work__block-content {
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
    border-bottom: 1px solid #C9E3EB;
}
.work__block.column {
    flex-direction: column;
}
.work__block-content {
    border-bottom: unset;
    padding: 0 0 70px;
}
.work__block:first-child {
    padding: 0 0 70px;
}
.work__block>div,
.work__block>p,
.work__block-content>p {
    width: 61.8%;
}
.work__block.column>div {
    width: 100%;
    max-width: fit-content;
}
.work__block-text {
    font-size: min(1.758vw,24px);
    line-height: 1.6;
}
.work__block-text.heading {
    font-size: min(1.758vw,28px);
    font-weight: 500;
    padding-bottom: 8px;
    line-height: 1.4;
}
.work__block-text.heading:not(:first-child) {
    margin-top: 32px;
}
.work__block-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: min(1.953vw, 40px);
    background: #E4F0F5;
    border-radius: min(1.103vw, 25px);
    padding: min(3.906vw,80px);
}
.work__block-image.row {
    grid-template-columns: repeat(2, 1fr);
}
.work__block-image>img {
    border-radius: min(1.103vw, 25px);
    filter: drop-shadow(5px 5px 10px rgba(118, 182, 204, 0.3));
}
.work__block dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 60px;
}
.work__block dt, 
.work__block dd {
    padding: 16px 0;
    border-bottom: 1px solid #E4F0F5;
    font-size: min(1.823vw,20px);
}

.work__block dt {
    width: 20%;
    color: #76B6CC;
}
.work__block dd {
    width: 80%;
}

.work_photo-container {
    display: flex;
    margin-bottom: min(7.059vw,135px);
}
.work_photo-container1 {
    align-items: flex-end;
}

.work_photo-container2 {
    justify-content: flex-end;
    transform: translateX(max(-7.647vw,-150px));
}

.work_photo-container3 {
    transform: translateX(min(7.647vw,150px));
}
.work_photo-container0,
.work_photo-container4 {
    justify-content: flex-end;
}

.work_photo-item {
    background: #E4F0F5;
    border-radius: min(1.103vw,25px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.work_photo-item0 {
    width: calc(100% - min(7.647vw,150px) * 2.8);
}
.work_photo-item1 {
    width: min(58.088vw,1115px);
    height: min(70.956vw,1362px);
    flex-direction: column;
    row-gap: min(3.824vw,74px);
}
.work_photo-item1>img {
    border-radius: min(1.103vw,25px);
    width: auto;
    height: min(27.059vw,520px);
    filter: drop-shadow(5px 5px 10px rgba(118,182,204,0.3));
    /*ios ドロップシャドウ点滅対策 */
    transform: translateZ(0);
    aspect-ratio: 1.618 / 1;
}
.work_photo-item2 {
    width: min(50.882vw,976px);
    height: min(35.441vw,680px);
}
.work_photo-item3 {
    width: min(41.912vw,804px);
    height: min(35.735vw,686px);
}
.work_photo-item4 {
    width: min(60.294vw,1158px);
    height: min(60.294vw,1158px);
}

@media screen and (max-width: 1920px) {
    .work__cover {
        height: max(34.74vw,370px);
    }

}
@media screen and (max-width: 1024px) {
    .work__block-content {
        padding: 0 0 max(5.469vw, 40px);
    }
    .work__block-text {
        font-size: max(1.953vw,16px);
    }
    .work__block-text.heading {
        font-size: max(2.148vw,18px);
    }
}
@media screen and (max-width: 768px) {
    body#work h2 {
        font-size: 30px;
    }
    .work__cover {
        height: 370px;
    }
    .work__cover-photo {
        height: 130%;
        width: 100%;
        background-position: 5%;
    }
    .work__block,
    .work__block-content {
        flex-direction: column;
    }
    .work__block>div,
    .work__block>p,
    .work__block-content>p {
        width: 100%;
    }
    .work__block dt, 
    .work__block dd {
        font-size: 14px;
    }
    .work__block-text.heading:not(:first-child) {
        margin-top: 24px;
    }
    .work__block-image,
    .work__block-image.row {
        grid-template-columns: repeat(1, 1fr);
        gap: 6vw;
        padding: 10.767vw;
    }

}
@media screen and (max-width: 763px) {
    .work_photo-container0,
    .work_photo-container2,
    .work_photo-container3 {
        transform: unset;
    }
    .work_photo-item1 {
        width: 100%;
        height: auto;
        padding: 10.767vw;
        row-gap: 6vw;
    }
    .work_photo-item1>img {
        width: 69.114vw;
        height: 42.765vw;

    }
    .work_photo-item0,
    .work_photo-item2 {
        width: 100%;
        height: auto;
    }
    .work_photo-item3 {
        width: 100%;
        height: auto;
        padding: 4.038vw;
    }
    .work_photo-item4 {
        width: 100%;
        height: fit-content;
    }
}
@media screen and (max-width: 428px) {
    .work__block dt {
        width: 100%;
        padding: 16px 0 8px;
        border-bottom: unset;
    }
    .work__block dd {
        width: 100%;
        padding: 0 0 16px;
    }
}



/* 404
**************************************/
.error404_message {
    font-size: max(2.941vw,30px);
    padding: 30px 0 60px;
}

@media screen and (min-width: 1921px) {
    .error404_message {
        font-size: 56px;
    }
}



/* txtloop
**************************************/

.txtloop {
    overflow: hidden;
    position: absolute;
    z-index: -1;
    top: -18.125vw;
    left: 50%;
    transform: translate(-50%,0);
}
.txtloop__wrapper {
    display: flex;
    justify-content: center;
}
.txtloop__wrapper-item {
    font-family: 'Oswald', sans-serif;
    font-size: 19.167vw;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.045em;
    color: #E4F0F5;
    white-space: nowrap;
    padding: 0 25px;
}

.txtloop__wrapper-item:nth-child(odd) {
    animation: loop 50s -25s linear infinite;
}
.txtloop__wrapper-item:nth-child(even) {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}

@media screen and (min-width: 1921px) {
    .txtloop {
        top: -348px;
    }
    .txtloop__wrapper-item {
        font-size: 368px;
    }
}
@media screen and (max-width: 1024px) {
    .txtloop {
        top: -186px;
    }
    .txtloop__wrapper-item {
        font-size: 196px;
    }
}






/* grain
**************************************/

.page_bg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.page_bg::after {
    content: "";
    position: fixed;
    z-index: 1;
    pointer-events: none;
    width: 200%;
    height: 200%;
    left: -50%;
    top: -50%;
    opacity: 0.4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFNTk5RjZFMURCRTExRUU4NDAyODc3OEE3NzEyM0ZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFNTk5RjZGMURCRTExRUU4NDAyODc3OEE3NzEyM0ZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U1OTlGNkMxREJFMTFFRTg0MDI4Nzc4QTc3MTIzRkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U1OTlGNkQxREJFMTFFRTg0MDI4Nzc4QTc3MTIzRkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46v526AAAqAklEQVR42uyd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);
    animation: grain 5s steps(6) infinite;
}
/*
@keyframes grain {
    0% { transform: translate(0,0);}
    20% { transform: translate(-5%,-10%);}
    40% { transform: translate(3%,-15%);}
    60% { transform: translate(12%,9%);}
    80% { transform: translate(9%,4%);}
    100% { transform: translate(0,0);}
} 
*/

@keyframes grain {
    0% { transform: translate(0,0);}
    20% { transform: translate(3%,1%);}
    40% { transform: translate(9%,3%);}
    60% { transform: translate(1%,5%);}
    80% { transform: translate(3%,2%);}
    100% { transform: translate(4%,-5%);}
} 

/* Organic shapes
**************************************/
#line_move,
#subline_move {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 110vw;
    height: auto;
}

#line_move {
    transform: rotate3d(0, 0, 1, -3deg) translate(-48%,-58%);
}
@media screen and (min-width: 1921px) {
    #line_move {
        transform: rotate3d(0, 0, 1, -3deg) translate(-48%,-58%);
    }
}

#subline_move {
    transform: rotate(0deg) translate(-51%,-70%);
}
#line_move .cls-1 {
    opacity:1;
    stroke:#fff;
    stroke-width:51px;
}
#line_move .cls-1, 
#line_move .cls-2 {
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#line_move .cls-2 {
    stroke:#fff;
    stroke-width:50px;
}
#subline_move .cls-1 {
    stroke:#fff;
    stroke-miterlimit:10;
    stroke-width:65px;
}
#subline_move .cls-1, 
#subline_move .cls-2 {
    fill:none;
    stroke-linecap:round;
}
#subline_move .cls-2 {
    stroke:#fff;
    stroke-width:50px;
}