@charset "utf-8";
@import "css/modules.css";
.train_html {
 text-align: center;
}
.train_html img {
 max-width: 100%;
 height: auto;
}
.boxarea_e img {
 max-width: 800px;
 height: auto;
 width: 100%;
}
.boxarea_e.seminar_e {
 margin-bottom: -10px;
}
.boxarea_e {
 margin: 0 0 20px 0;
}
* {
 margin: 0;
 padding: 0
}
.grecaptcha-badge {
 z-index: 0;
}
.table-fixed {
 table-layout: fixed;
}
img {
 max-width: 100%;
 height: auto;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
 margin: 0;
 padding: 0;
 border: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0
}
a:link {
 color: #007ca7;
 text-decoration: none
}
a:visited {
 color: #035f7f
}
a:hover {
 color: #7cc1ff;
 text-decoration: underline
}
a:active {
 color: #f88e32
}
img {
 vertical-align: bottom
}
address {
 font-style: normal
}
li, ol, ul {
 list-style-type: none;
 padding: 0;
 text-indent: 0;
 margin: 0
}
a img {
 text-decoration: none;
 border: 0;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
a img:hover {
 opacity: .8
}
.img_mid {
 vertical-align: middle
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0
}
.none {
 display: none
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden
}
caption, td, th {
 font-weight: 400;
 text-align: left
}
.smart {
 display: none
}
#recNews {
 position: fixed;
 top: 145px;
 left: 10px;
 padding: 8px;
 color: #fff;
 border-radius: 2px;
 max-width: 5in;
 width: 80%;
 z-index: 11
}
.admin-bar #recNews {
 top: 177px
}
#recNewsClose {
 color: #393939;
 transform: rotate(90deg);
 top: -30px;
 width: 30px;
 height: 30px;
 cursor: pointer;
 opacity: 0
}
#recNews:after, #recNewsClose {
 font-size: 18px;
 position: absolute;
 left: 0
}
#recNews:after {
 content: "WHAT'S NEW";
 color: #fff;
 font-weight: 700;
 bottom: -3px;
 font-style: italic
}
#recTr {
 position: fixed;
 top: -25pc;
 left: -75pt;
 width: 200px;
 height: 200px;
 background-color: rgba(154, 5, 5, .64);
 z-index: 10;
 transform: rotate(45deg)
}
#recNews a {
 color: #fff
}
#recNews dt {
 width: 90px;
 float: left
}
#recNews dd {
 padding-left: 90px
}
#recNews .new {
 display: block;
 position: absolute;
 border-radius: 50%;
 background-color: rgba(154, 5, 5, .64);
 text-align: center;
 font-size: 8px;
 top: -17px;
 left: 58px;
 height: 19px;
 width: 24px;
 transform: rotate(15deg);
 padding-top: 5px;
 color: #fff;
 z-index: 5
}
#recNews li {
 position: relative;
 margin-right: 30px;
 background-color: rgba(0, 0, 0, .64);
 padding: 7px;
 margin-bottom: 5px;
 font-size: 11px;
 line-height: 1.2em
}
#recNews li a {
 display: block;
 padding-right: 35px
}
body #wpadminbar {
 overflow: hidden
}
.flol {
 float: left
}
.flor {
 float: right
}
.txl {
 text-align: left
}
.txc {
 text-align: center
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: 700
}
.small {
 font-size: .8em
}
.ssmall {
 font-size: .6em
}
.sssmall {
 font-size: .4em
}
.rela {
 position: relative
}
.underline {
 text-decoration: underline
}
.hidden {
 overflow: hidden
}
h1, h2, h3, h4, h5, h6 {
 clear: both
}
.noborder {
 border: 0 0 !important
}
#contentsSection div.letterArticle #entryBlock pre code {
 background-color: transparent;
 width: auto;
 margin: 0;
 border: none;
 overflow: visible;
}
.mt10 {
 margin-top: 10px !important
}
.mt20 {
 margin-top: 20px !important
}
.mt30 {
 margin-top: 30px !important
}
.mt40 {
 margin-top: 40px !important
}
.mt50 {
 margin-top: 50px !important
}
.mt60 {
 margin-top: 60px !important
}
.mt70 {
 margin-top: 70px !important
}
.mt80 {
 margin-top: 5pc !important
}
.mt90 {
 margin-top: 90px !important
}
.mt100 {
 margin-top: 75pt !important
}
.mt110 {
 margin-top: 110px !important
}
.mt120 {
 margin-top: 90pt !important
}
.mt130 {
 margin-top: 130px !important
}
.mt140 {
 margin-top: 140px !important
}
.mt150 {
 margin-top: 150px !important
}
.mt160 {
 margin-top: 10pc !important
}
.mt170 {
 margin-top: 170px !important
}
.mt180 {
 margin-top: 180px !important
}
.mt190 {
 margin-top: 190px !important
}
.mt200 {
 margin-top: 200px !important
}
.mb0 {
 margin-bottom: 0 !important
}
.mb10 {
 margin-bottom: 10px !important
}
.mb15 {
 margin-bottom: 15px !important
}
.mb20 {
 margin-bottom: 20px !important
}
.mb30 {
 margin-bottom: 30px !important
}
.mb40 {
 margin-bottom: 40px !important
}
.mb50 {
 margin-bottom: 50px !important
}
.mb60 {
 margin-bottom: 60px !important
}
.mb70 {
 margin-bottom: 70px !important
}
.mb80 {
 margin-bottom: 5pc !important
}
.mb90 {
 margin-bottom: 90px !important
}
.mb100 {
 margin-bottom: 75pt !important
}
.mb110 {
 margin-bottom: 110px !important
}
.mb120 {
 margin-bottom: 90pt !important
}
.mb130 {
 margin-bottom: 130px !important
}
.mb140 {
 margin-bottom: 140px !important
}
.mb150 {
 margin-bottom: 150px !important
}
.mb160 {
 margin-bottom: 10pc !important
}
.mb170 {
 margin-bottom: 170px !important
}
.mb180 {
 margin-bottom: 180px !important
}
.mb190 {
 margin-bottom: 190px !important
}
.mb200 {
 margin-bottom: 200px !important
}
.mb300 {
 margin-bottom: 300px !important
}
.pt10 {
 padding-top: 10px !important
}
.pt20 {
 padding-top: 20px !important
}
.pt30 {
 padding-top: 30px !important
}
.pt40 {
 padding-top: 40px !important
}
.pt50 {
 padding-top: 50px !important
}
.pt60 {
 padding-top: 60px !important
}
.pt70 {
 padding-top: 70px !important
}
.pt80 {
 padding-top: 5pc !important
}
.pt90 {
 padding-top: 90px !important
}
.pt100 {
 padding-top: 75pt !important
}
.pt110 {
 padding-top: 110px !important
}
.pt120 {
 padding-top: 90pt !important
}
.pt130 {
 padding-top: 130px !important
}
.pt140 {
 padding-top: 140px !important
}
.pt150 {
 padding-top: 150px !important
}
.pt160 {
 padding-top: 10pc !important
}
.pt170 {
 padding-top: 170px !important
}
.pt180 {
 padding-top: 180px !important
}
.pt190 {
 padding-top: 190px !important
}
.pt200 {
 padding-top: 200px !important
}
.pb10 {
 padding-bottom: 10px !important
}
.pb20 {
 padding-bottom: 20px !important
}
.pb30 {
 padding-bottom: 30px !important
}
.pb40 {
 padding-bottom: 40px !important
}
.pb50 {
 padding-bottom: 50px !important
}
.pb60 {
 padding-bottom: 60px !important
}
.pb70 {
 padding-bottom: 70px !important
}
.pb80 {
 padding-bottom: 5pc !important
}
.pb90 {
 padding-bottom: 90px !important
}
.pb100 {
 padding-bottom: 75pt !important
}
.pb110 {
 padding-bottom: 110px !important
}
.pb120 {
 padding-bottom: 90pt !important
}
.pb130 {
 padding-bottom: 130px !important
}
.pb140 {
 padding-bottom: 140px !important
}
.pb150 {
 padding-bottom: 150px !important
}
.pb160 {
 padding-bottom: 10pc !important
}
.pb170 {
 padding-bottom: 170px !important
}
.pb180 {
 padding-bottom: 180px !important
}
.pb190 {
 padding-bottom: 190px !important
}
.pb200 {
 padding-bottom: 200px !important
}
.simple_list li {
 list-style: none !important;
 position: relative;
 padding: 0 0 0 15px;
 margin: 0.3em 0 0.3em 6px !important;
}
.simple_list li:after {
 content: "";
 position: absolute;
 left: 3px;
 top: 11px;
 width: 2px;
 height: 2px;
 background-color: #303030;
 border-radius: 150%;
}
.w49 {
 width: 49%
}
.img_over img {
 max-width: 100%;
 height: auto
}
body {
 min-height: 100%;
 margin: 0;
 padding: 0;
 letter-spacing: .06em;
 color: #333;
 font-family: 'Montserrat', 'Roboto', '游ゴシック体', 'Yu Gothic', 'メイリオ', 'Meiryo, Osaka', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳＰゴシック', 'MS PGothic', sans-serif;
 font-weight: 500;
 /* *font-size: small;
 *font: x-small;*/
 background-color: #fff;
 font-size: 14px;
 line-height: 1.6em
}
#cover {
 background-position: center top;
 padding-top: 100px;
}
.admin-bar #header {
 top: 32px;
}
#header {
 border-top: 5px solid #12408f;
 position: fixed;
 top: 0;
 left: 0;
 background-color: #fff;
 width: 100%;
 z-index: 110;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 height: 95px;
}
#header_in {
 width: 1200px;
 margin: 0 auto;
 position: relative
}
#header h1 {
 padding: 5px 0 0px 10px;
 margin-right: 50%;
 position: relative;
 z-index: 5
}
#header #head_lang {
 position: absolute;
 top: 20px;
 right: 32px;
 overflow: hidden
}
#header #head_lang li {
 line-height: 1em;
 float: left;
 padding: 0 10px;
 color: #b8b8b8;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0;
 font-size: 1.15em
}
#header #head_lang li a {
 color: #12408f;
 text-decoration: none
}
#header #head_lang li.lang_link_ja {
 border-right: 2px solid #12408f
}
#gobal_nav {
 position: absolute;
 top: 64px;
 right: 0;
 z-index: 6
}
#gobal_nav li {
 float: left;
 position: relative;
 margin: 0 1px
}
#gobal_nav li a {
 display: block;
 color: #333;
 text-decoration: none;
 font-weight: 700;
 line-height: 1.2em;
 font-size: 1.07em;
 padding: 5px 7px;
 letter-spacing: 0;
}
.lang-en #gobal_nav li a {
 text-transform: uppercase;
 letter-spacing: 0;
 font-size: 1.2em
}
#gobal_nav li:after {
 display: block;
 content: "";
 position: absolute;
 width: 0;
 height: 2px;
 background-color: #12408f;
 -webkit-transition: width .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
 -moz-transition: width .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
 -o-transition: width .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
 transition: width .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
 bottom: 0;
 left: 0
}
#gobal_nav li:hover:after {
 width: 100%
}
#gobal_nav li:hover a {
 color: #12408f
}
#gobal_nav li#menu-item-3568, #gobal_nav li.last {
 margin-right: 0;
 letter-spacing: 0
}
#gobal_nav li:hover .sub-nav {
 opacity: 1;
 visibility: visible;
 top: 29px
}
#gobal_nav li .sub-nav {
 opacity: 0;
 visibility: hidden;
 display: block;
 position: absolute;
 left: 0;
 top: 20px;
 background-color: #fff;
 box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
 width: 350px;
 z-index: 5;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#gobal_nav li .sub-nav li {
 float: none;
 width: auto
}
#gobal_nav li .sub-nav li a {
 font-weight: 500;
 padding: 10px 0;
 border-bottom: 1px dotted #e1e1e1
}
#gobal_nav li:hover .sub-nav li a {
 color: #333
}
#gobal_nav li:hover .sub-nav li:last-child a {
 border: 0
}
#top_images {
 background-color: #f4f3f3;
 margin-bottom: 40px;
 height: 600px;
 position: relative;
 overflow: hidden
}
#backVideo {
 position: absolute;
 top: -50px;
 left: 0;
 width: 100%;
 z-index: 1
}
#smart_top_back {
 background-size: 100% auto;
 background-image: url(img/smart_back.jpg);
 background-repeat: no-repeat
}
#backVideo_cover {
 position: absolute;
 z-index: 2;
 width: 100%;
 display: block;
 left: 0;
 height: 100%;
 background-image: url(img/slide_cover01.png);
 background-repeat: repeat;
 opacity: .7
}
#top_slide {
 position: relative;
 z-index: 8
}
#top_slide ul.slidebody {
 position: relative;
 width: 750pt;
 height: 600px;
 margin: 0 auto
}
#top_slide ul li div {
 position: absolute
}
#top_slide .list ul {
 background-color: rgba(0, 0, 0, .55);
 color: #fff;
 font-weight: 700;
 font-size: 17px;
 line-height: 2em;
 padding: 25px;
 position: absolute
}
#top_slide .title {
 background-color: rgba(0, 0, 0, .8);
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 padding: 15px;
 line-height: 1.3em
}
#top_slide ul li {
 height: 600px
}
#top_slide ul li .box {
 width: 750pt;
 position: relative;
 margin: 0 auto
}
#top_slide .list ul li {
 padding-left: 25px;
 background-image: url(img/yari.png);
 background-repeat: no-repeat;
 height: auto;
 background-position: 0 5px;
 position: static;
 line-height: 1.3em;
 margin-bottom: 9pt
}
#top_service_section h2, #topWorks h2 {
 color: #12408f;
 font-weight: 700;
 font-size: 30px;
 line-height: 1.2em;
 margin-bottom: 30px;
 padding-left: 10px;
 text-align: center;
 padding-right: 10px;
 text-transform: uppercase
}
/*
Top 2023-11
*/
.headv2 #header_in {
 max-width: 1200px;
 width: auto;
}
.top_chatch_txt {
 font-size: 2.8em;
 line-height: 1.4em;
 margin-bottom: 20px;
 text-align: center;
 color: #5E6EEA;
}
.top_client_tiker #topWorks {
 margin-bottom: 40px;
}
#top_message_txt {
 margin: 50pt 0
}
#top_latest_news {
 background-color: #12408f;
 color: #fff;
 padding: 30px 0 40px 0;
 margin: 0px 0 60px 0;
}
#top_latest_news .news_title {
 width: 230px;
 display: flex;
 align-items: center;
 padding-bottom: 3em;
}
#top_latest_news .box {
 width: calc(100% - 230px);
}
#top_latest_news .news_title h3 {
 font-size: 1.4em;
 font-style: italic;
 line-height: 1.3em;
}
#top_latest_news .title .sub {
 font-weight: bold;
}
#top_latest_news a {
 color: #fff;
}
#top_latest_news li {
 margin: 10px 0;
}
#top_latest_news li a {
 display: flex;
 gap: 30px;
}
#top_latest_news li .date {
 width: 6em;
}
#top_latest_news li .title {
 width: calc(100% - 6em - 30px);
}
.flex.nex_btn {
 flex-wrap: nowrap;
 display: flex;
 gap: 50px;
 padding-top: 20px;
}
.flex.nex_btn a {
 display: block;
 border: 1px solid #fff;
 border-radius: 8px;
 padding: 5px 1em;
 width: 50%;
 text-align: center;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#top_latest_news .flex.nex_btn a:hover {
 background-color: #fff;
 color: #12408f;
 text-decoration: none;
}
.headv2 #footer .wrapper {
 max-width: 1200px;
 width: auto;
}
.top_voice_select li {
 box-shadow: 0 0 5px #00000036;
 border-radius: 3px;
 margin: 20px 0;
}
.top_voice_select li .left img {
 max-height: 193px;
 width: auto;
}
.top_voice_select li .flex {
 flex-wrap: nowrap;
 gap: 30px;
}
.top_voice_select {
 padding-top: 30px;
}
.top_voice_select li dl {
 display: flex;
 gap: 30px;
}
.top_voice_select li dd {
 padding: 20px 20px 10px 0;
 box-sizing: border-box;
 /*width: calc(100% - 300px - 30px);*/
}
.top_voice_select li dt {
 /*width: 300px;*/
 overflow: hidden;
 flex-shrink: 0;
 max-width: 340px;
}
.top_voice_select li h3 {
 font-size: 1.8em;
 line-height: 1.3em;
 margin-bottom: 17px;
 font-weight: 600;
}
.top_voice_select li h3 a {
 color: initial;
}
.top_voice_select li .right {
 padding-top: 1em;
}
.top_voice_select li .flex .left img {
 position: relative;
 top: -15px;
}
.top_voice_select li .flex .left {
 overflow: hidden;
 max-height: 110px;
}
.more_voice.v23 a {
 background-color: #12408f;
 border: 1px solid #12408f;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.more_voice.v23 a:hover {
 color: #12408f;
 background-color: #fff;
 text-decoration: none;
}
/**/
#top_service_section h2 {
 margin-bottom: 0;
}
#topWorks li {
 width: 23%;
 margin: 0 1% 15px;
 text-align: center
}
#topWorks ul {
 display: flex;
 flex-wrap: wrap;
 padding: 15px 0 0
}
#topWorks li img {
 max-width: 100%;
 height: 42px;
 margin: 0 auto;
 width: auto;
 webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 transition: none;
}
#topWorks .slide_logo {
 opacity: 0;
 visibility: hidden;
 max-height: 75px;
}
#topWorks .slide_logo li {
 max-width: 160px;
 padding: 0 40px;
 margin: 0;
 width: auto;
 text-align: center;
}
#topWorks .slide_logo ul {
 display: block;
 text-align: center;
}
#topWorks li .slide_logo img {
 max-height: 60px;
}
#topWorks {
 margin: 40px 0 5pc
}
#topWorks li .home #cover {
 padding-top: 95px
}
#slideback img {
 max-width: 400%;
 width: 100%;
 height: auto
}
#slideback {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 z-index: 0
}
#topSlide {
 position: relative;
 overflow: hidden;
 height: 600px
}
#topCatch {
 z-index: 4;
 text-align: center;
 padding-top: 190px
}
#topCatch, #topCatch h1 {
 position: relative;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#topCatch h1 {
 max-width: 6em;
 margin: 0 auto;
 text-align: left;
 font-size: 6em;
 line-height: 1em;
 margin-bottom: 10px;
 opacity: 0;
 font-family: Raleway, roboto, sans-serif
}
#topCatch h1 span.active:after {
 content: "";
 position: absolute;
 bottom: 0;
 right: -10px;
 width: 3px;
 height: 80%;
 background-color: #fff;
 z-index: 1;
 -webkit-animation: a .5s none infinite alternate;
 animation: a .5s none infinite alternate
}
#topCatch h1 span {
 position: relative;
 line-height: 1em;
 display: inline-block
}
#topCatch h1 span.tx1 {
 line-height: 1em;
 font-weight: 400
}
@keyframes a {
 0%, 50% {
  opacity: 1
 }
 51%, to {
  opacity: 0
 }
}
.pro_nav .sub-menu {
 background-color: #fff;
 position: absolute;
 left: 80%;
 top: 2px;
 visibility: hidden;
 opacity: 0;
 width: 100%;
 z-index: 10;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 box-shadow: 1px 1px 5px #00000042;
}
.pro_nav .plink {
 background-color: #12408f;
}
.pro_nav li:hover .sub-menu {
 visibility: visible;
 opacity: 1;
 left: 90%;
}
#gobal_nav li .sub-nav.pro_nav li {
 margin: 0;
}
#gobal_nav li .sub-nav.pro_nav li a {
 padding: 10px 7px;
}
#gobal_nav li .sub-nav.pro_nav .plink a, #gobal_nav li:hover .sub-nav.pro_nav .plink a {
 color: #fff;
}
#gobal_nav li .sub-nav.pro_nav .plink li a, #gobal_nav li:hover .sub-nav.pro_nav .plink li a {
 color: #333;
}
#gobal_nav li .sub-nav.pro_nav .sub-menu li a {
 padding: 12px 12px;
}
.plink:hover .sub-menu {
 opacity: 1;
 left: 91%;
 top: 7px;
 visibility: visible;
}
#gobal_nav li.plink:hover:after {
 background-color: #fff;
}
#topScroll {
 z-index: 18;
 text-align: center;
 color: #fff;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 opacity: 0
}
#topScroll a {
 color: #fff;
 font-weight: 700;
 text-decoration: none;
 display: block;
 padding-bottom: 30px;
 background-image: url(img/scroll.png);
 background-repeat: no-repeat;
 background-size: 25px auto;
 font-size: .85em;
 background-position: center calc(100% - 15px)
}
#topCatch p {
 font-weight: 700;
 font-size: 1.3em;
 text-shadow: 0 1px 2px #fff, 0 3px 4px #fff;
 position: relative;
 opacity: 0
}
span.mv {
 position: relative
}
span.mv span {
 position: absolute;
 top: -160px
}
.letterArticle span.mv span {
 top: -110px;
}
.admin-bar .letterArticle span.mv span {
 top: -145px;
}
.admin-bar span.mv span {
 top: -175px;
}
#topCatch h1, #topCatch p, #topCatch.white h1, #topCatch.white p {
 color: #fff;
 text-shadow: 0 1px 5px rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .8)
}
#topSlide:after {
 content: "";
 width: 100%;
 position: absolute;
 left: 0;
 height: 100%;
 top: 0;
 background-image: url(img/stripe_black.png);
 z-index: 1;
 opacity: .8
}
.top_chatch .tb1 {
 color: #2f6fe0
}
.top_chatch .tr1 {
 color: #e63838
}
.topCatch img {
 width: 5in;
 height: auto
}
.topCatch {
 margin: 0 3%
}
#latestNews p {
 font-weight: 700;
 font-style: italic;
 color: #fff;
 font-size: 1.1em;
 line-height: 1.3em;
 float: left;
 width: 135px
}
#latestNews {
 padding: 5px 0;
 overflow: hidden;
 height: 1.6em;
 background-color: #12408f
}
#latestNews ul {
 float: none;
 padding-left: 140px
}
#latestNews ul li {
 color: #fff;
 overflow: hidden;
 font-style: italic
}
#latestNews ul li a {
 color: #fff
}
#latestNews ul li dt {
 float: left;
 width: 75pt
}
#latestNews ul li dd {
 float: none;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding-left: 105px
}
#latestNews ul li .new {
 display: none;
}
#keyArea {
 padding: 60px 0 40px;
 background-image: url(img/stripe.png)
}
#keyArea .wrapper {
 max-width: 850px
}
#keyArea .wrapper ul {
 max-width: 850px;
 display: flex;
 flex-wrap: wrap
}
#keyArea .wrapper li {
 width: 31.333%;
 margin: 0 1% 20px;
 box-sizing: border-box;
 border: 10px solid #fff;
 background-color: #fff;
 position: relative;
 padding: 15px
}
#keyArea .wrapper li:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 box-sizing: border-box;
 border: 3px solid #a2a2a2
}
#keyArea .wrapper li:after {
 background-color: #a2a2a2;
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0;
 height: 0;
 opacity: .1;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#keyArea .wrapper li:hover:after {
 top: 15px;
 left: 15px;
 width: calc(100% - 30px);
 height: calc(100% - 30px)
}
#keyArea .wrapper dl dt {
 text-align: center
}
#keyArea .wrapper dl dt .name {
 font-weight: 700;
 font-size: 1.5em;
 line-height: 1.2em
}
#keyArea .wrapper dl dt .ja {
 font-size: .9em;
 line-height: 1.2em;
 margin-top: 4px;
 font-weight: 700
}
#keyArea .wrapper dl dd {
 font-size: .9em;
 line-height: 1.6em;
 margin-top: 2em
}
#keyArea .wrapper li:nth-child(1):before {
 border-color: #267bef
}
#keyArea .wrapper li:nth-child(1) dl dt .ja, #keyArea .wrapper li:nth-child(1) dl dt .name {
 color: #267bef
}
#keyArea .wrapper li:nth-child(1):after {
 background-color: #267bef
}
#keyArea .wrapper li:nth-child(2):before {
 border-color: #3ec163
}
#keyArea .wrapper li:nth-child(2) dl dt .ja, #keyArea .wrapper li:nth-child(2) dl dt .name {
 color: #3ec163
}
#keyArea .wrapper li:nth-child(2):after {
 background-color: #3ec163
}
#keyArea .wrapper li:nth-child(3):before {
 border-color: #dd55a5
}
#keyArea .wrapper li:nth-child(3) dl dt .ja, #keyArea .wrapper li:nth-child(3) dl dt .name {
 color: #dd55a5
}
#keyArea .wrapper li:nth-child(3):after {
 background-color: #dd55a5
}
#keyArea .wrapper li:nth-child(4):before {
 border-color: #e4485e
}
#keyArea .wrapper li:nth-child(4) dl dt .ja, #keyArea .wrapper li:nth-child(4) dl dt .name {
 color: #e4485e
}
#keyArea .wrapper li:nth-child(4):after {
 background-color: #e4485e
}
#keyArea .wrapper li:nth-child(5):before {
 border-color: #f08e10
}
#keyArea .wrapper li:nth-child(5) dl dt .ja, #keyArea .wrapper li:nth-child(5) dl dt .name {
 color: #f08e10
}
#keyArea .wrapper li:nth-child(5):after {
 background-color: #f08e10
}
#keyArea .wrapper li:nth-child(6):before {
 border-color: #55b2dd
}
#keyArea .wrapper li:nth-child(6) dl dt .ja, #keyArea .wrapper li:nth-child(6) dl dt .name {
 color: #55b2dd
}
#keyArea .wrapper li:nth-child(6):after {
 background-color: #55b2dd
}
#slide1 .title {
 top: 44px;
 left: 420px;
 float: left;
 z-index: 5;
 width: 615px
}
#slide1 .servicename {
 top: 407px;
 left: 85px;
 z-index: 4
}
#slide1 .servicesubname {
 top: 490px;
 left: 415px
}
#top_slide #slide1 ul {
 width: 600px;
 height: 170px;
 top: 58px;
 left: 490px;
 padding-top: 50px
}
#slide1 .box .w {
 content: "";
 position: absolute;
 background-color: hsla(0, 0, 100%, .9);
 width: 100%;
 height: 130px;
 top: 340px;
 z-index: 3
}
#slide2 .title {
 top: 22px;
 right: 30px;
 float: left;
 z-index: 5
}
#slide2 .servicename {
 top: 278px;
 left: 52px;
 z-index: 4
}
#slide2 .servicesubname {
 top: 313px;
 left: 438px
}
#top_slide #slide2 ul {
 width: 540px;
 top: 54px;
 padding-top: 35px;
 left: 40px
}
#slide2 .box .w {
 content: "";
 position: absolute;
 background-color: hsla(0, 0, 100%, .9);
 width: 100%;
 height: 130px;
 top: 250px;
 z-index: 3
}
#slide3 .title {
 top: 22pc;
 left: 8pc;
 float: left;
 z-index: 5
}
#slide3 .servicename {
 top: 6pc;
 left: 500px;
 z-index: 4
}
#slide3 .servicesubname {
 top: 14pc;
 left: 620px
}
#top_slide #slide3 ul {
 width: 690px;
 top: 365px;
 padding-top: 50px;
 left: 150px
}
#slide3 .box .w {
 content: "";
 position: absolute;
 background-color: hsla(0, 0, 100%, .9);
 width: 100%;
 height: 130px;
 top: 75px;
 z-index: 3
}
#sl_selector {
 overflow: hidden;
 text-align: center;
 width: 750pt;
 margin: 0 auto;
 padding: 20px 0
}
#sl_selector li {
 cursor: pointer;
 margin: 0 15px;
 display: inline-block;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#sl_selector li:hover {
 opacity: .7
}
#sl_selector li a {
 border-top: 4px solid #fff;
 display: block;
 position: relative
}
#sl_selector li a.active {
 border-top-color: #12408f
}
#sl_selector li a.active:after {
 content: "";
 display: block;
 position: absolute;
 width: 0;
 height: 0;
 border-width: 7px;
 border-color: transparent transparent #12408f;
 border-style: solid;
 top: -18px;
 left: 45%
}
.top_chatch {
 font-size: 25px;
 line-height: 1.6em;
 margin-bottom: 20px;
 text-align: center;
}
#top_message {
 margin: 90pt 0
}
.top_subcatch {
 margin-bottom: 90pt
}
.top_subcatch, .top_subcatch1 {
 font-size: 15px;
 line-height: 1.6em;
 text-align: center
}
.top_subcatch1 {
 margin-bottom: 40px
}
.more1 a {
 display: block;
 text-align: center;
 font-weight: 700;
 background-color: #12408f;
 color: #fff;
 padding: 9px 0;
 line-height: 1em;
 max-width: 180px;
 margin: 25px auto 90pt
}
#new_itstack ol li h4 {
 font-size: 18px;
 line-height: 1.3em;
 margin-bottom: 9pt
}
#new_itstack {
 overflow: hidden
}
#new_itstack ol {
 padding-bottom: 90pt;
 border-right: 1px solid #bababa;
 width: 555px;
 padding-right: 35px
}
#new_itstack ol li {
 margin-bottom: 50px;
 text-align: right;
 position: relative
}
#new_itstack ol li.right {
 text-align: left;
 position: relative;
 right: -625px
}
.lang-en #new_itstack ol li.right {
 width: 350px
}
#new_itstack ol li#y2006 {
 margin-bottom: 110px
}
#new_itstack ol li#y2010 {
 margin-bottom: 20px
}
#new_itstack ol li#y2011 {
 margin-bottom: 0
}
#new_itstack ol li#y2012 {
 margin-bottom: 95px
}
#new_itstack ol li#y2014 {
 background-color: #ffecec;
 padding: 30px 20px 30px 30px;
 text-align: left
}
#new_itstack ol li#y2014 dt {
 font-weight: 700;
 width: 25%;
 float: left;
 clear: both;
 padding-bottom: 5px
}
#new_itstack ol li#y2014 dd {
 padding-left: 26%;
 float: none;
 padding-bottom: 5px
}
#new_itstack ol li:after {
 content: "";
 width: 28px;
 height: 28px;
 border-radius: 50%;
 background-color: #5ecaf2;
 display: block;
 position: absolute;
 right: -49px;
 top: -9pt;
 opacity: .4
}
#new_itstack ol li.right:after {
 right: auto;
 left: -49px
}
#new_itstack h3 {
 background-image: url(img/dia.jpg);
 color: #fff;
 padding: 31px 0;
 margin-bottom: 90px;
 text-align: center;
 line-height: 1.6em;
 background-repeat: repeat
}
#new_itstack h3, .nextStack {
 font-size: 25px;
 font-weight: 400
}
.nextStack {
 color: #ff2929;
 width: 550px;
 text-align: right;
 line-height: 1.3em;
 top: -135px;
 position: absolute
}
.nextStack:after, .nextStack:before {
 border-width: 10px;
 border-color: #ff2929 transparent transparent;
 content: "";
 display: block;
 position: absolute;
 top: 56px;
 right: 90px;
 border-style: solid
}
.lang-en .nextStack:before {
 top: 88px
}
.nextStack:after {
 top: 70px
}
#top_stack_detail {
 background-image: url(img/stacksoftwear.jpg);
 background-position: center top;
 color: #fff;
 padding: 25px;
 font-size: 14px;
 margin-bottom: 110px
}
#top_stack_detail .box {
 width: 700px;
 margin: 0 auto;
 padding-bottom: 20px
}
#contentsSection div.letterArticle #entryBlock .dia_list li {
 position: relative;
 line-height: 1.3em;
 margin-bottom: 10px;
 padding-left: 30px;
 list-style: none;
 margin-left: 0
}
#entryBlock .enlighter-default {
 font-size: 0.95rem;
 word-break: break-all;
 margin: 0.5em 0 1.5em 0;
}
.dia_list li:before {
 content: "";
 display: block;
 position: absolute;
 top: 6px;
 left: 10px;
 width: 8px;
 height: 8px;
 background-color: #fff;
 transform: rotate(45deg)
}
.services_ci .dia_list li:before {
 background-color: #12408f
}
#top_stack_detail h4 {
 margin-bottom: 10px;
 font-size: 25px;
 line-height: 1.3em
}
#top_stack_detail p {
 margin-bottom: 10px
}
#top_stack_detail #ex {
 background-color: hsla(0, 0, 100%, .98);
 overflow: hidden;
 padding: 15px;
 color: #333
}
#top_stack_detail #ex .left {
 width: 39%;
 font-size: 20px;
 line-height: 1.3em;
 float: left;
 margin-bottom: 20px
}
#top_stack_detail #ex .left.first {
 background-color: #ffdcdc;
 height: 115px;
 padding-top: 25px
}
#top_stack_detail #ex .left.second {
 height: 85px;
 padding-top: 55px;
 background-color: #c2e9f4
}
#top_stack_detail #ex .left.second + .right, #top_stack_detail #ex .left.third + .right {
 padding-top: 10px
}
#top_stack_detail #ex .left.third {
 background-color: #dcdcdc;
 height: 85px;
 padding-top: 55px
}
#top_stack_detail #ex .left ul {
 position: absolute;
 top: 45px;
 left: 40px;
 font-size: 1pc;
 line-height: 1.3em
}
#top_stack_detail #ex .left ul li {
 margin-bottom: 56px
}
#top_stack_detail #ex .left ul li:nth-child(1) {
 color: #ff3535
}
#top_stack_detail #ex .left ul li:nth-child(2) {
 color: #039bc6
}
#top_stack_detail #ex .left ul li:nth-child(3) {
 color: #4b4b4b
}
#top_stack_detail #ex .right {
 float: right;
 width: 59%;
 overflow: hidden;
 padding-top: 9pt
}
#top_stack_detail #ex .left.third + .right {
 padding-top: 40px
}
#top_stack_detail #ex .right li {
 float: left;
 width: 50%;
 margin-bottom: 10px;
 font-size: 18px;
 line-height: 1.3em
}
.elastic_icon {
 padding-top: 11px
}
.amc, .rkt {
 color: #0a6482
}
.kub {
 color: #326ce5
}
.kub span {
 position: relative;
 top: -10px
}
.meso {
 color: #01445f
}
.top_message2 h3 {
 font-size: 25px;
 margin-bottom: 10px;
 line-height: 1.3em
}
.top_message2 {
 text-align: center;
 font-size: 15px;
 line-height: 1.6em;
 margin-bottom: 110px
}
#top_partners ul {
 overflow: hidden
}
#top_partners ul li {
 float: left;
 width: 33.3333%;
 margin-bottom: 30px;
 margin-top: 30px;
 font-size: 15px
}
#top_partners ul li:nth-child(3n+1) {
 clear: both
}
#top_partners ul li dt {
 margin-bottom: 5px;
 width: 110px;
 float: left
}
#top_partners ul li.wide dt {
 width: 155px
}
#top_partners ul li dd {
 float: none;
 padding-left: 115px;
 margin-right: 40px
}
#top_partners ul li.wide dd {
 padding-left: 155px
}
p.qtranxs-available-languages-message.qtranxs-available-languages-message-en {
 text-align: center;
 padding: 3em 0 6em
}
#top_service {
 padding: 50px 0 90pt;
 background-color: #fcfcfc;
 position: relative;
 border-top: #e1e7f1 1px solid
}
span#top_service_mv {
 position: absolute;
 top: -50px
}
span#top_service_detail {
 position: absolute;
 top: -110px
}
#top_service .right {
 float: right;
 width: 43%
}
#top_service .right ul {
 overflow: hidden
}
#top_service .right ul li {
 float: left;
 width: 20%;
 box-sizing: border-box;
 cursor: pointer;
 -moz-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 -o-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 -webkit-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99)
}
#top_service .right ul li img {
 max-width: 100%;
 height: auto
}
#top_service .right ul li span {
 display: block;
 display: grid;
 margin: 2px;
 box-sizing: border-box
}
#top_service .right ul li.active span, #top_service .right ul li:hover span {
 border: 5px solid #12408f
}
#top_service .right ul li.active span img, #top_service .right ul li:hover span img {
 opacity: .5
}
#top_service .left {
 float: left;
 width: 55%;
 padding-top: 15px;
 position: relative;
 padding-bottom: 40px
}
#top_service .usecase_title img {
 width: 72px;
 height: auto
}
#top_service .usecase_title {
 margin-top: 20px;
 margin-left: 9pt
}
#top_service ul.usecase1 {
 margin-left: 9pt;
 margin-top: 8px
}
#top_service ul.usecase1 li {
 padding-left: 15px;
 position: relative
}
#top_service ul.usecase1.wide li {
 float: left;
 margin-right: 1em
}
#top_service ul.usecase1.wide {
 overflow: hidden
}
#top_service ul.usecase1.wide2 li:nth-child(odd), #top_service ul.usecase1.wide li:nth-child(3n+1) {
 clear: both
}
#top_service ul.usecase1 li:before {
 content: "";
 width: 3px;
 height: 3px;
 background-color: #000;
 border-radius: 50%;
 position: absolute;
 top: 9px;
 left: 4px
}
#top_service .left h3 {
 margin-bottom: 23px;
 margin-right: 190px
}
#top_service .left h3 span {
 font-size: 15px;
 position: relative;
 top: -8px
}
#top_service .left h3.ssgcd_title {
 font-size: 25px;
 line-height: 1.2em
}
#top_service ul.sv_cat {
 position: absolute;
 right: 0;
 top: 10px;
 width: 190px
}
#top_service ul.sv_cat li {
 float: right;
 border: 1px solid #12408f;
 margin: 0 0 2px 2px;
 line-height: 1em;
 font-size: 11px;
 font-weight: 700;
 padding: 4px 7px;
 color: #12408f
}
#top_service p.link a {
 display: block;
 text-align: center;
 font-weight: 700;
 background-color: #12408f;
 color: #fff;
 padding: 9px 0;
 line-height: 1em;
 max-width: 10pc;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 100%;
 -moz-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 -o-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 -webkit-transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99);
 transition: .3s cubic-bezier(0.13, 0.54, 0.21, 0.99)
}
#top_service p.link a:hover {
 text-decoration: none;
 opacity: .6
}
#top_service #top_service_box .sv {
 display: none
}
#top_service #top_service_box .sv h3 img {
 height: auto
}
img.spark_logo_png {
 width: 125px
}
img.k8s_logo_png {
 width: 260px
}
img.auqa_logo_png {
 width: 145px
}
img.pw_logo_png {
 width: 196px
}
img.top_ascc_logo {
 width: 250px
}
img.icb_logo_png {
 width: 20pc
}
img.devops-ss_logo_png {
 width: 300px
}
img.senkei_logo_png {
 width: 5pc;
 margin-right: 20px
}
img.elastic_logo_png {
 width: 210px
}
img.iotboost_logo_png {
 width: 200px
}
img.docker_logo_png {
 width: 215px;
 height: auto
}
img.gitlab_logo_png {
 width: 200px
}
img.msp_logo_png {
 width: 260px
}
img.chef_logo_png {
 width: 175px
}
img.hashicorp_logo_png {
 width: 200px
}
img.mongodb_logo_png {
 width: 158px
}
img.neo4j_logo_png {
 width: 150px
}
img.jenkins_logo_png {
 width: 200px
}
img.cloudstack_logo_png {
 width: 290px
}
img.cloudspectator_logo_png {
 width: 195px
}
img.cloudian_logo_png {
 width: 235px
}
#cat_select112 li, #tag_select112 li {
 float: left;
 color: #616060;
 font-weight: 700;
 cursor: pointer;
 font-size: .9em
}
#cat_select112 li {
 border: 1px solid #616060;
 margin: 0 5px 5px 0;
 padding: 4px 10px;
 line-height: 1em
}
#tag_select112 li {
 margin: 0 10px 8px 0;
 line-height: 1em;
 text-decoration: underline
}
#cat_select112 li.active, #tag_select112 li.active {
 color: #407adf;
 border-color: #407adf
}
#top_service #tag_select112 {
 padding-top: 11px
}
#service_cat_select {
 padding-top: 40px
}
#cat_select112 li.cat_title, #tag_select112 li.cat_title {
 border: 0;
 color: #333;
 font-weight: 400;
 padding-left: 0;
 text-decoration: none
}
.top_service {
 border-bottom: 1px solid #f4f3f3;
 padding: 40px 0;
 font-size: 15px;
 overflow: hidden;
 position: relative
}
.ac {
 color: #fff;
 visibility: hidden
}
#nv01.ac, #nv02.ac, #nv03.ac {
 position: absolute;
 top: -75pt
}
.top_service .wrapper {
 padding: 0 5px;
 width: 60pc
}
.top_service h3 {
 font-size: 26px;
 line-height: 1.1em;
 color: #12408f;
 padding-left: 45px;
 padding-top: 5px;
 margin-bottom: 20px;
 background-repeat: no-repeat;
 background-image: url(img/icons1.png)
}
#top_iot h3 {
 background-position: 0 2px
}
#top_itauto h3 {
 background-position: 0 -3pc
}
#top_bigdata h3 {
 background-position: 0 -102px
}
.top_service .left {
 padding-top: 20px;
 float: left;
 width: 46%
}
.top_service .right {
 width: 52%;
 float: right;
 padding-top: 20px
}
.top_service h4 {
 font-size: 22px;
 margin-bottom: 15px;
 line-height: 1.2em
}
.top_service .right .box {
 padding: 20px;
 width: 540px;
 position: relative;
 left: 0;
 background-color: #f4f3f3;
 font-size: 14px;
 margin-top: 30px
}
.top_service .right .box ul li {
 background-image: url(img/ball2.png);
 background-repeat: no-repeat;
 padding-left: 18px;
 margin-bottom: 1em;
 line-height: 1.2em;
 background-position: 0 3px
}
.bf_h1 {
 color: #fff;
 background-color: #12408f
}
.bf_h1, .bf_h2 {
 text-align: center;
 font-weight: 700;
 font-size: 30px;
 line-height: 1em;
 padding: 9px 0 7px;
 text-transform: uppercase;
 letter-spacing: 0;
 margin: 0 0 20px
}
.bf_h2 {
 color: #12408f
}
.bf_h1 a {
 color: #fff;
 text-decoration: none
}
#top_clients ul {
 float: left;
 width: 30.333333%;
 margin: 25px 3% 40px 0
}
#top_clients .wrapper {
 overflow: hidden
}
#top_clients {
 padding-top: 5pc
}
#top_clients .wrapper {
 padding: 0 5px 90px 0;
 width: 60pc
}
#top_clients ul li {
 margin-bottom: 1.2em;
 line-height: 1.1em
}
#top_clientvoice .wrapper {
 padding: 25px 0 90px
}
#top_clientvoice ul {
 display: flex;
 flex-wrap: wrap
}
#top_clientvoice ul li {
 width: 23%;
 float: left;
 margin: 0 1% 20px;
 border-radius: 3px;
 overflow: hidden
}
#top_clientvoice .client_name.black a {
 color: #333
}
#top_clientvoice .client_name.black {
 line-height: 1.2em;
 margin-top: 4px;
 font-weight: 700
}
#top_clientvoice ul li dl dt img {
 max-width: 100%;
 height: auto
}
#top_clientvoice ul li dl dd {
 position: absolute;
 bottom: 0;
 background-color: rgba(0, 0, 0, .701961);
 left: -1%;
 width: 91%;
 padding: 10px 6%;
 line-height: 1.1em
}
#top_clientvoice ul li dl {
 position: relative;
 overflow: hidden
}
#top_clientvoice ul li dl dt .thumbnail {
 border: 1px solid #ebebeb;
 box-sizing: border-box
}
#top_clientvoice ul .tools {
 position: absolute;
 top: 5px;
 left: 5px
}
#top_clientvoice ul .tools.right {
 left: auto;
 right: 5px
}
#top_clientvoice ul .tools div {
 margin-bottom: 5px
}
#top_clientvoice ul li a {
 color: #fff;
 text-decoration: none
}
#top_clientvoice ul li a br {
 display: none
}
.more {
 text-align: right;
 background-position: right 0;
 padding-right: 20px
}
.more, .more_bottom {
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0;
 background-image: url(img/arrow.png);
 background-repeat: no-repeat
}
.more_bottom {
 text-align: left;
 background-position: left -205px;
 padding-left: 20px;
 margin-top: 3em
}
.more a, .more_bottom a {
 text-decoration: none;
 color: #12408f;
 text-align: -webkit-center;
 font-size: 15px;
 line-height: 1em
}
#top_news_box {
 background-color: #f1f1f1;
 padding: 60px 0 90px;
 overflow: hidden;
 position: relative;
 display: block
}
#top_news_box h4 {
 color: #12408f;
 font-weight: 700;
 font-size: 27px;
 border-bottom: 3px solid #12408f;
 line-height: 1.2em;
 margin-bottom: 30px;
 padding-left: 10px;
 padding-right: 10px
}
#top_news_box .left {
 width: 48%;
 float: left;
 position: relative
}
#top_news_box .right {
 float: right;
 width: 48%;
 margin-left: 2%;
 position: relative
}
#top_news_box li .date {
 display: block;
 float: left;
 width: 90px;
 clear: both
}
#top_news_box li .title {
 display: block;
 padding-left: 75pt;
 float: none
}
#top_news_box li {
 line-height: 1.3em;
 margin-bottom: 1.5em
}
#top_news_box ul {
 padding: 0 15px 2em
}
#top_news_box .more {
 position: absolute;
 bottom: 0;
 right: 0
}
#topBranches .bMap {
 height: 445px;
 position: relative;
 text-align: center;
 width: 990px;
 margin: 0 auto
}
#topBranches .bMap img.map {
 position: absolute;
 top: 0;
 left: 5px
}
#topBranches .bMap ul li {
 position: absolute;
 color: #c81423;
 text-align: center;
 font-size: 18px;
 line-height: 1.4em;
 font-weight: 700;
 text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff
}
#topBranches .bMap ul li a {
 text-decoration: none;
 color: #c81423
}
#btokyo {
 top: 9pc;
 left: 311px
}
#bchina {
 top: 106px;
 left: 125px
}
#bcambodia {
 top: 283px;
 left: 136px
}
#bsingapore {
 top: 301px;
 left: 14px
}
#blos {
 top: 150px;
 left: 815px
}
#Los {
 width: 600px;
 padding: 20px;
 height: auto;
 line-height: 1.4em;
 font-size: 15px
}
#Los h3 {
 color: #003f8e;
 font-weight: 900;
 font-size: 1.1em
}
#top_access .wrapper {
 padding-top: 20px;
 position: relative;
 font-size: 15px;
 line-height: 1.4em;
 padding-bottom: 10px
}
.com_link {
 display: inline-block;
 background-color: #12408f;
 color: #fff !important;
 text-decoration: none;
 font-size: 9pt;
 line-height: 1em;
 padding: 5px 25px 5px 9pt;
 border-radius: 3px;
 background-image: url(img/arrow.png);
 background-repeat: no-repeat;
 background-position: calc(100% - 9px) -59px;
}
.lang-en .com_link {
 background-position: 150px -59px
}
p.gmap_link a {
 display: block;
 position: absolute;
 bottom: 10px;
 right: 0;
 text-decoration: none;
 color: #fff;
 font-weight: 700;
 border-radius: 3px;
 background-color: #249d07;
 font-size: 17px;
 line-height: 1em;
 padding: 7px 30px 7px 9pt;
 background-image: url(img/arrow.png);
 background-repeat: no-repeat;
 background-position: calc(100% - 7px)-117px;
 text-transform: uppercase;
 letter-spacing: 0
}
#top_map {
 height: 420px
}
.content_contact_link1 {
 margin-top: 2em
}
#contentsSection div.letterArticle #entryBlock .code {
 background-color: #eee;
 padding: .1em .4em;
 font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}
