@charset "utf-8";

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

top

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

#main { background-color:#fff; display:flex; flex-wrap:wrap; padding:50px 0 0; }

/*------------------------------------------------------------
top_main_visual（top）
------------------------------------------------------------*/
#top_main_visual { padding-top:0; }
#top_main_visual #main_visual_cont { display:flex; justify-content:center; position:relative; }
#top_main_visual #main_visual_cont .cover_left { background-size:cover; background-repeat:no-repeat; background-position:right top; flex:1 1 2vw; position:relative; z-index:1; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#top_main_visual #main_visual_cont .cover_left.lazyloaded { background-image:url(../img/top/p_main_visal_side_a.jpg); opacity:1; }
#top_main_visual #main_visual_cont .cover_right { background-size:cover; background-repeat:no-repeat; background-position:center top; flex:1 1 2vw; position:relative; z-index:1; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#top_main_visual #main_visual_cont .cover_right.lazyloaded { background-image:url(../img/top/p_main_visal_side_b.jpg); opacity:1; }

#top_main_visual #main_visual_cont .cover_left:before,
#top_main_visual #main_visual_cont .cover_right:before {
background-image:url(../img/common/bg_black_op_55.png);
background-repeat:repeat;
background-position:left top;
content:" ";
height:100%;
position:absolute;
width:100%;
z-index:2;
}
#top_main_visual #main_visual_cont .cover > img { position:relative; z-index:1; }
#top_main_visual #main_visual_cont .bx-wrapper { flex:1 1 1280px; }
 
#top_main_visual #main_visual_cont .visual { display:flex; flex:1 1 1280px; height:420px; position:relative; }
#top_main_visual #main_visual_cont .visual ol#slider { display:flex; flex:1 1 1280px; height:420px; }
#top_main_visual #main_visual_cont .visual ol#slider > li { position:relative; }

#top_main_visual #main_visual_cont .visual ol#slider > li a { display:block; position:relative; max-width:100%; width:100%; height:420px; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl { align-items:center; align-content:center; display:flex; flex-wrap:wrap; justify-content:start; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; z-index:10; width:100%; height: 480px; opacity:0; transition: opacity .3s linear; }
#top_main_visual #main_visual_cont .visual ol#slider > li.lazyloaded a dl { opacity:1; }

#top_main_visual #main_visual_cont .visual ol#slider > li a dl dt { flex:0 0 100%; position:absolute; margin-top:0; transform:rotate(-3deg); left:11%; top:90px; z-index:10; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dt img { opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dt img.lazyloaded { opacity:1; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd {
align-items:center;
align-content:center;
background: rgb(107,239,213);
background: linear-gradient(90deg, rgba(107,239,213,0.8) 0%, rgba(39,127,175,0.8) 50%, rgba(4,69,155,0.8) 100%);
display:flex;
height:250px;
justify-content:center;
flex-wrap:wrap;
padding:0 4.5vw;
position:relative;
min-width:540px;
max-width:740px;
width:45%;
}
#top_main_visual #main_visual_cont .visual ol#slider > li a dl > dd > span:first-child { color:#fff; font-size:200%; font-weight:600; line-height:1.6; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd span.num { font-size:400%; font-family:Roboto; line-height:1;  }
#top_main_visual #main_visual_cont .visual ol#slider > li a > img { height:auto; object-fit:cover; position:relative; z-index:1; height:420px; max-width:100%; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }

#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd ul { display:flex; flex:0 0 100%; justify-content:center; margin-top:25px; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd ul li { margin-left:15px; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd ul li:first-child { margin-left:0; }
#top_main_visual #main_visual_cont .visual ol#slider > li a dl dd ul li span { border:1px solid #fff; color:#fff; font-size:100%; font-weight:600; padding:5px 15px; }

#top_main_visual #main_visual_cont .visual ol#slider > li a > img.lazyloaded { opacity:1; }
#top_main_visual #main_visual_cont .visual ol#slider > li a span.notice { color:#1a1a1a; font-size:85%; position:absolute; left:4.5vw; bottom:40px; z-index:100; }

#top_main_visual #main_visual_cont .visual ol#slider > li:first-child { background-image:url(../../img/top/bg_slide_campaign.png); background-repeat:repeat-x; background-position:center top; text-align:center; }
#top_main_visual #main_visual_cont .visual ol#slider > li:first-child a { text-align:center; }
#top_main_visual #main_visual_cont .visual ol#slider > li:first-child a img { width:1280px; margin:0 auto; text-align:center; }

