@charset "utf-8";
/*
	Last Update:2023/10/18
	Auther: iw
*/
#vision,
#vision *,
#vision *:before,
#vision *:after { font-family:'Zen Maru Gothic', serif; }
#vision svg { width:100%; height:auto; }
.body_wrap { position:relative; }

#pankuzu { padding-bottom:10px; }
#vision .center3 { max-width:710px; }

#vision_head { position:sticky; left:0; width:100%; background:#fff; aspect-ratio:100 / 28; max-height:160px; }
#vision_head.fixed { box-shadow:0 3px 3px rgba(0,0,0,0.1); z-index:10; }
#vision_head .center3 { max-width:600px; }
	@media (max-width: 767px){
		#vision_head.fixed { top:56px; }
	}
	@media (min-width: 768px){
		#vision_head.fixed { top:75px; }
	}

#vision_head .center { padding:0; }
#vision_head1 svg .f { stroke-width:0; fill:#e61f19; will-change:opacity, transform; transition:opacity 1.25s, transform 1s; }
#vision_head1:not(.on) svg .f { opacity:0; transform:translateY(30%); }
#vision_head1.on svg .f { opacity:1; }
#vision_head1 svg .f._t1 { transition-delay:0s; }
#vision_head1 svg .f._t2 { transition-delay:0.2s; }
#vision_head1 svg .f._t3 { transition-delay:0.3s; }
#vision_head1 svg .f._t4 { transition-delay:0.4s; }
#vision_head1 svg .f._t5 { transition-delay:0.5s; }
#vision_head1 svg .f._t6 { transition-delay:0.6s; }
#vision_head1 svg .f._t7 { transition-delay:0.7s; }
#vision_head1 svg .f._t8 { transition-delay:0.8s; }
#vision_head1 svg .f._t9 { transition-delay:0.9s; }
#vision_head1 svg .f._t10 { transition-delay:1.0s; }
#vision_head1 svg .f._t11 { transition-delay:1.1s; }
#vision_head1 svg .f._t12 { transition-delay:1.2s; }
#vision_head2 { will-change:opacity; transition:opacity 1.5s; }
#vision_head2:not(.on) { opacity:0; }
#vision_head2 svg .f { stroke-width:0; fill:#006a37; }

#vision_main { position:relative; margin-bottom:40px; }
#vision_main1 { will-change:opacity; transition:opacity 1.5s; }
#vision_main1:not(.on) { opacity:0; }