#entryBlock .content_contact_link1 a, .content_contact_link1 a {
 width: 20pc;
 padding: 15px 0;
 margin: 0 auto;
 background-color: #128f18;
 border-radius: 50px;
 font-size: 15px;
 border: 1px solid #128f18
}
#entryBlock .content_contact_link1 a, #entryBlock .content_contact_link2 a, .content_contact_link1 a, .content_contact_link2 a {
 display: block;
 text-align: center;
 color: #fff;
 font-weight: 700;
 line-height: 1.3em;
 text-decoration: none !important;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#entryBlock .content_contact_link2 a, .content_contact_link2 a {
 max-width: 25pc;
 padding: 18px 0;
 margin: 3em auto 0;
 background-color: #12408f;
 border-radius: 5px;
 font-size: 20px;
 border: 1px solid #12408f;
 width: 90%
}
#entryBlock .content_contact_link2 a:hover, .content_contact_link2 a:hover {
 color: #12408f;
 background-color: #fff
}
#entryBlock .content_contact_link1 a:hover, .content_contact_link1 a:hover {
 color: #128f18;
 background-color: #fff
}
#pankuzu {
 font-size: 11px;
 line-height: 1.1em;
 padding: 0 0 5px;
 color: #888;
 margin: 6px 0;
}
#pankuzu a {
 color: #888;
 text-decoration: none
}
.wrapper {
 width: 990px;
 margin: 0 auto
}
#footer .wrapper {
 max-width: 1200px;
 width: auto;
}
.wrap12 {
 max-width: 1200px;
 margin: 0 auto;
 width: 95%;
}
/*#contentsSection div.letterArticle #entryBlock .dotted_back {
 margin-bottom: 10px;
 font-size: 2pc;
 letter-spacing: -.8px;
 color: #12408f;
 background-image: url(img/sub_title_back.png);
 background-repeat: repeat;
 line-height: 1em
}
#contentsSection div.letterArticle #entryBlock .dotted_back span {
 display: inline-block;
 position: relative;
 z-index: 5
}
#contentsSection div.letterArticle #entryBlock .dotted_back span:after {
 width: 105%;
 position: absolute;
 content: "";
 background-color: #fff;
 display: block;
 height: 105%;
 top: -3px;
 left: 0;
 z-index: -1;
 border: 5px solid #fff
}
*/
#contentsSection div.letterArticle #entryBlock .dotted_back {
 background: none;
 background-color: #f7f7f7;
 padding: 16px 13px;
 border-top: 2px solid #12408f;
 margin-bottom: 20px;
 border-radius: 0;
 font-size: 2em;
 letter-spacing: 0px;
 color: #12408f;
}
#contentsSection div.letterArticle #entryBlock .dotted_back span:after {
 display: none;
}
#contentsSection div.letterArticle #entryBlock h3, #contentsSection div.letterArticle #entryBlockevent h3 {
 margin: 40px 0 15px;
 background-color: #f7f7f7;
 padding: 5px 10px;
 border-radius: 3px
}
.left.w51 {
 float: left
}
.left.w51, .right.w52 {
 width: 50%;
 padding: 10px 2%;
 box-sizing: border-box
}
.right.w52 {
 float: right
}
.cl_blue.left {
 background-color: #12408f;
 width: 5pc;
 float: left;
 height: 5pc;
 clear: both
}
.cl_blue.right {
 float: none;
 font-size: 1.2em;
 padding-left: 75pt
}
ul.ng_pattern {
 overflow: hidden
}
#contentsSection div.letterArticle #entryBlock ul.ng_pattern li {
 float: left;
 width: 33.33333%;
 margin: 0 0 30px;
 padding: 0;
 list-style: none;
 text-align: center;
 line-height: 1.3em
}
#entryBlock ul.child_page li a {
 display: block;
 padding: 15px;
 border: #12408f 2px solid;
 color: #12408f;
 text-decoration: none !important;
 border-radius: 3px;
 font-weight: bold;
}
#contentsSection div.letterArticle #entryBlock ul.child_page li {
 list-style: none;
 margin: 0 0 5px 0;
}
#contentsSection div.letterArticle #entryBlock ul.child_page {
 padding: 15px 0;
}
#entryBlock h4 {
 font-size: 1.1em;
 margin: 1em 0 0.5em;
 color: #4379d6;
 border-bottom: dotted 2px #9fc2ff;
 padding: 2px 0 5px 5px;
}
#globalNaviList.sidenavex li {
 font-size: 41px;
 font-weight: 700;
 line-height: 1em;
 margin-bottom: 2px;
 padding-bottom: 0;
 letter-spacing: -1px
}
#globalNaviList.sidenavex li a {
 color: #12408f;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#globalNaviList.sidenavex li a:hover {
 color: #f34f8a;
 text-decoration: none
}
#contentsSection {
 float: right;
 width: 650px;
 padding: 0 0 60px
}
#asideSection {
 float: left;
 width: 300px;
 padding: 10px 0 0 5px
}
#globalNaviList {
 margin-bottom: 5pc;
 text-align: right
}
#globalNaviList li {
 padding-bottom: 10px
}
#functionNaviList {
 min-height: 1%;
 margin-bottom: 85px
}
#functionNaviList:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: .1px;
 font-size: .1em;
 line-height: 0
}
#functionNaviList li {
 float: left;
 margin-left: 21px
}
#functionNaviList li:first-child {
 margin-left: 0
}
#contentsSection div.letterArticle h2 {
 margin-top: 5px;
 margin-bottom: 10px;
 font-size: 140%;
 font-weight: 700;
 color: #12408f
}
body.page #contentsSection div.letterArticle p {
 line-height: 1.9
}
table.companyTable td li {
 list-style-type: disc;
 margin-left: 20px;
 line-height: 1.2em;
 margin-bottom: 10px
}
#entryBlock pre {
 width: auto !important;
}
.svList {
 overflow: hidden
}
#contentsSection div.letterArticle #entryBlock ul.svList li {
 float: left;
 width: 49%;
 margin-right: 1%;
 margin-bottom: 7px;
 list-style: none;
 margin-left: 0
}
#contentsSection div.letterArticle #entryBlock ul.svList li:nth-child(odd) {
 clear: both
}
.services_ci {
 margin-bottom: 60px
}
.services_ci h4 {
 background-color: #12408f;
 color: #fff;
 padding: 5px 15px;
 margin-bottom: 8px;
 margin-top: 20px
}
.b_big {
 font-size: 25px;
 margin-bottom: 15px;
 color: #12408f;
 line-height: 1.3em;
 margin-top: 10px
}
table.companyTable {
 width: 100%;
 border-collapse: collapse
}
table.companyTable th {
 width: 25%;
 font-weight: bold;
 padding: 8px 20px 8px 0;
 vertical-align: top
}
table.companyTable td, table.companyTable th {
 line-height: 1.9;
 border-bottom: 1px solid #eee
}
table.companyTable td {
 width: 75%;
 padding: 8px 0
}
table.companyTable td.list_f1 p {
 width: 33.3333%;
 box-sizing: border-box;
 padding: 6px
}
.flex {
 display: flex;
 flex-wrap: wrap
}
table.companyTable td.list_f1 {
 padding-top: 1.8em
}
body.page #contentsSection div.letterArticle ul.galleryPhotoList li {
 float: left;
 width: 225px;
 min-height: 95px;
 margin: 0 0 20px 5px;
 background-image: url(../images/gallery_image_noimage.png);
 background-repeat: no-repeat;
 background-position: left top
}
body.page #contentsSection div.letterArticle ul.galleryPhotoList:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: .1px;
 font-size: .1em;
 line-height: 0
}
#clientvoice_box .left {
 width: 32%;
 float: left;
 text-align: center
}
#clientvoice_box .right {
 float: right;
 width: 64%;
 padding: 15px 2%
}
#clientvoice_box .left img {
 max-width: 100%;
 height: auto
}
#clientvoice_box {
 background-color: #d3dae0
}
#clientvoice_box .right h1 {
 color: #12408f;
 line-height: 1.3em;
 margin-bottom: 1em
}
.voice_page_tools li a span {
 position: relative;
 top: -1em
}
#clientvoice_box .right .profile {
 line-height: 1.3em
}
#clientvoice_box .right .profile p {
 font-size: 13px
}
#clientvoice_box .right .profile h2 {
 font-size: 1.2em;
 line-height: 1.4em;
 margin-bottom: 5px
}
.voice_page_tools {
 overflow: hidden
}
.voice_page_tools li a {
 display: table-cell;
 vertical-align: middle;
 text-decoration: none;
 color: #c00
}
.voice_page_tools li {
 float: left;
 margin: 0 10px 10px 0;
 font-size: 18px;
 color: #c00
}
.cv_title {
 font-size: 3em;
 line-height: 1.3em;
 padding: 30px 0 0;
 font-weight: 700;
 text-transform: uppercase;
 color: #12408f
}
#ci6 {
 position: relative
}
.ccv1 {
 width: 100%;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 padding-top: 193px
}
#ciVideo {
 margin-top: 25px;
 overflow: hidden;
 height: 450px;
 position: relative;
 margin-bottom: 40px;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url(img/bx_loader.gif)
}
#ciVideo:before {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/ciVcover.png);
 z-index: 8
}
#ciVideo:after, #ciVideo:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-position: center;
 background-size: auto 100%
}
#ciVideo:after {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/ciVcoverV.png);
 z-index: 9;
 animation: b 2s ease 0 infinite;
 -moz-animation: b 2s ease 0 infinite;
 -ms-animation: b 2s ease 0 infinite;
 -o-animation: b 2s ease 0 infinite;
 -webkit-animation: b 2s ease 0 infinite
}
.en .ccv1 {
 padding-top: 173px
}
.en .ccv1:before {
 height: 136px;
 top: 159px
}
.ccv1:before {
 content: "";
 background-color: #fff;
 width: 100%;
 height: 84px;
 position: absolute;
 left: 0;
 top: 178px;
 z-index: 0;
 opacity: .8
}
.ccv1 .ccv3 {
 position: relative;
 z-index: 1
}
#ciVideo.smart_mode:after {
 opacity: .2
}
@keyframes b {
 15% {
  toplefttop: -2px 3px 2px;
  left: -1px
 }
 20% {
  top: 5px;
  left: -2px
 }
 25% {
  top: -1px;
  left: 3px
 }
 75% {
  top: 0;
  left: -4px
 }
 80% {
  top: -5px;
  left: 3px
 }
 85% {
  top: 1px;
  left: -5px
 }
 to {
  top: -6px;
  left: -2px
 }
}
#ciVideo video {
 position: relative
}
#ci6 .ci_move {
 position: absolute;
 top: 0;
 right: 0
}
#ci6 .ci_move a {
 color: #fff;
 font-size: 9pt;
 line-height: 1em;
 background-color: #12408f;
 padding: 5px 25px 5px 10px;
 text-decoration: none !important;
 display: block;
 position: relative;
 margin-bottom: 1px
}
#ci6 .ci_move a:after {
 display: inline;
 content: "";
 position: absolute;
 right: 8px;
 top: 7px;
 height: 0;
 width: 0;
 border-style: solid;
 border-width: 5px;
 border-color: #fff transparent transparent
}
.wrapper.widepage {
 padding-top: 20px
}
.ci6gbox {
 background-color: #f5f5f5;
 border-top: 1px solid #d9d9d9;
 border-bottom: 1px solid #d9d9d9;
 margin-top: 5pc;
 padding: 30px 0
}
#contentsSection div.letterArticle #entryBlock .ci6gbox h3 {
 font-size: 25px;
 line-height: 1.3em;
 margin-bottom: 70px
}
.ci6gbox .wrapper {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/mini-logo.png);
 background-repeat: no-repeat;
 background-position: right 15px;
 text-align: center
}
#contentsSection div.letterArticle .ci6_sv h2 {
 text-align: center;
 background-color: #12408f;
 color: #fff;
 font-size: 30px !important;
 line-height: 1.3em;
 padding: 20px 0;
 font-weight: 700;
 margin-bottom: 20px !important
}
#contentsSection div.letterArticle .ci6_sv h2.nomar, .nomar {
 margin: 0 !important
}
.dif_body {
 background-image: url(https://www.creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2019/10/ci_back19.jpg);
 height: 420px;
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover
}
.dif_body .wrapper {
 padding: 0 1.5em;
 box-sizing: border-box
}
.dif_body .ex {
 font-size: 1.1em;
 font-weight: 600;
 color: #1d3f5f
}
#contentsSection div.letterArticle #entryBlock .dif_body h3 {
 background-color: transparent;
 margin: 0;
 font-size: 2.2em;
 line-height: 1em;
 padding: 40px 0 20px
}
#contentsSection div.letterArticle #entryBlock .dif_body h3 span {
 font-size: .6em
}
#contentsSection div.letterArticle #entryBlock h3.ci19h3 {
 background-color: #12408f;
 display: inline-block;
 max-width: 280px;
 box-sizing: border-box;
 padding: 6px 1em;
 color: #fff;
 border-radius: 1px;
 width: 90%;
 margin-top: 15px
}
#ci6 .left {
 float: left;
 width: 55%
}
#ci6 .right {
 float: right;
 text-align: right;
 width: 43%
}
ul.list2 li .leftBox1 {
 float: left;
 width: 195px
}
ul.list2 li .rightBox1 {
 float: none;
 padding-left: 195px;
 padding-top: 9px
}
#contentsSection div.letterArticle #entryBlock #ci6 ul.list2 li {
 margin-left: 0;
 margin-right: 0;
 font-weight: 700;
 font-size: 1.12em;
 overflow: hidden
}
#contentsSection div.letterArticle #entryBlock #ci6 .right ul li {
 margin: 0 0 5px;
 padding: 0
}
#contentsSection div.letterArticle #entryBlock #ci6 ul li {
 list-style: none
}
#ci6 .left .list2 li .numFont {
 font-size: 1.5em;
 color: #12408f
}
.numFont {
 font-family: 'Cabin', sans-serif
}
#entryBlock h4.ci19h4 {
 border: 0;
 font-size: 1.3em;
 margin: 0 0 5px
}
#contentsSection div.letterArticle #entryBlock #ci6 ul.phots_set_ci li {
 margin: 0 0 5px
}
.phots_set_ci li.anime2 {
 opacity: 0;
 position: relative;
 top: 15px;
 -moz-transition: .4s ease-in-out;
 -o-transition: .4s ease-in-out;
 -webkit-transition: .4s ease-in-out;
 transition: .4s ease-in-out
}
.phots_set_ci li.anime2.active {
 top: 0;
 opacity: 1
}
#contentsSection div.letterArticle .ci6_sv h2.mb20.h2m2 {
 background-color: transparent;
 font-weight: 700;
 color: #12408f
}
#ci6 #sv01 {
 padding-top: 5pc
}
.ci6_ss {
 padding-top: 60px;
 padding-bottom: 40px;
 border-bottom: 1px solid #12408f
}
#contentsSection div.letterArticle #entryBlock .ci6_sv .ci6_ss h3 {
 ccolor: #12408f;
 padding-left: 55px;
 line-height: 1.3em;
 font-size: 27px;
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/logo-ss.png);
 background-repeat: no-repeat;
 background-position: 5px 2px;
 margin-bottom: 20px
}
body.page #contentsSection div.letterArticle .ci6_catch {
 background-color: #e7ecf4;
 text-align: center;
 font-size: 22px;
 padding: 15px 0;
 line-height: 1.6em;
 line-height: 1.1em
}
.ci6_ss .left {
 width: 60%;
 float: left;
 padding-bottom: 50px
}
.ci6_ss .right {
 width: 35%;
 float: right;
 text-align: right;
 padding-bottom: 50px;
 padding-top: 20px
}
.ci6_ss table {
 clear: both
}
.ci6_ss table th {
 text-align: center;
 font-weight: 700;
 padding: 6px 0
}
.ci6_ss table th.cit1 {
 background-color: #cac5a7;
 border-left: 0;
 width: 25%
}
.ci6_ss table th.cit3 {
 width: 12%;
 background-color: #e9e9e9
}
.ci6_ss table th.cit2, .ci6_ss table th.cit4 {
 width: 30%;
 background-color: #e9e9e9
}
.ci6_ss table th.cit5 {
 text-align: left;
 line-height: 1.3em;
 background-color: #f0eacb;
 padding: 3px 15px;
 border-left: 0
}
.ci6_ss table td, .ci6_ss table th {
 border: 8px #fff solid;
 line-height: 1.3em
}
.ci6_ss table td {
 padding: 6px 15px;
 background-color: #f4f4f4
}
#contentsSection div.letterArticle #entryBlock ul.sug li {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/note1.png)
}
#contentsSection div.letterArticle #entryBlock ul.prop li, #contentsSection div.letterArticle #entryBlock ul.sug li {
 margin-bottom: 10px;
 list-style: none;
 padding-left: 30px;
 background-repeat: no-repeat;
 background-position: 0 3px;
 line-height: 1.3em;
 margin-left: 40px
}
#contentsSection div.letterArticle #entryBlock ul.prop li {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/voice1.png)
}
#entryBlock .ci6_ss h4.sug, .ci6_ss h4.sug {
 color: #fff;
 background-color: #12408f;
 width: 110px;
 text-align: center;
 padding: 6px 0;
 margin-bottom: 22px;
 transform: rotate(-7deg);
 margin-top: 11px;
 margin-left: 2px;
 position: relative
}
.ci6_ss h4.sug:before {
 content: "";
 border-color: #12408f transparent transparent;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 22px 9px;
 position: absolute;
 left: 20px;
 top: 27px;
 transform: rotate(-24deg);
 z-index: 0
}
.ci6_ss h4.prp {
 color: #12408f;
 padding-left: 40px;
 font-size: 15px;
 margin-bottom: 20px;
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/09/voice0.png);
 background-position: 10px 0;
 background-repeat: no-repeat;
 margin-top: 45px
}
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px
}
.mr00 {
 margin-right: 0 !important
}
.fs18 {
 font-size: 18px
}
.fs21 {
 font-size: 21px
}
.fs20 {
 font-size: 20px
}
.fs20e {
 font-size: 2em;
}
.fs15 {
 font-size: 1.5em;
}
.fs075 {
 font-size: 0.75em;
}
.lh14 {
 line-height: 1.4em !important;
}
.lh16 {
 line-height: 1.6em !important;
}
.red {
 color: #fe4949
}
h1.categoryTitle.title_news {
 font-size: 4em;
 letter-spacing: -1px
}
#contentsSection div.letterArticle #entryBlock .h3blue, .h3blue {
 color: #12408f;
 font-weight: 400;
 font-size: 30px;
 line-height: 1.3em;
 margin-bottom: 15px
}
/*Recruit 24*/
.rec24mes {
 max-width: 1500px;
 margin: 180px auto 0 auto;
 position: relative;
}
.rec24mes .message4 {
 position: absolute;
 top: 13em;
 background-color: rgb(255 255 255 / 85%);
 font-size: 1.1em;
 padding: 50px 50px 30px 50px;
 box-sizing: border-box;
 right: 33%;
 box-shadow: -8px 8px 2px #00000014;
}
.rec24mes .img {
 margin-left: 50%;
}
.rec24mes.add_ac {
 opacity: 0;
 top: 50px;
 transition: .3s ease-out;
}
.rec24mes.add_ac.active {
 top: 0;
 opacity: 1;
}
@media only screen and (max-width: 1400px) {
 .rec24mes .message4 {
  top: 17vw;
  right: 28%;
 }
 /*1400px*/
}
@media only screen and (max-width: 1300px) {
 .rec24mes .message4 {
  width: auto;
  bottom: 15px;
  left: 2vw;
  top: auto;
  padding: 30px;
  padding-bottom: 10px;
  right: 10vw;
  font-size: 1rem;
 }
 .rec24mes .img {
  width: 60%;
 }
}
@media only screen and (max-width: 1000px) {
 .rec24mes .img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 55%;
 }
 .rec24mes .message4 {
  position: relative;
  z-index: 2;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0 2vw;
  font-size: 0.95em;
 }
 .rec24mes {
  padding-top: 34vw;
 }
}
/*Recruit*/
.rec16_catch_box {
 text-align: center;
 margin-bottom: 20px;
 padding: 50px 0 35px;
 background-repeat: no-repeat, no-repeat;
 background-position: left top, right bottom;
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/11/rec_16-01.png), url(https://www.creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/11/rec_16-02.png)
}
#rec16_1, #rec16_2, .rec16_catch_box, .rec16_message {
 position: relative
}
#contentsSection div.letterArticle #entryBlock h3.rec16_catch {
 font-size: 35px;
 line-height: 1.3em;
 font-weight: 400;
 margin-bottom: .7em;
 background-color: transparent
}
body.page #contentsSection div.letterArticle .rec16_catch_box p {
 margin-bottom: 1em;
 line-height: 1.5em
}
#rec16_main {
 text-align: center;
 background-position: center top;
 background-color: #034072;
 background-repeat: no-repeat;
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/11/rec_back16.jpg);
 margin-bottom: 0
}
#rec16_content {
 padding-top: 20px
}
#rec16_bottom {
 text-align: center;
 background-position: center top;
 background-color: #011228;
 background-repeat: no-repeat;
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/11/rec_back_bottom16g.jpg)
}
span.kankeisha {
 font-size: 12px;
 background-color: #bfbfbf;
 color: #fff;
 font-weight: 400;
 padding: 2px 10px;
 line-height: 1em;
 margin-left: 1em;
 border-radius: 3px;
}
.p-recruit2 #labMain.cllabSingle, .p-recruit #labMain.cllabSingle {
 margin-bottom: 0;
 padding-bottom: 0
}
.p-recruit2 #footer, .p-recruit #footer {
 margin-top: 0
}
.p-recruit2 .wrapper.widepage, .p-recruit .wrapper.widepage {
 padding-top: 0;
 position: relative
}
.p-recruit2 #pankuzu, .p-recruit #pankuzu {
 position: relative
}
.rec16_message .left {
 width: 32%;
 float: left
}
.rec16_message .right {
 float: right;
 width: 67%
}
body.page #contentsSection div.letterArticle .rec16_message .right p {
 margin-bottom: 1.2em;
 line-height: 1.5em
}
dl.rec16_dl dt {
 float: left;
 width: 19%;
 font-weight: 700;
 clear: both;
 padding: 10px 0
}
dl.rec16_dl {
 margin-bottom: 1em
}
dl.rec16_dl dd {
 float: none;
 padding: 10px 0 10px 19%;
 border-bottom: 1px dotted #e1e1e1
}
body.page #contentsSection div.letterArticle dl.rec16_dl dd p, dl.rec16_dl dd p {
 margin-bottom: 0
}
.rcatch1 {
 text-align: center;
 margin: 50px 0
}
.re_fuki {
 max-width: 678px;
 margin: 0 auto;
 position: relative;
 z-index: 10;
 margin-bottom: 150px !important;
}
.re_fuki img {
 position: absolute;
 right: 0;
 bottom: -151px
}
.re20_photos {
 z-index: 9;
 margin: 120px auto 50px auto
}
.rec_video1 {
 max-width: 550px;
 margin: 0 auto 3em auto;
 width: 92%;
}
.rec_video1 iframe {
 width: 100%;
 height: 320px;
}
#contentsSection div.letterArticle #entryBlock #rec_radio {
 max-width: 1600px;
 width: 92%;
 margin: 2em auto;
 display: flex;
 flex-wrap: wrap;
}
.vr_slide {
 position: relative;
}
.vr_slide .bx-controls-direction a {
 background-image: url(img/fancybox_sprite.png);
 background-position: -1px -36px;
 background-repeat: no-repeat;
 position: absolute;
 left: 0;
 width: 35px;
 height: 35px;
 z-index: 100;
 top: 39%;
 text-indent: -99999px;
 overflow: hidden;
}
.vr_slide .bx-controls-direction a.bx-next {
 right: 0;
 left: auto;
 background-position: -1px -72px;
}
#contentsSection div.letterArticle #entryBlock #rec_radio li {
 width: 25%;
 list-style: none;
 box-sizing: border-box;
 padding: 15px;
 margin: 0;
}
#contentsSection div.letterArticle #entryBlock #rec_radio li iframe {
 width: 100%;
 height: 220px;
}
body .re20_photos li {
 list-style: none !important;
 margin: 0 !important
}
body .re20_photos li img {
 -moz-transition: .3s ease-out;
 -o-transition: .3s ease-out;
 -webkit-transition: .3s ease-out;
 transition: .3s ease-out
}
body .re20_photos li img:hover {
 transform: scale(1.01)
}
body .re20_photos li:first-child {
 left: -15px;
 position: relative;
 z-index: 1
}
body .re20_photos li:nth-child(2), body .re20_photos li:nth-child(3) {
 position: absolute;
 right: 0;
 bottom: 20px
}
body .re20_photos li:nth-child(2) {
 z-index: 6;
 right: 327px
}
.re20_photos ul {
 margin-bottom: 0 !important
}
body .re20_photos li:nth-child(3) {
 right: -22px;
 bottom: 60px
}
#rec2020 .wrapper {
 max-width: 1100px;
 width: auto
}
.re20message {
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2020/04/message_back2.jpg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 padding: 350px 0 50px 0
}
@media only screen and (min-width:2000px) {
 .re20message {
  background-position: center -4vw
 }
 /*2000*/
}
.re20message .box {
 max-width: 880px;
 margin: 0 auto;
 background-color: rgba(0, 0, 0, 0.85);
 box-sizing: border-box;
 color: #fff;
 padding: 30px;
 border-radius: 3px
}
#contentsSection div.letterArticle #entryBlock .re20message .box strong {
 color: #9cb6ff
}
div#entryBlock .re20_messages .re20_h2 img {
 height: 30px;
 width: auto
}
.re20_messages {
 padding: 40px 0;
 position: relative
}
#contentsSection div.letterArticle #entryBlock .re20_messages .box h3 {
 background-color: transparent;
 font-size: 1.5em;
 font-weight: 500;
 border-bottom: 1px solid #0e3f93;
 border-radius: 0;
 padding-left: 35px;
 padding-bottom: 6px;
 line-height: 1.3em
}
.re20_messages .box h3 span.tl {
 display: block;
 font-size: .6em;
 line-height: 1.3em
}
.re20_messages .box h3 span.roman {
 font-size: .6em;
 margin-left: 1.5em
}
.re20_messages .box {
 overflow: hidden;
 z-index: 10
}
.re20_messages .box figure {
 float: left
}
.re20_messages .box .in {
 width: 55%;
 float: left
}
.re20_messages .box .ms {
 padding-left: 35px;
 color: #333;
}
.re20_messages:before {
 background-repeat: no-repeat;
 content: "";
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2020/02/cbef581f51db80446fe06c756fe79a0f.png);
 width: 150px;
 height: 150px;
 position: absolute;
 right: 0;
 top: 135px;
 background-position: center;
 background-size: 90%;
 z-index: 0
}
.re20_messages:after {
 background-repeat: no-repeat;
 content: "";
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2020/02/image_logos.jpg);
 width: 419px;
 height: 522px;
 position: absolute;
 left: -205px;
 top: 560px;
 background-position: center;
 background-size: 90%;
 z-index: 0
}
.re20_messages .box.sec2 {
 position: absolute;
 right: 0;
 top: 355px;
 left: 30%;
 width: 70%
}
.re20_messages .box.sec2 .in {
 width: calc(100% - 280px)
}
.re20_messages .box.sec3, .re20_messages .box.sec4 {
 text-align: right;
 margin: 200px 0 0 0;
 position: relative
}
.re20_messages .box.sec3 figure, .re20_messages .box.sec4 figure {
 float: right
}
.re20_messages .box.sec3 .in, .re20_messages .box.sec4 .in {
 float: right;
 padding-top: 110px
}
#contentsSection div.letterArticle #entryBlock .re20_messages .box.sec3 h3, #contentsSection div.letterArticle #entryBlock .re20_messages .box.sec4 h3 {
 padding-left: 0;
 padding-right: 35px
}
body.page #contentsSection div.letterArticle .re20message p:last-child {
 margin-bottom: 0
}
#entryBlock .rcatch1 {
 padding: 0 15px
}
.re20_messages .box.sec3 .ms, .re20_messages .box.sec4 .ms {
 padding-right: 35px;
 padding-left: 0;
 text-align: left
}
.re20_messages .box.sec4 {
 margin-top: -70px;
 margin-right: 30%
}
.re20_messages .box.sec4 .in {
 width: calc(100% - 283px)
}
#rec2020 .animate {
 opacity: 0;
 position: relative;
 top: 5px;
 -moz-transition: .3s ease-out;
 -o-transition: .3s ease-out;
 -webkit-transition: .3s ease-out;
 transition: .3s ease-out
}
#rec2020 .animate.add_plus_2 {
 -moz-transition: .3s .3s ease-out;
 -o-transition: .3s .3s ease-out;
 -webkit-transition: .3s .3s ease-out;
 transition: .3s .3s ease-out
}
#rec2020 .animate.add_plus_3 {
 -moz-transition: .3s .6s ease-out;
 -o-transition: .3s .6s ease-out;
 -webkit-transition: .3s .6s ease-out;
 transition: .3s .6s ease-out
}
#rec2020 .animate.active {
 opacity: 1;
 top: 0
}
.rec_nav {
 overflow: hidden;
 margin-bottom: 5px;
 -moz-transition: 0.3s cubic-bezier(0.68, 0.02, 0.74, 0.38);
 -o-transition: 0.3s cubic-bezier(0.68, 0.02, 0.74, 0.38);
 transition: 0.3s cubic-bezier(0.68, 0.02, 0.74, 0.38);
}
.rec_nav ul {
 display: flex;
 float: right;
 background-color: black;
 padding: 8px 17px;
 border-radius: 150px;
}
#contentsSection div.letterArticle #entryBlock .rec_nav li {
 list-style: none;
 margin: 0 15px;
}
#entryBlock .rec_nav li a {
 color: #fff;
 text-decoration: none !important;
 font-weight: bold;
}
.admin-bar #rec2020 span.mv span {
 top: -230px;
}
#rec2020 span.mv span {
 top: -195px;
}
.scroll_body .rec_nav {
 right: 0;
 width: 100%;
 position: fixed;
 top: 107px;
 z-index: 109;
}
.scroll_body .rec_nav ul {
 background-color: rgb(0 0 0 / 90%);
 margin-bottom: 0 !important;
}
.admin-bar.scroll_body .rec_nav {
 top: 140px;
}
.wanted a {
 display: block;
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2016/11/wante.png);
 height: 5pc;
 background-position: center center;
 background-repeat: no-repeat;
 margin-bottom: 60px;
 overflow: hidden;
 text-indent: -999999px
}
#contentsSection div.letterArticle #entryBlock ul.ib_list, ul.ib_list {
 margin-bottom: 0;
 overflow: hidden
}
#contentsSection div.letterArticle #entryBlock ul.ib_list li, ul.ib_list li {
 float: left;
 color: #fff;
 font-weight: 700;
 font-size: .9em;
 margin-right: 7px;
 margin-bottom: 7px;
 padding: 8px 18px;
 display: block;
 background-color: #12408f;
 line-height: 1.2em;
 border-radius: 50px;
 margin-left: 0
}
#cv_ex2 #contentsSection div.letterArticle #entryBlock h3 {
 background-color: transparent;
 color: #12408f;
 margin: 5px 0 20px;
 padding: 0
}
#cv_ex2 #contentsSection div.letterArticle #entryBlock {
 padding-top: 20px
}
#contentsSection div.letterArticle #entryBlock ul.ib_list2, ul.ib_list2 {
 overflow: hidden;
 padding-bottom: 3px;
 margin-bottom: 0
}
#contentsSection div.letterArticle #entryBlock ul.ib_list2 li, ul.ib_list2 li {
 float: left;
 color: #fff;
 margin: 0 7px 7px 0;
 padding: 0;
 list-style: none
}
#contentsSection div.letterArticle #entryBlock ul.ib_list2 li a, ul.ib_list2 li a {
 text-decoration: none !important;
 color: #fff;
 font-weight: 700;
 font-size: .9em;
 padding: 8px 18px;
 display: block;
 background-color: #12408f;
 line-height: 1.2em;
 border-radius: 50px;
 margin-left: 0;
 box-shadow: 0 3px 0 rgba(0, 0, 0, .2);
 position: relative;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#contentsSection div.letterArticle #entryBlock ul.ib_list2 li a:hover, ul.ib_list2 li a:hover {
 background-color: #3b75d9;
 top: 1px;
 box-shadow: 0 0 0 transparent
}
#cv_ex2 #contentsSection.cllabSingle .letterArticle #entryBlock p, #cv_ex2 #entryBlock p {
 margin-right: 0
}
#contentsSection div.letterArticle #entryBlock h3.team_title {
 margin: 0;
 font-size: 1em;
 font-weight: 400;
 padding: 0;
 clear: none;
 background-color: transparent;
 margin-bottom: 5px
}
#recruit_detail_head {
 text-align: center;
 padding: 65px 0;
 min-height: 30px;
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2017/12/recruit_detail_head.jpg);
 background-repeat: no-repeat;
 background-position: center;
 margin-bottom: 5px
}
.recruit_detail_title {
 display: inline-block;
 background-color: rgba(255, 255, 255, 0.8);
 padding: 6px 20px;
 line-height: 1em;
 font-size: 2.2em
}
#cv_ex2 #contentsSection div.letterArticle #entryBlock h2 {
 font-size: 2em !important;
 line-height: 1.3em;
 margin: 0 0 30px !important
}
.recruit_detail_title .small {
 display: block;
 font-size: 11px
}
#rec16_2 .clGpost.cat_hr {
 background-color: transparent !important;
}
#rec16_2 .clGpost dd {
 margin: 0;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.oubo_form dt, .recruit_detail_dl dt {
 width: 210px;
 float: left;
 clear: both;
 font-weight: 700;
 font-size: .9em;
 background-color: #eff5ff;
 line-height: 1.2em;
 padding: 10px 0 10px 10px;
 box-sizing: border-box
}
.oubo_form, .recruit_detail_dl {
 border-top: dotted 1px #d1d1d1;
 padding-top: 15px
}
.oubo_form dd, .recruit_detail_dl dd {
 float: none;
 font-size: .933em;
 padding: 0 10px 15px 220px;
 word-break: break-all;
 border-bottom: dotted 1px #d1d1d1;
 margin-bottom: 15px;
 line-height: 1.8em
}
.oubo_form dt {
 background-color: transparent;
 color: #12408f
}
.oubo_form {
 padding-top: 10px
}
.recruit_oubo_form {
 padding: 20px 20px 0;
 max-width: 680px;
 margin: 0 auto;
 margin: 0 auto;
 border: 4px solid #ebebeb;
 box-sizing: border-box
}
.recruit_oubo_form div.wpcf7-response-output {
 margin-top: 0
}
.recruit_oubo_form .submit_btn input {
 margin-bottom: 0
}
#cv_ex2 #contentsSection div.letterArticle #entryBlock .recruit_oubo_form h3 {
 margin-bottom: 5px
}
.oubo_btns {
 text-align: center
}
#contentsSection div.letterArticle #entryBlock .oubo_btns ul.ib_list2 li, .oubo_btns ul.ib_list2 li {
 display: inline-block;
 float: none
}
#contentsSection div.letterArticle #entryBlock .oubo_btns ul.ib_list2 li a, .oubo_btns ul.ib_list2 li a {
 border-radius: 8px;
 padding: 15px 30px
}
#cv_ex2 #contentsSection div.letterArticle #entryBlock .other_rec h3 {
 margin-bottom: 3px
}
#cv_ex2 #contentsSection.cllabSingle .letterArticle #entryBlock .other_rec p, #cv_ex2 #entryBlock .other_rec p {
 margin-bottom: 5px
}
#contentsSection div.letterArticle #entryBlock ul.simple {
 overflow: hidden;
 margin-bottom: 0
}
#contentsSection div.letterArticle #entryBlock ul.simple li {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0 5px 5px 1px
}
#entryBlock ul.simple li a {
 color: #fff;
 font-weight: 700;
 font-size: .85em;
 padding: 6px 14px;
 display: block;
 background-color: #12408f;
 line-height: 1.2em;
 border-radius: 5px;
 margin-left: 0;
 position: relative;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 text-decoration: none !important
}
.other_rec {
 font-size: .93em;
 padding: 20px 0
}
.other_rec .txc {
 margin-top: 1em
}
#contentsSection div.letterArticle #entryBlock #rec16_3 ul {
 overflow: hidden;
 padding: 0;
 margin: 0
}
#contentsSection div.letterArticle #entryBlock #rec16_3 ul li {
 float: left;
 margin: 0 2px 0 0;
 list-style: none;
 color: #fff;
 font-weight: 700;
 background-color: #12408f;
 border-radius: 5px 5px 0 0;
 font-size: .9em;
 line-height: 1em;
 padding: 10px 20px
}
#rec16_3 {
 position: relative;
 padding-bottom: 60px
}
#contentsSection div.letterArticle #entryBlock #rec16_3 .set {
 line-height: 1.3em;
 font-size: .85em
}
#contentsSection div.letterArticle #entryBlock #rec16_3 .set p {
 margin-bottom: 10px
}
#rec16_3 .set.hidden {
 padding: 10px;
 border: 2px solid #12408f
}
#cv_ex1 .cv_title {
 font-size: 1.3em;
 line-height: 1.3em;
 padding: 0;
 font-weight: 700;
 text-transform: uppercase;
 color: #12408f;
 margin: 0 auto 5px
}
#cv_ex1 #entryBlock .cv_prologue {
 font-size: 1.1em;
 margin: 3em 0
}
#clientvoice_image {
 min-height: 5in;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 margin-bottom: 2em;
 position: relative;
 z-index: 0;
 padding: 20px;
 overflow: hidden;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