#top_main_visual #main_visual_cont .visual ol#slider > li:nth-child(3) a dl dd:after { background-image:url(../img/common/p_illust_beebus.png); background-repeat:no-repeat; background-position:center center; background-size:108px 54px; content:" "; position:absolute; right:20px; bottom:20px; height:54px; width:108px; z-index:10; }
#top_main_visual #main_visual_cont .visual ol#slider > li:nth-child(4) a dl dd { text-align:center; }
#top_main_visual #main_visual_cont .visual ol#slider > li:nth-child(5) a dl dd { text-align:left; }
#top_main_visual #main_visual_cont .visual ol#slider > li:nth-child(5) a dl dd:before {
background-image:url(../img/top/slide_05_2.png);
background-repeat:no-repeat;
background-position:left top;
background-size:360px 119px;
content:" ";
height:119px;
position:absolute;
width:360px;
z-index:2;
left:85px;
bottom:-65px;
}

#top_main_visual #main_visual_cont .visual ol.thumbnail { display:flex; justify-content:flex-end; flex:0 0 100%; height:22px; position:absolute; right:70px; bottom:15px; z-index:50; width:100%; }
#top_main_visual #main_visual_cont .visual ol.thumbnail li { margin-left:10px; position:relative; z-index:50; }
#top_main_visual #main_visual_cont .visual ol.thumbnail li:first-child { margin-left:0; }
#top_main_visual #main_visual_cont .visual ol.thumbnail li a { background-color:#fff; display:block; height:22px; max-width:55px; width:55px; object-fit:cover; z-index:50; padding:2px; }
#top_main_visual #main_visual_cont .visual ol.thumbnail li a.active { background-color:#6BEFD5; }
#top_main_visual #main_visual_cont .visual ol.thumbnail li a img { height:17px; max-width:50px; width:50px; z-index:50; opacity:1; }

#top_main_visual #main_visual_cont .visual ol.thumbnail li:hover { cursor:pointer; }

.bx-controls {}
.bx-controls .bx-pager {}
.bx-controls .bx-pager .bx-pager-item {}
.bx-controls .bx-pager .bx-pager-item a {}

.slick_slider { display:none; height:0; opacity:0; transition: opacity .3s linear; }
.slick_slider.slick-initialized { display:block; opacity:1; }

.slick_slider dl { display:none; height:0; opacity:0; transition: opacity .3s linear; }
.slick_slider.slick-initialized dl { display:block; opacity:1; }

/*------------------------------------------------------------
top_information
------------------------------------------------------------*/
#top_information { background: rgb(107,239,213); background: linear-gradient(90deg, rgba(107,239,213,1) 0%, rgba(39,127,175,1) 50%, rgba(4,69,155,1) 100%); border-bottom:1px solid #eee; }
#top_information ul { display:flex; justify-content:space-between; }
#top_information ul li { padding:20px; }
#top_information ul li:first-child { flex:0 0 10vw; padding:20px 20px 10px 20px; }
#top_information ul li:first-child dl { display:flex; flex-wrap:wrap; justify-content:center; }
#top_information ul li:first-child dl dt { color:#fff; padding-bottom:10px; }
#top_information ul li:first-child dl dt img { color:#fff; width:13px; height:auto; }
#top_information ul li:first-child dl dd { color:#fff; padding-left:10px; padding-bottom:10px; }
#top_information ul li:nth-child(2) { background-color:#fff; flex:1; align-items:center; display:flex; padding:10px 20px; }
#top_information ul li:nth-child(2) a { align-items:center; display:flex; }
#top_information ul li:nth-child(2) a span { line-height:1.6; }
#top_information ul li:nth-child(2) a span br { display:none; }
#top_information ul li a { text-decoration:none; }
#top_information ul li a:hover { text-decoration:none; }

#top_information_banner { display:flex; justify-content:center; padding:20px; }
#top_information_banner img { max-width:460px; height:auto; width:100%; }
#top_information_banner img:hover { opacity:0.7; }

/*------------------------------------------------------------
menu（top）
------------------------------------------------------------*/
#menu { flex:0 0 100%; padding:0 0 50px; position:relative; /*min-width:1280px;*/ opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; overflow: hidden; }
#menu.lazyloaded { opacity:1; }

#menu .title h2 { padding:0 0 60px; }
#menu .title h2:before { bottom:30px; }
#menu .title h2:after { bottom:30px; }
#menu .title:before { content:none; }

#menu > ul.slick-slider { overflow:hidden; padding:0 50px 30px; margin:0 auto; position:relative; overflow:hidden; /*width:1280px;*/ }
#menu > ul.slick-slider li { outline:none; text-align:center; padding:15px 0 0; position:relative; }
#menu > ul.slick-slider li a { display:block; }
#menu > ul.slick-slider li a dl { display:inline-block; margin:0 auto; padding:10px; position: relative; width:85%; }