#vision_main2 { position:absolute; top:0; left:0; width:100%; }
#vision_main2 .db,
#vision_main2 .dc,
#vision_main2 .dd,
#vision_main2 .de,
#vision_main2 .df,
#vision_main2 .dg,
#vision_main2 .dh,
#vision_main2 .di,
#vision_main2 .dj,
#vision_main2 .dk,
#vision_main2 .dl,
#vision_main2 .dm,
#vision_main2 .dn,
#vision_main2 .do,
#vision_main2 .dp,
#vision_main2 .dq,
#vision_main2 .dr,
#vision_main2 .ds,
#vision_main2 .dt,
#vision_main2 .du,
#vision_main2 .dv,
#vision_main2 .dw,
#vision_main2 .dx,
#vision_main2 .dy,
#vision_main2 .dz,
#vision_main2 .ea,
#vision_main2 .eb,
#vision_main2 .ec,
#vision_main2 .ed,
#vision_main2 .ee,
#vision_main2 .ef,
#vision_main2 .eg,
#vision_main2 .eh,
#vision_main2 .ei,
#vision_main2 .ej,
#vision_main2 .ek,
#vision_main2 .el,
#vision_main2 .em,
#vision_main2 .en,
#vision_main2 .eo,
#vision_main2 .ep,
#vision_main2 .eq,
#vision_main2 .er,
#vision_main2 .es,
#vision_main2 .et,
#vision_main2 .eu,
#vision_main2 .ev,
#vision_main2 .ew,
#vision_main2 .ex,
#vision_main2 .ey,
#vision_main2 .ez,
#vision_main2 .fa,
#vision_main2 .fb,
#vision_main2 .fc,
#vision_main2 .fd,
#vision_main2 .fe,
#vision_main2 .ff,
#vision_main2 .fg,
#vision_main2 .fh,
#vision_main2 .fi,
#vision_main2 .fj,
#vision_main2 .fk,
#vision_main2 .fl,
#vision_main2 .fm,
#vision_main2 .fn,
#vision_main2 .fo,
#vision_main2 .fp,
#vision_main2 .fq,
#vision_main2 .fr,
#vision_main2 .fs,
#vision_main2 .ft,
#vision_main2 .fu,
#vision_main2 .fv,
#vision_main2 .fw,
#vision_main2 .fx,
#vision_main2 .fy,
#vision_main2 .fz,
#vision_main2 .ga,
#vision_main2 .gb,
#vision_main2 .gc,
#vision_main2 .gd,
#vision_main2 .ge,
#vision_main2 .gf,
#vision_main2 .gg,
#vision_main2 .gh,
#vision_main2 .gi,
#vision_main2 .gj,
#vision_main2 .gk,
#vision_main2 .gl,
#vision_main2 .gm,
#vision_main2 .gn,
#vision_main2 .go,
#vision_main2 .gp,
#vision_main2 .gq,
#vision_main2 .gr,
#vision_main2 .gs,
#vision_main2 .gt,
#vision_main2 .gu,
#vision_main2 .gv,
#vision_main2 .gw,
#vision_main2 .gx,
#vision_main2 .gy,
#vision_main2 .gz,
#vision_main2 .ha,
#vision_main2 .hb,
#vision_main2 .hc,
#vision_main2 .hd,
#vision_main2 .he,
#vision_main2 .hf,
#vision_main2 .hg,
#vision_main2 .hh,
#vision_main2 .hi,
#vision_main2 .hj,
#vision_main2 .hk,
#vision_main2 .hl,
#vision_main2 .hm,
#vision_main2 .hn,
#vision_main2 .ho,
#vision_main2 .hp,
#vision_main2 .hq,
#vision_main2 .hr,
#vision_main2 .hs,
#vision_main2 .ht,
#vision_main2 .hu,
#vision_main2 .hv,
#vision_main2 .hw,
#vision_main2 .hx,
#vision_main2 .hy,
#vision_main2 .hz,
#vision_main2 .ia,
#vision_main2 .ib,
#vision_main2 .ic,
#vision_main2 .id,
#vision_main2 .ie,
#vision_main2 .if,
#vision_main2 .ig,
#vision_main2 .ih,
#vision_main2 .ii,
#vision_main2 .ij,
#vision_main2 .ik,
#vision_main2 .il,
#vision_main2 .im,
#vision_main2 .in,
#vision_main2 .io,
#vision_main2 .ip,
#vision_main2 .iq,
#vision_main2 .ir,
#vision_main2 .is,
#vision_main2 .it,
#vision_main2 .iu,
#vision_main2 .iv,
#vision_main2 .iw,
#vision_main2 .ix,
#vision_main2 .iy,
#vision_main2 .iz,
#vision_main2 .ja,
#vision_main2 .jb,
#vision_main2 .jc,
#vision_main2 .jd,
#vision_main2 .je,
#vision_main2 .jf,
#vision_main2 .jg,
#vision_main2 .jh,
#vision_main2 .ji,
#vision_main2 .jj,
#vision_main2 .jk,
#vision_main2 .jl,
#vision_main2 .jm,
#vision_main2 .jn,
#vision_main2 .jo,
#vision_main2 .jp,
#vision_main2 .jq,
#vision_main2 .jr,
#vision_main2 .js,
#vision_main2 .jt,
#vision_main2 .ju,
#vision_main2 .jv,
#vision_main2 .jw,
#vision_main2 .jx,
#vision_main2 .jy,
#vision_main2 .jz,
#vision_main2 .ka,
#vision_main2 .kb,
#vision_main2 .kc,
#vision_main2 .kd,
#vision_main2 .ke,
#vision_main2 .kf,
#vision_main2 .kg,
#vision_main2 .kh,
#vision_main2 .ki{stroke-width:0px;}
#vision_main2 .db{fill:#f7bf8e;}
#vision_main2 .dc{fill:#f7ccdf;}
#vision_main2 .dd{fill:#ea6880;}
#vision_main2 .de{fill:#717071;}
#vision_main2 .df{fill:#19a2c8;}
#vision_main2 .dg{fill:#7b7b7b;}
#vision_main2 .dh,
#vision_main2 .kh{fill:#ab9f8f;}
#vision_main2 .di{fill:#231815;}
#vision_main2 .dj{fill:#2ca6e0;}
#vision_main2 .dk{fill:#80705c;}
#vision_main2 .dl{fill:#eb7aab;}
#vision_main2 .dm{fill:#0a76ae;}
#vision_main2 .dn{fill:#f4c51c;}
#vision_main2 .do{fill:#c6bdb2;}
#vision_main2 .dp{fill:#f8779e;}
#vision_main2 .dq{fill:#e3ded9;}
#vision_main2 .dr{fill:#918077;}
#vision_main2 .ds{fill:#c30d23;}
#vision_main2 .dt{fill:#458b67;}
#vision_main2 .du{fill:#e1e2e2;}
#vision_main2 .dv,
#vision_main2 .kj,
#vision_main2 .fw{fill:none;}
#vision_main2 .dw{fill:#b62232;}
#vision_main2 .kk{stroke-width:2px;}
#vision_main2 .kk,
#vision_main2 .ef{fill:#fff8b0;}
#vision_main2 .kk,
#vision_main2 .kj,
#vision_main2 .kl,
#vision_main2 .km{stroke:#918077;stroke-linecap:round;stroke-linejoin:round;}
#vision_main2 .dx{fill:#2e9346;}
#vision_main2 .dy{fill:#ce227b;}
#vision_main2 .dz{fill:#a10b1d;}
#vision_main2 .ea{fill:#ef982b;}
#vision_main2 .eb{fill:#f7b52c;}
#vision_main2 .ec{fill:#f29600;}
#vision_main2 .ed{fill:#605f5e;}
#vision_main2 .ee{fill:#5a2e00;}
#vision_main2 .eg{fill:#b4b4b5;}
#vision_main2 .eh{fill:#005182;}
#vision_main2 .ei{fill:#e4dcb8;}
#vision_main2 .ej{fill:#00923a;}
#vision_main2 .ek{fill:#c4291c;}
#vision_main2 .el{fill:#93252a;}
#vision_main2 .em{fill:#40210f;}
#vision_main2 .en{fill:#acacad;}
#vision_main2 .eo{fill:#f6b57e;}
#vision_main2 .ep{fill:#c8c9ca;}
#vision_main2 .eq{fill:#804f21;}
#vision_main2 .er{fill:#d2d2d3;}
#vision_main2 .es,
#vision_main2 .gg{fill:#604c3f;}
#vision_main2 .et{fill:#00a199;}
#vision_main2 .eu{fill:#f3b120;}
#vision_main2 .ev{fill:#141854;}
#vision_main2 .ew{fill:#7dccf3;}
#vision_main2 .ex{fill:#c5862c;}
#vision_main2 .ey,
#vision_main2 .hf{fill:#e9ddd1;}
#vision_main2 .kn{mix-blend-mode:multiply;}
#vision_main2 .ez{fill:#237eac;}
#vision_main2 .fa{fill:#c4dbf1;}
#vision_main2 .fb{fill:#98c745;}
#vision_main2 .fc{fill:#ff8470;}
#vision_main2 .fd{fill:#f7c6bd;}
#vision_main2 .fe{fill:#c6db66;}
#vision_main2 .ff{fill:#1d762f;}
#vision_main2 .fg{fill:#dff0f9;}
#vision_main2 .fh{fill:#888;}
#vision_main2 .fi{fill:#fff000;}
#vision_main2 .fj{fill:#f7c394;}
#vision_main2 .fk{fill:#a3662f;}
#vision_main2 .fl{fill:#d8d8d9;}
#vision_main2 .fm{fill:#9a733e;}
#vision_main2 .fn{fill:#d2baa2;}
#vision_main2 .fo{fill:#003067;}
#vision_main2 .fp{fill:#040000;}
#vision_main2 .fq{fill:#e1e1e2;}
#vision_main2 .fr{fill:#ffba90;}
#vision_main2 .fs{fill:#00ceba;}
#vision_main2 .ft{fill:#dbdcdc;}
#vision_main2 .fu{fill:#e50012;}
#vision_main2 .kj,
#vision_main2 .km{stroke-width:2.9px;}
#vision_main2 .fv{fill:#1484a3;}
#vision_main2 .fw{clip-rule:evenodd;}
#vision_main2 .fx{fill:#c8911a;}
#vision_main2 .fy{fill:#b28146;}
#vision_main2 .fz{fill:#960b30;}
#vision_main2 .ga{fill:#bb9978;}
#vision_main2 .gb{fill:#796a56;}
#vision_main2 .gc{fill:#f7c78d;}
#vision_main2 .gd{fill:#f7caa1;}
#vision_main2 .ge{fill:#171c61;}
#vision_main2 .gf{fill:#efa8b3;}
#vision_main2 .gh{fill:#e95a50;}
#vision_main2 .gi{fill:#46743a;}
#vision_main2 .gj{fill:#99683b;}
#vision_main2 .gk{fill:#6a3906;}
#vision_main2 .gl{fill:#f8bb00;}
#vision_main2 .kr{isolation:isolate;}
#vision_main2 .gm{fill:#e1422c;}
#vision_main2 .gn{fill:#ee9b14;}
#vision_main2 .go{fill:#f8d6e5;}
#vision_main2 .gp{fill:#c99a2d;}
#vision_main2 .gq{opacity:
#vision_main2 .4;}
#vision_main2 .gq,
#vision_main2 .hc,
#vision_main2 .kl{fill:#fff;}
#vision_main2 .gr{fill:#fff68e;}
#vision_main2 .gs{fill:#e66c28;}
#vision_main2 .gt{fill:#ffe791;}
#vision_main2 .gu{fill:#412a60;}
#vision_main2 .gv{fill:#076baf;}
#vision_main2 .gw{fill:#881c37;}
#vision_main2 .gx{fill:#c37a58;}
#vision_main2 .gy{fill:#8dc21f;}
#vision_main2 .gz{fill:#5e402f;}
#vision_main2 .ha{fill:#0075c1;}
#vision_main2 .hb{fill:#6a633f;}
#vision_main2 .hd{fill:#3a7292;}
#vision_main2 .kl{stroke-width:1px;}
#vision_main2 .he{fill:#946134;}
#vision_main2 .hg{fill:#766456;}
#vision_main2 .hh{fill:#db232d;}
#vision_main2 .hi{fill:#595b61;}
#vision_main2 .hj{fill:#9fc94a;}
#vision_main2 .kc{fill:#9e9e9f;}
#vision_main2 .kd{fill:#5db046;}
#vision_main2 .ke{fill:#fcfcfc;}
#vision_main2 .kf{fill:#f7c5ab;}
#vision_main2 .kg{fill:#dce6f5;}
#vision_main2 .km{fill:#bbe2f1;}
#vision_main2 .ki{fill:#fad6b5;}

