@charset "utf-8";

/*=================================

bus

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 75px; }
.title h2:after,
.title h2:before { bottom:50px; }

#container #main { /*margin-top:-175px;*/ }

#second_main_visual { position:relative; }
#second_main_visual img { object-position:center 10%; }
#second_main_visual:before { background-image:url(../img/common/t_beebus_white.png); background-size:210px 92px; background-position:top center;  content:" "; height:92px; position:absolute; top:30%; margin-top:0; right:15%; width:210px; z-index:10; }

/*------------------------------------------------------------
bus
------------------------------------------------------------*/
#bus { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }

#bus .title { flex:0 0 100%; padding:0; position:relative; }
#bus #bus_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:40px; position:relative; z-index:2; }
#bus #bus_cont h3 { flex:0 0 100%; }

#bus #bus_cont .beebus_info { display:flex; justify-content:space-between; flex:0 0 100%; padding:40px; }
#bus #bus_cont .beebus_info .beebus_info_cont { flex:1; padding-right:30px; }
#bus #bus_cont .beebus_info .beebus_info_cont dl {}
#bus #bus_cont .beebus_info .beebus_info_cont dl dt {}
#bus #bus_cont .beebus_info .beebus_info_cont dl dt span { font-size:193%; font-weight:600; line-height:1.6; }
#bus #bus_cont .beebus_info .beebus_info_cont dl dd { margin-top:15px; }
#bus #bus_cont .beebus_info .beebus_info_cont dl dd span { font-size:116%; line-height:1.6; }

#bus #bus_cont .beebus_info .beebus_info_cont ul { margin-top:25px; }
#bus #bus_cont .beebus_info .beebus_info_cont ul li { margin-top:15px; }
#bus #bus_cont .beebus_info .beebus_info_cont ul li:first-child { margin-top:0; }
#bus #bus_cont .beebus_info .beebus_info_cont ul li a {}
#bus #bus_cont .beebus_info .beebus_info_cont ul li a img { height:auto; max-width:360px; width:100%; }

#bus #bus_cont .beebus_info .beebus_info_cont p.notice { margin-top:10px; }
#bus #bus_cont .beebus_info .beebus_info_cont p.notice span { color:#c00; font-size:85%; line-height:1.6; }

#bus #bus_cont .beebus_info .beebus_info_cont .alert { margin-top:15px; }

#bus #bus_cont .beebus_info .area_map { display:flex; flex:0 0 600px; }
#bus #bus_cont .beebus_info .area_map img { height:auto; width:100%; }

