@charset "UTF-8";
@media screen and (max-width: 999px) {
.maincont {position: relative; z-index: 2; opacity: 0; transition all 1s; margin-bottom: 15vw;}
.maincont.on {opacity: 1; transition all 1s;}

.videoCont { position: fixed; top: 0; right: 0; z-index: 1; width: 100%; height: 100vh; }
.videoCont video { width: 100%; height: 100%; aspect-ratio:1/0.563; object-fit: cover; opacity: .2;}
body {background: #fff; color: #000; font-size: 3vw;counter-reset: number 0;}

iframe { border: none; width: 100%; height: 40vw;}

h1,h2,h3,h4 {font-size: 100%;}

.header { position: fixed; z-index: 9; width: 98%; left: 0; right: 0; margin: 0 auto; top: 2vw; background:linear-gradient(#15b7cc 0%, #14719a 100%); display: flex; justify-content: space-between; flex-wrap: wrap; padding: 2vw; box-sizing: border-box; border-radius: 1vw; opacity: 0; transition:all 1s;}
.header.on {top: 1vw; opacity: 1;}
.header.jic {background:linear-gradient(#15b7cc 0%, #14719a 100%);}
.header.scrum {background: linear-gradient(#ffca74 0%, #b25200 100%);}
.header.tk {background: linear-gradient(#ebdb1d 0%, #b1aa06 100%);}
.header.jigen {background: linear-gradient(#63d26b 0%, #1f8b3b 100%)}
.header .logo { background: #000; padding: 1vw 2vw; color: #fff; order:1;}
.header .logo a { color: #fff; width: auto; height: 100%; display: flex; justify-content: center; align-items: center;}
.header .logo a h1 { font-size: 110%;}
.header .gmenu { display: flex; justify-content: space-between; align-items: center; order:3; margin: 1vw auto; width: 100%;}
.header .gmenu a { display: block; padding: 0;}
.header .gmenu a p { color: #fff; font-size: 75%;}
.header .btnbox { display: flex; justify-content: center; order:2;}
.header .btnbox a { display: flex; justify-content: center; align-items: center; border: solid 1px rgba(255,255,255,.7); border-radius: .4vw; padding: 1vw; margin: 0 1vw;}
.header .btnbox a p { color: #fff; font-size: 85%;}
.header .btnbox a img { display: block; width: 3vw; height: auto; aspect-ratio:1/.792; margin-right: .5vw;}

.footer {position: relative; z-index: 2;}
.footer_recruit {position: relative; width: 100%; height: auto; aspect-ratio:1/.8; overflow: hidden; }
.footer_recruit .bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.footer_recruit .bg img {width: 100%; height: 100%; object-fit: cover;}
.footer_recruit .txt_cell { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.footer_recruit .txt_cell h1 {color: #000; background: #fff; padding: .3vw 1vw; margin-bottom: 3vw; font-size: 160%;}
.footer_recruit .txt_cell p {color: #000; background: #fff; padding: .3vw 1vw; margin-bottom: .5vw;}
.footer_recruit + div p {display: block; width: 70%; margin: 0 auto;}

.form {width: 100%; margin: 0 auto;}
.form .formRow { margin: 0 0 2vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow select,.form .formRow textarea {width: 90%;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;}
.form .pp { display: block;width: 100%;height: 20vw; margin: 2vw auto;overflow: scroll;border: solid 1px #fafafa;padding: 1vw; box-sizing: border-box; text-align: left;}
.form .pp a {color: #000;}
.form .submit { text-align: center; margin: auto;}
.form .formRow input[type="text"],
.form .formRow input[type="email"],
.form .formRow textarea { padding: 0.5vw 2vw; border-radius: 20px; border: none;}
.form #submit {opacity: 0.4; position: relative; border: none; width: max-content; margin-left: auto; margin-right: auto; padding: .3vw 2.5vw .3vw 2vw; display: flex; justify-content: center; align-items: center; background: #000; color: #fff;}
.form #submit:after { position: absolute; display: block; content:""; right: .5vw; top: 0; bottom: 0; margin: auto; width: 1.1vw; height: 1.1vw; background: url(https://takai-holdings.com/system_panel/uploads/images/btn_arrow.png) no-repeat; background-size: 1.1vw 1.1vw;}
.form #submit.active {opacity: 1;}


.section {width: 95%; margin: 15vw auto 0;}
.section.full {width: 100%; margin: 15vw auto 0;}


.pagettl { position: relative; z-index: 2; display: block; width: 100%; height:20vw; margin: 30vw auto 0;}
.pagettl .txt { position: absolute; z-index: 2; width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #000; top: 0; bottom: 0vw; left: 0; right: 0; margin: auto;}
.pagettl .txt h1,.pagettl .txt h2 { font-size: 270%; font-weight: bold; letter-spacing: 0.3rem; margin: 0 auto 1.5vw; font-family: "din-2014", sans-serif; line-height: 1;}
.pagettl .txt p { font-size: 100%; letter-spacing: 0.2rem; margin: 0 auto; display: block; width: 80%;}
.pagettl .txt p br {display: none;}

.btn { position: relative; border-radius: .2vw; width: max-content; margin-left: auto; margin-right: auto; padding: 2vw 5vw; display: flex; justify-content: center; align-items: center; font-size: 100%;}
.btn {background: #000; color: #fff;}
.btn:after { position: absolute; display: block; content:""; right: .5vw; top: 0; bottom: 0; margin: auto; width: 3vw; height: 3vw; background: url(https://takai-holdings.com/system_panel/uploads/images/btn_arrow.png) no-repeat; background-size: contain;}
.btn p {color: #fff; width: max-content; margin: 0; padding: 0; font-size: 100%;}

.mb1 {margin-bottom: 1vw!important;}
.mb3 {margin-bottom: 3vw!important;}
.mb5 {margin-bottom: 5vw!important;}
.mb7 {margin-bottom: 7vw!important;}
.mb10 {margin-bottom: 10vw!important;}
.mt10 {margin-top: 10vw!important;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.largep {font-size: 130%; font-weight: bold;}
.w60 {width: 60%; display: block; margin-right: auto; margin-left: auto;}

.hbox { display: block; text-align: center; margin: 0 auto 3.7vw;}
.hbox h2 { text-align: center; line-height: 1;font-size: 5.6vw;}
.hbox p { text-align: center; margin: 0 auto; font-size: 3.6vw; font-weight: bold;}

.profile_img { display: flex; justify-content: space-between; align-items: center;}
.profile_img .cell01 { width: 39.4%; display: flex; flex-direction: column;}
.profile_img .cell01 .img_L { display: block; width: 100%; aspect-ratio: 1 / 0.48; margin: 0 0 0.6vw;}
.profile_img .cell01 .img_L img { display: block; width: 100%; height: 100%; object-fit: cover;}
.profile_img .cell01 .flcell { display: flex; justify-content: space-between;}
.profile_img .cell01 .flcell .img { display: block; width: 49.2%; aspect-ratio: 1 / 0.98;}
.profile_img .cell01 .flcell .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.profile_img .cell02 { display: block; width: 19.8%; aspect-ratio: 1 / 1.95;}
.profile_img .cell02 img { display: block; width: 100%; height: 100%; object-fit: cover;}
.profile_img .cell03 { width: 39.4%;}
.profile_img .cell01 { width: 39.4%; display: flex; flex-direction: column;}
.profile_img .cell03 .flcell { display: flex; justify-content: space-between; margin: 0 0 0.6vw;}
.profile_img .cell03 .flcell .img { display: block; width: 49.2%; aspect-ratio: 1 / 0.98;}
.profile_img .cell03 .flcell .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.profile_img .cell03 .img_L { display: block; width: 100%; aspect-ratio: 1 / 0.48;}
.profile_img .cell03 .img_L img { display: block; width: 100%; height: 100%; object-fit: cover;}

.service {padding-top: 10vw;}
.service .service_box { display: block; padding: 1.3vw 2.4vw 4.3vw; margin: 0 auto 0; color: #fff; background: linear-gradient(to right, rgba(43,43,43,0.88), rgba(0,0,0,0.88));}
.maincont.jic .service .service_box { border-top: 0.5vw solid #14B6CB;}
.maincont.scrum .service .service_box { border-top: 0.5vw solid #FFC873;}
.maincont.tk .service .service_box { border-top: 0.5vw solid #C6DB26;}




.service .service_box:last-of-type { margin: 0 auto 0;}
.service .service_box .ttl { display: block; margin: 0 0 5vw; padding: 0 0 0.7vw; border-bottom: 1px solid #FFFFFF;}
.service .service_box .ttl .ttl_main { display: flex; align-items: center;}
.service .service_box .ttl .num { font-size: 280%; font-weight: normal; font-family: "din-2014", sans-serif; margin: 0 2vw 0 0; line-height: 1;}
.service .service_box .ttl h2 { font-size: 130%; font-weight: bold; line-height: 1;}
.service .service_box .ttl .ttl_sub { font-size: 80%; text-align: left; margin: 0 0 1vw; line-height: 1;}
.service .service_box .flcell { display: flex; justify-content: space-between; flex-direction: column;}
.service .service_box .flcell .fleft { width: 100%; margin-bottom: 2vw;}
.service .service_box .flcell .fright { width: 100%;}
.service .service_box .flcell .fright p { font-size: 100%; line-height: 1.88; margin: 0;}


.txtlist .flcell { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 auto 0px; border-bottom: 1px solid rgba(255,255,255,.15); padding: 1.5vw;}
.txtlist .flcell:nth-of-type(1) { border-top: 1px solid rgba(255,255,255,.15);}
.txtlist .flcell .fleft { width: 40%; text-align: left; font-size: 100%;}
.txtlist .flcell .fright { width: 60%; text-align: left; font-size: 100%;}
.txtlist .flcell .fright a {color: #fff;}

.companylist { border-top: 1px solid #707070; border-left: 1px solid #707070;}
.companylist .flcell { display: flex; justify-content: flex-start; width: 100%; height: auto; margin: 0 auto; padding: 0; border-bottom: 1px solid #707070; color: #000;}
.companylist .flcell .fleft { width: 28.8%; text-align: left; padding: 1.2vw 2.4vw; border-right: 1px solid #707070; background: linear-gradient(to right, rgba(43,43,43,0.88), rgba(0,0,0,0.88));}
.companylist .flcell .fright { width: 71.2%; padding: 1.2vw 3.4vw; box-sizing: border-box; display: block; border-right: 1px solid #707070; background: #fff;}
.companylist .flcell .fleft p,
.companylist .flcell .fright p { text-align: left;}
.companylist .flcell .fleft p { color: #fff;}

.map { display: block; width: 100%;}

.duocell { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto;}
.duocell .cell { display: block; height: auto; width: 37.9vw; margin: 0 .4vw .4vw 0; border: none; aspect-ratio: 1/.667; overflow: hidden;}
.duocell .cell img { aspect-ratio: 1/.667;}
.duocell .cell.full {width: 100%; aspect-ratio: 1/.332; margin: 0;}
.duocell .cell.full img { aspect-ratio: 1/.332;}
.duocell .cell:nth-of-type(2n) {margin-right: 0;}
.duocell.recruit .cell {width: 35.9vw;}
.duocell.recruit .cell:nth-of-type(3),.duocell.recruit .cell:nth-of-type(7) {margin-left: 4vw;}
.duocell.hqd .cell {width: 37.9vw; aspect-ratio: unset; display: flex; justify-content: flex-start; align-items: center;}
.duocell.hqd .cell h3 {margin-bottom: 0;}
.duocell.hqd .cell .check {width: 10%; height: auto; margin-right: 1em;}
.duocell.hqd .cell .check img{aspect-ratio:unset;}
.duocell.hqd .cell.bgwht .check  {filter: invert();}

.tricell { width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto;}
.tricell .cell { position: relative; display: block; height: auto; width: 100%; margin: 0 0 4vw 0; border: none;background: linear-gradient(45deg,#434343 0%, #1f1f1f 100%); color: #fff; padding: 1.5vw 2vw 2vw; box-sizing: border-box;}
.tricell .cell:nth-of-type(2n) {margin-right: 0;}
.jic .tricell .cell:before {position: absolute; content:""; top: 0; left: 0; width: 100%; height: .5vw; background: linear-gradient(#15b7cc 0%, #14719a 100%); }
.scrum .tricell .cell:before {position: absolute; content:""; top: 0; left: 0; width: 100%; height: .5vw; background: linear-gradient(#ffca74 0%, #b25200 100%); }
.tk .tricell .cell:before {position: absolute; content:""; top: 0; left: 0; width: 100%; height: .5vw; background: linear-gradient(#ebdb1d 0%, #b1aa06 100%); }

.tricell .cell .ttl {display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 2vw; border-bottom: solid 1px #fff;}
.tricell .cell .ttl .num {font-size: 300%; width: 15%;}
.tricell .cell .ttl h3 {font-size: 130%; width: 90%;}
.tricell .cell .ttl h3 br {display: none;}
.tricell .cell .img {display: block; margin-bottom: 2vw;}
.tricell .cell .img + p {margin: 0 auto 4vw;}
.tricell .cell .btn { margin-top: 3vw;}

.quadcell {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.quadcell .cell { display: block; width: 24.6%; height: auto; overflow: hidden; padding: 0; margin: 0 .4vw .4vw 0; padding: 1vw; box-sizing: border-box; background: rgba(0,0,0,.14);}
.quadcell .cell .img { aspect-ratio: 1/1.503; overflow: hidden; margin-bottom: 1vw;}
.quadcell .cell .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.quadcell .cell:nth-of-type(4n) {margin-right: 0;}
.quadcell .cell .ttl { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.quadcell .cell .ttl h3 {font-size: 120%; font-weight: normal; width: 40%;}
.quadcell .cell .ttl p {font-size: 90%; font-weight: normal;}
.quadcell .cell .ttl a { display: block; width: 1vw; height: 2vw;}
.quadcell .cell .ttl a img { width: 100%; height: 100%; object-fit: contain;}


.mapsec {position: relative; width: 100%; height: auto; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.mapsec .bg { width: 100%; height: auto; aspect-ratio: 1/.852; order:2; margin-top: -25vw; position: relative; z-index: 1;}
.mapsec .bg img {width: 100%; height: 100%; object-fit: cover;}
.mapsec .txt {  width: 100%; height: auto; display: block; text-align: left; order:1; position: relative; z-index: 2;}
.mapsec .txt h2 {font-size: 200%; margin-bottom: 2vw; line-height: 1.3; }
.mapsec .txt p { font-size: 100%; margin-bottom: 4vw;}
.mapsec .txt a {margin-left: 0;}
.mapsec .txt a p { margin-bottom: 0;}


.profilelist {}
.profilelist section { display: block; width: 95%; margin-right: auto; margin-left: auto;}
.profilelist section article { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 1/.333; overflow: hidden; margin-bottom: 3vw;}
.profilelist section article a { position: relative; display: block; width: 100%; height: 100%; }
.profilelist section article a:hover {opacity: 1;}
.profilelist section article a:hover .txt {opacity: 1; transition: all .4s;}
.profilelist section article .txt {position: absolute; z-index: 2; background: rgba(0,0,0,.7); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; opacity: 1; transition: all .4s; padding: 0 3vw; box-sizing: border-box;}
.profilelist section article .txt h3 {margin-bottom: 1vw; text-align: center;font-size: 120%;}
.profilelist section article .txt p {display: none;}
.profilelist section article .img {position: absolute; z-index: 1; width: 100%; height: 100%; display: block;}
.profilelist section article .img img { width: 100%; height: 100%; object-fit: cover;}

.workslist {}
.workslist section { display: block; width: 100%;}
.workslist section article { position: relative; display: block; height: auto; width: 100%; margin: 0 auto 5vw; border: none;background: linear-gradient(45deg,#434343 0%, #1f1f1f 100%); color: #fff; padding: 1.5vw 2vw 2vw; box-sizing: border-box;}
.workslist section article:nth-of-type(3n) {margin-right: 0;}
.workslist section article .txt {display: block; color: #fff;}
.workslist section article .txt h3 {margin-bottom: 1vw; text-align: left; font-size: 120%;}
.workslist section article .txt p {text-align: left;}
.workslist section article .img { width: 100%; height: auto; aspect-ratio: 1/.667; overflow: hidden; margin-bottom: 2vw;}
.workslist section article .img img { width: 100%; height: 100%; object-fit: cover;}
/*
background: url(../../../system_panel/uploads/images/cnr1.png)
*/

.kv { position: relative; width: 100%; height: auto; aspect-ratio:1/1;}
.kv .bg { position: absolute; top: 0; left: 0; width: 100%; height: auto; aspect-ratio:1/1; overflow: hidden; z-index: 1;}
.kv .txt_cell { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto;  z-index: 2;}
.kv .txt_cell h1 { font-family: "din-2014", sans-serif; font-size: 370%; font-weight: bold; letter-spacing: 0.1em; line-height: 1; margin: 10vw 0 2vw;-webkit-filter: drop-shadow(3px 3px 5px rgba(255,255,255,.7)); filter: drop-shadow(3px 3px 5px rgba(255,255,255,.7));}
.kv .txt_cell .sub_ttl { font-size: 160%; font-weight: bold; letter-spacing: 0.1em; line-height: 1; margin: 0 auto 2vw;-webkit-filter: drop-shadow(3px 3px 5px rgba(255,255,255,.7)); filter: drop-shadow(3px 3px 5px rgba(255,255,255,.7));}
.kv .txt_cell .txt { font-size: 100%; line-height: 1.2; margin: 0 auto 0vw; display: block; width: 70%;-webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,.7)); filter: drop-shadow(0px 0px 10px rgba(255,255,255,.7));}
.kv .txt_cell .txt br {display: none;}

.section.index_01 { margin-top: 8.5vw;}
.index_list { display: flex; flex-wrap: wrap; width: 100%;}
.index_list a { position: relative; display: block; width: 50%; color: #fff;}
.index_list a::after { display: block; content: ""; position: absolute; z-index: 2; top: 0; left: 0; background: rgba(0,0,0,0.87); width: 100%; height: 100%; transition: all .6s; text-shadow: 0 3px 6px rgba(0,0,0,0.58);}
.index_list a .bg { display: block; width: 100%; aspect-ratio: 1/1.3;}
.index_list a .bg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.index_list a .txt_cell { position: absolute; z-index: 3; top: 0; left: 0; right: 0; margin: auto;}
.index_list a .txt_cell .num { text-align: center; font-family: "din-2014", sans-serif; font-size: 340%; font-weight: normal; line-height: 1; margin: 3.2vw auto 7.0vw; color: #fff;}
.index_list a .txt_cell img { display: block; width: 10vw; margin: 0 auto 3.6vw; }
.index_list a .txt_cell .ttl { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 160%; height: 3em; margin: 0 auto 0.8vw; color: #fff; line-height: 1.2; text-shadow: 0 3px 6px rgba(0,0,0,0.58);}
.index_list a .txt_cell .txt { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 100%; height: auto; margin: 0 auto 0; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,0.58);}
.index_list a:hover::after { background: rgba(0,0,0,0.31);}

.section.index_power { width: 98%; margin: 0vw auto 0; padding: 17vw 0; background: #fff;}
.section.index_power h2 { text-align: center; font-size: 300%; line-height: 1; margin: 0 auto 1.6vw; font-family: "din-2014", sans-serif; font-weight: bold; letter-spacing: 0.1em;}
.section.index_power .sub_ttl { text-align: center; font-size: 130%; line-height: 1.2; margin: 0 auto 5.2vw; letter-spacing: 0.1em;}
.section.index_power .list_power { display: flex; justify-content: center; align-items: center; flex-direction: column; gap:4vw; width: 100%; margin: 0 auto 4.8vw;}
.section.index_power .list_power .kakeru { width: 2.5%; height: 2.5%;}
.section.index_power .list_power .bnr { display: flex; justify-content: center; align-items: center; width: 100%; height: 4em; border-radius: 1.2vw; padding: 1vw; box-sizing: border-box;}
.section.index_power .list_power .bnr.bnr01 { background: linear-gradient(#ffca74 0%, #b25200 100%);}
.section.index_power .list_power .bnr.bnr02 { background: linear-gradient(#15b7cc 0%, #14719a 100%);}
.section.index_power .list_power .bnr.bnr03 { background: linear-gradient(#ebdb1d 0%, #b1aa06 100%);}
.section.index_power .list_power .bnr.bnr04 { background: linear-gradient(#63d26b 0%, #1f8b3b 100%)}
.section.index_power .list_power .bnr p { text-align: center; font-size: 100%; line-height: 1.26; color: #fff; letter-spacing: -0.05em;}
.section.index_power .list_power .bnr p br {display: none;}
.section.index_power .txt { width: 36.5vw; margin: 0 auto 0; font-size: 110%; line-height: 1.65;}

.section.index_support { width: 100%; margin: 0vw auto 0; padding: 7vw 0; background: linear-gradient(rgba(43,43,43,0.88) 0%, rgba(0,0,0,0.88) 100%);}
.section.index_support .inner { width: 94vw; margin: 0 auto;}
.section.index_support .inner h2 { color: #fff; text-align: center; line-height: 1.5; font-size: 160%; letter-spacing: 0.1em; margin: 0 auto 7.3vw;}
.section.index_support .inner .list_support { display: flex; justify-content: space-between; flex-wrap: wrap;}
.section.index_support .inner .list_support .cell { width: 48%; margin-bottom: 4.5vw; background: rgba(255,255,255,0.08); padding: 2.1vw 1.9vw 4.6vw;}
.section.index_support .inner .list_support .cell:nth-of-type(1) { border-top: 0.5vw solid #14B6CB;}
.section.index_support .inner .list_support .cell:nth-of-type(2) { border-top: 0.5vw solid #FFC873;}
.section.index_support .inner .list_support .cell:nth-of-type(3) { border-top: 0.5vw solid #14B6CB;}
.section.index_support .inner .list_support .cell:nth-of-type(4) { border-top: 0.5vw solid #C6DB26;}
.section.index_support .inner .list_support .cell .ttl { display: flex; justify-content: space-between; align-items: center; padding: 0 0 0.5vw; margin: 0 0 2vw; border-bottom: 1px solid rgba(255,255,255,0.5);}
.section.index_support .inner .list_support .cell .ttl p { font-size: 300%; font-family: "din-2014", sans-serif; font-weight: normal; line-height: 1; margin: 0; color: #fff;}
.section.index_support .inner .list_support .cell .ttl img { width: 6vw;}
.section.index_support .inner .list_support .cell .sub_ttl { font-size: 110%; line-height: 1.5; margin: 0 0 6vw; color: #fff;}
.section.index_support .inner .list_support .cell .txt { font-size: 90%; line-height: 1.88; margin: 0 0 0vw; color: #fff; font-weight: normal;}
.section.index_support .inner .list_support .cell_L { width: 100%; border-top: 1px solid rgba(255,255,255,0.5); padding: 4vw 1.8vw 0; margin-top: 4vw;}
.section.index_support .inner .list_support .cell_L .ttl { font-size: 130%; line-height: 1; margin: 0 0 3.0vw; color: #fff;}
.section.index_support .inner .list_support .cell_L .txt { font-size: 100%; line-height: 1.88; margin: 0 0 0vw; color: #fff;}


.image-container {width: 100%; height: 100vh; overflow: hidden; position: fixed; z-index: 1; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background: #000; opacity: .2; }
.image-container img {position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none; object-fit: cover; transform-origin: center center; transform: scale(1); }
.image-container img.active {position: absolute; z-index: 1; transform: scale(1); display: none; object-fit: cover; animation: widthAnimation 9s ease; }
@keyframes widthAnimation {0% {transform: scale(1.1);}100% {transform: scale(1);}}

.kv .slide {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.kv .slide img { width: 100%; height: 100%; object-fit: cover;}


}