#vision_main2 g { will-change:opacity; transition:opacity 1s; }
#vision_main2:not(.on) g { opacity:0; }
#vision_main2.on g { opacity:1; }
#vision_main2 #ul1, #vision_main2 #ur1 { transition-delay:0s; }
#vision_main2 #ul2, #vision_main2 #ur2 { transition-delay:0.2s; }
#vision_main2 #ul3, #vision_main2 #ur3 { transition-delay:0.4s; }
#vision_main2 #ul4, #vision_main2 #ur4 { transition-delay:0.6s; }
#vision_main2 #ul5, #vision_main2 #ur5 { transition-delay:0.8s; }
#vision_main2 #ul6, #vision_main2 #ur6 { transition-delay:1.0s; }
#vision_main2 #ul7, #vision_main2 #ur7 { transition-delay:1.2s; }
#vision_main2 #ul8, #vision_main2 #ur8 { transition-delay:1.4s; }
#vision_main2 #ul9, #vision_main2 #ur9 { transition-delay:1.6s; }
#vision_main2 #ul10, #vision_main2 #ur10 { transition-delay:1.8s; }
#vision_main2 #ul11, #vision_main2 #ur11 { transition-delay:2.0s; }
#vision_main2 #ul12, #vision_main2 #ur12 { transition-delay:2.2s; }
#vision_main2 #ul13, #vision_main2 #ur13 { transition-delay:2.4s; }
#vision_main2 #ul14, #vision_main2 #ur14 { transition-delay:2.6s; }
#vision_main2 #ul15, #vision_main2 #ur15 { transition-delay:2.8s; }

