@charset "UTF-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none; color: #3E3D3D;}
a:visited { text-decoration: none; color: #3E3D3D;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #3E3D3D;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

img { max-width: 100%; width: 100%; height: auto; vertical-align: bottom}

* {word-break: break-all font-family: sans-serif;}
.loading { position: fixed; z-index: 12; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(45deg,#434343 0%, #1f1f1f 100%); transition: all .6s; opacity: 1;}
.loading.on {opacity: 0; top: -100vh; transition: all .6s;}

.wow {opacity: 0;}
.dn {display:none!important;}
.formTd .d-inline-block {display:block!important;}
.formTd .d-inline-block input { margin-right: .4vw;}
.requiredText {color:red; padding-left:.3vw;}

.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: 1.2vw;counter-reset: number 0;}

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

@media screen and (min-width: 1000px) {

.header { position: fixed; z-index: 9; width: 91.7%; left: 0; right: 0; margin: 0 auto; top: 2vw; background:linear-gradient(#15b7cc 0%, #14719a 100%); display: flex; justify-content: space-between; padding: 1vw; 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: .3vw 1vw; color: #fff;}
.header .logo a { color: #fff; width: auto; height: 100%; display: flex; justify-content: center; align-items: center;}
.header .logo a h1 { font-size: 120%;}
.header .gmenu { display: flex; justify-content: center; align-items: center;}
.header .gmenu a { display: block; padding: 0 1.5vw;}
.header .gmenu a p { color: #fff; font-size: 75%;}
.header .btnbox { display: flex; justify-content: center; align-items: center;}
.header .btnbox a { display: flex; justify-content: center; align-items: center; border: solid 1px #fff; border-radius: .4vw; padding: .3vw 1vw; margin: 0 1vw;}
.header .btnbox a p { color: #fff; font-size: 80%;}
.header .btnbox a img { display: block; width: 1vw; 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/.4; 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;}
.footer_recruit .txt_cell p {color: #000; background: #fff; padding: .3vw 1vw; margin-bottom: .5vw;}

.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: 76.3vw; margin: 25vw auto 0;}
.section.full {width: 100%; margin: 25vw auto 0;}


.pagettl { position: relative; z-index: 2; display: block; width: 100%; height: 59.5vw;}
.pagettl .txt { position: absolute; z-index: 2; width: max-content; height: 9.0vw; 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: 430%; 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: 140%; letter-spacing: 0.2rem; margin: 0 auto;}


.btn { position: relative; border-radius: .2vw; width: max-content; margin-left: auto; margin-right: auto; padding: .3vw 2vw .3vw 2vw; display: flex; justify-content: center; align-items: center;}
.btn {background: #000; color: #fff;}
.btn: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;}
.btn p {color: #fff; width: max-content; margin: 0; padding: 0;}

.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: 250%;}
.hbox p { text-align: center; margin: 0 auto; font-size: 100%; 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: flex; justify-content: space-between; align-items: center; margin: 0 0 3.3vw; 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: 428%; font-weight: normal; font-family: "din-2014", sans-serif; margin: 0 2.1vw 0 0; line-height: 1;}
.service .service_box .ttl h2 { font-size: 190%; font-weight: bold; line-height: 1;}
.service .service_box .ttl .ttl_sub { font-size: 100%; text-align: right; margin: 0; line-height: 1;}
.service .service_box .flcell { display: flex; justify-content: space-between;}
.service .service_box .flcell .fleft { width: 44%;}
.service .service_box .flcell .fright { width: 50.7%;}
.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: 30%; text-align: left; font-size: 100%;}
.txtlist .flcell .fright { width: 70%; 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;}
.tricell .cell { position: relative; display: block; height: auto; width: 31%; margin: 0 3.5% 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(3n) {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: 1vw; border-bottom: solid 1px #fff;}
.tricell .cell .ttl .num {font-size: 230%; width: 10%; margin-right: 2vw;}
.tricell .cell .ttl h3 {font-size: 100%; width: 90%;}
.tricell .cell .img {display: block; margin-bottom: 1vw;}
.tricell .cell .img + p {margin: 0 auto 4vw;}
.tricell .cell .btn {position: absolute; bottom: 2vw; left: 0; right: 0; }

.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; aspect-ratio:1/.852; overflow: hidden; }
.mapsec .bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.mapsec .bg img {width: 100%; height: 100%; object-fit: cover;}
.mapsec .txt { position: absolute; z-index: 2; top: 15vw; left: 5vw; width: auto; height: auto; display: block; text-align: left;}
.mapsec .txt h2 {font-size: 220%; margin-bottom: 2vw; line-height: 1.3; }
.mapsec .txt p { font-size: 120%; margin-bottom: 4vw;}
.mapsec .txt a {margin-left: 0;}
.mapsec .txt a p { margin-bottom: 0;}


.profilelist {}
.profilelist section { display: flex; justify-content: flex-start; align-items: center; width: 91.7vw; margin-right: auto; margin-left: auto;}
.profilelist section article { position: relative; display: block; width: 30%; height: auto; aspect-ratio: 1/.667; overflow: hidden; margin: 0 3% 0 0}
.profilelist section article:nth-child(3n) {margin-right: 0;}
.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: 0; transition: all .4s;}
.profilelist section article .txt h3 {margin-bottom: 1vw; text-align: center;font-size: 120%;}
.profilelist section article .txt p {text-align: center;}
.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: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.workslist section article { position: relative; display: block; height: auto; width: 31%; margin: 0 3.5% 4vw 0; 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/.582;}
.kv .bg { position: absolute; top: 0; left: 0; width: 100%; height: auto; aspect-ratio:1/.582; overflow: hidden; z-index: 1;}
.kv .txt_cell { position: absolute; width: max-content; height: max-content; top: 0; bottom:0; left: 49.2vw; margin: auto;  z-index: 2;}
.kv .txt_cell h1 { font-family: "din-2014", sans-serif; font-size: 600%; font-weight: bold; letter-spacing: 0.1em; line-height: 1; margin: 0 0 2vw;}
.kv .txt_cell .sub_ttl { font-size: 180%; letter-spacing: 0.1em; line-height: 1; margin: 0 0 2vw;}
.kv .txt_cell .txt { font-size: 100%; letter-spacing: 0.1em; line-height: 1.6; margin: 0 0 0vw;}

.section.index_01 { margin-top: 8.5vw;}
.index_list { display: flex; width: 100%;}
.index_list a { position: relative; display: block; width: 25%; 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.60;}
.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: 560%; font-weight: normal; line-height: 1; margin: 3.2vw auto 7.0vw; color: #fff;}
.index_list a .txt_cell img { display: block; width: 5.1vw; margin: 0 auto 3.6vw; }
.index_list a .txt_cell .ttl { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 130%; height: 3.8vw; 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: 85%; height: 2.6vw; 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: 100%; margin: 0vw auto 0; padding: 17vw 0; background: #fff;}
.section.index_power h2 { text-align: center; font-size: 520%; 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: 200%; line-height: 1.5; margin: 0 auto 5.2vw; letter-spacing: 0.1em;}
.section.index_power .list_power { display: flex; justify-content: space-between; align-items: center; width: 90vw; margin: 0 auto 4.8vw;}
.section.index_power .list_power .kakeru { width: 2.5%;}
.section.index_power .list_power .bnr { display: flex; justify-content: center; align-items: center; width: 20%; height: 7.8vw; border-radius: 1.2vw;}
.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 .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: 86.3vw; margin: 0 auto;}
.section.index_support .inner h2 { color: #fff; text-align: center; line-height: 1.5; font-size: 200%; 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: 28.7%; margin-bottom: 4.5vw; background: rgba(255,255,255,0.08); padding: 2.1vw 1.9vw 4.6vw; min-height: 26vw;}
.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; margin-bottom: 0;}
.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: 428%; 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: 2.4vw;}
.section.index_support .inner .list_support .cell .sub_ttl { font-size: 90%; line-height: 1.25; margin: 0 0 3.6vw; color: #fff;}
.section.index_support .inner .list_support .cell .txt { font-size: 90%; line-height: 1.88; margin: 0 0 0vw; color: #fff;}
.section.index_support .inner .list_support .cell_L { width: 64.3%; border-top: 1px solid rgba(255,255,255,0.5); padding: 2.1vw 1.8vw 0;}
.section.index_support .inner .list_support .cell_L .ttl { font-size: 142%; 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;}


}


/* gjs-dashed */
.gjs-dashed {background: #fff!important;}
.gjs-dashed .header {top: 1vw!important; opacity: 1!important;}
.gjs-dashed div,.gjs-dashed a {padding: 20px 5px!important;}
.gjs-dashed .wow {opacity: 1!important;}
.gjs-dashed .section { width: 100%;}
.gjs-dashed .maincont {opacity: 1!important;}
.gjs-dashed .duolist .cell .flcell .fleft img {display: block; position: absolute; top: 3vw; left: 3vw; width: 80%; aspect-ratio: 1/.667; z-index: 2;}
.gjs-dashed .loading {opacity: 0!important; z-index:-100!important;}
.gjs-dashed .image-container {width: 100%; height: auto; overflow: visible; position: relative; z-index: 1; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; background: #000; opacity: 1; }
.gjs-dashed .image-container img {position: relative; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; width:33%; object-fit: cover; transform-origin: center center; transform: scale(1); }
.gjs-dashed .tricell .cell .img + p {margin: 0 auto 8vw;}

.gjs-dashed .kv { height:max-content!important;}
.gjs-dashed .kv .txt {position: relative; width: 50%; height: 55vw; top: 0; left: 0;}
.gjs-dashed .kv .slide {position: relative!important; height:max-content!important; width: 100%; height: 55vw;}



/*
linear-gradient(#63d26b 0%, #1f8b3b 100%)
*/