#menu > ul.slick-slider li a dl { background:#eee; transition: .3s cubic-bezier(.4, 0, .2, 1); position: relative; }
#menu > ul.slick-slider li:hover dl { background: transparent; }
#menu > ul.slick-slider li a dl:after { background: linear-gradient(135deg, rgba(107,239,213,1) 0%, rgba(39,127,175,1) 70%, rgba(4,69,155,1) 100%); content:" "; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }

#menu > ul.slick-slider li a dl dt { align-items:center; background-color:#fff; display:flex; flex:0 0 100%; min-height:100px; justify-content:center; padding:15px 35%; text-align:center; position:relative; }
#menu > ul.slick-slider li a dl dt img { height:auto; width:60px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#menu > ul.slick-slider li a dl dt img.lazyloaded { opacity:1; }

#menu > ul.slick-slider li:nth-child(5) dl dt img { width:90px; }
#menu > ul.slick-slider li:nth-child(7) dl dt img { width:90px; }

#menu > ul.slick-slider li a dl dd { align-items:center; display:flex; flex:0 0 100%; justify-content:space-between; margin:0; padding:15px 0 5px; }
#menu > ul.slick-slider li a dl dd span { display:block; }
#menu > ul.slick-slider li a dl dd span:first-child { flex:1 0 40%; font-size:116%; font-weight:600; margin-left:0; text-align:left; }
#menu > ul.slick-slider li a dl dd span.at { background-color:#fff; border:1px solid #000; color:#000; font-size:85%; line-height:1; padding:3px 9px; }
#menu > ul.slick-slider li a dl dd span.mt { background-color:#000; border:1px solid #000; color:#fff; font-size:85%; line-height:1; margin-left:10px; padding:3px 7px; }
#menu > ul.slick-slider li a dl dd i { font-size:69%; padding-left:10px; }

#menu > ul.slick-slider li:hover { cursor:pointer; }
#menu > ul.slick-slider li:hover dl {}
#menu > ul.slick-slider li:hover dl dd span:first-child { color:#fff; }
#menu > ul.slick-slider li:hover dl dd span.at { background-color:#fff; border:1px solid #fff; color:#000; }
#menu > ul.slick-slider li:hover dl dd span.mt { background-color:#000; border:1px solid #fff; color:#fff; }
#menu > ul.slick-slider li:hover dl dd i { color:#fff; }

#menu > ul.slick_slider li { display:none; height:0; opacity:0; transition: opacity .3s linear; }
#menu > ul.slick_slider.slick-initialized li { display:block; opacity:1; }

#menu > ul.slick-slider li > dl.recent_date { align-content:center; display:flex; justify-content:start; margin:10px auto 0; width:85%; }
#menu > ul.slick-slider li > dl.recent_date dt { align-items:center; border:1px solid #ddd; display:flex; justify-content:center; padding:0 10px; }
#menu > ul.slick-slider li > dl.recent_date dt span { font-size:85%; line-height:1.2; }
#menu > ul.slick-slider li > dl.recent_date dd { padding-left:10px; }
#menu > ul.slick-slider li > dl.recent_date dd .day { align-items:center; display:flex; justify-content:start; }
#menu > ul.slick-slider li > dl.recent_date dd .day span:first-child { background-color:#c0611b; color:#fff; font-size:85%; padding:3px; }
#menu > ul.slick-slider li > dl.recent_date dd .day span:nth-child(2) { font-size:100%; padding-left:5px; }
#menu > ul.slick-slider li > dl.recent_date dd .night { align-items:center; display:flex; justify-content:start; margin-top:8px; }
#menu > ul.slick-slider li > dl.recent_date dd .night span:first-child { background-color:#002B99; color:#fff; font-size:85%; padding:3px; }
#menu > ul.slick-slider li > dl.recent_date dd .night span:nth-child(2) { font-size:100%; padding-left:5px; }

#menu > ul.slick-slider li .notice { position:absolute; z-index:1000; top:0; left:50%;  }
#menu > ul.slick-slider li .notice span { background-color:#dd3f55; border-radius:3px; color:#fff; display:block; text-align:center; font-size:85%; font-weight:600; margin-left:-50px; padding:5px 5px; position:relative; }
#menu > ul.slick-slider li .notice span:after {
content:" ";
width:0;
height:0;
border-style: solid;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #dd3f55 transparent transparent transparent;
bottom:-8px;
left:50%;
margin-left:-13px;
position:absolute;
}

/*------------------------------------------------------------
 service(top)
------------------------------------------------------------*/
#service { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0 0 40px; position:relative; }
#service:before { 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:500px; position:absolute; width:100%; }
#service .title { flex:0 0 100%; padding:0; }
#service .title:before { content:none; }
#service .title h2 {}