#vision_main3:not(.on) { opacity:0; }
#vision_main3 { position:absolute; top:0; left:0; width:100%; will-change:opacity; transition:opacity 1s; }
#vision_main3 svg circle { stroke-width:0; }
#vision_main3.on svg circle{ animation:circle 5s linear infinite; }
#vision_main3.on svg .e { fill:#f3b120; }
#vision_main3.on svg .f { fill:#5db046; animation-delay:1s; }
#vision_main3.on svg .g { fill:#46743a; animation-delay:3s; }
#vision_main3.on svg .h { fill:#19a2c8; animation-delay:3s; }
#vision_main3.on svg .i { fill:#0a76ae; animation-delay:4s; }
#vision_main3.on svg .j { fill:#183464; }
#vision_main3.on svg .k { fill:#ce227b; animation-delay:1s; }
#vision_main3.on svg .l { fill:#c5862c; animation-delay:4s; }
#vision_main3.on svg .m { fill:#e1422c; animation-delay:3s; }
#vision_main3.on svg .n { fill:#c99a2d; }
#vision_main3.on svg .o { fill:#db232d; animation-delay:1s; }
#vision_main3.on svg .p { fill:#2e9346; }
#vision_main3.on svg .q { fill:#881c37; animation-delay:4s; }
#vision_main3.on svg .r { fill:#ef982b; animation-delay:4s; }
#vision_main3.on svg .s { fill:#e66c28; animation-delay:2s; }
#vision_main3.on svg .t { fill:#005182; animation-delay:2s; }
@keyframes circle {
    0%, 20%, 80%, 100% { opacity:1; }
    40%, 60% { opacity:0; }
}

