/* COMMON */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,figure,hr{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }
body,html{width: 100%; height: 100%; font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
hr{ background: none; border: none; }
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*
BLUE : #0082ca;
*ROBOTO*
regular 400
midium  500
bold    600
black   700
*/

@font-face {font-family: 'i'; src:  url('../fonts/i.eot?az8q12'); src:  url('../fonts/i.eot?az8q12#iefix') format('embedded-opentype'), url('../fonts/i.ttf?az8q12') format('truetype'), url('../fonts/i.woff?az8q12') format('woff'), url('../fonts/i.svg?az8q12#i') format('svg'); font-weight: normal; font-style: normal; } [class^="i-"], [class*=" i-"] {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'i' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.i-blank:before { content: "\e90d"; }
.i-fb:before { content: "\ea90"; }
.i-tw:before { content: "\ea96"; }
.i-arrow_up:before { content: "\e900"; }
.i-arrow_right:before { content: "\e901"; }
.i-arrow_down:before { content: "\e902"; }
.i-arrow_left:before { content: "\e903"; }
.i-down:before { content: "\e904"; }
.i-left:before { content: "\e905"; }
.i-right:before { content: "\e906"; }
.i-s-down:before { content: "\e907"; }
.i-s-left:before { content: "\e908"; }
.i-s-right:before { content: "\e909"; }
.i-s-up:before { content: "\e90a"; }
.i-up:before { content: "\e90b"; }
.i-home:before { content: "\e90c"; }

.i {font-family: 'i';}
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);}
* { outline: none; }
img { vertical-align: bottom; }
a { text-decoration: none; }
.table { display: table; width: 100%;}
.cell { display: table-cell; }
.in { position: relative; height: 100%; width: 100%; }
p, li, span, figure, a, td, th { font-size: 1.8rem; color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #333; }
.body { max-width: 1080px; margin: 0 auto; box-sizing: border-box; padding: 0 50px; }
.thin { max-width: 700px; margin: 0 auto; box-sizing: border-box; padding: 0 50px; }
.max  { max-width: 100%; padding: 0; }
.spacer { display: block; width: 100%; }
.spliter { display: block; width: 100%; height: 1px; background: #f0f0f0; clear: both; }
.thin img, .body img { max-width: 100%; }
.tx-c { text-align: center; }
.tx-r { text-align: right; }
.tx-l { text-align: left; }
.va-m { vertical-align: middle; }
.va-t { vertical-align: top; }
.va-b { vertical-align: bottom; }
.button-more.rt { position: absolute; right: 50px; top: 0; }
.button-more.rb { position: absolute; right: 50px; bottom: 0; }
.button-more.lt { position: absolute; left: 50px; top: 0; }
.button-more.lb { position: absolute; left: 50px; bottom: 0; }
.button-more { width: 190px; display: block; box-sizing: border-box; border: 2px solid #0082ca; border-radius: 50px; padding: 0 27px; }
.button-more span { display: block; line-height: 50px; height: 50px; color: #0082ca; text-align: left;}
.button-more .t { font-weight: bold; font-size: 1.4rem; }
.button-more .i { position: absolute; right: 0; top: 0; font-size: 1.7rem; }
.button-white.button-more { border: 2px solid #fff; }
.button-white.button-more span { color: #fff; }
.bg-pat-dotted{position: absolute; width: 100%; height: 100%; z-index: 1; background: url(../img/pat_dotted.png); background-size: 4px; top: 0; left: 0; opacity: 0.2; }

/* HEADER */
.header { position: fixed; background: #2c2c2c; z-index: 100; top: 0; left: 0; width: 100%; }
.logoes-sege a { display: block; text-indent: -9999px; background: url(../img/img_logo.svg) no-repeat center; background-size: 100px; width: 100px; height: 33px; }
.logoes-sege-sammy a { display: block; text-indent: -9999px; background: url(../img/img_logo_sammy.svg) no-repeat center; background-size: 92px; width: 92px; height: 20px; }
.header-logoes { font-size: 0; }
.logoes-sege, .logoes-sege-sammy { display: inline-block; vertical-align: middle; }
.logoes-sege { box-sizing: border-box; padding-right: 20px; }
.header-logoes { padding: 19px 40px 18px 40px; float: left; }
.header-nav { float: right; }
.nav { font-size: 0; }
.nav li { position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; border-left: 1px solid #212326;}
.nav li a { width: 180px; text-align: center; display: block; font-size: 1.3rem;  color: #fff; line-height: 70px; height: 70px; }
.nav li .nav-cur-bar { display: block; position: absolute; bottom: 0; width: 70%; height: 5px; background: #fff; left: 0; right: 0; opacity: 0; margin: 0 auto; }
.toggle{ display: none; }

.header-nav-wrap { position: relative; }
.header-sub-nav { display: none; position: absolute; top: 70px; right: 0; background-color: #2c2c2c; opacity: 0.5;width: 100%; padding-top: 10px; padding-bottom: 10px;}
.header-sub-nav nav { float: right; }
.header-sub-nav ul li { width: 180px; vertical-align: top; box-sizing: border-box; border-left: 1px solid #2e2f30; float: left;}
.header-sub-nav ul li ul li { float: none; }
.header-sub-nav ul li ul li a { width: 180px; text-align: center; display: block; font-size: 1.3rem;  color: #fff; float: none; }

/* HEADER - SUPPORT */
.header-support { background: #212326; box-sizing: border-box; padding: 0 0 0 40px; }
.header-support span { font-size: 1.6rem; }
.header-support li { font-size: 1.3rem; }
.header-support a { font-size: 1.3rem; }
.support-title { display: inline-block; vertical-align: top; line-height: 38px; height: 38px;  color: #fff; float: left; }
.support-title-holdings { display: inline-block; vertical-align: top; line-height: 38px; height: 38px;  color: #fff; float: left; margin-left: 10px; font-size: 1.2rem;}
.header-support .support-title-holdings { font-size: 1.2rem;}
.support-aside { float: right; position: relative; display: block; }
.support-aside-li { display: inline-block; vertical-align: top; position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; }
.support-aside-lang { position:relative; display: inline-block; vertical-align: top; padding: 0; margin: 0 10px 0 0; background: #212326; }
.support-aside-li:after { content: ''; display: block; height: 18px; width: 1px; background: #37393c; position: absolute; right: 0; top: 50%; margin: -9px 0 0 0; }
.support-aside-lang:after { content: ''; display: block; height: 18px; width: 1px; background: #37393c; position: absolute; right: 0; top: 50%; margin: -9px 0 0 0; }
.support-aside-grouplink:after { content: ''; display: block; height: 18px; width: 1px; background: #37393c; position: absolute; right: 0; top: 50%; margin: -9px 0 0 0; }
.support-aside-grouplink { position:relative; display: inline-block; vertical-align: top; padding: 0; margin: 0 10px 0 0; background: #212326; }
.support-aside-product { display: inline-block; vertical-align: top; position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; }
.support-aside .support-title{padding-left: 12px;padding-right: 32px; background: url(../img/arrow01.png) no-repeat center right; background-size: 24px; }
.sns li { display: inline-block; vertical-align: top; }
.sns { font-size: 0; }
.sns li a { display: block; line-height: 38px; height: 38px; width: 28px; text-align: center; color: #fff; }
.flag { display: inline-block; vertical-align: middle; height: 17px; width: 25px; background-size: 25px; background-position: center; background-repeat: no-repeat; }
.flag-name { display: inline-block; vertical-align: middle; padding-left: 5px; box-sizing: border-box; }
.flag-jp { background-image: url(../img/flag/jp.png); }
.flag-au { background-image: url(../img/flag/au.png); }
.flag-de { background-image: url(../img/flag/de.png); }
.flag-es { background-image: url(../img/flag/es.png); }
.flag-fr { background-image: url(../img/flag/fr.png); }
.flag-it { background-image: url(../img/flag/it.png); }
.flag-nl { background-image: url(../img/flag/nl.png); }
.flag-uk { background-image: url(../img/flag/uk.png); }
.flag-usa { background-image: url(../img/flag/usa.png); }
.lang-header .flag-name { color: #fff; font-weight: 700; }
.lang-header { padding: 8px 16px 8px 0px; box-sizing: border-box; }
.lang-header .i { width: 20px; height: 20px; color: #fff; text-align: center; line-height: 20px; display: inline-block; vertical-align: middle; }
.lang-body { display: none; position: absolute; width: 150px; top: 38px; right: 0; z-index: 100; }
.langs a{ box-sizing: border-box; border-top: 1px solid #f0f0f0; display: block; padding: 6px 10px; }
.lang-pulldown { background: #fff; }

.header-support span.grouplink-name { display: inline-block; vertical-align: middle; padding-left: 5px; box-sizing: border-box; font-size: 1.3rem; }
.grouplink-header .grouplink-name { color: #fff; font-size: 1.3rem;}
.grouplink-header { padding: 8px 16px 8px 0px; box-sizing: border-box; }
.grouplink-header .i { width: 20px; height: 20px; color: #fff; text-align: center; line-height: 20px; display: inline-block; vertical-align: middle; }
.grouplink-body { display: none; position: absolute; width: 250px; top: 38px; right: 0; z-index: 100; }
.grouplinks a{ box-sizing: border-box; border-top: 1px solid #f0f0f0; display: block; padding: 6px 10px; }
.grouplink-pulldown { background: #fff; }


/* INDEX - FIRSTVIEW */
.worlds { background-color: #05173e; height: 100%; width: 100%; min-height: 600px;}
.worlds-background { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg_star.jpg) no-repeat center; background-size: cover; }
#js-worlds-render { position: absolute; z-index: 2; top: 0; left: 0; min-height: 600px;}
.main-title-wrap { text-align: center; vertical-align: middle; position: absolute; z-index: 3; height: 100%; width: 100%; top: 0; left: 0; padding-top: 108px; padding-bottom: 130px; box-sizing: border-box; }
.main-title-wrap { table-layout: fixed; }
.main-title-wrap .cell { vertical-align: middle; }
.main-title-wrap .main-title > img { max-width: 100%;  }
.main-title { font-weight: bold; font-size: 7rem; color: #fff; letter-spacing: 10px; text-shadow: 0px 0px 30px #008ed2; }
.main-title br{ display: none; }
.main-title-sup span { color: #fff; font-size: 2.4rem; letter-spacing: 1px; }
.main-title-sup span:first-child { font-weight: 700; }
.main-title-banner { /*position: absolute; right: 0; left: 0; top: 50%; z-index: 10;*/ display: block; margin: 20px auto; width: 260px;
/* box-shadow */
box-shadow:0px 0px 12px 1px #73eaff;
-moz-box-shadow:0px 0px 12px 1px #73eaff;
-webkit-box-shadow:0px 0px 12px 1px #73eaff;

/* border */
border:1px solid #000;
}
.main-title-banner .cover { width: 100px; height: 60px; display: block; float: left; }
.main-title-banner-txt { float: left; background: #192024; }
.main-title-banner-txt .table { width: 160px; height: 60px; padding: 0 15px; box-sizing: border-box; }
.main-title-banner-txt figure { color: #868686; font-weight: bold; font-size: 1.1rem; display: block; }
.main-title-banner-txt span { display: block; font-weight: 700; color: #fff; font-size: 1.6rem; }

/* BANNER */
.banner-body { position: absolute; bottom: 0; width: 100%; background: #e8e8e8; height: 130px; z-index: 9; }
.banner-size-s a{width: 50%}
.banner-size a img { display: block; }
.banner-size-l a img { width: 100%; }
.banner-size a { box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 5px; }
.banner-wrap { margin: -50px 0 0 0; font-size: 0; background: #192024; padding: 5px; box-sizing: border-box; }
.banner-label { display: block; position: absolute; left: -15px; top: -20px; background: url(../img/bg_label.png) center; background-size: 75px; width: 75px; height: 30px; line-height: 30px; font-weight: 700; color: #fff; font-size: 1.2rem; text-align: center; }

/* SECTION */
.section { padding: 100px 0; box-sizing: border-box; }
.sub-title { text-align: center; font-weight: 700; color: #d0d2d2; font-size: 3rem; letter-spacing: 1px; text-transform: uppercase; }
.sub-title-supply { text-align: center; font-size: 1.6rem; font-weight: bold; letter-spacing: 2px; }
.sub-title-wrap { padding-bottom: 40px; }

/* local-nav */
.local-nav-list { text-align: center; margin-top: 25px;  }
.local-nav-list li { display: inline-block; padding: 5px 15px; box-sizing: border-box; }
.local-nav-list li a {  color: #0082ca; font-size: 1.6rem;}
/*.local-nav-list li + li { border-left:1px solid #0082ca; }*/
.local-nav-list li.current { border :1px solid #0082ca; }
.local-nav-list li:after { width: 15px; text-align: center; font-family: 'i'; content: "\e906"; color: #0082ca; font-size: 1.6rem; display: inline-block; vertical-align: middle; }


/* TAB */
.news-tab-links { position: relative; display: block; width: 320px; box-sizing: border-box; padding: 20px 25px; border-top: 2px solid #dadada; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.news-tab-links-wrap:first-child .news-tab-links { border-right: none; }
.news-tab-header { margin-bottom: 30px; font-size: 0; border-bottom: 1px solid #e0e0e0; }
.news-tab-links-wrap { display: inline-block; vertical-align: top; position: relative; font-size: 1.5rem; }
.news-tab-links .t1 { font-size: 1.5rem; font-weight: 500; color: #1f1f1f; }
.news-tab-links .t2 { font-size: 1.0rem; color: #8f8f8f; margin-left: 10px; padding-left: 20px; border-left: 1px solid #e0e0e0; }
.active .news-tab-links { border-top: 2px solid #0082ca; }
.news-tab-links-wrap:after { content: ''; opacity: 0; display: block; width: 100%; height: 1px; background: #fff; left: 0; bottom: -1px; position: absolute; transition: all 0.5s; }
.news-tab-links-wrap.active:after { opacity: 1; }
.news-tab-in { display: none; }
.news-tab-in.active { display: block; }
.news-tab-in dt { width: 250px; float: left; clear: both; }
.news-tab-in dd { width: 100%; border-bottom: 1px solid #f0f0f0; line-height: 1.8em; box-sizing: border-box; padding: 16px 0 15px 250px; }
.news-tab-in dt { font-size: 0; padding: 16px 0 15px 0; }
.news-tab-in dt div { font-size: 1.2rem; display: inline-block; vertical-align: middle; }
.news-tab-in dd span { color: #8f8f8f; font-size: 1.2rem; }
.date { font-size: 1.2rem; width: 130px; }
.title { font-size: 1.2rem; }
.cat { font-size: 1.2rem; box-sizing: border-box; min-width: 80px; background: #0082ca; text-align: center; color: #fff; font-weight: 700; padding: 0 5px; border-radius: 2px; }
.cat-hold { background-color: #2863d0 }
.cat-cs { background-color: #24a5bb }
.cat-am { background-color: #dd4e80 }
.cat-amc { background-color: #ecc43c }
.cat-toy-anime { background-color: #dd634e }
.news-tab-in dd span.news-pdf { margin-left: 10px; padding: 1px; font-size: 0.6rem; border :1px solid #0082ca; color:#0082ca; border-radius: 2px; }

.section-shortcut a { margin: 0 auto; } 

.section-product .table { height: 300px; }
.section-product .body{ position: relative; z-index: 2; }
.section-product p { color: rgba(255, 255, 255, 0.9); padding-bottom: 20px; }
.section-product .button-more { margin: 0 auto; }
.section-product .sub-title-wrap { padding-bottom: 20px; }
.section-product .messaging-title { margin-bottom: 10px; }
.section-product .cell .messaging-p { color: rgba(255, 255, 255, 0.5); }


/* philosophy */
.section-philosophy .table { height: 500px; }
.section-philosophy .body{ position: relative; z-index: 2; }
.subpages .messaging-p    ,.messaging-p     { font-size: 1.3rem; font-weight: bold; line-height: 2.1em; letter-spacing: 0.5px; }
.subpages .messaging-title,.messaging-title { font-size: 3rem; margin-bottom: 1em; letter-spacing: 3px; }
.white .sub-title { color: rgba(255, 255, 255, 0.5); }
.white .sub-title-supply { color: rgba(255, 255, 255, 1); }
.white .messaging-p,
.white .messaging-title { color: #fff;  }



/* business */
.panel-wrap { font-size: 0; }
.panel-body { display: block; width: 50%; overflow: hidden; float: left; }
.panel-body .table { width: 101%; position: relative; z-index: 2; height: 540px; background: rgba(31, 35, 39, 0.9); }
.panel-body .table .cell { padding: 0 130px; text-align: center; }
.panel-bg { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; }
.sub-title-blight .sub-title { color: rgba(255, 255, 255, 1); font-size: 2.6rem; }
.sub-title-blight .sub-title-supply { color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 1.4rem; }
.panel-body p, .section-philosophy p { color: rgba(255, 255, 255, 0.9); padding-bottom: 40px; }
.panel-body .button-more, .section-philosophy .button-more { margin: 0 auto; }

/* group */
.group-company-wrap ul { text-align: left; font-size: 0; }
.group-company-wrap ul li { width: 25%; display: inline-block; vertical-align: top; }
.group-company-wrap a { display: block; text-indent: -9999px; height: 70px; padding: 10px 0; margin: 10px 0; }

/* banner */
.banner-slider { width: 920px; margin: 0 auto; }
.banner-slider-body { display: inline-block; height: 90px; width: 210px; text-indent: -9999px; margin: 0 10px 20px 0; }
.banner-slider-wrap { padding: 74px 0; background: #eeeeee; }
.banner-arrow { display: block; height: 40px; width: 40px; text-align: center; line-height: 40px; color: #192024; font-size: 2rem; background: #e5e5e5; position: absolute; top: 50%; margin-top: -20px; }
.banner-slider-prev { left: 0; }
.banner-slider-next { right: 0; }
.slick-dots button { display: block; height: 10px; width: 10px; border: none; border-radius: 10px; text-indent: -9999px; cursor: pointer; background: #c3c5c6; transition: all 0.5s; }
.slick-dots .slick-active button { background: #6e7275; }
.slick-dots { position: absolute; width: 100%; bottom: -44px; left: 0; text-align: center; }
.slick-dots li { padding: 5px; display: inline-block; vertical-align: top; }

/* FOOTER */
.back-to-top { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; padding: 15px 0 20px 0; box-sizing: border-box; }
.back-to-top span { display: block; text-align: center; }
.back-to-top span.t { font-size: 1.4rem; font-weight: 500; opacity: 0.6; }
.back-to-top span.i { color: #444; font-size: 2rem; }
.footer { background: #212326; }
.footer .body { padding: 60px 0; }
.footer-sitemap-wrap { font-size: 0; }
.footer-sitemap-body { display: inline-block; vertical-align: top; padding: 0 25px; width: 20%; box-sizing: border-box; }
.footer-sitemap-body ul li a { color: rgba(204, 204, 204, 0.5); font-size: 1.2rem; line-height: 2em; }
.footer-sitemap-body h5 a { font-weight: bold; color: #fff; font-size: 1.3rem; display: block; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #38393c; }
.footer-sitemap-body h5 a .i { color: #0082ca; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; top: 0; font-size: 1.6rem; }
.footer-support { background: #1f2021; box-sizing: border-box; padding: 0 40px; }
.footer-support-links { float: left; padding: 0 20px; }
.footer-support-links li { display: inline-block; vertical-align: middle; }
.footer-support-links li a { line-height: 55px; height: 55px; padding-right: 10px; margin-right: 10px; position: relative; font-size: 1.1rem; color: #aaaaaa; }
.footer-support-links li a:after { content: ''; display: block; height: 14px; width: 1px; background: #424243; position: absolute; right: 0; top: 50%; margin: -7px 0 0 0; }
.footer-support-links li:last-child a:after { display: none; }
.footer-support .support-title { line-height: 55px; height: 55px; }
address { color: #fff; float: right; display: block; line-height: 55px; height: 55px; font-weight: 500; font-size: 1.2rem; }



/* SUBPAGES */
p { line-height: 1.7em; }
.subpages-header-wrap { height: 220px; }
.add-dotted .body { position: relative; z-index: 2; }
.header-shadow { display: block; height: 108px; width: 100%; }
.subpages-header { height: 220px; text-align: center; }
.subpages-title { font-size: 3rem; color: #fff; letter-spacing: 3px; }
.subpages-title-supply { font-size: 2rem; color: rgba(255, 255, 255, 0.5); font-weight: 700; text-transform: uppercase; }
.pan-wrap { background: #f6f6f6; padding: 20px 0; box-sizing: border-box; }
.pan { font-size: 0; }
.pan li { display: inline-block; vertical-align: top; position: relative; }
.pan li:after { width: 30px; text-align: center; font-family: 'i'; content: "\e906"; color: #cbcccd; font-size: 1.6rem; display: inline-block; vertical-align: middle; }
.pan li:last-child:after { display: none; }
.pan li a, .pan li span { font-size: 1.2rem; display: inline-block; vertical-align: middle; }
.pan li span { color: #828487; }
.contet-title, .contet-title-supply { display: inline-block; font-weight: 700; }
.contet-title-wrap { margin-bottom: 50px; padding-bottom: 20px; box-sizing: border-box; width: 100%; border-bottom: 2px solid #008ed2; }
.contet-title { font-size: 2.5rem; padding-right: 20px; }
.contet-title-supply { font-size: 2rem; text-transform: uppercase; opacity: 0.3; }

/* トップメッセージ */
.signature { text-align: right; margin-top: 15px; }
.signature-large { text-align: right; font-size: 2.5rem; line-height: 2.3;}

/* 企業理念 */
.body-corp-mes { max-width: 850px; margin: 0 auto; box-sizing: border-box; padding: 0 50px; }
.corp-mes-logo { text-align: center; margin-bottom: 50px;}
.corp-mes-logo img { width: 200px; }
.corp-mes { position: relative; }
.corp-mes .corp-mes-bg { position: absolute; width: 50px; height: 50px; background-color: rgba(255,255,255,0.3); margin-left: -25px; z-index: 0;}
.corp-mes > div.messaging-sub-title {  position: relative; color: #aafcff; font-size: 2.2rem; font-weight: bold; border-bottom: 1px solid #008ed2; z-index: 1;}
.corp-mes > p.messaging-title {  position: relative; color: #fff; font-size: 3.0rem; font-weight: bold;  z-index: 1;}
.corp-mes > p.messaging-title br { display: none; }
.iframe-content { position: relative; width: 100%; padding: 56.25% 0 0 0; }
.iframe-content iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* 事業概要 */
section.bussiness .section { padding-bottom: 0; }
.bussiness-wrap { padding-bottom: 30px; background: #f8f8f8; box-sizing: border-box; }
.bussiness-wrap > .contet-title-wrap { margin: 0; border: 0; text-align: center; box-sizing: border-box; padding: 10px 0 ; }
.bussiness-wrap > .contet-title-wrap > .contet-title { display: block; padding-right: 0; color: #fff; }
.bussiness-wrap > .contet-title-wrap > .contet-title-supply { display: block; color: #fff; opacity: 1.0; }
.container .company-list .contet--title-wrap { margin-left: 0; }

.bussiness-col-wrap { position: relative; width: 25%;  box-sizing: border-box; float: left; }
.bussiness-col-title { position: absolute; left: 0; right: 0; color: #fff; font-size: 1.4rem; font-weight: 700; text-align: center; padding: 0; border-radius: 6px; margin:0 auto; width: 75%; z-index: 2; }

.bussiness-title-cs { background: #24a5ba; }
.bussiness-title-am { background: #dd4f81; }
.bussiness-title-toy { background: #dd634e; }
.bussiness-title-amc { background: #ebc33f; }

.bussiness-col-in { left: 0; right: 0; padding: 0 10px 0 ; border-radius: 6px; border: 1px solid #e0e0e0; box-sizing: border-box; margin: 15px auto 0 ; width: 90%; height: 100%; }
.bussiness-col-in .layout-two-cols-wrap { height: 100%; }
.bussiness-col-in .layout-two-cols-wrap .layout-cols { display: table-cell; height: 30%; vertical-align: middle;}

.bussiness-spliter-0 { border-bottom: 0 ; }
.bussiness-spliter-1 { border-bottom: 2px solid #008ed2; }
.bussiness-spliter-2 { border-bottom: 1px solid #008ed2; border-top: 2px solid #008ed2; padding-top: 30px; }
/*.container { padding: 30px; border-radius: 6px; border: 1px solid #e0e0e0; box-sizing: border-box; }*/
.contet--title { font-size: 2rem; color: #333; position: relative; line-height: 40px; box-sizing: border-box; padding-left: 25px; border-left: 5px solid #008ed2; margin-bottom: 30px; }
.container .contet--title { margin-left: -30px; }
.company-list { padding: 30px; margin-bottom: 50px; border-radius: 6px; border: 1px solid #e0e0e0; box-sizing: border-box; background-color: #fff; }
.company-list-table .cell { width: 50%; vertical-align: top; box-sizing: border-box; }
.company-list-logo .contain { display: block; height: 230px; width: 100%; box-sizing: border-box; background-color: #fff; }
.company-list-logo { padding: 15px; max-height: 120px; text-align: center; box-sizing: border-box; }
.company-list-logo img { max-height: 120px; }
.contet---title { font-size: 2.2rem; margin-bottom: 30px; }
.company-list-info p { margin-bottom: 30px; }
.company-list-header { margin-bottom: 30px; }
.company-list-inner { padding: 30px; background: #f8f8f8; box-sizing: border-box; }
.caption { padding: 15px 0; }
.caption p img { width: auto; height: 10px; opacity: 0.5; vertical-align: middle; padding: 5px;}
.caption p { line-height: 1.6em; margin: 0; color: #777; font-size: 1.2rem; }
.contet-sub-title-wrap { border-bottom: 2px solid #008ed2; margin-bottom: 30px; }
.contet-sub-title { font-size: 1.8rem; margin-bottom: 15px; }
.contet-sub-title-supply { font-size: 1.4rem; font-weight: 700; color: #999999; margin-bottom: 1em; }
.company-list-logo .button-more { margin: 30px 0; width: 100%; }
.company-list-body { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e0e0e0; }
.company-list-body:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
.messaging-wrap { margin: 100px auto; }
.bussiness-wrap .messaging-wrap { margin: 30px auto 70px; }
.messaging-wrap .messaging-title { font-size: 2.2rem; text-align: center; letter-spacing: 1px; }
.bussiness-wrap .messaging-wrap p { text-align: center; }
.contet-sub-title-wrap .button-more,
.contet--title-wrap .button-more { position: absolute; right: 0; top: 0; }
.contet--title-supply { font-size: 1.4rem; font-weight: 700; color: #999999; }
.contet--title-wrap .contet--title { font-size: 2rem; color: #333; position: relative; line-height: 40px; box-sizing: border-box; padding-left: 0; border-left: none; margin-bottom: 0; margin-left: 0; }
.contet--title-wrap { padding-top: 5px; position: relative; box-sizing: border-box; padding-left: 25px; border-left: 5px solid #008ed2; margin-bottom: 30px; }
.container .contet--title-wrap { margin-left: -30px; }

/* 沿革 */
.year { float: right; }
.section-history .yearj { font-size: 1.2rem; }
.section-history th { width: 15%; }


/* セガグループとは */
.group-about-list li { display: inline-block; margin-right: 20px; width: 30%; text-align: center; }
.group-about-list li p { text-align: left; margin-left: 30px; }
.group-about-panel { display: inline-block; box-sizing: border-box; border-radius: 10px; border: 1px solid #3075fe ; overflow: hidden; width:100%; margin-bottom: 20px; }
.group-about-panel-in { box-sizing: border-box; border-radius: 10px; border: 1px solid #fff ; overflow: hidden; }
.group-about-panel-img { width: 100%; }
.group-about-panel .group-about-title { color: #232dc0; background: #84b4ff; box-sizing: border-box; padding: 2px 7px 2px 7px; }
.group-about-panel .group-about-text { background: #b1d3ff; box-sizing: border-box; padding: 5px 7px 5px 7px; height: 90px; font-size: 1.5rem; }

/* テンプレート */
.editor p{margin-bottom: 1em;}
.editor em{ font-style: italic; }
.editor strong{ font-weight: 700; }
.editor a{ color: #0082ca; font-weight: 700; }
.editor a[target="_blank"]{display: inline-block; vertical-align: top; }
.editor a[target="_blank"]:after{content: "\e90d"; font-family: 'i'; padding: 0 3px; }
.layout-two-cols-wrap { margin-bottom: 30px; }
.layout-two-cols { width: 50%; float: left; box-sizing: border-box; padding: 0 0 0 15px; }
.layout-two-cols:first-child { padding: 0 15px 0 0; }
.layout-three-cols-wrap { margin-bottom: 30px; }
.layout-three-cols { width: 33%; float: left; box-sizing: border-box; padding: 0 0 0 15px; }
.layout-three-cols-2 { width: 66%; float: left; box-sizing: border-box; padding: 0 0 0 15px; }
.layout-three-cols:first-child { padding: 0 15px 0 0; }

.layout-cols { float: left; box-sizing: border-box; padding: 0 15px 0 15px; min-height: 1px;}
/*.layout-cols:first-child { padding-left: 0; }
.layout-cols:last-child { padding-right: 0; }*/
.layout-col-1 { width: 8%;}
.layout-col-2 { width: 16%;}
.layout-col-3 { width: 25%;}
.layout-col-4 { width: 33%;}
.layout-col-5 { width: 41%;}
.layout-col-6 { width: 50%;}
.layout-col-7 { width: 58%;}
.layout-col-8 { width: 66%;}
.layout-col-9 { width: 75%;}
.layout-col-10 { width: 83%;}
.layout-col-11 { width: 91%;}
.layout-col-12 { width: 100%;}


.layout-right { float: right; }


.normal-ol-list li, .normal-ul-list li { box-sizing: border-box; font-weight: 700; margin-bottom: 0.6em; padding-left: 20px; position: relative; }
.normal-ul-list li:before { position: absolute; display: block; content: ''; height: 5px; width: 5px; border-radius: 5px; background: #008ed2; top: 7px; left: 5px; }
.normal-ol-list { counter-reset: normal; }
.normal-ol-list li:before { counter-increment: normal; content: counter(normal); color: #008ed2; width: 20px; text-align: center; line-height: 18px; height: 18px; position: absolute; left: 0; top: 0; }
.layout-table { margin-bottom: 50px; width: 100%; border-left: 1px solid #e0e0e0; }
.layout-table thead { border-top: i solid #dadada; }
.layout-table td, .layout-table th { box-sizing: border-box; padding: 15px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.layout-table thead { background: #f8f8f8; }
.layout-table tbody tr:first-child th { border-top: 5px solid #dadada; }
.layout-table tbody th { background: #f8f8f8; }
.layout-table dl dt.pg-company-position { float: left; width: 180px; margin-right: 15px;}

.group-list .contet-sub-title { float: left; }
.group-list .layout-table tbody th { width: 20%; }

p.imgR { float: right; }
.attention p { float: right; }

/* olリスト */
div.pg-company-content ol.olList {
	margin-bottom: 50px;
}
div.pg-company-content ol.olList li {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 20px;
}
div.pg-company-content ol.olList ul li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 10px;
}
div.pg-company-content ol.olList li span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

/* break-all設定 */
div.break-all{
	word-break: break-all;
}


/* recruit */
.section-recruit .layout-img-cols-wrap { padding: 0 15px 0 15px; box-sizing: border-box; text-align: center; }
.section-recruit .layout-img-cols-wrap .layout-cols { display: inline-block; float: none; margin-bottom: 15px; padding: 0 5px; box-sizing: border-box; }
.section-recruit .contet-sub-title { background: #e0e0e0; padding: 5px 10px; box-sizing: border-box; }
.section-recruit .box-border { border: 1px solid #a4a4a4; box-sizing: border-box; }
.section-recruit .box-border .sub-title { color: #a4a4a4; }
.section-recruit .button-more { width: 100%; background: #0082ca; }
.section-recruit .button-more span { color: #fff; font-size: 2.5rem; }

/* CSR */
.section-csr h5.contet-sub-title { background: #e0e0e0; padding: 5px 10px; box-sizing: border-box; }
.section-csr .layout-cols { padding: 0; }
.section-csr .layout-cols-left { padding: 0 10px 0 0; }
.section-csr .layout-cols-center { padding: 0 5px 0 5px;}
.section-csr .layout-cols-right { padding: 0 0 0 10px; }
.csr-logo-wrap { text-align: center; }
.csr-logo-wrap .csr-logo img { max-height: 140px; }
.csr-caption { color: #777; font-size: 1.5rem;}

/* news*/
.news-no-link {font-size: 1.2rem; }