#service #service_cont { background:#fff; display:flex; flex:0 1 1180px; flex-wrap:wrap; justify-content:center; margin-top:0; padding:40px; position:relative; z-index:2; }
#service #service_cont .caption { position:absolute; top:-18px; left:40px; }
#service #service_cont .caption span { color:#D5D5D5; font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }

#service #service_cont ul.l_menu { display:flex; flex:0 0 100%; justify-content:space-between; }
#service #service_cont ul.l_menu li { flex:0 0 48%; }
#service #service_cont ul.l_menu li a { border:1px solid #D8D8D8; display:flex; }
#service #service_cont ul.l_menu li a dl { flex:0 0 100%; }
#service #service_cont ul.l_menu li a dl dt { position: relative; }
#service #service_cont ul.l_menu li a dl dt img { height:250px; object-fit:cover; width:100%; filter: grayscale(100%); opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#service #service_cont ul.l_menu li a dl dt img.lazyloaded { opacity:1; }
#service #service_cont ul.l_menu li a dl dd { line-height:1; padding:30px 30px 35px; position:relative; transition:.3s; }
#service #service_cont ul.l_menu li a dl dd:after { content:"\f054"; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:85%; position:absolute; right:20px; top:50%; margin-top:-8px; opacity:0.5; }
#service #service_cont ul.l_menu li a dl dd span { font-size:167%; font-weight:600; line-height:1; }

#service #service_cont ul.l_menu li a:hover { cursor:pointer; text-decoration:none; }
#service #service_cont ul.l_menu li a:hover dl dt img { cursor:pointer; filter: none; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#service #service_cont ul.l_menu li a:hover dl dt img.lazyloaded { opacity:1; }
#service #service_cont ul.l_menu li a:hover dl dd { color:#1a1a1a; cursor:pointer; }
#service #service_cont ul.l_menu li a:hover dl dd span { color:#1a1a1a; text-decoration:none; }

#service #service_cont ul.s_menu { display:flex; flex:0 0 100%; justify-content:space-between; margin-top:30px; }
#service #service_cont ul.s_menu li { flex:0 0 22%; }
#service #service_cont ul.s_menu li a { display:block; }
#service #service_cont ul.s_menu li a img { height:auto; width:100%; filter: grayscale(100%); opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#service #service_cont ul.s_menu li a img.lazyloaded { opacity:1; }

#service #service_cont ul.s_menu li a:hover { cursor:pointer; }
#service #service_cont ul.s_menu li a:hover img { filter:none; }

/*------------------------------------------------------------
information
------------------------------------------------------------*/
#information { display:flex; flex:0 0 100%; justify-content:center; padding:0 0 60px; }
#information #information_cont { display:flex; flex:0 1 1180px; justify-content:center; padding:0 40px; }

/*--- news ---*/
#information #information_cont #news { flex:1; padding:0; }
#information #information_cont #news h3 { align-items:center; display:flex; justify-content:space-between; }
#information #information_cont #news h3 span:first-child { color:#1a1a1a; font-size:167%; font-weight:600; padding-left:15px; }
#information #information_cont #news h3 span:nth-child(2) { color:#e5e5e5; font-size:262%; font-family:Roboto; font-weight:600; }

#information #information_cont #news #fixed_news_cont { margin-top:10px; }
#information #information_cont #news #fixed_news_cont ol {}
#information #information_cont #news #fixed_news_cont ol li { align-content:stretch; background-color:#fffdf1; display:flex; border-top:1px solid #e5e5e5; justify-content:space-between; position:relative; }
#information #information_cont #news #fixed_news_cont ol li .category { align-items:start; display:flex; position:absolute; top:25px; left:15px; }
#information #information_cont #news #fixed_news_cont ol li .category span { display:inline-block; font-size:93%; line-height:1; padding:10px 15px; }
#information #information_cont #news #fixed_news_cont ol li a { align-items:center; display:flex; flex:1; padding:25px 20px 25px 110px; }
#information #information_cont #news #fixed_news_cont ol li a dl { display:flex; flex:1; flex-wrap:wrap; }
#information #information_cont #news #fixed_news_cont ol li a dl dt { flex:0 0 100%; }
#information #information_cont #news #fixed_news_cont ol li a dl dt span { font-size:116%; padding-left:20px; }
#information #information_cont #news #fixed_news_cont ol li a dl dt span:first-child { font-weight:600; padding-left:0; }
#information #information_cont #news #fixed_news_cont ol li a dl dd { flex:0 0 100%; margin-top:10px; }
#information #information_cont #news #fixed_news_cont ol li a dl dd span { font-size:116%; line-height:1.6; }
#information #information_cont #news #fixed_news_cont ol li a:hover { background-color:#f0fdfb; text-decoration:none; }
#information #information_cont #news #fixed_news_cont ol li a:hover dl dt span { color:#333; }
#information #information_cont #news #fixed_news_cont ol li a:hover dl dd span { color:#333; }
#information #information_cont #news #fixed_news_cont ol li .category.important span { background-color:#c00; color:#fff; padding:10px 28px; }