#vision_vision .center { padding:0; }
#vision_vision img { width:100%; }
#vision_vision_wrap { position:relative; text-align:center; }
#vision_vision2 { position:absolute; top:0; left:0; width:100%; }
#vision_vision2 .vision2_unit { position:relative; width:100%; }
#vision_vision3 { position:absolute; top:0; left:0; width:100%; }
#vision_vision4 { position:absolute; bottom:0; left:0; width:100%; }
#vision_vision4 .vision4_unit { position:relative; width:100%; background:url(./image/vision4.png) no-repeat center top / 100% auto; }

#vision_vision2-1,
#vision_vision2-2,
#vision_vision2-3,
#vision_vision2-4,
#vision_vision2-5 { will-change:opacity, transform; transition:opacity 1.5s, transform 1s; }
#vision_vision3 { will-change:opacity, transform; transition:opacity 2s, transform 1.5s; }
#vision_vision2-1 { transition-delay:0.4s; }
#vision_vision2-2 { transition-delay:0.6s; }
#vision_vision2-3 { transition-delay:0.8s; }
#vision_vision2-4 { transition-delay:1.0s; }
#vision_vision2-5 { transition-delay:1.2s; }
#vision_vision3 { transition-delay:1.8s; }
#vision_vision_wrap:not(.plx_on) #vision_vision2-1,
#vision_vision_wrap:not(.plx_on) #vision_vision2-2,
#vision_vision_wrap:not(.plx_on) #vision_vision2-3,
#vision_vision_wrap:not(.plx_on) #vision_vision2-4,
#vision_vision_wrap:not(.plx_on) #vision_vision2-5 { opacity:0; }
#vision_vision_wrap:not(.plx_on) #vision_vision3 { opacity:0; transform:translateY(50%); }

