﻿@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&display=swap");@media (max-width: 767px){.show-pc{display:none !important}}@media (min-width: 767px){.show-sp{display:none !important}}.anshin-ai-camera{--aiCamera-sideSpace: 8rem;--aiCamera-cntSize: 104rem;--aiCamera-cntSize-sm: 98rem;--aiCamera-innerSize: calc(100% - var(--aiCamera-sideSpace) * 2);--aiCamera-clr-primary: #42c08a;--aiCamera-clr-points: #f4fb40;--aiCamera-clr-cv: #fd7d7d;--aiCamera-clr-tel: #279264;--aiCamera-clr-primary-thin: #f2fcf6;--aiCamera-clr-fc-primary: #686868;--aiCamera-clr-fc-light: #fff;--aiCamera-fw-m: 500;--aiCamera-fw-b: 700;--aiCamera-fw-bl: 900;--aiCamera-lh: 2;--aiCamera-ls: 0.08em;--aiCamera-r-lg: 4rem;--aiCamera-r-md: 2rem;--aiCamera-r-sm: 1rem;--t-duration: 500ms;--easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);--transition: var(--t-duration) var(--easeOutQuart);--ff: "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif}@media (max-width: 767px){.anshin-ai-camera{--aiCamera-sideSpace: 2rem}}.ja--b{font-family:"Zen Maru Gothic", sans-serif;font-weight:700;font-style:normal}.anshin-ai-camera{font-family:var(--ff);font-weight:var(--aiCamera-fw-m);font-size:clamp(1.275rem, 1.04vw, 1.5rem);line-height:var(--aiCamera-lh);letter-spacing:var(--aiCamera-ls);color:var(--aiCamera-clr-fc-primary);background:url("../img/anshin-ai-camera/aiCamera_bg.png") no-repeat top center/100%,var(--aiCamera-clr-primary-thin)}.anshin-ai-camera .inner{inline-size:var(--aiCamera-innerSize);max-inline-size:var(--aiCamera-cntSize)}.anshin-ai-camera .inner--sm{max-inline-size:var(--aiCamera-cntSize-sm)}.anshin-ai-camera--login{position:relative;display:grid;place-content:center;background:url("../img/anshin-ai-camera/aiCamera_bg.png") no-repeat top center/cover,var(--aiCamera-clr-primary-thin);min-block-size:100dvh;padding:clamp(2rem, 1.629rem + .952vw, 3rem)}.wrap:has(.anshin-ai-camera--login){padding-left:0}.anshin-ai-camera--login__content{margin:auto;text-align:center}.anshin-ai-camera--login__logo{position:absolute;inset-block-start:clamp(2rem, 1.629rem + .952vw, 3rem);inset-inline-start:clamp(2rem, 1.629rem + .952vw, 3rem)}.anshin-ai-camera--login__title{text-align:center}.anshin-ai-camera--login .title{font-weight:var(--fw-b);color:var(--aiCamera-clr-fc-primary);font-size:clamp(4.25rem, 3.47vw, 5rem);letter-spacing:0.05em}.anshin-ai-camera--login .title .color{display:block;color:var(--aiCamera-clr-primary);font-size:clamp(2.21rem, 1.81vw, 2.6rem)}.anshin-ai-camera--login__form{margin-block-start:2rem}.anshin-ai-camera--login__link{margin-block-start:clamp(2rem, 1.443rem + 1.429vw, 3.5rem);line-height:1.4;display:flex;justify-content:center}.anshin-ai-camera--login__link>*:not(:first-child){position:relative;margin-inline-start:clamp(1.5rem, .943rem + 1.429vw, 3rem);padding-inline-start:clamp(1.5rem, .943rem + 1.429vw, 3rem)}.anshin-ai-camera--login__link>*:not(:first-child)::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;margin-block:0;inline-size:1px;block-size:100%;background:#C9D1E2}@media (max-width: 767px){.anshin-ai-camera--login__logo{position:relative;inset-block-start:0;inset-inline-start:0;max-inline-size:14rem;display:inline-block;padding-inline-start:8px}.anshin-ai-camera--login__title{margin-block-start:1rem}.anshin-ai-camera--login .title{font-size:clamp(2.55rem, 2.08vw, 3rem)}}.loginForm{display:inline-block;background:#fff;border-radius:var(--aiCamera-r-md);box-shadow:0 0 30px rgba(0,0,0,0.05);padding:clamp(3rem, 2.257rem + 1.905vw, 5rem) clamp(3rem, 1.514rem + 3.81vw, 7rem) clamp(2.5rem, 1.943rem + 1.429vw, 4rem)}.loginForm__item{display:flex;flex-direction:column;gap:2rem}.loginForm label{display:flex;align-items:center;justify-content:space-between;gap:2rem;font-weight:var(--aiCamera-fw-b);font-size:clamp(1.53rem, 1.25vw, 1.8rem);text-wrap:nowrap}.loginForm .field{inline-size:30rem;block-size:6rem}.loginForm .field input{border:1px solid #E1EDE8;inline-size:100%;block-size:100%;padding:1.8rem 2.2rem;font-weight:var(--aiCamera-fw-m);font-size:clamp(1.53rem, 1.25vw, 1.8rem)}.loginForm__btn{margin-block-start:clamp(2rem, 1.443rem + 1.429vw, 3.5rem)}.loginForm__btnNote{margin-block-start:clamp(1rem, .629rem + .952vw, 2rem)}.loginForm .btnNote:hover{opacity:0.6}.loginForm .btnNote{color:var(--aiCamera-clr-fc-primary);text-decoration:underline;font-weight:var(--aiCamera-fw-m);font-size:clamp(1.36rem, 1.11vw, 1.6rem);transition:var(--transition)}@media (max-width: 767px){.loginForm__item{gap:1rem}.loginForm label{gap:1rem}.loginForm .field{inline-size:auto;block-size:5rem}.loginForm .field input{padding:1.6rem}.loginForm .btnNote{font-size:clamp(1.19rem, .97vw, 1.4rem)}}.loginBtn:hover{opacity:0.6}.loginBtn{background:#FFA600;border:none;border-radius:0.6rem;inline-size:100%;block-size:6rem;text-align:center;color:var(--aiCamera-clr-fc-light);font-weight:var(--aiCamera-fw-b);font-size:clamp(1.7rem, 1.39vw, 2rem);transition:var(--transition)}.textLink:hover{opacity:0.6}.textLink{display:flex;align-items:center;gap:0.6rem;padding-block:0.3rem;font-weight:var(--aiCamera-fw-b);font-size:clamp(1.445rem, 1.18vw, 1.7rem);color:var(--aiCamera-clr-fc-primary);transition:var(--transition)}.textLink:hover{color:var(--aiCamera-clr-fc-primary)}.textLink .icon{display:flex;aspect-ratio:1}