#bus #bus_cont .charactor { flex:0 0 100%; }
#bus #bus_cont .charactor .charactor_cont {}
#bus #bus_cont .charactor .charactor_cont > ul { display:flex; flex-wrap:wrap; }
#bus #bus_cont .charactor .charactor_cont > ul > li { display:flex; flex:0 1 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; position:relative; }
#bus #bus_cont .charactor .charactor_cont > ul > li:after { background:linear-gradient(90deg, rgba(107,239,213,0.1) 0%, rgba(39,127,175,0.1) 50%, rgba(4,69,155,0.1) 100%); content:" ";  top:0; right:0; height:40%; position:absolute; width:100%; z-index:1; }
#bus #bus_cont .charactor .charactor_cont > ul > li:first-child { margin-top:0; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont { align-items:start; display:flex;  flex:0 1 1180px; justify-content:space-between; padding:40px 30px 30px; position:relative; z-index:3; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail { align-items:center; align-content:center; background:transparent; display:flex; flex-wrap:wrap; flex:0 0 70%; padding:50px 260px 50px 50px; position:relative; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail:before { background-color:#fff; content:" ";  height:100%; position:absolute; width:100%; right:0; bottom:0; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail:after { background: linear-gradient(90deg, rgba(107,239,213,0.1) 0%, rgba(39,127,175,0.1) 50%, rgba(4,69,155,0.1) 100%); content: " "; height: 100%; position: absolute; width:100%; right:-20px; bottom:-20px; z-index:-2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .caption { position:absolute; top:-15px; left:50px; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .caption span { font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h3 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:20px; position:relative; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h3 span { display:inline-block; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h3 span:first-child { font-size:232%; font-weight:600; line-height:1.6; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h3 span.at { background-color:#fff; border:1px solid #000; color:#000; font-size:100%; line-height:1; margin-left:25px; padding:5px 10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h3 span.mt { background-color:#000; border:1px solid #000; color:#fff; font-size:100%; line-height:1; margin-left:10px; padding:5px 10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h4 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:0; position:relative; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail h4 span { font-size:232%; font-weight:600; line-height:1.6; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target { align-items:center; align-content:center; flex:0 0 100%; display:flex; justify-content:center; margin-top:40px; position:relative; z-index:3; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target > img { position:relative; z-index:3; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target > img.lazyloaded { opacity:1; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target span.figure { position:absolute; z-index:5; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target span.figure img { object-fit:cover; z-index:5; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .target span.figure img.lazyloaded { opacity:1; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date { background-color:#fff; flex:0 0 100%; margin-top:25px; position:relative; z-index:3; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl { align-items:center; align-content:center; border:1px solid #eee; border-radius:3px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dt { padding:0; width:100%; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dt span { font-size:108%; font-weight:600; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd { align-items:center; display:flex; flex:1; margin-top:15px; padding:0; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd > span { flex:1; font-size:108%; margin-left:10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd > span:first-child { flex:0 0 15%; margin-left:0; text-align:left; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd > span.at { background-color:#fff; border:1px solid #ccc; flex:0 0 10%; font-size:93%; line-height:1; margin-left:15px; text-align:center; padding:3px 10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd > span.mt { background-color:#333; border:1px solid #333; color:#fff; flex:0 0 10%; font-size:93%; line-height:1; text-align:center; padding:3px 10px; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul { display:flex; flex:1; flex-wrap:wrap; justify-content:start; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li:first-child { margin-top:0; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li span { flex:1; font-size:108%; margin-left:10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li span:first-child { flex:0 0 15%; margin-left:0; text-align:left; } 

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li span.at { background-color:#fff; border:1px solid #ccc; flex:0 0 10%; font-size:93%; line-height:1; margin-left:15px; text-align:center; padding:3px 10px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail .entrance_date dl dd ul li span.mt { background-color:#333; border:1px solid #333; color:#fff; flex:0 0 10%; font-size:93%; line-height:1; text-align:center; padding:3px 10px; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail p { margin-top:20px; position:relative; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail p span { font-size:116%; line-height:1.8; }

#bus #bus_cont .charactor .charactor_cont > ul > li .pic { flex:0 1 500px; margin-left:-200px; position:relative; top:30px; z-index:3; }
#bus #bus_cont .charactor .charactor_cont > ul > li .pic img { height:330px; object-fit:cover; position:absolute; width:500px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .charactor .charactor_cont > ul > li .pic img.lazyloaded { opacity:1; }

#bus #bus_cont .charactor .charactor_cont > ul > li .pic span { position:absolute; right:10px; top:280px; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .pic span img { height:80px; width:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; position:relative; }
#bus #bus_cont .charactor .charactor_cont > ul > li .pic span img.lazyloaded { opacity:1; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area { display:flex; justify-content:center; flex:0 0 100%; margin-top:25px; position:relative; z-index:2; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area li { overflow:hidden; margin-right:0; margin-left:20px; position:relative; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area li:first-child { margin-left:0; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area li a { background-color:#fff; border-radius:0; border: 1px solid #ccc; display:inline-block; justify-content:space-between; line-height:1; padding:20px 15px 20px 25px; position:relative; transition: all .5s; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area li a span { padding:0 25px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail ul.btn_area li a i:nth-child(3) { color:#ccc; font-size:85%; }

#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail p.notice { margin-top: 30px; }
#bus #bus_cont .charactor .charactor_cont > ul > li .cont .detail p.notice span { color:#cc0000; font-size:100%; }

#bus #bus_cont .charactor .charactor_cont > ul > li#bus_location .cont .detail { padding:50px 250px 130px 50px; }
#bus #bus_cont .charactor .charactor_cont > ul > li#bus_attention .cont .detail { padding:50px 250px 130px 50px; }

/*-- support --*/
#bus #bus_cont .support { flex:0 0 100%; margin-top:50px; }
#bus #bus_cont .support .support_cont {}
#bus #bus_cont .support .support_cont > ul { display:flex; flex-wrap:wrap; }
#bus #bus_cont .support .support_cont > ul > li { display:flex; flex:0 1 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; position:relative; }
#bus #bus_cont .support .support_cont > ul > li:after { background:linear-gradient(90deg, rgba(107,239,213,0.1) 0%, rgba(39,127,175,0.1) 50%, rgba(4,69,155,0.1) 100%); content:" ";  top:0; right:0; height:40%; position:absolute; width:100%; z-index:1; }
#bus #bus_cont .support .support_cont > ul > li:first-child { margin-top:0; }
#bus #bus_cont .support .support_cont > ul > li .cont { align-items:start; display:flex;  flex:0 1 1180px; justify-content:space-between; padding:40px 30px 30px; position:relative; z-index:3; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail { align-items:center; align-content:center; background:transparent; display:flex; flex-wrap:wrap; flex:0 0 70%; padding:50px 250px 50px 50px; position:relative; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail:before { background-color:#fff; content:" ";  height:100%; position:absolute; width:100%; right:0; bottom:0; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail:after { background: linear-gradient(90deg, rgba(107,239,213,0.1) 0%, rgba(39,127,175,0.1) 50%, rgba(4,69,155,0.1) 100%); content: " "; height: 100%; position: absolute; width:100%; right:-20px; bottom:-20px; z-index:-2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .caption { position:absolute; top:-15px; left:50px; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .caption span { font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h3 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:20px; position:relative; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h3 span { display:inline-block; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h3 span:first-child { font-size:232%; font-weight:600; line-height:1.6; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h3 span.at { background-color:#fff; border:1px solid #000; color:#000; font-size:100%; line-height:1; margin-left:25px; padding:5px 10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h3 span.mt { background-color:#000; border:1px solid #000; color:#fff; font-size:100%; line-height:1; margin-left:10px; padding:5px 10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h4 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:0; position:relative; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail h4 span { font-size:232%; font-weight:600; line-height:1.6; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail .target { align-items:center; align-content:center; flex:0 0 100%; display:flex; justify-content:center; margin-top:40px; position:relative; z-index:3; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .target > img { position:relative; z-index:3; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .target > img.lazyloaded { opacity:1; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .target span.figure { position:absolute; z-index:5; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .target span.figure img { object-fit:cover; z-index:5; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .target span.figure img.lazyloaded { opacity:1; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date { background-color:#fff; flex:0 0 100%; margin-top:25px; position:relative; z-index:3; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl { align-items:center; align-content:center; border:1px solid #eee; border-radius:3px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dt { padding:0; width:100%; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dt span { font-size:108%; font-weight:600; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd { align-items:center; display:flex; flex:1; margin-top:15px; padding:0; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd > span { flex:1; font-size:108%; margin-left:10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd > span:first-child { flex:0 0 15%; margin-left:0; text-align:left; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd > span.at { background-color:#fff; border:1px solid #ccc; flex:0 0 10%; font-size:93%; line-height:1; margin-left:15px; text-align:center; padding:3px 10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd > span.mt { background-color:#333; border:1px solid #333; color:#fff; flex:0 0 10%; font-size:93%; line-height:1; text-align:center; padding:3px 10px; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul { display:flex; flex:1; flex-wrap:wrap; justify-content:start; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li:first-child { margin-top:0; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li span { flex:1; font-size:108%; margin-left:10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li span:first-child { flex:0 0 15%; margin-left:0; text-align:left; } 

#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li span.at { background-color:#fff; border:1px solid #ccc; flex:0 0 10%; font-size:93%; line-height:1; margin-left:15px; text-align:center; padding:3px 10px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail .entrance_date dl dd ul li span.mt { background-color:#333; border:1px solid #333; color:#fff; flex:0 0 10%; font-size:93%; line-height:1; text-align:center; padding:3px 10px; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail p { margin-top:20px; position:relative; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail p span { font-size:116%; line-height:1.8; }

#bus #bus_cont .support .support_cont > ul > li .pic { flex:0 1 500px; margin-left:-200px; position:relative; top:30px; z-index:3; }
#bus #bus_cont .support .support_cont > ul > li .pic img { height:330px; object-fit:cover; position:absolute; width:500px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#bus #bus_cont .support .support_cont > ul > li .pic img.lazyloaded { opacity:1; }

#bus #bus_cont .support .support_cont > ul > li .pic span { position:absolute; right:10px; top:280px; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .pic span img { height:80px; width:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; position:relative; }
#bus #bus_cont .support .support_cont > ul > li .pic span img.lazyloaded { opacity:1; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area { display:flex; justify-content:center; flex:0 0 100%; margin-top:25px; position:relative; z-index:2; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area li { overflow:hidden; margin-right:0; margin-left:30px; position:relative; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area li:first-child { margin-left:0; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area li a { background-color:#fff; border-radius:0; border: 1px solid #ccc; display:inline-block; justify-content:space-between; line-height:1; padding:20px 15px 20px 25px; position:relative; transition: all .5s; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area li a span { padding:0 25px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail ul.btn_area li a i:nth-child(3) { color:#ccc; font-size:85%; }

#bus #bus_cont .support .support_cont > ul > li .cont .detail p.notice { margin-top: 30px; }
#bus #bus_cont .support .support_cont > ul > li .cont .detail p.notice span { color:#cc0000; font-size:100%; }