#clientvoice_image .wrapper {
 position: relative;
 z-index: 5
}
#clientvoice_image:before {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 content: "";
 opacity: .65;
 z-index: 1
}
#clientvoice_image .img {
 margin: 10px 0 15px;
 text-align: center;
 position: relative
}
#clientvoice_image .img img {
 max-width: 25pc;
 height: auto
}
#clientvoice_image h1 {
 z-index: 4;
 text-align: center;
 line-height: 1.4em;
 position: relative
}
#clientvoice_image .cv_company_name {
 text-align: center;
 font-weight: 700;
 font-size: 1.2em;
 line-height: 1.4em;
 margin-top: 2em;
 position: relative
}
#clientvoice_image .cv_meta {
 text-align: center;
 position: relative;
 margin-top: 5px
}
#cv_ex1 #contentsSection.cllabSingle .letterArticle #entryBlock, #cv_ex1 #entryBlock {
 max-width: 650px;
 margin: 0 auto;
 text-align: justify;
 text-justify: inter-ideograph;
 font-size: 15px;
 line-height: 1.8em
}
#cv_ex1 #entryBlock p {
 margin-right: 0;
 text-align: justify;
 text-justify: inter-ideograph;
 line-height: 1.8em;
 margin-bottom: 1.5em
}
#cv_ex1 #entryBlock strong {
 color: #12408f
}
#cv_ex1 #entryBlock div, #cv_ex1 #entryBlock ol, #cv_ex1 #entryBlock ul {
 margin-bottom: 1.5em
}
#cv_ex1 #entryBlock h4 {
 font-size: 1.2em;
 margin: 1.3em 0 1em;
 line-height: 1.5em
}
#cv_ex1 #entryBlock h3 {
 font-size: 1.5em;
 margin: 1.6em 0 1em;
 line-height: 1.5em;
 color: #12408f;
 font-weight: 400
}
.content_ex p {
 margin-bottom: 1.5em
}
.cv19_title {
 position: absolute;
 right: 0;
 top: 0;
 color: #fff;
 background-image: url(https://www.creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2019/12/block-1.png);
 font-size: 1em;
 padding: 20px 10px 12px 65px;
 background-size: 100% auto;
 background-repeat: no-repeat;
 z-index: 2
}
.voice_head {
 z-index: 1;
 padding-top: 40px;
 position: relative
}
.voice_head.in_comlong {
 padding-top: 5px;
}
#com_logo img {
 max-height: 60px;
 width: auto;
}
#cv19_body img {
 max-width: 100%;
 height: auto
}
.voice_head dd {
 position: absolute;
 bottom: 0;
 width: 100%;
 left: 0;
 background-color: rgba(0, 0, 0, 0.6);
 color: #fff;
 text-align: center;
 padding: 15px 10px;
 box-sizing: border-box
}
.voice_head dd .left {
 float: left;
 width: 17%;
 text-align: right;
 box-sizing: border-box;
 padding-right: 15px
}
.voice_head dd .left img {
 width: 80px;
 height: auto
}
.voice_head dd .right {
 float: right;
 width: 83%;
 font-size: 1.4em;
 font-weight: 700;
 line-height: 1.5em;
 padding-top: .6em
}
.cv19_content1 .left.comp_info {
 float: left;
 width: 28%;
 background-color: #e9eaea;
 padding: 35px 20px;
 box-sizing: border-box;
 line-height: 1.6em
}
.cv19_content1 .right {
 float: right;
 width: 68%
}
.cv19_content1 {
 padding: 15px 0 0;
 line-height: 1.8em
}
.cv19_content1 .left.comp_info p {
 margin-bottom: 1.5em;
 padding-left: 1em
}
.cv19_content1 .left.comp_info p.bold {
 margin-bottom: 5px;
 padding-left: 0
}
.cv19_content1 .right .w27 {
 width: 27%
}
.cv19_content1 .right {
 float: right
}
.cv19_content1 .left {
 float: left
}
.cv19_content1 .small1 {
 font-size: .8em;
 line-height: 1.4em
}
.cv19_content1 .right .w70 {
 width: 70%
}
.cv19_content1 .small1 img {
 margin-bottom: 5px
}
.cv19_content1 div.blue {
 margin-bottom: 2em;
 color: #12408f;
 font-weight: 700;
 font-size: 1.1em
}
.cv19_content1 div.blue p {
 margin-bottom: 1em
}
.cv19_content1 .blue_box dt {
 text-align: center;
 background-color: #12408f;
 color: #fff;
 padding: 5px;
 line-height: 1.3em;
 font-weight: 700
}
.cv19_content1 .blue_box dd {
 border: 1px solid #12408f;
 padding: 10px 15px 5px
}
.cv19_content1 .blue_box dd ul li {
 color: #12408f;
 font-weight: 700;
 margin-bottom: 8px;
 line-height: 1.3em;
 padding-left: 15px;
 font-size: 1.1em;
 position: relative
}
.cv19_content1 .blue_box {
 margin: 10px 0 20px
}
.cv19_content1 .blue_box dd ul li:before {
 content: "";
 position: absolute;
 width: 5px;
 height: 5px;
 background-color: #12408f;
 left: 0;
 border-radius: 50%;
 top: 7px
}
.cv19_content1 h3 {
 font-size: 1.2em;
 line-height: 1.6em;
 margin: 1.5em 0 .5em
}
.cv19_content1 .hidden {
 margin-bottom: 1.5em
}
.cv_list_bottom {
 text-align: center;
 background-color: #12408f
}
.cv_list_bottom a {
 color: #fff;
 text-decoration: none;
 display: block;
 padding: 2em 0;
 font-size: 1.2em
}
#cv_cominfo {
 background-color: #eee;
 padding: 2em 0
}
#cv_cominfo .wrapper {
 background-color: #fff;
 max-width: 700px;
 margin: 0 auto 20px auto;
 border-radius: 20px
}
#cv_cominfo .wrapper .box {
 padding: 10px 20px
}
#cv_cominfo h3 {
 font-size: 1.6em;
 line-height: 1.2em;
 margin-bottom: 1em
}
#cv_cominfo h3, .cv_logo_image {
 text-align: center
}
div#cv_cominfo dl dt {
 float: left;
 clear: both;
 width: 85px;
 padding: 4px 0 4px 5px;
 line-height: 1.3em;
 background-color: #eee
}
div#cv_cominfo dl dd {
 float: none;
 padding: 4px 0 4px 75pt;
 line-height: 1.3em;
 margin-bottom: 5px
}
div#cv_cominfo dl {
 overflow: hidden;
 max-width: 500px;
 margin: 0 auto 8px
}
.tool_icons {
 overflow: hidden;
 text-align: center;
 padding: 1em 0;
 position: relative
}
.animate_img1 {
 opacity: 0;
 position: relative
}
.tool_icons li {
 display: inline-block;
 margin: 0 15px;
 line-height: 1.3em;
 margin-bottom: 10px
}
.tool_icons li span {
 position: relative;
 top: -17px;
 margin-left: 10px;
 display: inline-block;
 font-size: 18px;
 font-weight: 700;
 color: #333
}
#smart_search {
 background-color: #000000cc;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 10000;
 width: 100%;
 padding: 10px 0;
 display: none;
}
.admin-bar #smart_search {
 top: 32px;
}
#smart_search .ss_close {
 position: absolute;
 right: 0;
 top: 4px;
 width: 35px;
 height: 35px;
 cursor: pointer;
}
#smart_search .ss_close:after, #smart_search .ss_close:before {
 content: "";
 position: absolute;
 height: 3px;
 background-color: #fff;
 width: 80%;
 top: 15px;
 left: 10%;
 transform: rotate(45deg);
}
#smart_search .ss_close:before {
 transform: rotate(-45deg);
}
#smart_search input[name="s"] {
 font-size: 18px;
 padding: 10px 40px 10px 15px;
 border-radius: 6px;
 border: none;
 width: 100%;
 box-sizing: border-box;
}
#smart_search .wrapper {
 position: relative;
 padding-right: 40px;
 box-sizing: border-box;
}
#ss_search_btn {
 background-image: url(img/search.svg);
 position: absolute;
 right: 0;
 top: 10px;
 width: 32px;
 height: 32px;
 background-color: transparent;
 background-position: center;
 background-size: 80% auto;
 background-repeat: no-repeat;
 cursor: pointer;
}
#smart_search input[type="submit"] {
 background-image: url(img/search.svg);
 position: absolute;
 right: 46px;
 top: 3px;
 width: 35px;
 height: 35px;
 background-color: transparent;
 border: none;
 border-radius: 150%;
 text-indent: -9999px;
 overflow: hidden;
 background-position: center;
 background-size: 80% auto;
 background-repeat: no-repeat;
}
#footer {
 background-color: #4e4d4d;
 width: 100%;
 color: #fff;
 padding: 30px 0 100px 0;
 margin-top: 20px
}
.grecaptcha-badge {
 bottom: 80px !important;
}
.home #footer {
 margin-top: 0
}
#footer a {
 color: #fff;
 text-decoration: none
}
#footer address {
 line-height: 1.3em;
 font-size: 9pt
}
#footer address .b {
 font-size: 13px;
 font-weight: 700;
 margin-top: 1em;
 display: inline-block
}
#footer .left {
 float: left;
 width: 46%;
 padding-right: 1%;
 padding-left: 3%
}
#footer .right {
 float: left;
 border-left: 1px solid #fff;
 padding: 5px 0 0 20px
}
#footer .right li {
 margin-bottom: 10px
}
.lang-en #footer .right.links li {
 text-transform: uppercase;
 font-size: 1.1em;
 letter-spacing: 0
}
#footer small {
 margin-top: 1em;
 font-size: 9pt;
 line-height: 1.1em;
 display: block
}
.sns_box ul {
 overflow: hidden;
 padding-top: 25px;
}
.sns_box ul li {
 float: left;
 text-align: center;
 padding: 0 5px;
}
.sns_box ul li.tw, .sns_box ul li.youtube {
 padding-top: 5px;
}
.sns_box ul li img {
 max-width: 30px;
}
#pagetopBtn {
 position: fixed;
 bottom: 5px;
 border-left: thick;
 z-index: 11
}
#pagetopBtn a {
 display: block;
 background-image: url(img/pagetop.png);
 background-repeat: no-repeat;
 width: 50px;
 height: 50px;
 background-color: #12408f;
 background-position: center;
}
.webfont {
 font-family: Montserrat, sans-serif
}
#logo {
 margin-bottom: 5px;
 z-index: 4;
 position: relative
}
#swichSection {
 z-index: 5
}
div#slideLab ul li {
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out
}
div#slideLab ul li:hover {
 opacity: .9
}
div#slideLab ul li dt {
 width: 988px;
 height: 338px;
 overflow: hidden;
 text-align: center;
 border: 1px solid #aaa;
 background-color: #fff
}
div#slideLab ul li dl {
 position: relative;
 overflow: hidden
}
div#slideLab ul li dd {
 background-color: #000;
 opacity: .8;
 width: 97%;
 padding: 1% 2%;
 position: absolute;
 bottom: 0;
 left: 0;
 color: #acacac
}
div#slideLab ul li dd a {
 color: #fff;
 font-size: 1.4em;
 line-height: 1.5em;
 margin-bottom: 7px;
 display: block
}
div#slideLab ul li dd .ex {
 line-height: 1.3em;
 font-size: .9em
}
div#slideLab ul li dd .date {
 text-align: right;
 font-size: 1.2em;
 line-height: 1.4em;
 font-weight: 700;
 color: #fff
}
.slide_backcolor {
 display: block;
 position: relative;
 height: 100%;
 width: 100%
}
.slide_backcolor .cat_name {
 position: absolute;
 top: 0;
 left: 30px;
 font-size: 8.2em;
 line-height: 1.3em
}
.slide_backcolor .title_name {
 position: absolute;
 top: 0;
 left: 30px;
 font-size: 4.2em;
 line-height: 1.2em
}
.bx-pager.bx-default-pager div {
 display: inline-block;
 margin: 20px 10px;
 border-radius: 50%;
 width: 10px;
 height: 10px;
 text-indent: -99999px;
 overflow: hidden
}
.bx-pager.bx-default-pager div a {
 display: block;
 background-color: #434949;
 width: 100%;
 height: 100%;
 border-radius: 50%
}
.bx-pager.bx-default-pager {
 text-align: center
}
.bx-pager.bx-default-pager div .active {
 background-color: #8aabe3
}
div#slideLab ul li dt .cats {
 position: absolute;
 top: 15px;
 right: 15px
}
div#slideLab ul li dt .cats span {
 display: block;
 padding: 5px 10px;
 font-weight: 700;
 font-size: 1.2em;
 margin-bottom: 5px;
 line-height: 1.2em
}
body.page #contentsSection div.letterArticle.one_column {
 padding: 1em 0 30px
}
#contentsSection div.letterArticle dl.fs20 dt {
 font-weight: 700;
 font-size: 1.1em;
 line-height: 1.6;
 color: #12408f
}
#contact_form5 {
 border-radius: 5px;
 width: 680px;
 margin: 0 auto;
 margin-top: 50px
}
#contact_form5 input, .oubo_form dd input[type="email"], .oubo_form dd input[type="tel"], .oubo_form dd input[type="text"] {
 border: 1px solid #bebebe;
 font-size: 18px;
 padding: 5px 10px;
 border-radius: 3px;
 width: 100%;
 box-sizing: border-box
}
.oubo_form dd input[type="email"], .oubo_form dd input[type="tel"], .oubo_form dd input[type="text"] {
 width: 280px
}
#document_download .left {
 float: left;
 width: 50%;
 padding: 0 2%;
 box-sizing: border-box
}
#document_download .left .txc {
 padding: 0 15px
}
#document_download .left .txc img {
 box-shadow: 0 3px 9px rgba(0, 0, 0, .35)
}
#document_download .right {
 float: right;
 width: 50%;
 padding: 0 2%;
 box-sizing: border-box
}
#document_download .right img {
 max-width: 100%;
 height: auto
}
#document_download .submit_btn input {
 margin-top: 10px;
 margin-bottom: 5px
}
.privacy_insert {
 padding: 10px;
 height: 300px;
 overflow: auto;
 border: 1px solid #aaa;
 margin: 30px 0
}
.privacy_insert * {
 font-size: 11px
}
.privacy_insert dd {
 margin-bottom: 10px
}
.error_message {
 text-align: center;
 padding: 8px 0;
 background-color: #df4547;
 font-size: .9em;
 font-weight: 700;
 color: #fff;
 border-radius: 5px;
 line-height: 1.2em
}
#document_download .right .submit_btn {
 line-height: 1.2em !important
}
#entryBlock .document_download_btn a {
 display: block;
 text-align: center;
 text-decoration: none !important;
 font-weight: 700;
 border: 2px solid #12408f;
 border-radius: 15px;
 padding: 9pt 0;
 color: #12408f;
 margin-top: 60px
}
#document_download #contact_form5 {
 width: auto;
 margin-top: 30px
}
#contact_form5 select {
 border: 1px solid #bebebe;
 font-size: 18px;
 padding: 4px 10px;
 border-radius: 3px;
 width: 460px
}
#contact_form5 dt {
 font-weight: 700;
 padding-bottom: 10px;
 float: left;
 margin-bottom: 3px;
 width: 30%;
 font-size: 14px
}
#contact_form5 dd {
 margin-bottom: 10px;
 float: none;
 padding-left: 32%;
 border-bottom: 1px dotted #ccc;
 padding-bottom: 10px;
 min-height: 1.6em
}
#contact_form5 dd.clear {
 padding-left: 0
}
#contact_form5 textarea, .oubo_form dd textarea {
 font-size: 15px;
 padding: 5px 10px;
 border-radius: 3px;
 width: 658px;
 height: 220px;
 border: 1px solid #bebebe
}
.oubo_form dd textarea {
 box-sizing: border-box;
 width: 100%;
 height: 8em
}
.submit_btn input {
 background-color: #139425;
 font-size: 1pc;
 color: #fff;
 width: 260px;
 text-align: center;
 padding: 15px 0;
 display: block;
 margin: 1em auto;
 cursor: pointer;
 border: 0;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳＰゴシック, MS PGothic, sans-serif
}
.thanks_p {
 padding: 0 0 10px
}
.modoru_btn input {
 background-color: #666;
 width: 180px;
 padding: 5px 0;
 color: #fff;
 font-size: 15px;
 text-align: center;
 display: block;
 margin: 1em auto;
 cursor: pointer;
 border: 0;
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳＰゴシック, MS PGothic, sans-serif
}
.modoru_btn inpu:hover, .submit_btn input:hover {
 opacity: .7
}
.hissu {
 color: #dd2b2b;
 font-weight: 700
}
#contentsSection div.wpcf7-mail-sent-ok {
 border: 2px solid #a8e68e;
 text-align: center;
 padding: 15px 0;
 background-color: #f3ffe4
}
#contentsSection div.wpcf7-validation-errors {
 border: 2px solid #fff34d;
 text-align: center;
 padding: 15px 0;
 background-color: #fffce4
}
#contentsSection .submit_btn {
 text-align: center
}
#cover.iframe_contact {
 padding-top: 0
}
#cover.iframe_contact #wpadminbar {
 display: none
}
.contactBoxS {
 background-repeat: no-repeat;
 background-position: right bottom;
 position: relative;
 max-width: 680px;
 margin: 0 auto;
 overflow: hidden
}
#c1 + #contact_form5 {
 margin-top: 0
}
#c1.contactBoxS {
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2017/01/c1.jpg);
 height: 250px;
 overflow: hidden;
 background-size: 158px auto
}
input[type=email], input[type=number], input[type=password], input[type=text], textarea {
 webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 position: relative
}
#contact_form5 dd {
 position: relative
}
.recap_center {
 max-width: 20pc;
 margin: 0 auto;
 text-align: center;
 overflow: visible
}
input + .check {
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2017/01/check.gif);
 background-repeat: no-repeat;
 background-position: center;
 width: 1pc;
 height: 1pc;
 position: absolute;
 right: 8px;
 background-size: 1pc auto;
 top: 8px
}
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
 box-shadow: inset 0 0 5px rgba(8, 1, 3, .2)
}
.contactBoxS .eye, .contactBoxS .mouth {
 background-repeat: no-repeat;
 position: absolute
}
#c1.contactBoxS .eye {
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2017/01/eye.png);
 width: 93pt;
 height: 34px;
 bottom: 196px;
 background-size: 93pt auto;
 right: 6px;
 opacity: 0
}
.contactBoxS .eye.open {
 opacity: 1 !important
}
#c1.contactBoxS .mouth {
 background-image: url(https://creationline.com/tech-blog/cms_x3GWkuX/wp-content/uploads/2017/01/c1mouth.png);
 width: 24px;
 height: 25px;
 bottom: 163px;
 background-size: 24px auto;
 right: 57px
}
.contactBoxS .com .f {
 background-color: #f9f9f9;
 border-radius: 50px;
 padding: 10px 25px;
 box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
 margin-bottom: 20px;
 position: relative;
 opacity: 0;
 line-height: 1.3em
}
#c1.contactBoxS .mouth.open {
 bottom: 151px;
 right: 58px
}
#c1.contactBoxS .mouth.big {
 bottom: 147px;
 right: 58px
}
.contactBoxS .com {
 margin-right: 190px;
 padding: 10px;
 position: relative
}
.pv_block {
 font-size: 13px;
 line-height: 1.3em
}
div#NewEntryBlock {
 background-color: #fff;
 line-height: 1.8em;
 font-size: 14px;
 padding: 1em;
 box-shadow: 0 0 6px rgba(0, 0, 0, .2);
 margin-bottom: 60px
}
.pv_block p {
 margin-bottom: 1em
}
.pv_block dt {
 font-size: 1.2em;
 line-height: 2em;
 font-weight: 700;
 color: #12408f
}
.pv_block dd {
 margin-bottom: 1.5em;
 margin-left: 1em;
 line-height: 1.5em
}
.pv_block dl li {
 list-style: initial;
 list-style-type: disc;
 margin-bottom: 9px;
 margin-left: 2em
}
.p-culture #entryBlock h1 {
 font-size: 2em;
 margin: 2em 0;
 font-weight: normal;
 color: #555;
}
#labAside #globalNaviList {
 margin-bottom: 15px
}
#labAside #functionNaviList li {
 margin-left: 35px;
 margin-top: 10px
}
#labAside #functionNaviList li:first-child {
 margin-left: 0
}
.labAsideTitle {
 font-weight: 700;
 letter-spacing: -6px;
 font-size: 15px;
 line-height: 1.3em;
 color: #12408f;
 margin-bottom: 10px
}
.labAsideTitle.second {
 margin-top: 40px
}
.labAsideCatList li {
 margin-bottom: 2px
}
.labAsideCatList li a {
 display: block;
 padding: 5px 9pt;
 font-size: 14px;
 line-height: 1.2em;
 background-color: #999;
 color: #fff
}
.labAsideCatList li a:hover {
 opacity: .7
}
.labAsideTitle {
 font-weight: 900;
 font-size: 22px;
 line-height: 1.1em;
 color: #12408f;
 margin-bottom: 15px;
 text-transform: uppercase;
 letter-spacing: -2px
}
.archivesList li a {
 display: block;
 padding: 9px 9pt;
 background-color: #e7e7e7;
 margin-bottom: 2px
}
ul.rankingChange li {
 float: left;
 padding: 3px 9px;
 border: 1px solid #828282;
 margin: 0 5px 0 0;
 border-radius: 3px;
 font-size: 11px;
 line-height: 1em;
 color: #575757;
 cursor: pointer;
 font-weight: 700
}
ul.rankingChange li.active, ul.rankingChange li:hover {
 background-color: #828282;
 color: #fff
}
ul.rankingChange {
 overflow: hidden;
 padding: 0 0 15px
}
.labAsideRanking dt img {
 max-width: 150%;
 min-height: 75pt
}
.labAsideRanking dt {
 height: 75pt;
 overflow: hidden;
 background-color: #eee
}
.labAsideRanking dt a {
 display: block;
 width: 100%;
 height: 100%
}
.labAsideRanking dt .em, .labBottomRanking dt .em {
 display: block;
 height: 100%;
 width: 100%;
 opacity: .2
}
.labAsideRanking dt .em.cat_, .labBottomRanking dt .em.cat_ {
 background-color: #aaa
}
.labAsideRanking dt .rank_num, .labBottomRanking dd .rank_num {
 position: absolute;
 z-index: 5;
 top: -5px;
 left: -5px;
 padding: 11px 0 0;
 width: 35px;
 text-align: center;
 background-color: #444;
 font-weight: 700;
 color: #fff;
 border-radius: 50%;
 height: 24px;
 font-size: 19px;
 display: block
}
.labAsideRanking dt .rank_1, .labBottomRanking dd .rank_1 {
 background-color: #ff3a3a
}
.labAsideRanking dt .rank_2, .labBottomRanking dd .rank_2 {
 background-color: #ff7417
}
.labAsideRanking dt .rank_3, .labBottomRanking dd .rank_3 {
 background-color: #835302
}
.labAsideRanking dt .cats, .labBottomRanking dt .cats {
 position: absolute;
 top: 10px;
 right: -5px
}
.labAsideRanking dt .star {
 position: absolute;
 top: 5pc;
 left: 4px;
 color: #ff971d;
 text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
 font-size: 1pc;
 font-weight: 700
}
.labAsideRanking dt .cats span, .labBottomRanking dt .cats span {
 display: block;
 padding: 3px;
 font-size: .9em;
 line-height: 1em;
 margin-bottom: 1px;
 font-weight: 700
}
.labAsideRanking li {
 margin-bottom: 25px;
 position: relative
}
.labAsideRanking dd h4 a, .labBottomRanking dd .title a {
 color: #333;
 font-weight: 700;
 font-size: 15px;
 padding-top: 5px;
 line-height: 1.2em;
 display: block;
 padding-bottom: 2px
}
.labAsideRanking dd .date, .labBottomRanking dd .date {
 color: #12408f;
 font-weight: 700
}
#social_bottom {
 clear: both
}
#social_set ul li {
 float: left;
 margin: 0 4px 2px 0
}
#social_set ul li.linked_sns {
 position: relative;
 top: -5px
}
#social_set ul li:first-child {
 position: relative;
 top: -5px
}
.ondemand_list .wrapper, .event_video_list .wrapper {
 max-width: 1200px;
 width: 95%;
}
ul.postList {
 display: flex;
 flex-wrap: wrap
}
.postList li {
 float: left;
 width: 32.3333%;
 border: 1px solid #828282;
 box-sizing: border-box;
 padding: 10px;
 margin: 0 .5% 10px
}
#topVoiceSearch .postList li {
 width: 24%;
}
.postList li dt img {
 max-width: 100%;
 width: 100%;
 height: auto
}
.postList li dl, .postList li dt {
 position: relative
}
.postList li dt {
 width: 100%;
 overflow: hidden;
 text-align: center;
}
.postList li dt span.em {
 display: block;
 min-height: 100px;
 width: 100%;
 opacity: .2;
 background-image: url(images/back_logo.png);
 background-repeat: no-repeat;
 background-position: center
}
.postList li dd .cats {
 position: absolute;
 top: 5px;
 left: 5px
}
.postList li dd .star {
 position: absolute;
 top: 1px;
 right: 1px;
 color: #ff971d;
 text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
 font-size: 1pc;
 font-weight: 700
}
.postList li dd .cats span {
 display: block;
 margin-bottom: 2px;
 padding: 5px 7px;
 font-weight: 700;
 font-size: 0.6em;
 line-height: 1em;
}
.postList li dd .ex {
 color: #404040;
 word-break: break-all;
 font-size: 9pt;
 line-height: 1.2em;
 padding: 5px 0;
}
.postList li dd .date {
 font-weight: 700;
 color: #12408f;
 padding: 5px 0;
 background-image: url(images/clock_mini.png);
 background-repeat: no-repeat;
 padding-left: 15px;
 background-position: 0 11px;
 font-size: 15px
}
.postList li dd .title {
 font-weight: 700;
 font-size: 1.2em;
 line-height: 1.2em;
 padding-top: 5px
}
.postList li dd .title a {
 color: #333;
 word-break: break-all
}
/*Manga 2021-11*/
.manga_page_title {
 text-align: center;
 margin: 30px 0;
 font-size: 2.0em;
 line-height: 1.4em;
}
main.manga_page {
 overflow: hidden;
 background-image: url("img/manga_back.png");
 background-position: center;
}
main.manga_page .wrapper {
 position: relative;
 width: 85%;
 max-width: 990px;
}
main.manga_page .wrapper:after {
 content: "";
 position: absolute;
 width: 100%;
 background-color: #629dff;
 height: 120%;
 transform: rotate(1deg);
 top: -50px;
 right: 105%;
 opacity: 0.95;
}
main.manga_page .wrapper:before {
 content: "";
 position: absolute;
 width: 100%;
 background-color: #629dff;
 height: 120%;
 transform: rotate(1deg);
 top: -50px;
 left: 105%;
 opacity: 0.95;
}
.page-template-page-manga #cover {
 padding-top: 95px;
}
.page-template-page-manga #footer {
 margin-top: 0;
}
.manga_link {
 margin: 30px 0;
}
#entryBlock .manga_link a {
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 display: block;
 background-color: #629dff;
 color: #fff;
 font-weight: bold;
 text-align: center;
 max-width: 320px;
 margin: 50px auto 0 auto;
 text-decoration: none !important;
 padding: 20px 0;
 font-size: 1.2em;
 line-height: 1em;
 border-radius: 3px;
 border: 2px solid #629dff;
 box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
 box-sizing: border-box;
}
#entryBlock .manga_link a:hover {
 background-color: #fff;
 color: #629dff;
}
/*PRESS 2021-08*/
.press_title {
 margin: 25px 5px 20px 5px;
 font-size: 2.2em;
 line-height: 1.3em;
}
.press_area {
 margin-top: 40px;
}
.press_list {
 flex-wrap: wrap;
 display: flex;
 margin-bottom: 10px;
}
.press_list li {
 width: 49%;
 padding: 15px 10px;
 border-bottom: 1px solid #cdcdcd;
 box-sizing: border-box;
 margin: 0 1% 0 0;
}
.press_list li .press_name {
 background-color: #be2e33;
 color: #fff;
 line-height: 1em;
 padding: 2px 19px;
 border-radius: 150px;
 margin-right: 5px;
}
.press_list li dt {
 font-size: 0.95em;
 margin-bottom: 9px;
}
.press_list li:nth-child(even) {
 margin-left: 1%;
 margin-right: 0;
}
/*pres 2022*/
.press_list.wide_v li {
 width: auto;
 margin-right: 0;
 font-size: 16px;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.press_list.wide_v li:hover {
 background-color: #f4f4f4;
}
.press_list.wide_v li a.hv {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 display: block;
}
.press_list.wide_v li:hover a {
 text-decoration: underline;
}
.press_list.wide_v {
 display: block;
}
.press_list.wide_v li dl {
 display: flex;
 flex-wrap: wrap;
}
.press_list.wide_v li dt {
 width: 200px;
 display: flex;
 flex-wrap: wrap;
}
.press_list.wide_v li .date {
 width: 110px;
}
.press_list.wide_v li:nth-child(even) {
 margin-left: 0;
}
.press_list.wide_v li .press_name {
 width: calc(100% - 110px);
 margin: 0;
 box-sizing: border-box;
 text-align: center;
 font-size: 0.9em;
 background-color: transparent;
 padding: 0;
 border-radius: 0;
}
.press_list.wide_v li .press_name span {
 background-color: #be2e33;
 padding: 4px 15px;
 border-radius: 150px;
 display: block;
 margin-top: 1px;
}
.press_list.wide_v li dd {
 width: calc(100% - 200px);
 box-sizing: border-box;
 padding-left: 25px;
}
.select_nend {
 padding: 25px;
 background-color: #f4f4f4;
 border-radius: 8px;
}
.select_nend select {
 width: 100%;
 font-size: 18px;
 border-radius: 150px;
 padding: 9px 25px;
 line-height: 1em;
 border: 1px solid #d0d0d0;
 cursor: pointer;
 height: 41px;
 max-width: 320px;
 box-sizing: border-box;
 appearance: none;
 -webkit-appearance: none;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.select_nend select:focus {
 opacity: 0.9;
}
.select_nend form button {
 background-color: #12408f;
 font-weight: bold;
 color: #fff;
 appearance: none;
 -webkit-appearance: none;
 border: 2px solid #12408f;
 line-height: 1em;
 padding: 10px 23px;
 margin-left: 13px;
 border-radius: 150px;
 height: 41px;
 box-sizing: border-box;
 letter-spacing: 3px;
 cursor: pointer;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.select_nend form button:hover {
 background-color: #fff;
 color: #12408f;
}
.select_nend .select_cover {
 position: relative;
}
.select_nend .select_cover:before {
 content: "";
 border-width: 6px;
 border-style: solid;
 border-color: #636363 transparent transparent transparent;
 position: absolute;
 right: 18px;
 top: 4px;
 z-index: 1;
}
/*Ci page2021*/
.service_menu_body {
 display: flex;
 flex-wrap: wrap;
 padding-top: 30px;
}
.service_menu_body {
 flex-wrap: nowrap;
}
#menu-service2_1 {
 width: 32%;
}
#menu-service2_2 {
 width: 40%;
}
#menu-service2_3 {
 width: 28%;
}
.service_menu_body .service_menu_class {
 width: 33.33333%;
 box-sizing: border-box;
 padding: 0 15px 0 0;
}
#entryBlock .service_menu_body li a {
 font-size: 1.4em;
 font-weight: bold;
 text-decoration: none !important;
 color: #12408f;
 line-height: 1.4em;
 padding-left: 40px;
 background-image: url(img/SVG/icon0010.svg);
 background-position: 2px 2px;
 background-repeat: no-repeat;
 background-size: 28px auto;
 display: block;
 padding-bottom: 12px;
}
#entryBlock .service_menu_body li.icon_002 a {
 background-image: url(img/SVG/icon0020.svg);
}
#entryBlock .service_menu_body li.icon_003 a {
 background-image: url(img/SVG/icon0030.svg);
}
#entryBlock .service_menu_body li.icon_004 a {
 background-image: url(img/SVG/icon0040.svg);
}
#entryBlock .service_menu_body li.icon_005 a {
 background-image: url(img/SVG/icon0050.svg);
}
#contentsSection div.letterArticle #entryBlock .service_menu_body li {
 list-style: none;
 padding: 0;
 margin: 0 0 14px 0;
}
.service_menu_body ul {
 margin: 0;
 padding: 15px 0 0 1em;
}
#entryBlock .service_menu_body li li a {
 font-size: 1rem;
 color: initial;
 font-weight: 500;
 position: relative;
 display: block;
 padding-left: 10px;
 padding-bottom: 0;
 background-image: none !important;
}
#entryBlock .service_menu_body li li a:after {
 content: "";
 position: absolute;
 left: -7px;
 top: 7px;
 width: 5px;
 height: 5px;
 border: 1px solid #12408f;
 border-right: 2px solid #12408f;
 border-top: 2px solid #12408f;
 transform: rotate(45deg);
}
#entryBlock .service_menu_body li li li a:after {
 border-left: none;
 border-bottom: none;
}
#entryBlock .service_menu_body li li a:hover {
 text-decoration: underline !important;
}
.service_menu_body .serv_body .service_menu_class {
 width: auto;
}
#entryBlock .service_menu_body .serv_body li a {
 background-image: none;
 font-size: 1rem;
 background-color: #ffeaed;
 color: initial;
 padding: 8px 15px;
 border-radius: 5px;
 border-left: 7px solid #fa485c;
 font-weight: 500;
 display: block;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#entryBlock .service_menu_body .serv_body li a:hover {
 background-color: #ffd1d8;
 transform: scale(1.025);
}
#entryBlock .service_menu_body .serv_body #menu-service02 li a {
 background-color: #eaefff;
 border-color: #537be8;
}
#entryBlock .service_menu_body .serv_body #menu-service03 li a {
 background-color: #e7f0e7;
 border-color: #2f8a2b;
}
#entryBlock .service_menu_body .serv_body #menu-service02 li a:hover {
 background-color: #C4D2FF;
}
#entryBlock .service_menu_body .serv_body #menu-service03 li a:hover {
 background-color: #C5F4C5;
}
#contentsSection div.letterArticle #entryBlock .service_menu_body .serv_body li {
 margin-bottom: 5px;
}
#contentsSection div.letterArticle #entryBlock .service_menu_body .serv_body li ul {
 padding: 5px 0 0 15px;
 margin-bottom: 5px;
}
#entryBlock .service_menu_body .serv_body li li a {
 border: none;
 padding-left: 22px;
}
#top_service_section .service_menu_body .serv_body li li a:after, #entryBlock .service_menu_body .serv_body li li a:after {
 content: "";
 position: absolute;
 border: none;
 transform: rotate(0deg);
 height: 2px;
 width: 7px;
 background-color: #fa485c;
 left: 7px;
 top: 16px;
}
#top_service_section .service_menu_body .serv_body #menu-service02 li li a:after, #entryBlock .service_menu_body .serv_body #menu-service02 li li a:after {
 background-color: #537be8;
}
#top_service_section .service_menu_body .serv_body #menu-service03 li li a:after, #entryBlock .service_menu_body .serv_body #menu-service03 li li a:after {
 background-color: #2f8a2b;
}
#top_service_section .service_menu_body .serv_body li li a:after {
 left: -14px;
 top: 15px;
}
#entryBlock .service_menu_body .serv_body li li a:hover {
 text-decoration: none !important;
}
.serv_logos {
 display: flex;
 gap: 20px;
}
.serv_body {
 width: 33.333%;
}
.serv_body .serv_in a.hover {
 display: block;
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.service_menu_body.nav_service_more {
 gap: 20px;
}
.serv_body .serv_in {
 text-align: center;
 padding: 15px 0;
 border-radius: 12px;
 box-shadow: 0 0 8px rgb(0 0 0 / 25%);
 margin-bottom: 60px;
 position: relative;
}
.serv_body .serv_in.allow_link {
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.serv_body .serv_in.allow_link:hover {
 background-color: #bcbcbc;
 transform: scale(1.025);
}
.serv_body .serv_in.serv_id_1.allow_link:hover {
 background-color: #ffeded;
}
.serv_body .serv_in.serv_id_2.allow_link:hover {
 background-color: #e8f4ff;
}
.serv_body .serv_in.serv_id_3.allow_link:hover {
 background-color: #e7f0e7;
}
.serv_body .serv_in:after {
 content: "";
 width: 53px;
 height: 28px;
 background-image: url(/tech-blog/cms_x3GWkuX/wp-content/uploads/2023/04/triangle_shadow.svg);
 background-position: center top;
 background-repeat: no-repeat;
 background-size: 100% auto;
 position: absolute;
 bottom: -28px;
 left: calc(50% - 26.5px);
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.serv_body .serv_in.allow_link:hover:after {
 opacity: 0.2;
}
#top_service_section .serv_body .thumb, #entryBlock .serv_body .thumb {
 padding: 0 22px;
}
.serv_body .serv_in .desc {
 font-size: 0.92em;
 line-height: 1.9em;
 letter-spacing: 0;
 margin-bottom: 1.5em;
}
#top_service_section .serv_body .serv_in h2, #contentsSection .serv_body .serv_in h2 {
 color: #12408f;
 font-size: 1.5rem !important;
 margin-top: 10px !important;
 margin-bottom: 12px !important;
 letter-spacing: 0;
 text-transform: initial;
}
.serv_body .serv_in.allow_link h2 {
 text-decoration: underline;
}
#top_service_section .serv_body .serv_in:after {
 display: none;
}
#top_service_section {
 margin-bottom: 130px;
}
#top_service_section .serv_body .serv_in {
 margin-bottom: 0;
}
#top_service_section .open_serv {
 text-align: right;
 font-weight: bold;
 font-size: 1rem;
 cursor: pointer;
 padding: 12px 80px 12px 10px;
 position: relative;
 color: #fa485c;
}
#top_service_section .serv_menu {
 position: relative;
}
#top_service_section .service_menu_class {
 position: absolute;
 top: 10px;
 z-index: 10;
 right: 33px;
 font-size: 1rem;
 background-color: #fff4f5;
 border-radius: 12px;
 padding: 30px;
 box-shadow: 0 0 8px rgb(0 0 0 / 25%);
 box-sizing: border-box;
 width: 350px;
 display: none;
}
#top_service_section .open_serv span {
 background-color: #e33649;
 position: absolute;
 right: 5px;
 top: -19px;
 width: 60px;
 height: 60px;
 z-index: 11;
 border-radius: 150%;
}
#top_service_section .open_serv span:after, #top_service_section .open_serv span:before {
 content: "";
 height: 2px;
 width: 30px;
 background-color: #fff;
 position: absolute;
 top: 29px;
 left: 15px;
 transform: rotate(90deg);
}
#top_service_section .open_serv span:after {
 transform: rotate(0deg);
}
#top_service_section .serv_menu li a {
 color: #e33649;
 position: relative;
 display: block;
 padding: 8px 0;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#top_service_section .serv_menu li a:hover {
 transform: scale(1.025);
}
#top_service_section .serv_menu li ul {
 padding: 0 0 0 18px;
}
#top_service_section .service_menu_class.service2_ul {
 background-color: #eaefff;
}
#top_service_section .serv_2 .open_serv, #top_service_section .service_menu_class.service2_ul li a {
 color: #537be8;
}
#top_service_section .service_menu_class.service3_ul {
 background-color: #e7f0e7;
}
#top_service_section .serv_3 .open_serv, #top_service_section .service_menu_class.service3_ul li a {
 color: #2f8a2b;
}
#top_service_section .serv_2 .open_serv span {
 background-color: #537be8;
}
#top_service_section .serv_3 .open_serv span {
 background-color: #2f8a2b;
}
#top_service_section .service_menu_class.active {
 z-index: 11;
}
#top_service_section .open_serv.active span {
 z-index: 12;
}
#top_service_section .open_serv.active span:after {
 transform: rotate(-45deg);
}
#top_service_section .open_serv.active span:before {
 transform: rotate(45deg);
}
/*video version*/
.postList.video_version li dt {
 height: auto;
}
.event_video_list .wrapper {
 max-width: 1200px;
}
.postList.video_version li dd .cats {
 position: static;
}
.video_tab_cats.cats span, .postList.video_version li dd .cats span {
 font-size: 0.8em;
 background-color: #ebebeb;
 display: inline-block;
 margin: 2px 2px 0px 0;
 padding: 3px 13px;
}
.video_tab_cats.cats span a {
 text-decoration: none;
 color: initial;
 font-weight: bold;
}
.video_pager .admin_user_pager_cover ul li a {
 background-color: #12408f;
 color: #fff;
 border-color: #12408f;
 border-radius: 2px;
 padding: 8px 15px;
 font-weight: bold;
}
.video_pager .admin_user_pager_cover ul span {
 border-color: #12408f;
 border-radius: 2px;
 padding: 8px 15px;
 font-weight: bold;
}
.admin_user_pager_cover ul li {
 display: inline-block;
}
.admin_user_pager_cover ul a, .admin_user_pager_cover ul span {
 display: inline-block;
 border: 1px solid #aaa;
 padding: 2px 12px;
 border-radius: 4px;
 line-height: 1.2em;
 margin: 0 2px 2px 0;
}
.admin_user_pager_cover ul {
 display: inline-block;
 margin: 6px 0 3px 0;
 padding: 0;
}
.admin_user_pager_cover .total_set {
 display: inline-block;
 margin-left: 15px;
}
.back_video {
 background-color: #12408f;
 text-align: center;
}
.back_video a {
 color: #fff;
 font-weight: bold;
 display: inline-block;
 background-image: url(img/linkDown.svg);
 background-repeat: no-repeat;
 background-position: 0 center;
 background-size: 15px auto;
 padding: 15px 35px;
 font-size: 1.2em;
 line-height: 1.3em;
}
.video_frame iframe {
 width: 100%;
}
#video_title {
 text-align: center;
 padding: 25px 0;
 line-height: 1.4em;
 font-size: 1.6em;
}
.video_frame.top_viodeo {
 max-width: 850px;
 margin: 0 auto;
}
.video_frame.top_viodeo iframe {
 height: 480px;
}
.select_video {
 background-color: #12408f;
 color: #fff;
 padding: 10px 0;
 margin: 20px 0 0 0;
}
.select_video .wrapper {
 position: relative;
}
.select_video .sort_v {
 position: absolute;
 right: 0;
 top: 0;
}
.select_video select {
 padding: 6px 13px;
 border: 1px solid #fff;
 background-color: #f5f9ff;
 border-radius: 3px;
 color: #555;
}
.v_tag_title {
 text-align: center;
 font-size: 2.5em;
 line-height: 1.3em;
}
.select_video._tag_page {
 background-color: #7f7f7f;
}
/**/
#labMain {
 float: right;
 width: 76%;
 position: relative;
 padding-bottom: 60px
}
#labMain.cv_wide {
 float: none;
 width: auto;
}
.num_check {
 position: absolute;
 left: 8px;
 top: 0;
 z-index: 7
}
.check_num, .num_check a {
 color: #0b4487
}
.check_num {
 display: inline-block;
 font-weight: 700;
 margin-right: 30px;
 font-size: 1pc
}
.check_num .num {
 background-color: #0b4487;
 padding: 4px 0 0;
 border-radius: 50%;
 height: 24px;
 width: 28px;
 text-align: center;
 display: inline-block;
 margin-left: 3px;
 color: #fff
}
.monthly_archive .monthly.check_num a {
 color: #ff3a3a
}
.monthly_archive .monthly.check_num .num {
 background-color: #ff3a3a
}
.weekly_archive .weekly.check_num a {
 color: #ff3a3a
}
.weekly_archive .weekly.check_num .num {
 background-color: #ff3a3a
}
.check_num .po {
 font-size: 9pt;
 display: inline-block;
 margin-left: 3px;
 top: 1px;
 position: relative
}
.categoryTitle, .subTitle {
 font-size: 5pc;
 font-size: 6.1em;
 line-height: 1em;
 font-weight: 700;
 text-align: right;
 color: #12408f;
 letter-spacing: -6px;
 text-transform: uppercase;
 position: relative;
 top: -8px;
 z-index: 5
}
.categoryTitle.txl {
 text-align: left;
}
.categoryTitle a, .subTitle a {
 text-decoration: none
}
.categoryTitle a {
 color: #12408f
}
.categoryTitle a:hover {
 text-decoration: none
}
/*Client voice*/
table.cv_select_tag {
 width: 100%;
 margin: 15px 0 0 0;
}
table.cv_select_tag ul li.current a {
 background-color: #2e6edb;
 color: #fff;
}
table.cv_select_tag ul li {
 display: inline-block;
 margin: 0 3px 3px 0;
}
table.cv_select_tag th, table.cv_select_tag td {
 padding: 4px 6px;
 font-weight: 500;
 border: 3px solid #ffffff;
}
table.cv_select_tag th {
 width: 153px;
 background-color: #12408f;
 color: #fff;
 font-weight: bold;
}
table.cv_select_tag ul li a {
 background-color: #f6f6f6;
 display: block;
 padding: 3px 8px;
 border-radius: 150px;
 color: initial;
 font-weight: 400;
}
#client_voice_top a.active {
 background-color: #2e6edb;
 color: #fff;
}
table.cv_select_tag .tag_td_client-cat ul li a {
 background-color: transparent;
}
.cv_select_name {
 background-color: #2e6edb;
 padding: 6px 12px;
 color: #fff;
 font-weight: bold;
}
table.cv_select_tag ul li a img {
 height: 21px;
 margin-right: 8px;
 position: relative;
 top: -1px;
}
table.cv_select_tag .tag_td_client-cat ul li.current a {
 color: #2e6edb;
 border: 2px solid #2e6edb;
}
.cv_form {
 padding: 30px 0;
}
.more_voice a {
 display: block;
 margin: 15px auto 0 auto;
 max-width: 320px;
 text-align: center;
 background-color: #2e6edb;
 font-weight: bold;
 color: #fff;
 padding: 10px 0;
 border-radius: 150px;
}
.and_more {
 text-align: right;
 font-weight: bold;
}
.slide_logo_wrap {
 top: 0;
 left: 0;
 height: 70px;
 overflow: hidden;
 position: absolute;
}
.slide_logo {
 margin: 0 auto;
 width: 100%;
 height: 100px;
 text-align: left;
 position: relative;
 overflow: hidden;
}
.slide_logo ul {
 height: 100px;
 float: left;
 overflow: hidden;
}
.slide_logo ul li {
 float: left;
 display: inline;
 overflow: hidden;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.slide_logo_wrap:after {
 content: "";
 display: none;
 clear: none;
}
/**/
#heaerLab {
 padding: 10px 0 0 5px;
 width: auto;
 position: relative
}
#labAside {
 float: left;
 width: 19.2%
}
.clear {
 clear: both
}
.txr {
 text-align: right
}
.nopost {
 margin: 150px 0;
 text-align: center;
 font-size: 1.3em;
 line-height: 1.6em
}
#bottomTwitterWidget, .fb_pp {
 max-width: 500px;
 margin: 50px auto
}
.bottom_tw img {
 width: 32px;
}
.bottom_tw a {
 display: block;
 font-weight: bold;
 color: #38abf6;
}
.rp_list {
 padding-top: 6px
}
.rp_list li {
 margin: 0 5px 10px 25px;
 padding-left: 17px;
 line-height: 1.3em;
 background-image: url(images/block.png);
 background-repeat: no-repeat;
 background-position: 0 5px;
 font-size: 15px;
 font-weight: 400
}
.rp_list li a {
 font-weight: 400;
 color: #333
}
.qtranxs-available-languages-message {
 padding: 60px;
 text-align: center;
 font-weight: 700
}
.old_posted {
 padding: 25px;
 text-align: center;
 margin-bottom: 30px;
 font-size: 0.9em;
 line-height: 1.3em;
 background-color: #fff2e0;
}
.old_posted * {
 margin: 0 !important;
 line-height: 1.3em !important;
}
div#entryBlock img {
 max-width: 100%;
 height: auto
}
.scroll_img {
 overflow: auto;
}
div#entryBlock .scroll_img img {
 max-width: 500%;
}
.singleTitle {
 font-size: 2.6em
}
.newsTitle, .singleTitle {
 line-height: 1.3em;
 font-weight: 700;
 margin-bottom: 10px
}
.newsTitle {
 font-size: 2.2em
}
.labCats li {
 float: right;
 margin-left: 5px;
 background-color: #aaa
}
.labCats li a {
 display: block;
 padding: 4px 15px;
 font-size: 9pt;
 font-weight: 700;
 line-height: 1.2em;
 text-decoration: none;
 color: #fff
}
#labMain.cllabSingle {
 float: none;
 width: auto
}
#labMain.cllabSingle .labTime {
 background-image: url(images/clock.png);
 padding-left: 20px;
 background-position: 0 3px;
 background-repeat: no-repeat;
 font-weight: 700;
 color: #12408f;
 font-size: 17px;
 line-height: 1.2em;
 margin-top: 30px;
 font-family: Roboto, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif
}
span.view {
 color: #05c24c
}
span.star {
 color: #ff971d
}
#contentsSection.cllabSingle {
 width: auto;
 float: none;
 padding: 0
}
#labMain.cllabSingle.postSingle {
 float: right;
 width: 76%;
 padding-top: 5px;
 padding-bottom: 60px
}
#labMain.cllabSingle.postSingle.wide_page {
 float: none;
 width: auto;
}
#labMain.cllabSingle.postSingle.wide {
 float: none;
 width: auto;
 padding-top: 10px;
}
.single #labAside #globalNaviList {
 padding-top: 30px
}
#contentsSection.cllabSingle .letterSup {
 background-image: none;
 height: auto
}
#contentsSection.cllabSingle .letterArticle {
 background-image: none;
 padding: 0
}
#contentsSection.cllabSingle .letterArticle #entryBlock {
 width: auto;
 float: none;
 font-size: 15px;
 line-height: 1.6em;
 margin: 0
}
#entryBlock a {
 text-decoration: underline !important
}
#entryBlock a.cta_button {
 text-decoration: none !important
}
#main_content {
 max-width: 990px;
 margin: 0 auto
}
ul.single_top_social {
 margin-top: 14px;
 height: 45px
}
ul.single_top_social li {
 font-family: Roboto, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
 float: left;
 margin: 0 20px;
 letter-spacing: -1px;
 position: relative
}
ul.single_top_social li .t {
 display: inline-block;
 margin-right: 4px;
 font-size: 15px;
 line-height: 1.2em;
 font-weight: 900
}
ul.single_top_social li.p_hatena a .t {
 font-size: 9pt;
 color: #2c6ebd
}
ul.single_bottom_social li.p_hatena a, ul.single_top_social li.p_hatena a .num {
 background-color: #2c6ebd
}
ul.single_top_social li.p_google a .t {
 color: #dd4b39
}
ul.single_bottom_social li.p_google a, ul.single_top_social li.p_google a .num {
 background-color: #dd4b39
}
ul.single_top_social li.p_twitter a .t {
 color: #55acee
}
ul.single_bottom_social li.p_twitter a, ul.single_top_social li.p_twitter a .num {
 background-color: #55acee
}
ul.single_bottom_social li.p_twitter a, ul.single_top_social li.p_twitter a .twtw {
 text-indent: -9999999px;
 background-color: #55acee;
 background-image: url(img/tw.png);
 background-repeat: no-repeat;
 background-size: 15px auto;
 background-position: center
}
ul.single_top_social li.p_facebook a .t {
 color: #3d5b99
}
ul.single_bottom_social li.p_facebook a, ul.single_top_social li.p_facebook a .num {
 background-color: #3d5b99
}
ul.single_top_social li.p_linkedin a .t {
 color: #0077b5
}
ul.single_bottom_social li.p_linkedin a, ul.single_top_social li.p_linkedin a .num {
 background-color: #0077b5
}
ul.single_top_social li .num, ul.single_top_social li .twtw {
 display: inline-block;
 padding: 10px 8px 8px;
 background-color: #12408f;
 border-radius: 50%;
 color: #fff;
 height: 15px;
 width: 18px;
 text-align: center;
 line-height: 1em
}
ul.single_sns_social {
 display: flex;
 padding: 12px 0 0 0;
 flex-wrap: wrap;
}
#social_bottom ul.single_sns_social li, ul.single_sns_social li {
 margin: 0 7px 2px 0;
 position: relative;
 float: none;
 left: 0;
}
#social_bottom ul.single_sns_social li.c_facebook, ul.single_sns_social li.c_facebook {
 left: 0;
 margin-right: 0;
}
ul.single_bottom_social {
 float: right
}
ul.single_bottom_social li {
 float: left
}
ul.single_bottom_social li a {
 display: block;
 padding: 9px 8px;
 border-radius: 2px;
 text-align: center;
 color: #fff;
 margin-left: 5px;
 font-weight: 400;
 font-size: 9pt;
 text-decoration: none
}
ul.single_bottom_social li.p_twitter a {
 padding: 9px 18px;
 height: 100%;
}
ul.single_bottom_social li.p_line a {
 background-color: #2dab23
}
.cat_lab {
 background-color: #12408f !important
}
.cat_lab a {
 color: #fff
}
.LABsingle table {
 width: 100%;
 margin-bottom: 1em
}
.LABsingle table td, .LABsingle table th {
 border: 1px solid #666;
 padding: 5px
}
#labPostBottom h4 {
 font-weight: 700;
 font-size: 17px;
 line-height: 1.3em;
 background-color: #12408f;
 clear: both;
 color: #fff;
 margin-bottom: 10px;
 margin-top: 30px;
 padding: 5px 10px;
 text-transform: uppercase;
 border-radius: 2px
}
.single_pager span {
 display: block;
 float: left
}
.single_pager span a {
 color: #fff;
 text-transform: uppercase
}
.single_pager span.next {
 float: right;
}
.single_pager {
 margin-top: 50px;
 background-color: #12408f;
 display: block;
 overflow: hidden;
 padding: 15px 10px 5px;
 border-radius: 2px;
 font-size: 15px;
 line-height: 1.2em;
 letter-spacing: -1px;
 margin-bottom: 10px
}
.labBottomRanking {
 padding-top: 10px;
 padding-left: 10px;
 overflow: hidden
}
.labBottomRanking li {
 float: left;
 width: 33.3333%;
 position: relative;
 margin-bottom: 25px
}
.labBottomRanking li:nth-child(4) {
 clear: both
}
.labBottomRanking dt .cats {
 right: 1px
}
.labBottomRanking dt .star {
 position: absolute;
 top: 61px;
 left: 7px;
 color: #ff971d;
 text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
 font-size: 1pc;
 font-weight: 700
}
.labBottomRanking li dt {
 position: relative;
 overflow: hidden;
 float: left;
 height: 5pc;
 width: 40%
}
.labBottomRanking li dt img {
 height: 120%;
 width: auto
}
.labBottomRanking li dd {
 float: right;
 width: 53%;
 padding-right: 5%
}
.searchTitle {
 font-size: 2.4em;
 line-height: 1.2em;
 padding: 25px 0;
 font-weight: 700
}
/*CL Form*/
.w770 {
 max-width: 770px;
 margin: 0 auto;
}
#cl_form {
 max-width: 770px;
 margin: 1em auto;
}
#cl_form .hissu {
 font-size: 0.75em;
 margin-left: 15px;
}
#cl_form input[type="text"], #cl_form input[type="email"] {
 width: 100%;
 font-size: 18px;
 padding: 7px 15px;
 box-sizing: border-box;
 border: 1px solid #aaa;
 border-radius: 150px;
}
#cl_form dt {
 font-weight: bold;
 line-height: 1.3em;
 margin: 0;
 width: 220px;
 box-sizing: border-box;
 padding: 10px 6px;
 display: flex;
}
#cl_form dl {
 display: flex;
 flex-wrap: wrap;
}
#cl_form dd {
 padding: 10px 6px;
 width: calc(100% - 220px);
 box-sizing: border-box;
}
#cl_form dd textarea {
 width: 100%;
 font-size: 18px;
 padding: 7px 15px;
 font-family: 'Montserrat', 'Roboto', '游ゴシック体', 'Yu Gothic', 'メイリオ', 'Meiryo, Osaka', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳＰゴシック', 'MS PGothic', sans-serif;
 box-sizing: border-box;
 border: 1px solid #aaa;
 border-radius: 10px;
}
#cl_form button {
 display: block;
 cursor: pointer;
 margin: 1em auto 3em auto;
 max-width: 320px;
 width: 80%;
 padding: 10px 0;
 font-size: 1.1em;
 border-radius: 150px;
 background-color: #12408f;
 color: #fff;
 border: none;
 font-weight: bold;
 letter-spacing: 3px;
}
#cl_form button:hover {
 opacity: 0.7;
}
#cl_form dd.cl_radio label {
 display: block;
 padding: 4px 6px;
 cursor: pointer;
}
#cl_form dd.cl_radio label input {
 width: 17px;
 height: 17px;
 margin-right: 5px;
 position: relative;
 top: 2px;
}
#cl_form dd.cl_radio label:hover {
 background-color: #f3f3f3;
 border-radius: 150px;
}
span.cl_form_error {
 display: block;
 color: #fd3c37;
 font-size: 0.9em;
 font-weight: bold;
}
/*Seminar Archive*/
.subTitle.event_page_title {
 text-align: center;
 font-size: 4.5em;
 margin-top: 15px;
}
.sub_catch {
 color: #12408f;
 text-align: center;
 font-size: 1.3em;
 line-height: 1.4em;
}
.seminar_cat_select {
 background-color: #12408f;
 color: #fff;
 text-align: center;
 margin: 25px 0;
}
.seminar_cat_select.whitepaper_cat_select {
 margin-bottom: 0;
}
.whitepaper_select.select_video {
 margin-top: 0;
 background-color: #d7d7d7;
 color: initial;
}
.seminar_cat_select ul li {
 display: inline-block;
 margin: 0 15px 0 10px;
}
.seminar_cat_select ul li a {
 display: block;
 padding: 13px 5px 13px 26px;
 font-weight: bold;
 color: #fff;
 font-size: 1.1em;
 line-height: 1.3em;
 background-image: url(img/linkDown.svg);
 background-repeat: no-repeat;
 background-position: 0 center;
 background-size: 15px auto;
}
.seminar_archive h2 {
 font-size: 1.7em;
 color: #12408f;
 line-height: 1.3em;
 margin: 0 0 10px 0;
}
.ondemand_list {
 padding: 15px 0 30px 0;
 background-color: #f1f6fb;
 margin-top: 40px;
}
.seminar_archive .postList li {
 border: none;
 background-color: #fff;
 margin-bottom: 20px;
}
.seminar_archive .download_version.postList {
 padding-top: 15px;
}
.seminar_archive .download_version.postList li dd {
 padding: 5px 10px 0px 10px;
}
.seminar_archive .download_version.postList li {
 box-shadow: 0 0 8px #0000003b;
 border-radius: 5px;
 padding: 8px;
 margin: 0 1% 20px 1%;
 width: 31.33333%;
}
.seminar_archive .postList.adline li {
 border: 1px solid #dcdcdc;
}
.seminar_open {
 background-color: #e0415a;
 color: #fff;
 font-weight: bold;
 padding: 10px 10px;
 font-size: 1.1em;
 line-height: 1.3em;
}
/**/
#labAside #globalNaviList img {
 max-width: 100%;
 height: auto
}
#single_author {
 background-color: #eff0f5;
 padding: 10px 2% 20px 10px;
 border-radius: 5px
}
#single_author .section {
 overflow: hidden;
 padding-bottom: 20px;
 border-bottom: 1px dotted #dbdbdb;
 margin-bottom: 20px;
}
#single_author .section:last-child {
 border: none;
 padding-bottom: 0;
 margin-bottom: 0;
}
#single_author h4 {
 font-weight: 700;
 letter-spacing: -1px;
 font-size: 20px;
 line-height: 1.3em;
 color: #12408f;
 clear: both;
 margin-bottom: 10px;
 padding: 5px 10px;
 text-transform: uppercase;
 border-radius: 2px
}
#single_author .left {
 float: left;
 width: 17%;
 text-align: center
}
#single_author .right {
 float: right;
 width: 66%
}
#single_author .profile {
 float: left;
 width: 17%
}
#single_author .left img {
 border-radius: 50%
}
#contentsSection #single_author .name {
 display: block;
 font-size: 1.3em;
 margin-bottom: 10px;
 font-weight: 700
}
#contentsSection #single_author .name a {
 color: #333
}
#single_author .ex {
 margin-bottom: 1em
}
#contentsSection div.letterArticle .author_contact {
 padding-left: 25px;
 background-image: url(img/mail.png);
 background-position: 0 5px;
 background-repeat: no-repeat;
 margin-bottom: 2px
}
#contentsSection div.letterArticle .author_post_links {
 padding-left: 25px;
 background-image: url(img/tri.png);
 background-position: 5px 5px;
 background-repeat: no-repeat;
 margin-bottom: 2px
}
.author_other_links {
 padding-top: 2em;
 overflow: hidden
}
.author_other_links li {
 float: left;
 margin: 0 2px
}
.author_other_links li a {
 display: block;
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
 background-image: url(img/SVG/x_black.svg);
 text-indent: -99999px;
 overflow: hidden;
 background-position: center !important;
 background-size: 17px auto;
}
.author_other_links li#aFb a {
 background-image: url(tech-blog/img/f.svg);
 width: 21px;
 height: 21px;
 background-size: 100% auto;
 position: relative;
 top: -1px;
}
#aWeb a {
 background-position: -79px 0
}
#aFb a {
 background-position: 0 0
}
#aTw a {
 background-position: -27px 0
}
#aGp a {
 background-position: -53px 0
}
#koBottom {
 padding-top: 40px
}
#koBottom, #koCenter {
 clear: both;
 text-align: center
}
#koBottom img {
 max-width: 100%;
 height: auto
}
#koCenter {
 padding: 40px 0
}
#pagetopBtn {
 position: fixed;
 bottom: 0;
 right: 0;
 z-index: 110;
}
#footDivision {
 margin-top: 40px
}
.pageLink {
 text-align: center;
 margin-right: 5px;
 margin-bottom: 8px;
 min-height: 2pc
}
.pageLink, .wp-pagenavi {
 clear: both;
 position: relative
}
.wp-pagenavi {
 font-size: 1em;
 text-align: right;
 margin-left: 42%;
 z-index: 5
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 6px 10px;
 margin: 2px;
 background-color: #0b4487;
 display: inline-block;
 color: #fff
}
.wp-pagenavi span.current {
 font-weight: 700;
 border: 0;
 color: #999;
 background-color: transparent
}
.ciDetailList li img {
 max-width: 100%;
 height: auto
}
body.page #contentsSection div.letterArticle ul.ciDetailList.second li {
 margin-bottom: 5px
}
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
 padding: 0;
 margin: 0;
 border: 0;
 outline: 0;
 vertical-align: top
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 13
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px
}
.fancybox-opened {
 z-index: 14
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}
.fancybox-inner, .fancybox-outer {
 position: relative
}
.fancybox-inner {
 overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch
}
.fancybox-error {
 color: #444;
 margin: 0;
 padding: 15px;
 white-space: nowrap
}
.fancybox-iframe, .fancybox-image {
 display: block;
 width: 100%;
 height: 100%
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%
}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
 background-image: url(images/fancybox_sprite.png)
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -81pt;
 opacity: .8;
 cursor: pointer;
 z-index: 17
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url(images/fancybox_loading.gif)center center no-repeat
}
.fancybox-close {
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px
}
.fancybox-close, .fancybox-nav {
 position: absolute;
 cursor: pointer;
 z-index: 15
}
.fancybox-nav {
 top: 0;
 width: 40%;
 height: 100%;
 text-decoration: none;
 background: transparent url(images/blank.gif);
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.fancybox-prev {
 left: 0
}
.fancybox-next {
 right: 0
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 15;
 visibility: hidden
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px
}
.fancybox-nav:hover span {
 visibility: visible
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important
}
.fancybox-lock {
 overflow: hidden
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 12;
 background: url(images/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll
}
.fancybox-title {
 visibility: hidden;
 position: relative;
 text-shadow: none;
 z-index: 16
}
.fancybox-opened .fancybox-title {
 visibility: visible
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 16;
 text-align: center
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, .8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #fff;
 font-weight: 700;
 line-height: 24px;
 white-space: nowrap
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff
}
.fancybox-title-inside-wrap {
 padding-top: 10px
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8)
}
@media print {
 div#swichSection {
  display: none
 }
 div#logo, p.categoryTitle {
  text-align: center
 }
 .voice_head dd .left img {
  width: auto;
 }
 .voice_head dd .right {
  padding-top: 35px;
 }
 p.categoryTitle {
  font-weight: 700
 }
 h1.singleTitle {
  font-size: 1.6em
 }
 ul.labCats li {
  display: inline;
  margin-right: 20px;
  font-weight: 700;
  border: 1px solid #000;
  padding: 5px;
  background-color: transparent !important
 }
 ul.labCats li a {
  color: #000 !important;
  text-decoration: none
 }
 p.labTime {
  clear: both;
  margin: 20px 0
 }
 img {
  max-width: 100%;
  height: auto
 }
 ul.labBottomRanking li dt {
  display: none
 }
 ul.labBottomRanking li dd .title {
  display: inline;
  margin-left: 20px
 }
 ul.labBottomRanking li dd .date {
  display: inline;
  margin-left: 20px;
  font-weight: 700
 }
 .companyInfo .logo, .fb_pp, .single_pager, .sitemap, div#bottomTwitterWidget, div#pagetopBtn, ul.rankingChange, ul.single_bottom_social, ul.single_top_social, #pankuzu {
  display: none !important
 }
 #sitemapSection div.companyInfo {
  padding: 15px;
  border: 1px solid #000;
  color: #000;
  text-align: left
 }
 div#mainDivision {
  background-image: none
 }
 #mainDivision div.whole {
  width: auto
 }
 p.categoryTitle {
  font-size: 4em;
  letter-spacing: 0;
  padding: 15px
 }
 #labPostBottom h4 {
  background-color: transparent;
  color: #000;
  border: 1px solid #000
 }
 .labBottomRanking li dd {
  float: none;
  padding-left: 42px;
  width: auto
 }
 .labBottomRanking li {
  float: none;
  width: auto;
  margin-bottom: 8px
 }
 .labBottomRanking dd .rank_num {
  top: 5px
 }
 div#sitemapSection {
  background-image: none;
  color: #000
 }
 #copyright {
  text-align: center;
  color: #000;
  font-size: 1em
 }
}
@media print {
 #header {
  position: static;
  height: auto;
  box-shadow: none;
  min-height: 0;
 }
 #cover {
  padding-top: 0;
 }
 #header #head_lang, #ss_search_btn, #gobal_nav, .grecaptcha-badge, #footer .right, #footer .sns_box, #footer_logo, .cv_list_bottom, .cv19_content1 .blue_box dd ul li:before, .content_contact_link1 {
  display: none;
 }
 .grecaptcha-badge {
  display: none !important
 }
 .cv19_title {
  background-color: transparent;
  background: none;
  color: #000;
  font-size: 1.8em;
  position: static;
  padding: 0;
  margin-top: 25px;
 }
 .voice_head dd {
  position: static;
  background-color: transparent;
  color: #000;
 }
 .cv19_content1 .right, .cv19_content1 .left.comp_info {
  float: none;
  width: auto;
 }
 .cv19_content1 .blue_box dd {
  padding-top: 17px;
 }
 .cv19_content1 .blue_box dt {
  background-color: transparent;
  color: #12408f;
  font-size: 1.1em;
  border-left: 14px solid #12408f;
  text-align: left;
 }
 .cv19_content1 .blue_box dd ul li {
  list-style: disc;
  padding-left: 0;
  margin-left: 27px;
 }
 .cv19_content1 .left.comp_info {
  background-color: transparent;
  border-top: 2px dashed #aaa;
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
  margin-top: 60px;
 }
 .cv19_content1 h3 {
  font-size: 1.3em;
 }
 .content_ex, #cv_ex1 #entryBlock {
  font-size: 16px;
 }
 .cv19_content1 .right .left {
  float: left;
 }
 .cv19_content1 .right .right {
  float: right;
 }
 .animate_img1 {
  opacity: 1;
 }
 #cv_cominfo {
  background-color: transparent;
 }
 #cv_cominfo .wrapper {
  max-width: 990px;
 }
 #cv_cominfo .wrapper .box {
  padding: 0;
 }
 div#cv_cominfo dl {
  max-width: 100%;
 }
 div#cv_cominfo dl dt {
  width: 200px;
  font-weight: bold;
  background-color: transparent;
 }
 div#cv_cominfo dl dd {
  padding-left: 220px;
  border-bottom: 1px dotted #aaa;
 }
 #clientvoice_image {
  background-image: none !important;
  margin-bottom: 0;
  padding: 0;
 }
 #main_content {
  width: auto;
  max-width: 100%;
 }
 #cv_ex1 #entryBlock {
  max-width: 990px;
 }
 #clientvoice_image .img img {
  width: 100%;
  max-width: 100%;
 }
 #clientvoice_image h1 {
  text-align: left;
 }
 #clientvoice_image .cv_company_name, #clientvoice_image .cv_meta, .tool_icons {
  text-align: left;
 }
 .animate_img1 {
  opacity: 1;
 }
 #footer {
  background-color: transparent;
  color: #000;
  padding: 10px 0 20px 0;
  margin-top: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
 }
 #footer .left, #footer .right {
  float: none;
  width: auto;
 }
 #footer .addr span.b {
  font-size: 1.5em;
 }
 #header h1 img {
  width: 280px;
 }
 /*print*/
}