#information #information_cont #news #news_cont { border-top:1px solid #e5e5e5; overflow-y:scroll; height:500px; }
#information #information_cont #news #news_cont ol {}
#information #information_cont #news #news_cont ol li { align-content:stretch; background-color:#fff; display:flex; border-bottom:1px solid #e5e5e5; justify-content:space-between; position:relative; }
#information #information_cont #news #news_cont ol li:nth-child(even) { background-color:#fbfbfb; }
#information #information_cont #news #news_cont ol li .category { align-items:start; display:flex; position:absolute; top:17px; left:15px; }
#information #information_cont #news #news_cont ol li .category span { display:inline-block; font-size:93%; line-height:1; padding:10px 15px; }
#information #information_cont #news #news_cont ol li a { align-items:center; display:flex; flex:1; padding:25px 20px 25px 110px; }
#information #information_cont #news #news_cont ol li a dl { display:flex; flex:1; flex-wrap:wrap; }
#information #information_cont #news #news_cont ol li a dl dt { flex:0 0 100%; }
#information #information_cont #news #news_cont ol li a dl dt span { font-size:116%; padding-left:20px; }
#information #information_cont #news #news_cont ol li a dl dt span:first-child { font-weight:600; padding-left:0; }
#information #information_cont #news #news_cont ol li a dl dd { display:none; flex: 0 0 100%; margin-top:10px; }
#information #information_cont #news #news_cont ol li a dl dd span { font-size:116%; line-height:1.6; }
#information #information_cont #news #news_cont ol li a:hover { background-color:#f0fdfb; text-decoration:none; }
#information #information_cont #news #news_cont ol li a:hover dl dt span { color:#333; }
#information #information_cont #news #news_cont ol li a:hover dl dd span { color:#333; }

#information #information_cont #news #news_detail_link { border-top:1px solid #eee; display:flex; justify-content:center; padding:10px 0 0; }
#information #information_cont #news #news_detail_link a {
background: transparent;
border: 1px solid #ccc;
border-radius: 0;
display: inline-block;
justify-content: space-between;
line-height: 1;
padding: 20px 15px 20px 25px;
position: relative;
transition: all .5s;
}
#information #information_cont #news #news_detail_link a span { padding:0 35px; }
#information #information_cont #news #news_detail_link a i { color:#ccc; font-size:85%; }

/*--- campaign ---*/
#information #information_cont #campaign { flex:0 1 auto; padding:0 0 0 50px; }
#information #information_cont #campaign h3 { align-items:center; display:flex; justify-content:space-between; }
#information #information_cont #campaign h3 span:first-child { color:#1a1a1a; font-size:167%; font-weight:600; padding-left:15px; }
#information #information_cont #campaign h3 span:nth-child(2) { color:#e5e5e5; font-size:262%; font-family:Roboto; font-weight:600; }
#information #information_cont #campaign #campaign_cont { background-color:#f0f0f0; margin-top:10px; padding:20px; }
#information #information_cont #campaign #campaign_cont ul { padding:0; }
#information #information_cont #campaign #campaign_cont ul li { background-color:#fff; margin-top:15px; padding:10px; }
#information #information_cont #campaign #campaign_cont ul li:first-child { margin-top:0; }
#information #information_cont #campaign #campaign_cont ul li img { height:auto; width:100%; max-width:300px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#information #information_cont #campaign #campaign_cont ul li img.lazyloaded { opacity:1; }

/*------------------------------------------------------------
character(top)
------------------------------------------------------------*/
#character { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }

#character .title { flex:0 0 100%; padding:0; position:relative; }
#character #character_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:40px 0; position:relative; z-index:2; }
#character #character_cont h3 { flex:0 1 auto; padding:0 0 30px; text-align:left; }
#character #character_cont h3 span { font-size:200%; line-height:1.6; font-weight:600; }
#character #character_cont > ul { display:flex; flex-wrap:wrap; flex:0 0 100%; }
#character #character_cont > ul > li { display:flex; flex:0 1 100%; justify-content:center; margin-top:40px; padding:50px 30px 30px; position:relative; }
#character #character_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:50%; position:absolute; width:100%; z-index:1; }