#vision_message { background:url(./image/message_back-sp.jpg) no-repeat center bottom / 100% auto; padding-bottom:43%; }
#vision_message p { text-align:center; font-weight:bold; }
#vision_message p + p { margin-top:10px; }
	@media (min-width: 375px) and (max-width:1199px){
		#vision_message p { font-size:1.1em; }
	}
	@media (min-width:1200px){
		#vision_message p { font-size:1.2em; }
	}

.vision_detail { background:#e2ebae; }
.vision_detail .detail_title { text-align:center; }
.vision_detail ul { list-style:none; }
.vision_detail li { position:relative; margin:0; font-weight:bold; color:#006a37; padding-left:1.5em; }
.vision_detail li + li { margin-top:10px; }
.vision_detail li:before { content:"◯"; position:absolute; top:0; left:0; color:#006a37; }
	@media (min-width: 575px){
		.vision_detail li { font-size:1.1em; }
	}

.vision_detail .detail_unit { position:relative; margin-left:auto; margin-right:auto; padding:10px 0 30px; }
.vision_detail .detail_unit._left { margin-left:0; }
.vision_detail .detail_unit._right { margin-right:0; }
.vision_detail .detail_unit._pb0 { padding-bottom:0; }
.vision_detail .detail_unit h4 { width:100%; text-align:center; }
.vision_detail .detail_unit:not(._def) h4 { position:absolute; top:0; left:0; z-index:2; }
.vision_detail .detail_unit h4._l2 { top:-20px; }
.vision_detail .detail_unit .image { text-align:center; }
.vision_detail .detail_unit .button_wrap { text-align:center; }
.vision_detail .comment { font-weight:500; }
.vision_detail .comment2 { font-weight:500; color:#e71f19; }
	@media (max-width:1199px){
		.vision_detail .detail_unit { max-width:250px; }
		.vision_detail .detail_unit h4 img { width:140px; }
		.vision_detail .comment { font-size:11px; }
		.vision_detail .comment2 { font-size:12px; }
		.vision_detail .detail_unit .button_wrap img { width:100px; }
	}
	@media (min-width:1200px){
		.vision_detail .detail_unit { max-width:450px; }
		.vision_detail .comment { font-size:14px; }
		.vision_detail .comment2 { font-size:1.15em; }
	}
	@media (max-width: 374px){
		.vision_detail .detail_unit { max-width:210px; }
	}

.detail_illust_wrap { position:relative; text-align:right; }
.detail_illust_wrap .illust2 { position:absolute; top:0; right:0; }
.detail_illust_wrap.pos_al { text-align:left; }
.detail_illust_wrap.pos_al .illust2 { right:auto; left:0; }
@keyframes user1 {
	0%, 30%, 100% { opacity:0; }
	40%, 90% { opacity:1; }
}
	@media (max-width:1199px){
		.detail_illust_wrap._user1 img { width:113px; }
		.detail_illust_wrap._user2 img { width:150px; }
		.detail_illust_wrap._user3 img { width:171px; }
		.detail_illust_wrap._user4 img { width:159px; }
		.detail_illust_wrap._user5 img { width:172px; }
		.detail_illust_wrap._user6 img { width:158px; }
		.detail_illust_wrap._user7 img { width:304px; }
		.detail_illust_wrap._user8 img { width:171px; }
		.detail_illust_wrap._user9 img { width:153px; }
		.detail_illust_wrap._user10 img { width:242px; }
	}

#vision2014 .button.btn_vision2014 { color:#666; border:1px solid #666; text-decoration:none; padding:15px 20px; display:inline-block; text-align:center; }
#vision2014 .vision2014_box { border:1px solid #666; }
#vision2014 .vision2014_box .vision2014_box_title { padding:5px 5px 5px 15px; background:#666; font-weight:bold; color:#FFF; }
#vision2014 .vision2014_box .vision2014_box_contents { padding:20px 15px; }