/**********************add contents**********************//*FV*/.artio_fv {position: relative;}.artio_fv .artio__visual {display: flex;}.artio_fv .artio__visual img {object-fit: cover;width: 100%;height: 100%;}.artio_fv .artio_fv__head {position: absolute;top: 64px;left: 64px;background-color: rgba(255, 255, 255, 0.90);}.artio_fv .artio_fv__head p {margin-bottom: .8em;font-weight: 600;}.artio_fv .artio_fv__head figure {aspect-ratio: 128 / 35;width: 90%;}.artio_fv .artio_fv__head figure img {object-fit: contain;width: 100%;height: 100%;}.artio_fv .artio__info__movie {position: absolute;background: linear-gradient(143deg, rgb(198, 198, 198) 0%, rgb(27, 27, 27) 37%, rgb(27, 27, 27) 48%, rgb(198, 198, 198) 100%);}@media screen and (max-width:599px) {.artio_fv .artio__visual {aspect-ratio: 3 / 5;}.artio_fv .artio__visual img {object-position: 90% bottom;}.artio_fv .artio_fv__head {top: 15vw;left: 5vw;width: 60vw;padding: 2vw 5vw;}.artio_fv .artio_fv__head p {font-size: 3.1vw;}.artio_fv .artio__info__movie {bottom: 7vw;left: 6%;width: 88%;padding: 2vw;}}@media screen and (min-width:600px) {.artio_fv .artio__visual {aspect-ratio: 30 / 13;}.artio_fv .artio_fv__head {top: 20px;left: 25px;width: 28vw;padding: 12px 2vw 20px 4vw;}.artio_fv .artio_fv__head p {font-size: 1.2vw;}.artio_fv .artio__info__movie {top: 20px;right: 40px;width: 25vw;padding: 5px;}}@media screen and (min-width:991px) {.artio_fv .artio__visual {aspect-ratio: 300 / 127;}.artio_fv .artio_fv__head {top: 12px;left: 35px;width: 24vw;padding: 15px 15px 25px 50px;}.artio_fv .artio__info__movie {top: 12px;right: 60px;width: 16vw;padding: 6px;}}/*Main Visual*/.main_visual__exp{margin-bottom: min(60px , 6vw);}.main_visual__exp h3{text-align: center;font-weight: 600;opacity: 0;transform: translateY(120px);transition: opacity .7s, transform 1.2s;margin-bottom: .8em;}.main_visual__exp p {opacity: 0;transform: translateY(120px);transition: opacity .7s, transform 1.2s;transition-delay: 0.3s;text-align: center;}.main_visual__exp.active h3 {opacity: 1;transform: translateY(0);}.main_visual__exp.active p {opacity: 1;transform: translateY(0);}.main_visual {position: relative;background-color: #1D1D1D;}.main_visual .main_visual__exp {position: absolute;top: 50%;left: 50%;transform: translate(-50%, 0);width: 90vw;opacity: 0;z-index: 1;}.main_material .main_material__item {display: flex;aspect-ratio: 2000 / 339;transform: translateX(-100%);}.main_material .main_material__item img {object-fit: contain;width: 100%;height: 100%;}.main_visual.active .main_material .main_material__item:first-of-type {animation: left-visual 1s .8s cubic-bezier(0, 0, 0.05, 0.99) forwards;}.main_visual.active .main_material .main_material__item:nth-of-type(2) {animation: left-visual .95s 1.4s cubic-bezier(0, 0, 0.05, 0.99) forwards;}.main_visual.active .main_material .main_material__item:nth-of-type(3) {animation: left-visual .9s 2s cubic-bezier(0, 0, 0.05, 0.99) forwards;}.main_visual.active .main_material .main_material__item:nth-of-type(4) {animation: left-visual .85s 2.8s cubic-bezier(0, 0, 0.05, 0.99) forwards;}@keyframes left-visual {0% {transform: translateX(-100%);}100% {transform: translateX(0);}}@media screen and (max-width:599px) {.main_visual__exp h3 {font-size: 4vw;}.main_visual__exp p {font-size: 3.6vw;}}@media screen and (min-width:600px) {.main_visual__exp h3 {font-size: 25px;}.main_visual__exp p {font-size: 14px;}.main_visual__exp p br.sp_none {display: none;}}@media screen and (min-width:768px) {.main_visual__exp h3 {font-size: 27px;}.main_visual__exp p {font-size: 16px;}}@media screen and (min-width:991px) {.main_visual__exp h3 {font-size: 30px;}.main_visual__exp p {font-size: 18px;}}@media screen and (min-width:1025px) {.main_visual__exp h3 {font-size: 35px;}.main_visual__exp p {font-size: 20px;}}/*Sub visual*/.contents__sub {margin-top: min(6vw, 25px);margin-bottom:  min(125px, 21vw);}.sub_visual {position: relative;/* background-color: #1D1D1D;*/}.sub_visual .sub_visual__exp p {text-align: center;font-weight: 600;color: #FFFFFF;text-shadow: 5px 6px 6px rgba(0, 0, 0, .4);}.sub_visual .sub_material .sub_material__item {display: flex;align-items: center;position: relative;}.sub_visual .sub_material .sub_material__item:first-of-type::after{position: absolute;top:50%;left: 50%;transform: translate(-50% , -50%);aspect-ratio:2 / 5;height: 96%;border: 3px solid #FFFFFF;content: "";display: block;border-radius: 50%;box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.7);opacity: 0;}.sub_visual .sub_material .sub_material__item:last-of-type::after{position: absolute;top:2%;left: 50%;transform: translate(-50% , 0);aspect-ratio:2 / 5;height: 48%;border: 3px solid #FFFFFF;content: "";display: block;border-radius: 50%;box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.7);opacity: 0;}.sub_visual .sub_material .sub_material__item .sub_material__item__item {width: 50%;aspect-ratio: 192 / 65;/*display: flex;*/}.sub_visual .sub_material .sub_material__item img {object-fit: cover;width: 100%;height: 100%;}.sub_visual .sub_material .sub_material__item .sub_visual__exp {position: absolute;transform: translate(5vw, -50%);left: 50%;opacity: 0;z-index: 1;}.sub_visual .sub_material .sub_material__item:first-of-type .sub_visual__exp {top: 50%;}.sub_visual .sub_material .sub_material__item:last-of-type .sub_visual__exp {top: 25%;}.sub_visual.active .sub_material .sub_material__item:first-of-type .sub_material__item__item.item_l {animation: sub-left-visual 1s .8s cubic-bezier(0, 0, 0.05, 0.99) forwards;transform: translateX(-100%);}.sub_visual.active .sub_material .sub_material__item:first-of-type .sub_material__item__item.item_r {animation: sub-right-visual 1s .8s cubic-bezier(0, 0, 0.05, 0.99) forwards;transform: translateX(100%);}.sub_visual.active .sub_material .sub_material__item:first-of-type::after{animation: sub-up-point .8s 2s cubic-bezier(0, 0, 0.05, 0.99) forwards;}.sub_visual.active .sub_material .sub_material__item:last-of-type .sub_material__item__item.item_l {animation: sub-left-visual 1.8s .8s cubic-bezier(0, 0, 0.05, 0.99) forwards;transform: translateX(-100%);}.sub_visual.active .sub_material .sub_material__item:last-of-type .sub_material__item__item.item_r {animation: sub-right-visual 1.8s .8s cubic-bezier(0, 0, 0.05, 0.99) forwards;transform: translateX(100%);}.sub_visual.active .sub_material .sub_material__item:last-of-type::after{animation: sub-up-point .8s 2.7s cubic-bezier(0, 0, 0.05, 0.99) forwards;}.sub_visual.active .sub_visual__exp {animation: sub-up-visual 1s 3.3s cubic-bezier(0, 0, 0.05, 0.99) forwards;}@keyframes sub-left-visual {0% {transform: translateX(-100%);}100% {transform: translateX(0);}}@keyframes sub-right-visual {0% {transform: translateX(100%);}100% {transform: translateX(0);}}@keyframes sub-up-visual {0% {opacity: 0;}100% {opacity: 1;}}@keyframes sub-up-point {0% {opacity: 0;}100% {opacity: 1;}}@media screen and (max-width:767px) {.sub_visual .sub_material .sub_material__item:last-of-type .sub_visual__exp {top: 50%;}}@media screen and (max-width:599px) {.sub_visual .sub_material .sub_material__item .sub_visual__exp p {font-size: 4vw;}.sub_visual .sub_material .sub_material__item + .sub_material__item{margin-top: 4vw;}}@media screen and (min-width:600px) {.sub_visual .sub_material .sub_material__item .sub_visual__exp p {font-size: 25px;}.sub_visual .sub_material .sub_material__item + .sub_material__item{margin-top: 20px;}}@media screen and (min-width:768px) {.sub_visual .sub_material .sub_material__item:last-of-type .sub_visual__exp {top: 25%;}.sub_visual .sub_material .sub_material__item .sub_visual__exp p {font-size: 27px;}}@media screen and (min-width:991px) {.sub_visual .sub_material .sub_material__item .sub_visual__exp p {font-size: 30px;}.sub_visual .sub_material .sub_material__item + .sub_material__item{margin-top: 30px;}}@media screen and (min-width:1025px) {.sub_visual .sub_material .sub_material__item .sub_visual__exp p {font-size: 35px;}}.sub_material__exp{text-align: center;margin-top: min(25px , 5vw);}.sub_material__exp p{padding-left: 1em;padding-right: 1em;}/*Cases*/.contents__case {padding-top: min(125px, 21vw);padding-bottom: min(250px, 24vw);}/*.contents__case .cases {display: flex;flex-wrap: wrap;}.contents__case .cases .cases__item figure {aspect-ratio: 840 / 667;display: flex;}.contents__case .cases .cases__item figure img {object-fit: cover;width: 100%;height: 100%;}@media screen and (max-width:599px) {.contents__case .cases {gap: 2vw;}.contents__case .cases .cases__item {width: calc(50% - 1vw);}}@media screen and (min-width:600px) {.contents__case .cases {gap: 20px;}.contents__case .cases .cases__item {width: calc(50% - 10px);}}@media screen and (min-width:991px) {.contents__case .cases {gap: 35px;}.contents__case .cases .cases__item {width: calc(50% - 17.5px);}}@media screen and (min-width:1025px) {.contents__case .cases {gap: 50px;}.contents__case .cases .cases__item {width: calc(50% - 25px);}}*//*Material*/.contents__material {background-color: #292929;padding-top: min(250px, 25vw);padding-bottom: min(180px, 20vw);}.contents__material h2.material_title {background-color: #EEEEEE;text-align: center;padding: .5em;margin-bottom: 1.2em;font-weight: 800;}.contents__material p.material_exp {color: #FFFFFF;text-align: center;}.material_wrap {margin-top: min(120px, 15vw);}.material_wrap .material__item + .material__item {margin-top: min(100px, 10vw);}.material_wrap .material__item h3 {color: #FFFFFF;margin-bottom: 1em;font-weight: 600;}.material_wrap .material__item p {color: #FFFFFF;}.material_wrap .material__item .material__list {margin-top: min(20px, 4vw);}.material_wrap .material__item .material__list p{font-weight: 600;}.material_wrap .material__item .material__list .material__list__item figure{aspect-ratio:700 / 119;}.material_wrap .material__item .material__list .material__list__item figure img{object-fit: contain;width: 100%;height: 100%;}.material_wrap .material__item .material__list .material_name {margin-bottom: .1em;}.material_wrap .material__item .material__list .material_type {margin-top: .1em;}.contents__material .button_defalt{margin-top: min(190px , 20vw);}@media screen and (max-width:599px) {.contents__material h2.material_title {font-size: 5vw;}.material_wrap .material__item h3{font-size: 4.2vw;}.material_wrap .material__item .material__list .material__list__item + .material__list__item{margin-top: 5vw;}.material_wrap .material__item .material__list .material_name {font-size: 3.8vw;}.material_wrap .material__item .material__list .material_type {font-size: 3.6vw;}}@media screen and (min-width:600px) {.contents__material h2.material_title {font-size: 25px;}.material_wrap .material__item .material__list {display: flex;flex-wrap: wrap;gap: 25px;}.material_wrap .material__item .material__list .material__list__item {width: calc(50% - 12.5px);}.material_wrap .material__item h3{font-size: 22px;}.material_wrap .material__item .material__list .material_name {font-size: 18px;}.material_wrap .material__item .material__list .material_type {margin-top: .1em;}}@media screen and (min-width:991px) {.material_wrap .material__item .material__list .material__list__item {width: calc((100% - 50px) / 3);}}@media screen and (min-width:1025px) {.contents__material h2.material_title {font-size: 30px;}}/**********************Case**********************/.cases__item + .cases__item{margin-top: min(85px , 15vw)}.cases__item .cases__list .cases__list__item figure{aspect-ratio:168 / 131;}.cases__item .cases__list .cases__list__item figure img{object-fit: cover;width: 100%;height: 100%;}.cases__item .cases__list .cases__list__item p{text-align: right;}@media screen and (max-width:599px) {.cases__item h2{font-size: 4.5vw;}.cases__item .cases__list .cases__list__item{margin-top: min(25px , 5vw)}}@media screen and (min-width:600px) {.cases__item h2{font-size: 24px;}.cases__item .cases__list{display: flex;flex-wrap: wrap;gap:25px;}.cases__item .cases__list .cases__list__item{width: calc(50% - 12.5px);}}