#character #character_cont > ul > li:first-child { margin-top:0; }
#character #character_cont > ul > li .cont { display:flex;  flex:0 1 1180px;  justify-content:space-between; position:relative; }

#character #character_cont > ul > li .cont .detail { background:#fff; flex:0 1 70%; padding:40px 250px 30px 50px; position:relative; }
#character #character_cont > ul > li .cont .detail:before { background:#fff; content:" ";  height:100%; position:absolute; width:100%; right:0; bottom:0; z-index:2; }
#character #character_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; }
#character #character_cont > ul > li .cont .detail .caption { position:absolute; top:-18px; left:50px; z-index:2; }
#character #character_cont > ul > li .cont .detail .caption span { color:#D5D5D5; font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }
#character #character_cont > ul > li .cont .detail h4 { position:relative; z-index:2; }
#character #character_cont > ul > li .cont .detail h4 span { font-size:232%; font-weight:600; line-height:1.6; }
#character #character_cont > ul > li .cont .detail p { margin-top:20px; position:relative; z-index:2; }
#character #character_cont > ul > li .cont .detail p span { font-size:116%; line-height:1.8; }
#character #character_cont > ul > li .cont .detail ul.btn_area { display:flex; justify-content:start; margin-top:30px; position:relative; z-index:2; }
#character #character_cont > ul > li .cont .detail ul.btn_area li { overflow:hidden; position:relative; }
#character #character_cont > ul > li .cont .detail ul.btn_area li a { background:transparent; border:1px solid #ccc; border-radius:0; display:inline-block; justify-content:space-between; line-height:1; padding:20px 15px 20px 25px; position:relative; transition: all .5s; }
#character #character_cont > ul > li .cont .detail ul.btn_area li a span { padding:0 35px; }
#character #character_cont > ul > li .cont .detail ul.btn_area li a i:nth-child(3) { color:#ccc; font-size:85%; }
#character #character_cont > ul > li .cont .detail .notice { margin-top:30px; }
#character #character_cont > ul > li .cont .detail .notice span { color:#cc0000; font-size:100%; }

#character #character_cont > ul > li .pic { flex:0 1 600px; margin-left:-200px; position:relative; top:30px; z-index:3; }
#character #character_cont > ul > li .pic img { height:400px; object-fit:cover; position:absolute; width:600px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#character #character_cont > ul > li .pic img.lazyloaded { opacity:1; }
#character #character_cont > ul > li .pic span { position:absolute; right:150px; top:360px; z-index:2; }
#character #character_cont > ul > li .pic span img { height:80px; width:auto; }

/*------------------------------------------------------------
lisence(top)
------------------------------------------------------------*/
#lisence { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0 0 40px; position:relative; }
#lisence .title { flex:0 0 100%; padding:0; position:relative; }
#lisence #lisence_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:40px 0; position:relative; z-index:2; }

#lisence #lisence_cont > ul { display:flex; flex-wrap:wrap; }
#lisence #lisence_cont > ul > li { display:flex; flex:0 1 100%; flex-wrap:wrap; justify-content:center; margin-top:40px; padding:50px 30px 30px; position:relative; }
#lisence #lisence_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:50%; position:absolute; width:100%; z-index:1; }

#lisence #lisence_cont > ul > li:first-child { margin-top:0; }
#lisence #lisence_cont > ul > li .cont { display:flex;  flex:0 1 1180px; justify-content:space-between; position:relative; z-index:3; }

#lisence #lisence_cont > ul > li .cont .detail { align-items:center; align-content:center; background:#fff; display:flex; flex-wrap:wrap; flex:0 0 70%; padding:60px 250px 50px 50px; position:relative; }
#lisence #lisence_cont > ul > li .cont .detail:before { background:#fff; content:" ";  height:100%; position:absolute; width:100%; right:0; bottom:0; z-index:2; }
#lisence #lisence_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; }
#lisence #lisence_cont > ul > li .cont .detail .caption { position:absolute; top:-18px; left:50px; z-index:2; }
#lisence #lisence_cont > ul > li .cont .detail .caption span { color:#D5D5D5; font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }
#lisence #lisence_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; }
#lisence #lisence_cont > ul > li .cont .detail h3 span { display:inline-block; }
#lisence #lisence_cont > ul > li .cont .detail h3 span:first-child { font-size:232%; font-weight:600; line-height:1.6; }
#lisence #lisence_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; }
#lisence #lisence_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; }

#lisence #lisence_cont > ul > li .cont .detail h4 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; margin-top:15px; position:relative; z-index:2; }
#lisence #lisence_cont > ul > li .cont .detail h4 span { background-color:#fff; border:1px solid #ccc; display:inline-block; line-height:1; margin-left:30px; padding:10px 30px; }
#lisence #lisence_cont > ul > li .cont .detail h4 span:first-child { margin-left:0; }

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

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

