@charset "UTF-8"; /* CSS Document */ /* **ソートリスト** 1__全体設定 2__TOP設定 3__下層設定 4__CSSハック 5__プラグイン制御 6__PCのみ */ /*============================ ============================== ============================== ============================== #1__全体設定 ============================*/ /* -基本設定- */ a{ text-decoration:none;color:#373980;-ms-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} /*a:hover{opacity:0.8;} input[type="submit"]:hover{opacity:0.8;}*/ a:before, a:after,{transition:all 0.3s;-webkit-transition:all 0.3s;} img{ max-width:100%; height:auto;vertical-align:bottom;} body{line-height:1.5;font-size:15px;color:#000;min-width:1050px;position:relative;} input{-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;-webkit-appearance: none;} input[type="image"]:hover{opacity:0.8;} area{display: inline;cursor: pointer;} sup{font-size:70%;vertical-align:top;} .hide{display: none;} /*header*/ header{} .header{ padding-top:18px;position: fixed;z-index: 100;background: #fff;width: 100%;left: 0;top: 0px;min-width:1050px;} .header > .top{width: 1000px;margin: 0 auto 12px auto;} .header > .top > .logo{float: left;} .header > .top > .logo > .img{float: left;margin-right: 10px;} .header > .top > .logo > .img a{position: relative;z-index: 1000;} .header > .top > .logo > .img > img{} .header > .top > .logo > h1{line-height:13px;float: right;font-size:10px;font-weight:normal;} .header > .top > .logo > h1 img{ width:auto;position: relative;left: 8px;} .header > .top > .logo > h1 > a{ display:block;margin-top: 9px;} .header > .bottom{} .header .link{float: right;} .header .link > ul{ font-size:0;} .header .link > ul > li{ display:inline-block; vertical-align:top;} .header .link > ul > li > a{ line-height: 1;font-size:13px; color:#505050; display:inline-block; border-right:1px solid #505050; padding-right:10px; margin-right:10px;} .header .link > ul > li:last-child > a{padding-right:0; margin-right:0; border-right:0;} .snsLink{float: right;margin-left: 15px;line-height: 1;position: relative;top: -1px;font-size: 0;font-size:16px; color:#969696;} .snsLink:before{ content:none;} .snsLink > ul{float: right;} .snsLink > ul > li{float: left;margin-right: 5px;position: relative;top: -3px;} .snsLink > ul > li:last-child{margin-right:0;} .snsLink > ul > li > a{overflow: hidden;color: #fff;font-size: 11px;display: block;padding:4px 6px 6px 18px;box-sizing: border-box;width: 100%;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;background: #4AC9FC; position:relative;} .snsLink > ul > li > a:before{position:absolute; content:"";width: 12px;height: 17px;left: 2px;top:0;} .snsLink > ul > li.facebook > a{background-color:#3F61A4;} .snsLink > ul > li.facebook > a:before{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22156px%22%20height%3D%22300px%22%20viewBox%3D%220%200%20156%20300%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.fill%20%7Bfill%3A%20%23fff%3B%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22fill%22%20d%3D%22M101.000%2C300.000%20C101.000%2C300.000%20101.000%2C163.000%20101.000%2C163.000%20C101.000%2C163.000%20147.000%2C163.000%20147.000%2C163.000%20C147.000%2C163.000%20154.000%2C110.000%20154.000%2C110.000%20C154.000%2C110.000%20101.000%2C110.000%20101.000%2C110.000%20C101.000%2C110.000%20101.000%2C76.000%20101.000%2C76.000%20C101.000%2C60.552%20105.857%2C50.000%20128.000%2C50.000%20C128.000%2C50.000%20156.000%2C50.000%20156.000%2C50.000%20C156.000%2C50.000%20156.000%2C2.000%20156.000%2C2.000%20C151.113%2C1.351%20134.503%2C-0.000%20115.000%2C-0.000%20C74.282%2C-0.000%2046.000%2C25.336%2046.000%2C71.000%20C46.000%2C71.000%2046.000%2C110.000%2046.000%2C110.000%20C46.000%2C110.000%200.000%2C110.000%200.000%2C110.000%20C0.000%2C110.000%200.000%2C163.000%200.000%2C163.000%20C0.000%2C163.000%2046.000%2C163.000%2046.000%2C163.000%20C46.000%2C163.000%2046.000%2C300.000%2046.000%2C300.000%20C46.000%2C300.000%20101.000%2C300.000%20101.000%2C300.000%20Z%22%2F%3E%3C%2Fsvg%3E') center 87% /60% no-repeat;top:1px;} .snsLink > ul > li.twitter > a{background-color:#59ADEC;} .snsLink > ul > li.twitter > a:before{background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22350px%22%20height%3D%22300px%22%20viewBox%3D%220%200%20350%20300%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.fill%20%7Bfill%3A%20%23fff%3B%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22fill%22%20d%3D%22M350.001%2C35.509%20C346.026%2C42.167%20340.649%2C49.197%20333.870%2C56.595%20C328.493%2C62.513%20321.944%2C68.556%20314.231%2C74.720%20C314.231%2C74.720%20314.231%2C76.940%20314.231%2C76.940%20C314.231%2C76.940%20314.231%2C79.530%20314.231%2C79.530%20C314.231%2C80.762%20314.346%2C81.626%20314.579%2C82.119%20C314.579%2C82.119%20314.579%2C84.708%20314.579%2C84.708%20C314.579%2C110.109%20310.022%2C135.572%20300.903%2C161.097%20C291.785%2C186.620%20278.809%2C209.494%20261.975%2C229.715%20C243.971%2C251.417%20222.113%2C268.556%20196.394%2C281.134%20C170.674%2C293.711%20141.917%2C299.999%20110.122%2C299.999%20C89.546%2C299.999%2070.142%2C297.041%2051.904%2C291.122%20C33.201%2C285.202%2015.899%2C276.818%20-0.001%2C265.967%20C0.936%2C266.214%202.337%2C266.338%204.208%2C266.338%20C7.948%2C266.831%2010.755%2C267.077%2012.626%2C267.077%20C12.626%2C267.077%2017.183%2C267.077%2017.183%2C267.077%20C33.550%2C267.077%2049.567%2C264.242%2065.231%2C258.569%20C79.727%2C253.144%2093.403%2C245.253%20106.263%2C234.895%20C91.300%2C234.649%2077.387%2C229.469%2064.531%2C219.357%20C51.904%2C209.494%2043.486%2C197.040%2039.279%2C181.997%20C42.786%2C182.737%2045.007%2C183.105%2045.943%2C183.105%20C45.943%2C183.105%2049.447%2C183.105%2049.447%2C183.105%20C50.151%2C183.352%2051.202%2C183.476%2052.605%2C183.476%20C54.708%2C183.476%2056.346%2C183.352%2057.516%2C183.105%20C59.853%2C183.105%2063.128%2C182.612%2067.335%2C181.626%20C67.801%2C181.626%2068.505%2C181.502%2069.439%2C181.256%20C70.376%2C181.009%2071.075%2C180.887%2071.542%2C180.887%20C54.941%2C177.434%2041.265%2C168.679%2030.509%2C154.622%20C19.520%2C140.565%2014.029%2C124.536%2014.029%2C106.534%20C14.029%2C106.534%2014.029%2C106.163%2014.029%2C106.163%20C14.029%2C106.163%2014.029%2C105.794%2014.029%2C105.794%20C14.029%2C105.794%2014.029%2C105.424%2014.029%2C105.424%20C18.471%2C108.383%2023.615%2C110.603%2029.460%2C112.082%20C35.538%2C114.054%2041.265%2C115.042%2046.644%2C115.042%20C36.354%2C107.644%2028.640%2C98.642%2023.497%2C88.038%20C17.651%2C77.187%2014.729%2C65.102%2014.729%2C51.786%20C14.729%2C44.388%2015.546%2C37.729%2017.183%2C31.810%20C18.120%2C27.617%2020.457%2C21.576%2024.198%2C13.685%20C42.435%2C37.358%2064.177%2C55.854%2089.429%2C69.172%20C115.382%2C83.475%20142.969%2C91.366%20172.195%2C92.847%20C171.494%2C87.667%20171.145%2C84.832%20171.145%2C84.339%20C170.674%2C80.886%20170.441%2C78.051%20170.441%2C75.830%20C170.441%2C54.868%20177.456%2C36.989%20191.483%2C22.193%20C205.512%2C7.396%20222.462%2C-0.002%20242.337%2C-0.002%20C252.623%2C-0.002%20262.325%2C2.094%20271.444%2C6.286%20C280.562%2C10.971%20288.394%2C16.891%20294.942%2C24.042%20C302.423%2C22.315%20310.372%2C19.850%20318.788%2C16.644%20C325.803%2C13.931%20333.051%2C10.232%20340.532%2C5.547%20C337.729%2C14.424%20333.634%2C22.439%20328.260%2C29.591%20C322.179%2C36.989%20315.751%2C42.907%20308.969%2C47.347%20C315.984%2C46.113%20322.999%2C44.634%20330.010%2C42.907%20C335.388%2C41.428%20342.052%2C38.961%20350.001%2C35.509%20Z%22%2F%3E%3C%2Fsvg%3E') center center /100% no-repeat;top:1px;} /*nav*/ nav{} .nav{ position:relative;border-bottom:4px solid #373782;} .nav > .spMenu.sp{} .nav > ul{ text-align:center; font-size:0;} .nav > ul > li{display: inline-block; } .nav > ul > li > span{position:relative;font-size: 14px;color:#000;display:block;position:relative;min-width: 76px;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .nav > ul > li > span p, .nav > ul > li > span a{ position:relative;} .nav > ul > li > span a{display:block;padding: 9px 11px;} .nav > ul > li > span:hover{ cursor:pointer;} .nav > ul > li > span:before{opacity:1;position:absolute; content:""; width:1px; height:16px; background:#24387C; right:-1px; top:50%; margin-top:-8px;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .nav > ul > li > span:after{background:#24387C; position:absolute; content:""; height:0; width:100%; left:0; top:0;z-index: -1;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .nav > ul > li:last-child > span:before{ content:none;} .nav > ul > li > .sub_menu{box-sizing: border-box;overflow:auto;top: 44px;display:none; position:absolute; width:100%;left: 0;background: #EAEAEA;z-index: 100;} .nav > ul > li > .sub_menu > ul{} .nav > ul > li > .sub_menu > ul > li{ display:inline-block;} .nav > ul > li > .sub_menu > ul > li > a{ font-size:16px;text-align: left;display: inline-block;vertical-align: top;padding-right: 0;margin-right: 10px;line-height: 18px;font-size: 13px;background: none;border-left: 1px solid #fff;padding: 5px 67px 5px 7px;margin: 15px 0px 15px 0;letter-spacing: 0;color: #373782;} .nav > ul > li > .sub_menu > ul > li > a:hover{background: #373782;color:#FFF;} .nav > ul > li > .sub_menu > ul > li > .sub2_menu{display:none;} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li > a{} .nav > ul > li > .sub_menu > ul > li > a.g1region{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li > .sub3_menu{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li > .sub3_menu > ul{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li > .sub3_menu > ul > li{} .nav > ul > li > .sub_menu > ul > li > .sub2_menu > ul > li > .sub3_menu > ul > li > a{} .nav > ul > li.on > span a{color:#fff;} .nav > ul > li.on > span:after{height:100%;} .nav > ul > li.on > span:before{ opacity:0;} .nav > ul > li.on > span a:before{ position:absolute; content:""; height:100px; width:140%; left:-20%; top:0;} .nav > ul > li > .sub_menu.on .sub_menu2{ display:block;} /*-現在位置-*/ body.about .nav > ul > li.nav_about > span a, body.event .nav > ul > li.nav_conference > span a, body.membership .nav > ul > li.nav_membership > span a, body.thinktank .nav > ul > li.nav_thinktank > span a, body.initiative .nav > ul > li.nav_initiative > span a, body.awards .nav > ul > li.nav_awards > span a, body.past .nav > ul > li.nav_past > span a, body.news .nav > ul > li.nav_news > span a, body.act100 .nav > ul > li.nav_100act > span a{color:#fff;} body.about .nav > ul > li.nav_about > span:after, body.event .nav > ul > li.nav_conference > span:after, body.membership .nav > ul > li.nav_membership > span:after, body.thinktank .nav > ul > li.nav_thinktank > span:after, body.initiative .nav > ul > li.nav_initiative > span:after, body.awards .nav > ul > li.nav_awards > span:after, body.past .nav > ul > li.nav_past > span:after, body.news .nav > ul > li.nav_news > span:after, body.act100 .nav > ul > li.nav_100act > span:after{height:100%;} body.about .nav > ul > li.nav_about > span:before, body.event .nav > ul > li.nav_conference > span:before, body.membership .nav > ul > li.nav_membership > span:before, body.thinktank .nav > ul > li.nav_thinktank > span:before, body.initiative .nav > ul > li.nav_initiative > span:before, body.awards .nav > ul > li.nav_awards > span:before, body.past .nav > ul > li.nav_past > span:before, body.news .nav > ul > li.nav_news > span:before, body.act100 .nav > ul > li.nav_100act > span:before{ opacity:0;} body.about .nav > ul > li.nav_about > span a:before, body.event .nav > ul > li.nav_conference > span a:before, body.membership .nav > ul > li.nav_membership > span a:before, body.thinktank .nav > ul > li.nav_thinktank > span a:before, body.initiative .nav > ul > li.nav_initiative > span a:before, body.awards .nav > ul > li.nav_awards > span a:before, body.past .nav > ul > li.nav_past > span a:before, body.news .nav > ul > li.nav_news > span a:before, body.act100 .nav > ul > li.nav_100act > span a:before{ position:absolute; content:""; height:44px; width:100%; left:0%; top:0;} /*section*/ section{margin:0 auto;padding:50px 0;counter-reset: number 0;} .section{width: 1000px;margin: 0 auto;margin-bottom: 94px;} .section:last-child{margin-bottom:0;} .section.full{ width:auto;} .section > .text{margin-bottom: 99px;} .section > .text:last-child{ margin-bottom:0;} .section > .text > p{line-height: 36px;margin-bottom: 40px;font-size: 18px;text-align: center;} .section > .img{margin-bottom: 30px;text-align: center;} .section > .img:last-child{ margin-bottom:0;} .section > .img > img{} section#aboutus{padding: 65px 0;text-align:center;} section#g1_networks{padding:50px 0 120px 0;} /*pankuzu*/ .pankuzuWrap{background: #F5F5F5;width: auto;} .pankuzu{width: 1000px;margin: 0 auto;padding: 16px 0 12px 0;/* background: url(/img/sns.png) right no-repeat; */} .pankuzu > ul{} .pankuzu > ul > li{position: relative;font-size: 13px;float: left;padding-right: 30px;} .pankuzu > ul > li:before{position:absolute;content:"";border-top: 1px solid #373782;border-right: 1px solid #373782;width: 8px;height: 8px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 13px;top: 4px;} .pankuzu > ul > li:last-child:before{content:none;} .pankuzu > ul > li > a{ color:#969696;} .pankuzu > ul > li > strong{ color:#000; font-weight:normal;} /*main*/ main{position:relative;z-index:0;} h2{font-size:34px;margin:0 0 70px 0;line-height:1;text-align:center;font-family:"Avenir","Arial", "Helvetica", sans-serif} /*footer*/ .footer{text-align:center;background:#797979;} .footer_sub_menu{background: #fff url(/img/shadow.png) top center repeat-x;padding: 30px 0 30px 0;} .footer_sub_menu ul{max-width:1000px;margin:0 auto;display:table;} .footer_sub_menu ul ul{width:auto;margin:0;} .footer_sub_menu li{float:left;margin-bottom: 6px;text-align:left;margin:0 13px 0 0px;padding-right:13px;border-right:1px solid #f0f0f0;height:40px;overflow:hidden;} .footer_sub_menu li a:after{width:1px;} .footer_sub_menu li:last-child{border:0;margin:0;padding:0;} .footer_sub_menu li .sub2_menu{margin-bottom:15px;margin-top: 21px;} .footer_sub_menu li .sub2_menu ul{position:static;width:auto;left:0;margin-left:0;} .footer_sub_menu li .sub2_menu li{float:none;position:relative;} .footer_sub_menu li .sub2_menu a{ position:relative;line-height: 15px;font-size:13px;margin-top:0;height:auto;color:#8C8C8C;padding-left: 14px;} .footer_sub_menu li .sub2_menu a:before{ position:absolute; content:""; left:7px; top:10px; height:5px; width:5px; background:#8C8C8C;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;} .footer_sub_menu li .sub3_menu{display:none;margin-bottom:15px;position:absolute;left:0px;top:0;left: 142px;background: #fff;z-index:110;} .footer_sub_menu li .sub3_menu ul{position:static;width:auto;left:0;margin-left:0;} .footer_sub_menu li .sub3_menu li{float:none;position:relative;} .footer_sub_menu li .sub3_menu li.on{border:none;} .footer_sub_menu li .sub3_menu a{font-size:11px;margin-top:0;height:auto;color:#1e1f63;} .footer_sub_menu li a{display:inline-block;color:#24387C;line-height: 18px;font-size:13px;padding: 0px;text-align:left;line-height:1.5;} .footer_sub_menu li a{position:relative;top:8px;} .footer_sub_menu li:nth-child(4) a, .footer_sub_menu li:nth-child(6) a, .footer_sub_menu li:nth-child(7) a{top:0;} .footer_sub_menu li .region a{margin:0;font-size:12px;} .footer_nav li span, .footer_nav li a{display:inline-block;color:#fff;line-height: 40px;letter-spacing:2px;text-align:center;font-size: 13px;cursor:pointer;padding: 0px 7px;} .footer_nav li a:before{ position:absolute; content:"";height:14px; width:1px; background:#fff; right:0; top:50%; margin-top:-7px;} .footer_nav li a:after{width:1px;} .footer_nav li.nav01 a{padding-left:0;} .footer_nav li:last-child a{padding-right:0;background:none;} .footer_nav li .menu{display:none;position:absolute;top:40px;left:0;} .footer_nav li .sub_menu{display:none;background:#C3C3D9;width:100%;z-index:100;} .footer_nav li .sub_menu ul{position:relative;width:1000px;} .footer_nav li .sub_menu ul li{} .footer_nav li .sub_menu a{line-height: 14px;font-size:14px;background:none; border-left:1px solid #fff;padding: 5px 37px 5px 5px;margin:15px 30px 15px 0;letter-spacing:0;color:#373782;} .footer_nav li.nav02 .sub_menu a{margin-bottom:0;text-align:left;width:136px;padding-right:0;margin-right:0;height:30px;} .footer_nav li.nav02 .sub2_menu{margin-bottom:15px; display:none;} .footer_nav li.nav02 .sub2_menu ul{position:static;width:auto;left:0;margin-left:0;} .footer_nav li.nav02 .sub2_menu li{float:none;position:relative;} .footer_sub_menu li .sub2_menu li.on{border-top:1px solid #fff;border-bottom:1px solid #fff;} .footer_sub_menu li:last-child .sub2_menu li.on{border-right:1px solid #fff;} .footer_sub_menu li .sub2_menu li.on a{padding: 4px 0px 4px 7px;} .footer_sub_menu li.nav02 .sub2_menu a{font-size:11px;margin-top:0;height:auto;} .footer_nav li.nav02 .sub3_menu{display:none;margin-bottom:15px;position:absolute;left:20px;top:0;left: 142px;background: #fff;z-index:110;} .footer_nav li.nav02 .sub3_menu ul{position:static;width:auto;left:0;margin-left:0;} .footer_nav li.nav02 .sub3_menu li{float:none;position:relative;} .footer_nav li.nav02 .sub3_menu li.on{border:none;} .footer_nav li.nav02 .sub3_menu a{font-size:11px;margin-top:0;height:auto;color:#1e1f63;} .copyright{margin:0 auto;width:1000px;font-family:Century Gothic,Futura,sans-serif;color:rgba(255,255,255,0.7);font-size:11px;line-height:20px;padding: 21px 0;letter-spacing:1px;} .footer_nav_wrap{} .footer_nav{margin:0 auto;width:1000px;} .footer_nav li{ display:inline-block;} .top_link{display:block;position:fixed;right:10px;bottom:10px;width:100px;text-align:center;opacity:0.8;} .top_link a{color:#fff;font-size:12px;line-height:30px;display:block;background:#243a7a;border:1px solid #243a7a;transition:all 0.3s;-webkit-transition:all 0.3s;} .top_link a:before{content:"";display:block;height:0px;width:0px;border-bottom:#fff 5px solid;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid transparent;margin:0 auto;} .top_link a:hover{} .top_link a:hover{color:#243a7a;background:#fff;border:1px solid #ccc;opacity:1;} .top_link a:hover:before{border-bottom:#243a7a 5px solid;} /*============================ ============================== ============================== ============================== #2__TOP設定 ============================*/ /* -who- */ .title01{ font-size:34px; font-weight:bold; text-align:center;margin-bottom: 69px;} .title02{ font-size:24px; font-weight:bold; text-align:center;margin-bottom: 50px;} body#topPage .linkArea{} body#topPage .linkArea > .title{margin: 75px 0;color: #24387C;font-size: 28px;text-align: center;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} body#topPage .linkArea .link{background:url(/img/platform_bg.png) center center no-repeat; width:835px; height:835px;margin: 0 auto; position:relative;} body#topPage .linkArea .link ul{font-size: 0;} body#topPage .linkArea .link ul li{flex-direction: column;-webkit-flex-direction: column;text-align: center;position:absolute;vertical-align: top;box-sizing: border-box;width: 180px;height: 180px;-moz-border-radius: 150px;-ms-border-radius: 150px;-o-border-radius: 150px;border-radius: 150px;-webkit-border-radius: 150px;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;} body#topPage .linkArea .link ul li:last-child{ margin-right:0;} body#topPage .linkArea .link ul li.color01{background:rgba(72,92,160,0.97);left: 0;right: 0;top: 0;bottom: 0;margin: auto;} body#topPage .linkArea .link ul li.color02{background:rgba(150,181,82,0.97);right: 130px;top: 255px;} body#topPage .linkArea .link ul li.color03{background:rgba(152,113,180,0.97);left: 0;right: 0;margin: auto;top: 120px;} body#topPage .linkArea .link ul li.color04{background:rgba(87,160,226,0.97);left: 130px;top: 255px;} body#topPage .linkArea .link ul li.color05{background:rgba(217,131,155,0.97);bottom: 165px;left: 200px;} body#topPage .linkArea .link ul li.color06{background:rgba(40,172,166,0.97); right: 200px;bottom: 165px;} body#topPage .linkArea .link ul li.color07{background:rgba(234,186,60,0.97);bottom: 125px;left: 0;right: 0;margin: auto;} body#topPage .linkArea .link ul li.color08{background:rgba(246,135,65,0.97);} body#topPage .linkArea .link ul li a{ width:180px;min-height: 180px; color:#fff;padding: 0;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius:200px;-webkit-border-radius:200px;display: flex;align-items: center;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;-webkit-align-items: center;} body#topPage .linkArea .link ul li a .title{ font-size:18px;} body#topPage .linkArea .link ul li a .text{ font-size:15px;height:0;opacity:0;overflow:hidden;} body#topPage .linkArea .link ul li a .btn{ margin-bottom:0; font-size:12px;margin-top: 35px; position:relative;line-height: 1;letter-spacing:3px;display: inline-block;padding-left: 20px;} body#topPage .linkArea .link ul li a .btn:before{ position:absolute; content:""; width:6px; height:6px; left:0; top:2px; border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);} body#topPage .whatG101 .img{margin-bottom: 47px;margin-bottom: 47px;} body#topPage .whatG101 .text01{line-height: 56px;margin-bottom: 65px;} .whatG101 .video{ width:500px; height:280px; position:relative; margin:0 auto;margin-bottom: 133px;} .clickLink{width: 100%; overflow:hidden;z-index: 0;position: absolute;height: 100%;} .clickLink a{width: 520px;height: 160px; font-size:0;display: block;position: absolute;} .clickLink a:nth-child(1){left: -85px;top: 102px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .clickLink a:nth-child(2){right: -85px;top: 102px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);} .clickLink a:nth-child(3){left: -85px;bottom: 102px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);} .clickLink a:nth-child(4){right: -85px;bottom: 102px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .clickLink:before{position: absolute;content: "";width: 77%;height: 77%;left: 0;top: 0;border-radius: 100%;right: 0;bottom: 0;margin: auto;z-index: 1;} /* -引用設定- */ #topPage #main_visual_area{padding-top:115px;} #main_visual_area ul{position:relative;} #main_visual_area li {height:650px;} #main_visual_area li span{width:100%;} #main_visual_area li .txt{opacity:0;width: 1000px;float:right;padding-top:0px;font-size:35px; letter-spacing:-1px;color:#fff;position:absolute;bottom: 0; text-align:left; display:inline-block;margin: auto;z-index: 201;top: 0;height: 150px;left: 0;right: 0;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transition:all 1s;} #main_visual_area li .txt .inner{position: relative; letter-spacing:-1px;z-index: 201;} .video_logo{ float:left;margin-right: 30px;z-index: 201;} .typing{ padding: 55px 0;position: relative;opacity:0;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transition:all 1s;} #main_visual_area li{ position:relative;} #main_visual_area .bxslider li:before{opacity:0;right:100%;position:absolute; content:""; background:url(../img/video_arrow.png) center center no-repeat; height:650px; width:4793px; z-index:200; top:0px;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transition:all 1s;} .typing.on{opacity:1; left:0;} #main_visual_area li .txt.on{opacity:1;} #main_visual_area li.on:before{opacity:1;right:50%;} #main_visual_area li.off:before{opacity:0;} #main_visual_area li span.img{overflow:hidden;} #main_visual_area li span.img img{width:100%;opacity:0;} #main_visual_area li span.img video{position:absolute;right: 0;top: -4vw;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;background-size: cover;} #main_visual_area li.mov_slide:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:rgba(0,0,0,0.2);} #main_visual_area li.news_slide:after{content:"";display:block;width:100%;height:618px;position:absolute;bottom:0;left:0;z-index:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#373782+0,373782+100&0+0,0.5+100 */ background: -moz-linear-gradient(top, rgba(55,55,130,0) 0%, rgba(55,55,130,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(55,55,130,0) 0%,rgba(55,55,130,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(55,55,130,0) 0%,rgba(55,55,130,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373782', endColorstr='#80373782',GradientType=0 ); /* IE6-9 */ } .main_visual{ position:relative;overflow:hidden; text-align:center;height:650px;margin:0 auto;} .main_visual a:hover{ opacity:1;} #bx_pager{position: absolute;width:1000px;bottom: 20px;z-index:100; left:0; right:0; margin:auto;} #bx_pager a{cursor: pointer;width:60px;height:4px;background: rgba(255,255,255,0.3);display: inline-block;margin-right:10px; position:relative;} #bx_pager a:before{position: absolute;content: "";padding: 12px 15px;left: -2px;top: -10px;} #bx_pager a:before:hover{ cursor:pointer;} #bx_pager a:last-child{ margin-right:0; border-right:0;} #bx_pager a.active{background: rgba(255,255,255,1);} #news{} .slick_list li {float:left;margin:0 25px 0 0;position:relative;} .slick_list li a:after{content:"";position:absolute;top:0;left:0;width:100%;display:block;background:rgba(0,0,0,0.5);transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;} .slick_list li a:hover:after{height:100%;opacity:1;} .slick_list li a{display:block;width:487px;text-align:center;position:relative;} .slick_list li a .img{height:260px;overflow:hidden;position:relative;} .slick_list li a .position{width:100%;text-align:center;z-index:1;background:#f2f2f2;padding:25px 0 20px 0;} .slick_list li a span.title{display:block;font-size:26px;color:#373780;font-weight:bold;position:relative;margin:0 0 25px 0;line-height:1;} .slick_list li a span.title:after{content:"";position:absolute;left:50%;margin-left:-15px;width:30px;height:1px;bottom:-12px;border-bottom:1px solid #000;} .slick_list li a span.date{display:block;font-size:18px;color:#000;} .slick_list li a .img:after{content:"";display:block;width:100%;height:200px;position:absolute;bottom:0;left:0;z-index:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#373782+0,373782+100&0+0,0.5+100 */ background: -moz-linear-gradient(top, rgba(55,55,130,0) 0%, rgba(55,55,130,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(55,55,130,0) 0%,rgba(55,55,130,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(55,55,130,0) 0%,rgba(55,55,130,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373782', endColorstr='#80373782',GradientType=0 ); /* IE6-9 */ mix-blend-mode: multiply; } #content{background: #f6f6f6;/*background:url(../img/content02_bg.jpg) center center no-repeat;background-size:cover;*/padding:105px 0 50px 0;} .categorr_nav{display:table;margin:0 auto 50px auto;} .categorr_nav li{float:left;margin:0 10px 0 0;position:relative;background:#FFF;} .categorr_nav li a{display:block;position:relative;width:136px;line-height:24px;overflow:hidden;text-align:center;font-size:14px;background:none;} .categorr_nav li a span{color:#000;position:relative;z-index:2;} .categorr_nav li:hover a span{color:#fff;} .categorr_nav li.on a{background:#373980;} .categorr_nav li.on a span{color:#FFF;font-weight:normal;} .categorr_nav li a:after{content:"";position:absolute;left:0;top:0;width:0;height:30px;transition:all 0.3s;-webkit-transition:all 0.3s;} .categorr_nav li:hover a span{color:#FFF !important;} .categorr_nav li:hover a:after{width:100%;} .categorr_nav li:nth-child(1) a{border:2px solid #373980;} .categorr_nav li:nth-child(2) a{border:2px solid #fd8339;color:#fd8339} .categorr_nav li:nth-child(3) a{border:2px solid #5ab4fc;color:#5ab4fc} .categorr_nav li:nth-child(4) a{border:2px solid #9b75de;color:#9b75de} .categorr_nav li:nth-child(5) a{border:2px solid #9ac655;color:#9ac655} .categorr_nav li:nth-child(2) a span{color:#fd8339} .categorr_nav li:nth-child(3) a span{color:#5ab4fc} .categorr_nav li:nth-child(4) a span{color:#9b75de} .categorr_nav li:nth-child(5) a span{color:#9ac655} .categorr_nav li:nth-child(2):hover a:after{background-color:#fd8339} .categorr_nav li:nth-child(3):hover a:after{background-color:#5ab4fc} .categorr_nav li:nth-child(4):hover a:after{background-color:#9b75de} .categorr_nav li:nth-child(5):hover a:after{background-color:#9ac655} .latest_box_area{width:1000px;margin:0 auto;} .latest_box_column{float:left;width:300px;border-right:1px solid #f0f0f0;} #latest_conf.latest_box_column{padding:0 19px 0 0;} #latest_other.latest_box_column{padding:0 19px;} #latest_sns.latest_box_column{padding:0 0 0 19px;border:none;} .latest_box_column > .title{font-size:18px;color:#4a5fa5;font-weight:bold;line-height:1;padding:0 0 10px 0;border-bottom:3px solid #4a5fa5;margin:0 0 30px 0;text-align:center;} #latest_other.latest_box_column > .title{color:#fd8b43;border-color:#fd8b43;} #latest_sns.latest_box_column > .title{color:#59a5e8;border-color:#59a5e8;} .latest_box{width:300px;margin:0 25px 25px 0;background:#FFF;} .latest_box li .content{padding:15px;} .latest_box li .top_tag{margin-bottom:20px;} .latest_box li .tag{float:left;font-size:12px;color:#fff;padding:0 8px;line-height:22px;text-align:center;background: #4a5fa5;} #latest_other.latest_box_column .latest_box li .tag{background: #fd8b43;} #latest_sns.latest_box_column .latest_box li .tag{background: #59a5e8;} .latest_box li .date{float:right;font-size:14px;color:#737373} .latest_box li .title{min-height: 54px;font-size:18px;color:#000;margin:0 0 10px 0;} .latest_box li .author{font-size:14px;color:#737373;margin:0 0 15px 0;} .latest_box li .more{color:#373780;font-size:12px;font-weight:bold;letter-spacing:1px;} .latest_box li .img{position:relative;overflow:hidden;height:200px;} .latest_box li .img img{transform:scale(1);transition:all 0.3s;-webkit-transition:all 0.3s;} .latest_box li .img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%;width:100%;background:url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);z-index:1;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;} .latest_box li:hover .img img{transform:scale(1.1);} .latest_box li:hover .img:before{opacity:1;} .blog_content ul{display:table;margin:0 auto;width:1050px;} .blog_content ul li{float:left;width:315px;margin:0 25px 25px 0;background:#FFF;} .blog_content ul li .content{padding:15px;} .blog_content ul li .top_tag{margin-bottom:20px;} .blog_content ul li .tag{float:left;font-size:13px;color:#fff;padding:0 8px;line-height:22px;text-align:center;} .blog_content ul li .date{float:right;font-size:14px;color:#737373} .blog_content ul li .title{font-size:18px;color:#000;margin:0 0 10px 0;} .blog_content ul li .author{font-size:14px;color:#737373;margin:0 0 15px 0;} .blog_content ul li .more{color:#373780;font-size:12px;font-weight:bold;letter-spacing:1px;} .blog_content ul li .img{position:relative;overflow:hidden;} .blog_content ul li .img img{transform:scale(1);transition:all 0.3s;-webkit-transition:all 0.3s;} .blog_content ul li .img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%;width:100%;background:url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);z-index:1;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;} .blog_content ul li:hover .img img{transform:scale(1.1);} .blog_content ul li:hover .img:before{opacity:1;} .blog_content ul li:nth-child(1) .tag{background:#9ac655;} .blog_content ul li:nth-child(2) .tag{background:#fd7922;} .blog_content ul li:nth-child(3) .tag{background:#4fb1fc;} .blog_content ul li:nth-child(4) .tag{background:#4fb1fc;} .blog_content ul li:nth-child(5) .tag{background:#90c146;} .blog_content ul li:nth-child(6) .tag{background:#946cdc;} .event_list{max-width:1200px;margin:0 auto;} .event_list li{width:100%;position:relative;height:390px;float:left;} .event_list li *{transition:all 0.3s;-webkit-transition:all 0.3s;} .event_list li a{display:block;width: 100%; height: 100%;} .event_list li .img{position:relative;width:78%;height:100%;} .event_list li .img img{;min-height:290px;opacity:0;} /*.event_list li .img:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:280px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );z-index:1;}*/ .event_list li .img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:0px;background:#373780;opacity:0.9;transition:all 0.3s;-webkit-transition:all 0.3s;} .event_list li .content{position:absolute;z-index:2;top:0px;right:0;text-align:center;width:422px;height:240px;color:#FFF;} .event_list li .content:after{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:-10px;background:#FFF;transition:.3s;-webkit-transition:.3s;} .event_list li .layer01{content:"";position:absolute;right:0;top:0;height:240px;width:422px;background:rgba(74, 95, 165, 1);z-index:1;mix-blend-mode: multiply;} .event_list li .layer02{content:"";position:absolute;right:0;top:0;height:240px;width:422px;background:rgba(74, 95, 165, 0.6);z-index:1;} .event_list li .content .inner_content{padding:35px 0 0 0;position:relative;z-index:2;} .event_list li .title{font-size:38px;margin:0 0 20px 0;line-height:1;} .event_list li .desc{font-size:16px;line-height:1.8;} .event_list li .hidden_area{opacity:0;overflow:hidden;background:rgba(255,255,255,0.8);position: absolute;right: 100%;top: -40px;width: 422px;height: 240px;text-align:center;color:#424242;display:none;} .event_list li .conf_title{font-size:14px;font-weight:bold;padding:58px 0 15px 0;line-height:1;} .event_list li .conf_desc{font-size:14px;margin:0 0 18px 0;} .event_list li .btn{width:220px;text-align:center;font-size:16px;color:#fff;line-height:42px;background:rgba(74, 95, 165,0.8);margin:0 auto;font-weight:bold;position:relative;} .event_list li .btn:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #ffff;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;right:20px;top:15px;} .event_list li .content:before{content: "";display: block;width: 10px;height: 10px;position: absolute;top: 50%;margin-top: -6px;left: -58px;border-top: 2px solid #263a7a;border-right: 2px solid #263a7a;transform: rotate(45deg);-webkit-transform: rotate(45deg);z-index: 3;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;} .event_list li:nth-child(2n) .content:before{left:initial;right:-58px;transform: rotate(225deg);-webkit-transform: rotate(225deg);} .event_list li:hover .content:after{border-radius:100%;transform: scale(2);-webkit-transform: scale(2);} .event_list li:hover .content:before{left: -8px;opacity:1;} .event_list li:nth-child(2n):hover .content:before{left:initial;right:-8px;} .event_list li:hover .hidden_area{opacity:1;top:0px;display:none;} .event_list li:nth-child(2n) .img{float:right;} .event_list li:nth-child(2n) .content{left:0;right:inherit;} .event_list li:nth-child(2n) .content:after{left:100%;right:inherit;margin-left:-10px;background:#FFF;} .event_list li:nth-child(2n) .layer01{left:0;right:inherit;} .event_list li:nth-child(2n) .layer02{left:0;right:inherit;} .event_list li:nth-child(2n) .content .inner_content{} .event_list li:nth-child(2n) .hidden_area{right:inherit;left:100%;} .event_list li:nth-child(2) .layer01{background:rgba(154, 186, 84, 0.95)} .event_list li:nth-child(2) .layer02{background:rgba(154, 186, 84, 0.6)} .event_list li:nth-child(3) .layer01{background:rgba(156, 116, 185, 0.95)} .event_list li:nth-child(3) .layer02{background:rgba(156, 116, 185, 0.6)} .event_list li:nth-child(4) .layer01{background:rgba(89, 165, 232, 0.95)} .event_list li:nth-child(4) .layer02{background:rgba(89, 165, 232, 0.6)} .event_list li:nth-child(5) .layer01{background:rgba(223, 135, 159, 0.95)} .event_list li:nth-child(5) .layer02{background:rgba(223, 135, 159, 0.6)} .event_list li:nth-child(6) .layer01{background:rgba(41, 177, 171, 0.95)} .event_list li:nth-child(6) .layer02{background:rgba(41, 177, 171, 0.6)} .event_list li:nth-child(7) .layer01{background:rgba(241, 191, 62, 0.95)} .event_list li:nth-child(7) .layer02{background:rgba(241, 191, 62, 0.6)} .event_list li:nth-child(8) .layer01{background:rgba(253, 139, 67, 0.95)} .event_list li:nth-child(8) .layer02{background:rgba(253, 139, 67, 0.6)} .event_list li:nth-child(2) .btn{background:rgba(154, 186, 84, 0.8)} .event_list li:nth-child(3) .btn{background:rgba(156, 116, 185, 0.8)} .event_list li:nth-child(4) .btn{background:rgba(89, 165, 232, 0.8)} .event_list li:nth-child(5) .btn{background:rgba(223, 135, 159, 0.8)} .event_list li:nth-child(6) .btn{background:rgba(41, 177, 171, 0.8)} .event_list li:nth-child(7) .btn{background:rgba(241, 191, 62, 0.8)} .event_list li:nth-child(8) .btn{background:rgba(253, 139, 67, 0.8)} @media screen and (min-width: 1200px){.event_list li .img{position:relative;left:-7.5%;}.event_list li:nth-child(2n) .img{position:relative;left:7.5%;} } #sponsor{text-align:center;padding:105px 0 100px 0;} .sponsorList{} .sponsorList ul{ text-align:center;margin: 0 auto; margin-bottom:50px; width:1000px; font-size:0;} .sponsorList ul:last-child{ margin-bottom:0;} .sponsorList ul li{ display:inline-block; vertical-align:middle;width: 25%;margin:5px 0;} .sponsorList ul li a{display:block;text-align:center;padding:20px;} .sponsorList ul li:last-child{ margin-right:0;} /*.sponsorList ul li img{max-width:500px !important;height:45px;}*/ .eventPop{} .eventPop > .top{margin-bottom: 15px;} .eventPop > .top > .img{float: left;max-width: 19%;} .eventPop > .top > .img > img{} .eventPop > .top > .profile{float: right;padding-top: 15px;width: 80%;} .eventPop > .top > .profile > .name{font-size: 22px;margin-bottom: 5px;} .eventPop > .top > .profile > .name > span{font-size: 14px;} .eventPop > .top > .profile > .cap{color: #737373;margin-bottom: 15px;} .eventPop .text{color: #505050; font-size:14px;} .eventPop .text > p{margin-bottom:10px;} .eventPop .text > p:last-child{ margin-bottom:0;} .programTable .programSection .programBox .person .name a{ position:relative; text-decoration:underline;padding-left: 13px;} .programTable .programSection .programBox .person .name a:before{ position:absolute; content:""; width:6px; height:6px;left: 0;top: 50%;margin-top: -4px;border-top:1px solid #24387C;border-right:1px solid #24387C;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);} .programTable .programSection .title.pl100{padding-left:100px;} /* -G1globaプログラム */ .program_note{ margin-bottom:20px; font-size:16px; display:none;} .program_note:last-of-type{ margin-bottom:0;} .program_note p{ margin-bottom:10px;} .program_note b{ display:block; font-size:18px; color:#000; margin-bottom:5px;} body#g1global #y2020 .program_note.txt2020{ display:block;} body#g1global #y2019 .program_note.txt2019{ display:block;} body#g1global #y2018 .program_note.txt2018{ display:block;} body#g1global #y2017 .program_note.txt2017{ display:block;} body#g1global #y2016 .program_note.txt2016{ display:block;} /*thinktank */ #thinktank{margin:125px 0 0 0;padding:105px 0;background:#f6f6f6} .thinktank_block{width:1000px;margin:0 auto} .thinktank_block li {float:left;width:475px;margin:0 50px 30px 0;} .thinktank_block li.noImg .img{ background:#797979; width:100%; height:316px;} .thinktank_block li:nth-child(2n){margin:0 0px 30px 0;} .thinktank_block li .content{padding:15px;} .thinktank_block li .top_tag{margin-bottom:20px;} .thinktank_block li .tag{float:left;font-size:13px;color:#fff;padding:0 8px;line-height:22px;text-align:center;background: #4a5fa5;} .thinktank_block li .date{float:right;font-size:14px;color:#737373} .thinktank_block li .title{font-size:22px;color:#000;margin:0 0 10px 0;} .thinktank_block li .detail{font-size:15px;color:#737373;margin:0 0 15px 0;} .thinktank_block li .more{color:#373780;font-size:12px;font-weight:bold;letter-spacing:1px;} .thinktank_block li .img{position:relative;overflow:hidden;} .thinktank_block li .img img{transform:scale(1);transition:all 0.3s;-webkit-transition:all 0.3s;} .thinktank_block li .img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%;width:100%;background:url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);z-index:1;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;} .thinktank_block li:hover .img img{transform:scale(1.1);} .thinktank_block li:hover .img:before{opacity:1;} .thinktank_menu ul li{display:inline-block;float:left;margin:0 5px 5px 0 !important;width:auto;} .thinktank_menu ul li a{display:inline-block;line-height:34px;color:#FFF;background:#373980;padding:0 5px;border:2px solid transparent;font-size:14px;} .thinktank_menu ul li:hover a{background:#FFF;color:#373980;border:2px solid #373980;} /*initiative */ section#initiative{padding:105px 0 50px 0;} .initiative_block{width:1000px;margin:0 auto} .initiative_block li {float:left;width:475px;margin:0 50px 30px 0;} .initiative_block li:nth-child(2n){margin:0 0px 30px 0;} .initiative_block li .content{padding:15px;} .initiative_block li .top_tag{margin-bottom:20px;} .initiative_block li .tag{float:left;font-size:13px;color:#fff;padding:0 8px;line-height:22px;text-align:center;background: #4a5fa5;} .initiative_block li .tag.purple{ background:#9D72BB;} .initiative_block li .tag.orenge{ background:#FF8B38;} .initiative_block li .tag.blue{ background:#55A4EB;} .initiative_block li .tag.green{ background:#99BB4D;} .initiative_block li .date{float:right;font-size:14px;color:#737373} .initiative_block li .title{font-size:22px;color:#000;margin:0 0 10px 0;} .initiative_block li .title span{font-size:17px;} .initiative_block li .detail{font-size:15px;color:#737373;margin:0 0 15px 0;} .initiative_block li .more{color:#373780;font-size:12px;font-weight:bold;letter-spacing:1px;} .initiative_block li .img{position:relative;overflow:hidden;} .initiative_block li .img img{transform:scale(1);transition:all 0.3s;-webkit-transition:all 0.3s;} .initiative_block li .img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%;width:100%;background:url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);z-index:1;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;} .initiative_block li:hover .img img{transform:scale(1.1);} .initiative_block li:hover .img:before{opacity:1;} .initiative_img{text-align:center;padding:20px 0;} .top_ini_img{margin: 0 0 60px 0;} .top_ini_img .initiative_img{position:relative;background:url(../img/top_g1network.png) center center no-repeat;width: 728px;margin:0 auto;padding: 0;} .top_ini_img .initiative_img img{opacity:0;} .top_ini_img .initiative_img a{position:absolute;display:block;z-index:10;width:240px;height:53px;} .top_ini_img .initiative_img a:hover{background:rgba(255,255,255,0.2);} .top_ini_img .initiative_img a.home{ width: 184px;height: 180px;left: 50%;margin-left: -90px;top: 77px;z-index: 11;} .top_ini_img .initiative_img a.category01{left:244px;top:0px;} .top_ini_img .initiative_img a.category02{right:0;top:100px;} .top_ini_img .initiative_img a.category03{left:0px;top:100px;} .top_ini_img .initiative_img a.category04{right:37px;top:240px;} .top_ini_img .initiative_img a.category05{left: 37px;top: 240px;} /*initiative */ #g1network{padding:0px 0 50px 0;} .g1network_img{text-align:center;padding:20px 0;} /*============================ ============================== ============================== ============================== #3__下層設定 ============================*/ /* -基本設定- */ body.kaso #main_visual_area{padding-top:114px;} body.kaso #main_visual_area li{ height:auto;} body.kaso .main_visual{ height:auto; background:url(/img/kaso_visual01.jpg) bottom center /cover no-repeat;} body.kaso .main_visual img{ opacity:0;} body.kaso #main_content section:nth-child(even){ background:#F5F5F5;} body.kaso #main_content section{padding-top: 102px;padding-bottom: 90px;} body.kaso #main_content section:last-child{padding-bottom: 150px;} body.kaso #main_content section:first-child{padding-top: 119px;padding-bottom: 90px;} body.kaso #main_content section.pb0{ padding-bottom:0;} body.kaso #main_content section.tab_none:first-child{padding-top:30px !important;} body.kaso .section > .title{font-size:42px;text-align:center;margin-bottom: 79px;} body.kaso .section > .title span{position:relative;padding-bottom: 38px;} body.kaso .section > .title span:before{ position:absolute; content:""; width:50px; height:1px; background:#000; bottom:0; left:0; right:0; margin:auto;} .subTitle{margin: 58px 0 34px 0;color:#24387C; font-size:22px; font-weight:bold; position:relative;text-align: center;} .subTitle span{ position:relative;background: #F5F5F5;z-index: 3;padding: 0 15px 0 40px;} .subTitle span:before, .subTitle:after{position:absolute; content:"";width: 100%;height: 1px;border-bottom: 1px dotted #24387C;left: 0;top: 50%;margin-top: -1px;} .subTitle span:before{counter-increment: number 1;content: counter(number);left: 14px;color: #fff;background: #24387C;font-weight: normal;width: 20px;height: 20px;line-height: 21px;font-size: 18px;top: 50%;margin-top: -10px;} .subTitle:after{width:100%; height:1px; border-bottom:1px dotted #24387C;} #tab01{margin-bottom: 43px;height: 55px;background:#F5F5F5;} .tab01 h2.title{ font-size:30px; font-weight:normal;margin-bottom: 35px;} .tab01 ul{font-size: 0;text-align: center;width: 1000px;margin: 0 auto;} .tab01 ul li{display: inline-block; position:relative;vertical-align: top;margin-right: 8px;} .tab01.two ul li a{ width:300px;} .tab01.three ul li a{ width:300px;} .tab01.four ul li a{width:220px;} .tab01.five ul li a{width: 190px;} .tab01.six ul li a{width:150px;} .tab01 ul li:before, .tab01 ul li:after{ position:absolute; content:""; left:0; right:0; bottom:0; margin:auto;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .tab01 ul li:before{ width:0; height:0; border-width:11px; border-style:solid; border-color:transparent transparent transparent #fff;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:rotate(90deg);} .tab01 ul li:after{} .tab01 ul li:before{z-index: 10;} .tab01 ul li:after{ bottom:15px; width:11px; height:11px; border-top:11px solid #24387C; z-index: -1;border-right:11px solid #24387C;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform:rotate(135deg);} .tab01 ul li:last-child{ margin-right:0;} .tab01 ul li a{border: 0 solid #24387C;position: relative;top:0;font-size:16px; color:#424242; background:#fff;display: flex;height:80px;width: 120px;box-sizing: border-box;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 3px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 3px rgba(0,0,0,0.1);box-shadow:3px 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.1);} body.about .tab01 ul li:nth-child(3) a, body.event .tab01 ul li:nth-child(5) a{ width:230px;} body#g1college .tab01 ul li:nth-child(6) a{ width:230px;} body#g1college .tab01 ul li:nth-child(5) a{width:120px;} .tab01.bottom_menu{margin-bottom:30px;} .tab01.bottom_menu ul li:after, .tab01.bottom_menu ul li:before{display:none;} .tab01.bottom_menu ul li.active a, .tab01.bottom_menu ul li:hover a{top:0;height: 80px;} .textArea{margin-bottom: 80px;} .textArea:last-child{ margin-bottom:0;} .textArea h4.title{font-size:26px;text-align:center; line-height:1;margin-bottom: 41px;} .textArea .text{margin-bottom: 40px;text-align:center; font-size:18px;line-height: 34px;} .textArea .text:last-child{ margin-bottom:0;} .textArea .text p{margin-bottom: 30px;line-height: 36px;} .textArea .text p:last-child{ margin-bottom:0;} .linkArea{} .linkArea > .title{margin: 75px 0;color: #24387C;font-size: 28px;text-align: center;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .linkArea .link{background:url(/img/platform_bg.png?data=02) center center no-repeat; width:835px; height:835px;margin: 0 auto; position:relative;} .linkArea .link ul{font-size: 0;} .linkArea .link ul li{flex-direction: column;-webkit-flex-direction: column;text-align: center;position:absolute;vertical-align: top;box-sizing: border-box;width: 180px;height: 180px;-moz-border-radius: 150px;-ms-border-radius: 150px;-o-border-radius: 150px;border-radius: 150px;-webkit-border-radius: 150px;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;} .linkArea .link ul li:last-child{ margin-right:0;} .linkArea .link ul li.color01{background:rgba(72,92,160,0.97);left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .linkArea .link ul li.color02{background:rgba(150,181,82,0.97);right: 130px;top: 255px;} .linkArea .link ul li.color03{background:rgba(152,113,180,0.97);left: 0;right: 0;margin: auto;top: 120px;} .linkArea .link ul li.color04{background:rgba(87,160,226,0.97);left: 130px;top: 255px;} .linkArea .link ul li.color05{background:rgba(217,131,155,0.97);left: 200px;bottom: 165px;} .linkArea .link ul li.color06{background:rgba(40,172,166,0.97);right: 200px;bottom: 165px;} .linkArea .link ul li.color07{background:rgba(234,186,60,0.97);bottom: 125px;left: 0;right: 0;margin: auto;} .linkArea .link ul li.color08{background:rgba(246,135,65,0.97);} .linkArea .link ul li a{ width:180px;min-height: 180px; color:#fff;padding: 0;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius:200px;-webkit-border-radius:200px;display: flex;align-items: center;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;-webkit-align-items: center;} .linkArea .link ul li a .title{ font-size:18px;} .linkArea .link ul li a .text{ font-size:15px;height:0;opacity:0;overflow:hidden;} .linkArea .link ul li a .btn{ font-size:12px;margin-top: 35px; position:relative;line-height: 1;letter-spacing:3px;display: inline-block;padding-left: 20px;} .linkArea .link ul li a .btn:before{ position:absolute; content:""; width:6px; height:6px; left:0; top:2px; border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);} .linkArea .link ul li:hover{ z-index:100;} .linkArea .link ul li:hover a{ width:310px;min-height: 310px; background:#fff; border:4px solid #000;box-sizing: border-box;} .linkArea .link ul li.color01:hover a{border-color:rgba(72,92,160,1);color:#495DA7;} .linkArea .link ul li.color02:hover a{border-color:rgba(150,181,82,1);color:#99BB4D;} .linkArea .link ul li.color03:hover a{border-color:rgba(152,113,180,1);color:#9D72BB;} .linkArea .link ul li.color04:hover a{border-color:rgba(87,160,226,1);color:#55A4EB;} .linkArea .link ul li.color05:hover a{border-color:rgba(217,131,155,1);color:#E1869F;} .linkArea .link ul li.color06:hover a{border-color:rgba(40,172,166,1);color:#1CB1AC;} .linkArea .link ul li.color07:hover a{border-color:rgba(234,186,60,1);color:#F2C02B;} .linkArea .link ul li.color08:hover a{border-color:rgba(246,135,65,1);color:#F68741;} .linkArea .link ul li:hover .text{height:40%;color:#000;opacity:1;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .linkArea .link ul li:hover .title{ font-size:20px;} .linkArea .link ul li:hover a .btn{ display:none;} body#whatG1 .linkArea{ background:none !important;} .textArea{} .textArea > .img{} .textArea > .img > img{} .section{} .section > .listArea{} .section > .listArea > ul{font-size: 0;} .section > .listArea > ul > li{display: inline-block;width: 440px;vertical-align: top;margin-right: 60px;margin-bottom: 60px;} .section > .listArea > ul > li:nth-chlid(2n){ margin-right:0;} .section > .listArea > ul > li > .name{font-size: 22px;text-align: center;border-bottom: 1px solid #373782;padding-bottom: 4px;margin-bottom: 10px;} .section > .listArea > ul > li > .text{font-size: 15px;line-height: 31px;} .section > .listArea > .note{} .pastEventArea .contentSelect > div{ height:405px;} .tab02{overflow: auto;margin-bottom: 33px;height: 70px;} .tab02 > ul{ font-size:0; text-align:center;white-space: nowrap;} .tab02 > ul > li{ font-size:17px; text-align:center; display:inline-block;border:2px solid #000; width:140px;padding: 5px 0;box-sizing: border-box; margin-right:10px; background:#fff; position:relative;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .tab02 > ul > li a{display:block;line-height:39px;} .tab02 > ul > li:hover{ cursor:pointer; opacity:0.8;} .tab02 > ul > li:last-child{ margin-right:0;} .tab02 > ul > li:before{position:absolute;bottom:-15px; left:0; right:0; margin:auto;width:0; height:0; border-width:7px; border-style:solid;border-color:#000 transparent transparent transparent;} .tab02 > ul > li:nth-child(1), .tab02 > ul > li:nth-child(1) a, .tab02 > ul > li:nth-child(8){border-color:#495DA7;color:#495DA7;} .tab02 > ul > li:nth-child(2), .tab02 > ul > li:nth-child(2) a, .tab02 > ul > li:nth-child(9){border-color:#FF8B38;color:#FF8B38;} .tab02 > ul > li:nth-child(3), .tab02 > ul > li:nth-child(3) a, .tab02 > ul > li:nth-child(10){border-color:#55A4EB;color:#55A4EB;} .tab02 > ul > li:nth-child(4), .tab02 > ul > li:nth-child(4) a, .tab02 > ul > li:nth-child(11){border-color:#9D72BB;color:#9D72BB;} .tab02 > ul > li:nth-child(5), .tab02 > ul > li:nth-child(5) a, .tab02 > ul > li:nth-child(12){border-color:#99BB4D;color:#99BB4D;} .tab02 > ul > li:nth-child(6), .tab02 > ul > li:nth-child(13){border-color:#37B6B9;color:#37B6B9;} .tab02 > ul > li:nth-child(7), .tab02 > ul > li:nth-child(14){border-color:#E6557E;color:#E6557E;} .tab02 > ul > li.on, .tab02 > ul > li.on a, .tab02 > ul > li:hover, .tab02 > ul > li:hover a{color:#fff;} .tab02 > ul > li.on:before{content:"";} .tab02 > ul > li:hover:nth-child(1), .tab02 > ul > li.on:nth-child(1){background:#495DA7;} .tab02 > ul > li:hover:nth-child(2), .tab02 > ul > li.on:nth-child(2){background:#FF8B38;} .tab02 > ul > li:hover:nth-child(3), .tab02 > ul > li.on:nth-child(3){background:#55A4EB;} .tab02 > ul > li:hover:nth-child(4), .tab02 > ul > li.on:nth-child(4){background:#9D72BB;} .tab02 > ul > li:hover:nth-child(5), .tab02 > ul > li.on:nth-child(5){background:#99BB4D;} .tab02 > ul > li:hover:nth-child(6), .tab02 > ul > li.on:nth-child(6){background:#37B6B9;} .tab02 > ul > li:hover:nth-child(7), .tab02 > ul > li.on:nth-child(7){background:#E6557E;} .tab02 > ul > li:hover:nth-child(8), .tab02 > ul > li.on:nth-child(8){background:#495DA7;} .tab02 > ul > li:hover:nth-child(9), .tab02 > ul > li.on:nth-child(9){background:#FF8B38;} .tab02 > ul > li:hover:nth-child(10), .tab02 > ul > li.on:nth-child(10){background:#55A4EB;} .tab02 > ul > li:hover:nth-child(11), .tab02 > ul > li.on:nth-child(11){background:#9D72BB;} .tab02 > ul > li:hover:nth-child(12), .tab02 > ul > li.on:nth-child(12){background:#99BB4D;} .tab02 > ul > li:hover:nth-child(13), .tab02 > ul > li.on:nth-child(13){background:#37B6B9;} .tab02 > ul > li:hover:nth-child(14), .tab02 > ul > li.on:nth-child(14){background:#E6557E;} .tab02 > ul > li:hover:nth-child(1):before, .tab02 > ul > li.on:nth-child(1):before{border-color:#495DA7 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(2):before, .tab02 > ul > li.on:nth-child(2):before{border-color:#FF8B38 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(3):before, .tab02 > ul > li.on:nth-child(3):before{border-color:#55A4EB transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(4):before, .tab02 > ul > li.on:nth-child(4):before{border-color:#9D72BB transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(5):before, .tab02 > ul > li.on:nth-child(5):before{border-color:#99BB4D transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(6):before, .tab02 > ul > li.on:nth-child(6):before{border-color:#37B6B9 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(7):before, .tab02 > ul > li.on:nth-child(7):before{border-color:#E6557E transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(8):before, .tab02 > ul > li.on:nth-child(8):before{border-color:#495DA7 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(9):before, .tab02 > ul > li.on:nth-child(9):before{border-color:#FF8B38 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(10):before, .tab02 > ul > li.on:nth-child(10):before{border-color:#55A4EB transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(11):before, .tab02 > ul > li.on:nth-child(11):before{border-color:#9D72BB transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(12):before, .tab02 > ul > li.on:nth-child(12):before{border-color:#99BB4D transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(13):before, .tab02 > ul > li.on:nth-child(13):before{border-color:#37B6B9 transparent transparent transparent;} .tab02 > ul > li:hover:nth-child(14):before, .tab02 > ul > li.on:nth-child(14):before{border-color:#E6557E transparent transparent transparent;} body.thinktank .tab02 > ul > li{width:auto;padding:5px 20px;} body.thinktank .initiativeListBlock{border:none;} body.thinktank .ini_tab_list{display:table;margin:0 auto;border:none;} body.thinktank .ini_tab_list li{text-align:left;text-indent:-23px;padding-left:15px;} body.thinktank .ini_tab_list span{display:inline-block;background:#373980;padding:2px 3px;line-height:18px;width:18px;font-size:16px;color:#FFF;text-align:center;position:relative;left:-15px;text-indent: 0px;} body#g1global .tab02{ overflow:inherit;} body#g1global .tab02 > ul > li{width: 11.63%;margin-right: 1%;} body.kaso .main_visual{ display:none;} /* -G1とは- */ body#whatG1 .linkArea{ background:url(/img/what01_bg.png) center center no-repeat;} .whatG101{position:relative; /* margin-top: 125px;opacity:0; bottom:-1000px;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); */} .whatG101 .img{margin-bottom: 60px;text-align:center;} .whatG101 .img img{} .whatG101 .text01{margin-bottom: 73px;font-size:30px; color:#24387C; line-height:70px; text-align:center;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} .whatG101 .btn{margin-bottom: 90px;text-align:center;} .whatG101 .btn a{} .whatG101 .btn a img{} .whatG101 .text02{line-height: 1.9;text-align:center;font-size:18px; color:#000;} .whatG101 .text02 p{margin-bottom: 39px;} .whatG101 .text02 p:last-child{ margin-bottom:0;} .whatG101.move{opacity:1;bottom:0;} /* -目指すもの- */ body#vision .textArea > .img{ background:url(/img/vision02.jpg) center center /cover no-repeat;} body#vision .textArea > .img img{opacity:0;} .conceptlist .title{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 50px;} .conceptlist li{width: 490px;height: 100px;background: #516195;margin-bottom: 15px;line-height: 28px;padding-left: 60px;text-align: left;position: relative;counter-increment: conceptList;color: #fff;box-sizing: border-box;display: flex;align-items: center;-webkit-align-items: center;} .conceptlist li::before{content: counter(conceptList)".";position: absolute;left: 10px;font-size: 42px;font-family: "Avenir","Arial","corbel";color: rgba(255,255,255,0.5);font-weight: lighter;top: 0;bottom: 0;margin: auto;height: 27px;} .conceptlist li:nth-child(n){float:left;} .conceptlist li:nth-child(2n){float:right;} .visionList{} .visionList > ul{} .visionList > ul > li{font-family: serif;background:#fff; font-size:0;padding: 14px 0;margin-bottom: 20px;text-align:center} .visionList > ul > li:last-child{ margin-bottom:0;} .visionList > ul > li > .left{color:#24387C; font-size:18px; font-weight:bold; display:inline-block; margin:0 27px 0 23px;vertical-align: middle;} .visionList > ul > li > .left span{ font-size:21px;position:relative;top:1px;left:1px;} .visionList > ul > li > .right{ color:#000; font-size:30px; display:inline-block;vertical-align: middle;} /* -イベントページ全て- */ body.kaso.event .main_visual{ display:block;} body.kaso.event .pankuzuWrap{ background:#fff; border:none;} body#g1summit.kaso.event .main_visual{ background-image:url(/img/g1visual01_summit.jpg);} body#g1global.kaso.event .main_visual{ background-image:url(/img/g1visual01_global.jpg);} body#g1u40.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1u40.jpg);} body#g1college.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1college.jpg);} body#g1venture.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1venture.jpg);} body#g1executive.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1executive.jpg);} body#g1kansai.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1kansai.jpg);} body#g1kyushu_okinawa.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1kyushu_okinawa.jpg);} body#g1chugoku_shikoku.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1chugoku_shikoku.jpg);} body#g1chubu.kaso.event .main_visual{ background-image:url(/img/g1visual01_g1chubu.jpg);} body#g1wforum .main_visual, body#g1u30 .main_visual, body#g1okinawa .main_visual, body#g1ibaraki .main_visual{ display:none;} body#g1wforum .pankuzuWrap, body#g1u30 .pankuzuWrap, body#g1okinawa .pankuzuWrap, body#g1ibaraki .pankuzuWrap{background: #F5F5F5;} /* -グローバル- */ body#g1global .tab01 ul li:nth-child(4) a, body#g1global .tab01 ul li:nth-child(5) a{ width: 230px;} /* -イニシアティブ- */ .initiativeListBlock{border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;} .initiativeListBlock:last-child{border-bottom:none;} .initiativeList, .sectionArticle{position:fixed;opacity:0; height:0; top:0; z-index:-1;} .initiativeList > ul{} .initiativeList > ul > li{border-bottom: 1px solid #DCDCDC;padding: 42px 0;} .initiativeList > ul > li:last-child{ border-bottom:none;} .initiativeList > ul > li > .title{margin-bottom: 26px;color:#495DA7; font-weight:bold; font-size:26px; position:relative;} .initiativeList > ul > li > .title .inner{font-size: 20px;margin-top: 10px;} .initiativeList > ul > li > .title .inner .cap{ font-size:12px;} .initiativeList > ul > li > .title .inner .smoll{padding-left: 7px;} .initiativeList > ul > li > .title .category{ font-weight:bold; font-size:15px; text-align:center; display:table; background:#969696; color:#fff;padding: 1px 10px 1px 15px;margin-bottom: 16px;letter-spacing: 5px;} .initiativeList > ul > li > .title .smoll{font-size: 70%;position: relative;padding-left: 15px;top: -4px;} .initiativeList > ul > li > .title .cap{ color:#797979; font-size:15px;padding-left: 13px;top: -5px;position: relative; font-weight:inherit;} .initiativeList > ul > li > .text{line-height: 35px;font-size:18px; text-align:left;} .initiativeList > ul > li > .text > p{} .initiativeList > ul > li > .title > a:hover{ background:#24387C; color:#fff;} .initiativeList > ul > li > .title > a{box-sizing: border-box; font-weight:normal;width: 100px;text-align: center;line-height: 28px;font-weight: normal;letter-spacing: 3px;padding-left: 10px;margin-right: auto;position: absolute;right: 0;top: 50%;margin-top: -15px;border:1px solid #24387C; color:#24387C; font-size:14px; display:inline-block;} .initiativeList > ul > li > .title > a:before{ position:absolute; content:"";left: 5px;top: 50%;margin-top: -5px;width:9px; height:9px;border-top:1px solid #24387C;border-right:1px solid #24387C;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);} .initiativeList > ul > li > .title > a:hover:before{ border-color:#fff;} .initiativeList > ul > li > .img{text-align:left;margin-top: 26px;} .initiativeList > ul > li > .img > img{} .initiative_ph{text-align:center;padding:20px 0;} .initiativeList.on, .sectionArticle.on{z-index:0;top:auto;opacity:1; height:auto;position:relative;/*-moz-transition:all 1.5s;-ms-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;-webkit-transition:all 1.5s;*/} .initiativeList > ul > li.img_list{padding-left: 215px;position:relative;min-height: 300px;} .initiativeList > ul > li.img_list .img{position:absolute;left:0;padding:0;margin:0;} .initiativeList > ul > li .img_list {padding:20px 0 0 0 ;} .initiativeList > ul > li .img_list > div{float:left;margin-right:15px;width:200px;} .initiativeList > ul > li .img_list > div span{display:block;text-align:center;font-size:13px;line-height:2;} /* -シンクタンク- */ .tableStyle01 table > tbody > tr > td > b{ color:#000;} .thinkConcept{background: #fff;box-sizing: border-box;padding: 45px 60px;} .thinkConcept > .img{float: left;padding: 112px 0;} .thinkConcept > .img > img{} .thinkConcept > .text{font-size: 18px;float: right;} .thinkConcept > .text > p{margin-bottom: 35px;line-height: 36px;} .thinkConcept > .text > p:last-child{ margin-bottom:0;} .imgList{} .imgList > ul{text-align: center;font-size: 0;} .imgList > ul > li{display: inline-block;margin-right: 20px;} .imgList > ul > li:last-child{ margin-right:0;} .imgList > ul > li > img{} .tableStyle01 .border{border-spacing: 0;} .tableStyle01 .border > tbody{} .tableStyle01 .border > tbody > tr{} .tableStyle01 .border > tbody > tr > th{} .tableStyle01 .border > tbody > tr > td{border-bottom: 1px solid #DCDCDC;} .tableStyle01 .border > tbody > tr:last-child{ border-bottom:none;} .flowList{} .flowList > ul{} .flowList > ul > li{ border-top:1px solid #DCDCDC;padding: 21px 0 49px 0} .flowList > ul > li:last-child{ padding-bottom:0;} .flowList > ul > li > .title{width: 290px; float:left;padding-right: 10px;box-sizing: border-box;padding-right: 10px;} .flowList > ul > li > .title > .top{ font-weight:bold; font-size:16px; color:#000;margin-bottom: 7px;} .flowList > ul > li > .title > .bottom{ color:#24387C; font-weight:bold; font-size:22px;} .flowList > ul > li > .list{float:left;} .flowList > ul > li > .list > dl{counter-reset: number2 0;} .flowList > ul > li > .list > dl > dd{ color:#000; font-size:16px;padding-left: 20px;margin-bottom: 6px;position: relative;} .flowList > ul > li > .list > dl > dd:last-child{ margin-bottom:0;} .flowList > ul > li > .list > dl > dd:before{content: counter(number2);counter-increment: number2 1; color: #fff;background: #24387C;-moz-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;border-radius: 45px;-webkit-border-radius: 45px;display: inline-block;line-height: 15px;width: 15px;height: 15px;text-align: center;font-size: 12px;position: absolute;left: 0;top: 5px;} /*100の行動*/ .act_img{display:table;margin:0 auto 30px auto;} .act_img li{float:left;margin:0 30px;box-shadow:4px 4px 2px rgba(0,0,0,0.3);-webkit-box-shadow:4px 4px 2px rgba(0,0,0,0.3);} /* -G1u30- */ body#g1u30 .tab01 ul li:nth-child(3) a{width: 230px;} /* -沖縄- */ body#g1okinawa .tab01 ul li:nth-child(3) a{width: 230px;} /* -海洋環境・水産- */ body#g1kaiyou .tab01 ul li:nth-child(3) a{width: 230px;} /* -団体概要- */ section:nth-child(odd) .tableStyle01 table td{ background:#F5F5F5;} /* -代表挨拶- */ .messageText{margin-bottom: 40px;} .messageText > p{line-height: 1.8;font-size: 18px;color: #505050;margin-bottom: 30px;} .messageText > p:last-child{ margin-bottom:0;} .messageText > p > b{color: #000;} .messageText > .img{float: right;margin: 0 0 20px 40px;} .messageText > .img > img{} .messagePro{text-align: right;width: 525px;margin-left: auto;} .messagePro .name{font-size: 32px;margin-bottom: 10px;} .messagePro .text{} .messagePro .left{float: left;width: 75%;margin-right: 3%;} .messagePro .img{float: left;width: 22%;} /* -決算公告- */ .statementContent{} .statementContent > ul{ text-align:center; font-size:0;} .statementContent > ul > li{ display:inline-block; margin-bottom:80px;margin-right:80px;} .statementContent > ul > li:nth-child(2n){ margin-right:0;} .statementContent > ul > li > .textArea > h4.title{ font-size:22px;} /* -決算公告- */ .themeContent{background: #fff;box-sizing: border-box;padding: 45px 60px;} .themeContent > .left{float:left;width: 26%;} .themeContent > .left > img{} .themeContent > .right{ float:right;width: 71%;} .themeContent > .right > .title{ font-size:22px; border-bottom:1px solid #373782; padding-bottom:10px; margin-bottom:15px;} .themeContent > .right > .text{} .themeContent > .right > .text > p{margin-bottom:20px; line-height:30px;} .themeContent > .right > .text > p:last-child{ margin-bottom:0;} /* -ファンデーションメンバー- */ .disTable{ background:#fff; padding:40px;} .disTable table{width:100%;} .disTable td{text-align:left;border-bottom:1px solid #DCDCDC;vertical-align:top;padding:10px 0;} .disTable tr td:first-child{width:195px;} .disTable tr td:first-child{width:100px;} .disTable tr:last-child{ border-bottom:none;} .disTable td{font-size:13px;} .disTable td a{font-weight:bold;} .disTable table tr{display:table;float:left;width:48%;} .disTable table tr:nth-of-type(even){float:right;} /*コラム・通信*/ .news_block ul li {float:left;width:313px;padding:0 10px 20px 10px;margin:0 0px 20px 0;} .news_block ul li:nth-child(3n){margin:0 0 20px 0;} .news_block ul li .img{position:relative;height:200px;overflow:hidden;margin-bottom:10px;text-align:center;} .news_block ul li .img img{height:100%;width:100%;object-fit: cover;} .news_block ul li .img .icon{ font-size: 12px; background: #24387C; display: inline-block; position: absolute; right: 0; bottom: 0; color: #fff; padding: 3px 15px; } .news_block ul li .title{font-size:15px;} .news_block ul li .desc{font-size:13px;color:#505050;padding-top:15px;margin-top:12px;border-top:1px solid #f0f0f0;} .news_block ul li .img:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;height: 100%;width: 100%;background: url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);z-index: 1;transition: all 0.3s;-webkit-transition: all 0.3s;opacity: 0;} .news_block ul li:hover .img:before {opacity: 1;} /* -サイトマップ- */ .sitemapWrap{} .sitemap{} .sitemap > ul{text-align: center;} .sitemap > ul > li{padding: 0 15px;display: inline-block;vertical-align: top;text-align: left;} .sitemap > ul > li:last-child{margin-bottom:0;} .sitemap > ul > li > a{font-size: 18px;font-weight: bold;display: block;margin-bottom: 10px;} .sitemap > ul > li > a span{font-size: 14px;display: block;} .sitemap .inner_list{} .sitemap .inner_list > li{margin-bottom: 5px;padding-left: 15px;position: relative;} .sitemap .inner_list > li:before{position:absolute;content:""; background:#A8B0C9; top:8px; left:0;width:5px; height:5px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;} .sitemap .inner_list > li:last-child{margin-bottom:0;} .sitemap .inner_list > li > a{} /* -G1茨城- */ body#g1ibaraki .tab01 ul li:nth-child(3) a{width: 230px;} body#g1ibaraki .tab01 ul li:nth-child(4) a{ width:120px;} /* body#g1ibaraki #main_visual_area li:nth-child(-n + 4){ display:none;} */ /*============================ ============================== ============================== ============================== 4__CSSハック ============================*/ /* -ファイアフォックス- */ @-moz-document url-prefix() { } /* -IE- */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body#topPage .linkArea .link ul li a{display: inline; padding: 50px;} body#topPage .linkArea .link ul li a:hover{margin-top: -60px; padding-top: 70px;} body#topPage .linkArea .link ul li a .text{font-size: 13px;} } /* -IE(Edge)- */ @supports (-ms-ime-align:auto){ body#topPage .linkArea .link ul li a{display: inline; padding: 50px;} body#topPage .linkArea .link ul li a:hover{margin-top: -60px; padding-top: 70px;} body#topPage .linkArea .link ul li a .text{font-size: 13px;} } /*============================ ============================== ============================== ============================== 5__プラグイン制御 ============================*/ /* -slick- */ .slick-dots{ display:none !important;} /*============================ ============================== ============================== ============================== 6__PCのみ ============================*/ @media screen and (min-width: 751px){ /* -nav- */ body.on{ height:100%; overflow:hidden;} .sub_menu2{ width:1000px; margin:0 auto;padding: 30px 0;} .sub_menu2.one .mega{ width:100%;} .sub_menu2.one .mega > ul > li{margin-right:10px;} .sub_menu2.one .mega > ul > li:nth-child(5){ margin-right:10px;} .sub_menu2.one .mega > ul > li:nth-child(8){ margin-right:0;} .nav > ul > li > .sub_menu > ul > li.sp, .sub_menu2.one .mega > ul > li.sp{display:none;} .mega{/* float: left; */width: 689px;} .mega > .title{ font-size:16px; color:#000; font-weight:bold; border-bottom:1px solid #9B9BC0;text-align: left;margin-bottom: 24px;} .mega > ul{ text-align:left;} .mega > ul > li{display: inline-block;width:134px;vertical-align: top;margin-right: 29px;margin-bottom: 0px;} .mega > ul > li:nth-child(4n){ margin-right:0;} .mega > ul > li > a{} .mega > ul > li > a > .img{max-height: 130px;overflow: hidden;margin-bottom: 9px; position:relative;} .mega > ul > li > a > .img img{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .mega > ul > li > a > .img:before{ background: url(../img/content02_icon.png) center center no-repeat rgba(0,0,0,0.5);position:absolute; content:"";opacity:0; width:100%; height:100%; left:0; top:0;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} .mega > ul > li > a:hover > .img:before{opacity:1; z-index:1;} .mega > ul > li > a:hover > .img img{-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transform: scale(1.1);} .mega > ul > li > a.no_link:hover .img img{-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform: scale(1);} .mega > ul > li > a.no_link:hover .img:before{ display:none;} .mega > ul > li > a > .img > img{} .mega > ul > li > a > .name{margin-bottom: 8px;font-size:14px; color:#373782;line-height: 19px;min-height:2.4em;} .mega > ul > li > a > .text{ font-size:12px; color:#505050;display:none;} .mega2{width: 260px;float: right;} .mega2 > .title{font-size:16px; color:#000; font-weight:bold; border-bottom:1px solid #9B9BC0;text-align: left;margin-bottom: 22px;} .mega2 > ul{} .mega2 > ul > li{text-align:left;margin-bottom: 24px;} .mega2 > ul > li:last-child{ margin-bottom:0;} .mega2 > ul > li > .title{ color:#373782; font-size:16px; font-weight:bold;margin-bottom: 7px;} .mega2 > ul > li > .text{ font-size:12px;} .detail_menu{margin-top: 10px;} .detail_menu ul{} .detail_menu ul li{display: inline-block;margin-right: 5px;margin-bottom: 5px;} .detail_menu ul li:last-child{ margin-right:0;} .detail_menu ul li a{font-size: 12px;color: #fff;background: #373980;border:1px solid #373980;display: inline-block;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;padding: 0 7px;} .detail_menu ul li a:hover{ background:#fff; color:#373980;} /* -who- */ body#topPage .linkArea .link ul li:hover{ z-index:100;} body#topPage .linkArea .link ul li:hover a{ width:310px;min-height: 310px; background:#fff; border:4px solid #000;box-sizing: border-box;} body#topPage .linkArea .link ul li.color01:hover a{border-color:rgba(72,92,160,1);color:#495DA7;} body#topPage .linkArea .link ul li.color02:hover a{border-color:rgba(150,181,82,1);color:#99BB4D;} body#topPage .linkArea .link ul li.color03:hover a{border-color:rgba(152,113,180,1);color:#9D72BB;} body#topPage .linkArea .link ul li.color04:hover a{border-color:rgba(87,160,226,1);color:#55A4EB;} body#topPage .linkArea .link ul li.color05:hover a{border-color:rgba(217,131,155,1);color:#E1869F;} body#topPage .linkArea .link ul li.color06:hover a{border-color:rgba(40,172,166,1);color:#1CB1AC;} body#topPage .linkArea .link ul li.color07:hover a{border-color:rgba(234,186,60,1);color:#F2C02B;} body#topPage .linkArea .link ul li.color08:hover a{border-color:rgba(246,135,65,1);color:#F68741;} body#topPage .linkArea .link ul li:hover .text{height: auto;color:#000;opacity:1;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;} body#topPage .linkArea .link ul li:hover .title{ font-size:20px;} body#topPage .linkArea .link ul li:hover a .btn{ display:none;} .tab01 ul li.active:before, .tab01 ul li:hover:before{bottom: -16px;} .tab01 ul li.active:after, .tab01 ul li:hover:after{bottom:-2px;} .tab01 ul li.active a, .tab01 ul li:hover a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} .nav > ul > .nav_about > .sub_menu > ul > li:last-child{margin-right: 100px;} .nav > ul > .nav_membership > .sub_menu > ul > li:last-child{ margin-right: 100px; } .nav > ul > .nav_news > .sub_menu > ul > li:nth-child(2){ margin-left: 650px; } } /* -現在位置- */ body#reportIndex .tab01 ul li:nth-child(1) a, body#thinktank01 .tab01 ul li:nth-child(1) a, /*body#awards .tab01 ul li:nth-child(1) a,*/ body#initiative .tab01 ul li:nth-child(1) a, body#about .tab01 ul li:nth-child(7) a, body#membership01 .tab01 ul li:nth-child(1) a, body#foundation_membership .tab01 ul li:nth-child(2) a, body#news.index .tab01 ul li:nth-child(1) a, body#news.report .tab01 ul li:nth-child(2) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#awards.social_awards .tab01 ul li:nth-child(1) a, body#awards.shin_awards .tab01 ul li:nth-child(2) a, body#awards.media_awards .tab01 ul li:nth-child(3) a, body#awards.act_awards .tab01 ul li:nth-child(4) a, body#g1reportIndex .tab01 ul li:nth-child(2) a, body#thinktank02 .tab01 ul li:nth-child(2) a, body#thinktank03 .tab01 ul li:nth-child(3) a, body#thinktank04 .tab01 ul li:nth-child(4) a, body#news_colum .tab01 ul li:nth-child(1) a, body#news_tsushin .tab01 ul li:nth-child(2) a, body#news_report .tab01 ul li:nth-child(3) a, body#whatG1 .tab01 ul li:nth-child(1) a, body#foundation_membership .tab01 ul li:nth-child(6) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#vision .tab01 ul li:nth-child(1) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#message .tab01 ul li:nth-child(2) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#board .tab01 ul li:nth-child(3) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#statement .tab01 ul li:nth-child(4) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#theme .tab01 ul li:nth-child(5) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} body#about .tab01 ul li:nth-child(6) a{border: 1px solid #24387C;height: 90px;top: -5px;color: #24387C;font-weight: bold;} /* -G1経営者会議- */ .sub_title{ background: #373980; color: #fff; display: table; font-size: 12px; padding: 3px 15px; font-weight: normal; margin-bottom: 5px; } /* -G1 global- */ .speaker_list {margin:0 0 20px;} .speaker_list th{width: 220px;text-align: left;border-bottom: 1px solid #CCC;font-size:15px;padding:2px 0;} .speaker_list td{padding:2px 10px;text-align: left;border-bottom: 1px solid #CCC;font-size:13px;} /* -G1サミット- */ body#g1summit #y2019 .programTitle_title{position: relative;} body#g1summit #y2019 .programTitle_title:before{font-size: 13px;color: #000;padding: 3px 15px;display: table;margin-bottom: 5px;min-width: 100px;text-align: center;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(3), body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(3), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(3), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(3), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(3), body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(3) {background: #FBE5E8;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(4), body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(4), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(4), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(4), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(4), body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(4) {background: #FFF5D8;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(5), body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(5), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(5), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(5), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(5), body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(5) {background: #E0F0EB;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(6), body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(6), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(6), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(6), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(6), body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(6) {background: #E8F0D0;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(7), body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(7), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(7), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(7), body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(7), body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(7) {background: #ECDAD0;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(3) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(4) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(5) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(6) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .programBox:nth-of-type(7) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .programBox:nth-of-type(7) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .programBox:nth-of-type(7) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .programBox:nth-of-type(7) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .programBox:nth-of-type(7) .programTitle, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .programBox:nth-of-type(7) .programTitle {border: none;} body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(4) .title, body#g1summit #y2019 .programSchedule:nth-child(1) .programTable .programSection:nth-child(5) .title, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(1) .title, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(2) .title, body#g1summit #y2019 .programSchedule:nth-child(2) .programTable .programSection:nth-child(3) .title, body#g1summit #y2019 .programSchedule:nth-child(3) .programTable .programSection:nth-child(1) .title {border:none;} /*G1サミット 2020.3.11追記*/ .announce_text{color:#f00;text-align:center;font-size:18px;padding-top:40px;} /*協賛企業*//*中部より*/ .sponsorBox.gold{margin-bottom: 0px;} .sponsorBox.gold .sponsorList > dl {width:800px;display:inline-block;margin-bottom: 80px;} .sponsorBox dl dt.img {display: inline-block;margin-bottom: 20px;} .sponsorBox.silver .sponsorList > dl dt.img img{max-width: 230px;} .sponsorBox.gold .sponsorList > dl dt.img {display: block;margin: 0 auto} .sponsorBox.gold dl .conpany{ margin-bottom: 30px;} /*.sponsorBox.blonze .tableRow{height:170px;}*/ .sponsorBox.blonze dl dt.img img{max-width: 200px;} .sponsorBox.special dl dt.img{height:120px;} .sponsorBox.special dl dt.img img{max-width: 200px;max-height:inherit;} .sponsorBox.blonze dl dt{height:70px;display:table-cell;vertical-align: middle;} .sponsorBox.gold dl dt{margin-bottom: 30px!important;} .sponsorBox.gold soinsorLost > dl dt.img{max-height: none;width:auto;} .sponsorBox.gold .sponsorList > dl dt.img img{max-width: 100%;} #g1chubu .sponsorBox.gold dl dt.img img { max-width: 300px;} #g1chubu .sponsorBox.gold dl dt.img{display:inline-block;width: 300px;} #g1chubu .sponsorBox dl dt.img img { max-width: 230px;} #g1chubu .sponsorBox.silver dl dt.img { width: 400px;} #g1chubu .sponsorBox dl dt.img { display: inline-block;} .explanation{text-align:left;font-size: 14px;line-height:2;} .sponsorBox dl dd.conpany {font-size: 16px !important;word-break: keep-all;} .sponsorBox.only dl dd.conpany, .sponsorBox.silver dl dd.conpany, .sponsorBox.gold dl dd.conpany {font-size: 18px;} .sponsorBox .title {margin: 0 0 80px 0;} /*.sponsorBox.gold .sponsorList {display:block;}*/ .gold:nth-child(1){display: table;} .sponsorBox.silver dl dt.img { width: 400px;} .sponsorBox.silver sponsorList > dl{width: 400px!important;} /*協賛企業*//*globalより*/ #conf_sponsor .sponsorBox.strategic .img{height: 150px!important; display: table-cell!important; vertical-align: middle;} #conf_sponsor .sponsorBox.strategic .tableRow > dl:nth-child(1) dd.conpany{ display: inline; line-height: 87px;} .sponsorBox.strategic dl:nth-child(1) { padding-right: 40px;} .sponsorBox.strategic dl:nth-child(2) { padding-left: 40px;} .sponsorBox.media dl dt.img img { max-width: 200px;} .sponsorBox.media dl{ width: 30%!important;} .sponsorBox.media .tableRow{display: table; width: auto; text-align: center; margin: 0 auto;} .sponsorBox.media dl dt.img { height: 70px;} .sponsorBox.silver dl dt.img { height: 186px;} /*プログラム　global*/ body#g1global #y2020 .programSection:nth-child(3) .programBox:nth-child(3){background: #FBE5E8;} body#g1global #y2020 .programSection:nth-child(3) .programBox:nth-child(4){background: #FFF5D8;} body#g1global #y2020 .programSection:nth-child(3) .programBox:nth-child(5){background: #E0F0EB;} body#g1global #y2020 .programSection:nth-child(4) .programBox:nth-child(3){background: #FBE5E8;} body#g1global #y2020 .programSection:nth-child(4) .programBox:nth-child(4){background: #FFF5D8;} body#g1global #y2020 .programSection:nth-child(4) .programBox:nth-child(5){background: #E0F0EB;} body#g1global #y2020 .programSection:nth-child(6) .programBox:nth-child(3){background: #FBE5E8;} body#g1global #y2020 .programSection:nth-child(6) .programBox:nth-child(4){background: #FFF5D8;} body#g1global #y2020 .programSection:nth-child(6) .programBox:nth-child(5){background: #E0F0EB;} body#g1global #y2020 .programSection:nth-child(7) .programBox:nth-child(3){background: #FBE5E8;} body#g1global #y2020 .programSection:nth-child(7) .programBox:nth-child(4){background: #FFF5D8;} body#g1global #y2020 .programSection:nth-child(7) .programBox:nth-child(5){background: #E0F0EB;} body#g1global #y2020 .programTable .programSection:nth-child(3) .title:nth-child(2){border-bottom:none;} body#g1global #y2020 .programTable .programSection:nth-child(3) .programTitle{border-top:none;} body#g1global #y2020 .programTable .programSection:nth-child(4) .title:nth-child(2){border-bottom:none;} body#g1global #y2020 .programTable .programSection:nth-child(4) .programTitle{border-top:none;} body#g1global #y2020 .programTable .programSection:nth-child(6) .title:nth-child(2){border-bottom:none;} body#g1global #y2020 .programTable .programSection:nth-child(6) .programTitle{border-top:none;} body#g1global #y2020 .programTable .programSection:nth-child(7) .title:nth-child(2){border-bottom:none;} body#g1global #y2020 .programTable .programSection:nth-child(7) .programTitle{border-top:none;} body#g1global *{word-break: normal;} /*プログラム　g1executive*/ #g1executive #y2020 .programSection:nth-child(4) .programBox:nth-child(3) { background: #FBE5E8;} #g1executive #y2020 .programSection:nth-child(4) .programBox:nth-child(4) { background: #FFF5D8;} #g1executive #y2020 .programSection:nth-child(4) .programBox:nth-child(5) { background: #E0F0EB;} #g1executive #y2020 .programSection:nth-child(4) .programBox:nth-child(6){ background: #c5e0f2;} #g1executive #y2020 .programSection:nth-child(6) .programBox:nth-child(3) { background: #FBE5E8;} #g1executive #y2020 .programSection:nth-child(6) .programBox:nth-child(4) { background: #FFF5D8;} #g1executive #y2020 .programSection:nth-child(6) .programBox:nth-child(5) { background: #E0F0EB;} #g1executive #y2020 .programSection:nth-child(6) .programBox:nth-child(6){ background: #c5e0f2;} #g1executive #y2020 .programSection:nth-child(7) .programBox:nth-child(3) { background: #FBE5E8;} #g1executive #y2020 .programSection:nth-child(7) .programBox:nth-child(4) { background: #FFF5D8;} #g1executive #y2020 .programSection:nth-child(7) .programBox:nth-child(5) { background: #E0F0EB;} #g1executive #y2020 .programSection:nth-child(7) .programBox:nth-child(6){ background: #c5e0f2;} #g1executive #y2020 .programSection:nth-child(8) .programBox:nth-child(3) { background: #FBE5E8;} #g1executive #y2020 .programSection:nth-child(8) .programBox:nth-child(4) { background: #FFF5D8;} #g1executive #y2020 .programSection:nth-child(8) .programBox:nth-child(5) { background: #E0F0EB;} #g1executive #y2020 .programSection:nth-child(8) .programBox:nth-child(6){ background: #c5e0f2;} #g1executive #y2020 .programSection:nth-child(4) .title {border-bottom:none;} #g1executive #y2020 .programSection:nth-child(4) .programTitle{border-top:none;} #g1executive #y2020 .programSection:nth-child(6) .title {border-bottom:none;} #g1executive #y2020 .programSection:nth-child(6) .programTitle{border-top:none;} #g1executive #y2020 .programSection:nth-child(7) .title {border-bottom:none;} #g1executive #y2020 .programSection:nth-child(7) .programTitle{border-top:none;} #g1executive #y2020 .programSection:nth-child(8) .title {border-bottom:none;} #g1executive #y2020 .programSection:nth-child(8) .programTitle{border-top:none;}