#lisence #lisence_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:left; padding:3px 10px; }
#lisence #lisence_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:left; padding:3px 10px; }

#lisence #lisence_cont > ul > li .cont .detail .entrance_date dl dd ul { display:flex; flex:1; flex-wrap:wrap; justify-content:start; }
#lisence #lisence_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; }
#lisence #lisence_cont > ul > li .cont .detail .entrance_date dl dd ul li:first-child { margin-top:0; }
#lisence #lisence_cont > ul > li .cont .detail .entrance_date dl dd ul li span { flex:1; font-size:108%; margin-left:10px; }
#lisence #lisence_cont > ul > li .cont .detail .entrance_date dl dd ul li span:first-child { flex:0 0 15%; margin-left:0; text-align:center; } 

#lisence #lisence_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:left; padding:3px 10px; }
#lisence #lisence_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:left; padding:3px 10px; }

#lisence #lisence_cont > ul > li .pic { flex:0 1 600px; margin-left:-200px; position:relative; top:30px; z-index:3; }
#lisence #lisence_cont > ul > li .pic img { height:400px; object-fit:cover; position:absolute; width:600px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#lisence #lisence_cont > ul > li .pic img.lazyloaded { opacity:1; }

#lisence #lisence_cont > ul > li .pic span { position:absolute; right:150px; top:360px; z-index:2; }
#lisence #lisence_cont > ul > li .pic span img { height:80px; width:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#lisence #lisence_cont > ul > li .pic span img.lazyloaded { opacity:1; }

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


/*--- pattern ---*/
#lisence #lisence_cont > ul > li { margin-top:80px; padding:0; }
#lisence #lisence_cont > ul > li:first-child { margin-top:0; }
#lisence #lisence_cont > ul > li:after { height:40%; top:20px; }
#lisence #lisence_cont > ul > li .cont { align-items:start; }
#lisence #lisence_cont > ul > li .cont .detail { align-items:center; align-content:center; background:transparent; display:flex; flex-wrap:wrap; flex:0 0 70%; padding:60px 250px 50px 50px; position:relative; }
#lisence #lisence_cont > ul > li .cont .detail:before { background:transparent; content:" ";  height:100%; position:absolute; width:100%; right:0; bottom:0; z-index:2; }
#lisence #lisence_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:none;  height:100%; position:absolute; width:100%; right:-20px; bottom:-20px; z-index:-2; }
#lisence #lisence_cont > ul > li .cont .detail .caption { position:absolute; top:0; left:50px; z-index:2; }
#lisence #lisence_cont > ul > li .cont .detail .caption span { color:#D5D5D5; font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }
#lisence #lisence_cont > ul > li .cont .detail h3 { align-items:center; display:flex; flex:0 0 100%; justify-content:start; position:relative; z-index:2; }
#lisence #lisence_cont > ul > li .cont .detail h3 span { display:inline-block; }
#lisence #lisence_cont > ul > li .cont .detail h3 span:first-child { font-size:232%; font-weight:600; line-height:1.6; }
#lisence #lisence_cont > ul > li .cont .detail .target { margin-top:40px; }
#lisence #lisence_cont > ul > li .pic { top:0; }
#lisence #lisence_cont > ul > li .pic span { right:10px; }
#lisence #lisence_cont > ul > li .pic img { position:relative; }

#lisence #lisence_cont > ul > li#lisence_car .cont .detail h3 { margin-top:30px; }
#lisence #lisence_cont > ul > li#lisence_car .cont .detail .target { margin-top:30px; }
#lisence #lisence_cont > ul > li#lisence_car .cont .detail .target > img { height:80px; width:auto; }
#lisence #lisence_cont > ul > li#lisence_car .cont .detail .target span.figure { right:140px; bottom:-10px; width:74px; height:188px; }
#lisence #lisence_cont > ul > li#lisence_car .cont .detail .target span.figure img { width:74px; height:188px; }
#lisence #lisence_cont > ul > li#lisence_car ul.btn_area { margin-top:30px; }

#lisence #lisence_cont > ul > li#lisence_motor .cont .detail h3 { margin-top:5px; }
#lisence #lisence_cont > ul > li#lisence_motor .cont .detail .target { margin-top:20px; }
#lisence #lisence_cont > ul > li#lisence_motor .cont .detail .target > img { height:140px; width:auto; margin-left:-20px; }
#lisence #lisence_cont > ul > li#lisence_motor ul.btn_area { margin-top:0; }

#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target span.figure { right:120px; bottom:-10px; width:87px; height:188px; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target span.figure img { width:87px; height:188px; }

#lisence #lisence_cont > ul > li#lisence_truck .cont .detail h3 { margin-top:20px; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail h3 span:nth-child(odd) { font-size:232%; font-weight:600; line-height:1.6; margin-left:30px; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail h3 span:first-child { margin-left:0; }

#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target { margin-top:40px; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target > img { height:120px; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target span.figure { height:100px; right:160px; width:auto; }
#lisence #lisence_cont > ul > li#lisence_truck .cont .detail .target span.figure img { height:100px; width:auto; }
#lisence #lisence_cont > ul > li#lisence_truck ul.btn_area { margin-top:0; }

#lisence #lisence_cont > ul > li#lisence_special {}
#lisence #lisence_cont > ul > li#lisence_special .cont .detail h3 { margin-top:20px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail h3 span:nth-child(3) { font-size:232%; font-weight:600; line-height:1.6; margin-left:30px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target { margin-top:30px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target > img { height:140px; width:auto; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target > img:first-child { margin-left:-30px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target > img:nth-child(2) { margin-left:-60px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target span.figure { right:110px; bottom:-5px; width:auto; height:110px; }
#lisence #lisence_cont > ul > li#lisence_special .cont .detail .target span.figure img { width:auto; height:110px; }
#lisence #lisence_cont > ul > li#lisence_special ul.btn_area { margin-top:0; }

/*------------------------------------------------------------
guest(top)
------------------------------------------------------------*/
#guest { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }
#guest:before { 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:500px; position:absolute; width:100%; }
#guest .title { flex:0 0 100%; padding:0; }
#guest .title:before { content:none; }
#guest .title h2 {}

#guest #guest_cont { background:#fff; display:flex; flex:0 1 1180px; flex-wrap:wrap; justify-content:center; margin-top:0; padding:40px; position:relative; z-index:2; }
#guest #guest_cont .caption { position:absolute; top:-22px; left:40px; }
#guest #guest_cont .caption span { color:#D5D5D5; font-size:300%; font-weight:600; font-family:Roboto; line-height:1; }

#guest #guest_cont > ul { align-items:start; display:flex; flex-wrap:wrap; flex:0 0 100%; justify-content:space-between; }
#guest #guest_cont > ul li { flex:0 0 48%; position:relative; }
#guest #guest_cont > ul li #twitter_box { height:100%; overflow:hidden; }
#guest #guest_cont > ul li #twitter_box iframe { height:100%; }

#guest #guest_cont > ul li.daily_menu { display:flex; flex-wrap:wrap; }
#guest #guest_cont > ul li.daily_menu .pic { flex:0 0 100%; }
#guest #guest_cont > ul li.daily_menu .pic img { height:220px; object-fit:cover; object-position:center center; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#guest #guest_cont > ul li.daily_menu .pic img.lazyloaded { opacity:1; }

#guest #guest_cont > ul li.daily_menu ul { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:space-between; margin-top:20px; }
#guest #guest_cont > ul li.daily_menu ul li { flex:0 0 48%; margin-top:0; position:relative; }
#guest #guest_cont > ul li.daily_menu ul li:after {
content:" ";
width:0;
height:0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #6BEFD5 transparent;
bottom:10px;
right:10px;
position:absolute;
}
#guest #guest_cont > ul li.daily_menu ul li a { align-items:center; border:1px solid #D8D8D8; display:flex; justify-content:start; padding:25px; position:relative; }
#guest #guest_cont > ul li.daily_menu ul li a > i { font-size:116%; line-height:1; }
#guest #guest_cont > ul li.daily_menu ul li a > span { color:#333; flex:1; font-size:116%; line-height:1; padding-left:10px; text-align:center; }

#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a { padding:15px; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl { display:flex; flex-wrap:wrap; justify-content:center; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dt { flex:0 0 100%; position: relative; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dt img { height:auto; object-fit:cover; width:100%; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dd { margin-top:15px; padding:0; position:relative; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dd > h6 { text-align:center; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dd > h6 span { color:#333; font-size:100%; font-weight:600; line-height:1; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dd p { margin-top:10px; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a dl dd p span { color:#333; font-size:93%; line-height:1.6; }

#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a:hover { cursor:pointer; text-decoration:none; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a:hover dl dt img { cursor:pointer; filter: none; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a:hover dl dt img.lazyloaded { opacity:1; }

#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a:hover dl dd { color:#1a1a1a; cursor:pointer; }
#guest #guest_cont > ul li.daily_menu ul:nth-child(3) li a:hover dl dd span { color:#1a1a1a; text-decoration:none; }