@charset "utf-8";
/* CSS Document */

body {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:16px;}
/*******共通***************************************************************/

.onlypc{}
.onlysp{ display:none;}

/* reset */
*{ margin:0;box-sizing:border-box;}
li{list-style:none;}
.center{ text-align: center;}
.center p{ text-align: center;}
.center img { text-align: center;}

/* float */
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.clearfix:after {content: "";display: table;clear: both;}

/*-- font --*/
p{ font-size:16px; line-height:20px;}

/* 注記 */
ul.chuki{ padding:5px; margin-left:1em;}
ul.chuki li{ text-indent:-1em; margin-left:1em; padding-bottom:10px; text-align:left; font-size: 12px; line-height: 18px;}
p.chuki{ text-indent:-1em; margin-left:1em; padding-bottom:10px;  text-align:left; font-size: 12px;text-align:left; line-height: 18px;}

/*-- list --*/
ul.defult { list-style:disc; padding-left:5px; margin-left:20px; }
ul.defult li { padding-bottom:3px;}

/*-- table --*/
table { border-style:solid; border-width:1px; border-color:#acacac; border-collapse:collapse; margin:10px 10px 4px 10px; padding:0px;border-box:content-box;}
table p { margin:8px 0;}
table .none { border:0px;}
table td { text-align:left;padding:3px 15px; line-height:18px;border-style:solid; border-width:1px;border-collapse:collapse;background-color:#ffffff;border-box:content-box;}
table th { text-align:center;padding:5px 10px;font-weight:normal;border-style:solid; border-width:1px;background-color:#e5f6d5;border-collapse:collapse;border-box:content-box;}

/*-- wrap --*/
#wrap {}

/*-- main --*/
#main {}

#foot_wrap nav.globalnavi{ display: none;}

/*-- header --*/
header { z-index:10; position:fixed;  background-color:rgba(0,0,0,0.9); width:100%; height: 80px; top:0px;}
#head_wrap {}
#head_wrap { width: 900px; margin:0px auto;}
#head_wrap h1 { float:left; width:200px; font-size:12px; text-align:left;}
#head_wrap h1 img { height: 75px;}
#head_wrap nav.globalnavi { float:right; width:700px; font-size:12px; text-align:right;}
/*-- #head_wrap nav.globalnavi li.language_en { margin-left: 50; background: url("/jp/products/candera/image/com_head_english.png") left center no-repeat;}
#head_wrap nav.globalnavi li.language_jp { margin-left: 50; background: url("/jp/products/candera/image/com_head_japanese.png") left center no-repeat;} --*/
#head_wrap nav.globalnavi li.language_en {}
#head_wrap nav.globalnavi li.language_jp {}
#head_wrap nav i{ padding-left: 8px;}

#menu_btn{ display: none;}

#dropmenu{}
#dropmenu li{
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#dropmenu > li > a{ display: block;font-weight:bold;display:block; text-decoration:none; color:#FFF; line-height: 80px ; height: 80px; padding: 0 30px;}
#dropmenu > li > a:hover{}
#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
 color: #FF8500;
}
#dropmenu li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
}
#dropmenu li:hover ul{
 border-top: 3px solid #FF8500;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200px;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
    display: block;
  padding: 13px 15px;
    background-color: rgba(255,255,255,0.9);
  text-align: left;
    color: #333;
    text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}


#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li:hover{ background: #DFCCCC;}


#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
/* navの固定***/
header.fixed { z-index:10; position:fixed;  background-color:rgba(0,0,0,0.8); width:100%; height: 40px; top:0px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;}

header.fixed #dropmenu > li > a{ display: block;font-weight:bold;display:block; text-decoration:none; color:#FFF; line-height: 40px ; height: 40px; padding: 0 30px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;}
header.fixed #dropmenu > li > a:hover{ color: #f07300;}
header.fixed #head_wrap h1 img{ height: 40px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;}
/*-- foot --*/
#foot_wrap nav{ width: 900px; margin: 0 auto 30px;display: flex; justify-content: center;}
#foot_wrap nav dl{}
#foot_wrap nav dt{ padding: 5px 30px; text-align: left;}
#foot_wrap nav dl dt a{ color: #fff; text-decoration: none; font-size: 14px; font-weight: bold;}
#foot_wrap nav dl dd{ padding: 5px 30px; text-align: left;}
#foot_wrap nav dl dd a{ color: #fff; text-decoration: none; font-size: 12px;}


/**footer { background: #000; width: 100%; padding-bottom: 10px;}
#foot_wrap {text-align: center; padding-top: 30px;}**/
/**footer nav {padding: 20px 0 10px;}
footer a { text-align: center; text-decoration:none; color:#FFF; padding: 0 50px;}
footer img { width: 100px;}**/
/**footer #pagetop { position: fixed; right: 0; bottom: 80px;width:60px; z-index: 10;}
footer #pagetop a { color:#fff; text-decoration: none; display:block; background-color:#999; padding:10px 0;}
footer #copyright{ text-align:center; font-size:9px; color: #fff; letter-spacing:1px; height: 20px; font-weight:normal; clear:both; padding: 5px;}**/
/** 20250612 Footerを変えたため追加 **/
#footer p {
  line-height: 1.78;
  font-family: "Noto Sans JP", "Noto Sans SC", sans-serif !important;
}
#footer a {
  text-decoration: none;
  font-family: "Noto Sans JP", "Noto Sans SC", sans-serif !important;
}
#footer .sns {
  color: white;
  font-size: 1em;
  display: flex;
}
#footer .sns img{
  float: right;
  border: none;
}
#footer {
  position: relative;
  /** margin-left: -20px; **/
  /** margin-right: -20px; **/
  padding-left: 20px;
  padding-right: 20px;
}
#footer {
  background-color: #000; /** 追加 **/
  border: #333;
  padding: 0;
  padding-top: 5px !important; /** 追加 **/
}

#footer #footer-inner {
  padding: 180px 8vw; 
}
#footer #footer-inner #footer-nv {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#footer #footer-inner #footer-nv a {
  display: block;
  color: #fff;
  text-decoration: none;
}
#footer #footer-inner #footer-nv a + a {
  margin-top: 1em;
}
#footer #footer-inner #footer-nv .title {
  font-size: 1.8rem;
  font-weight: bold;
}
#footer #footer-inner #footer-nv .list-group {
  margin-top: 10px;
}
#footer #footer-inner #footer-nv .list-group li + li {
  margin-top: 8px;
}
#footer #copyright {
  font-size: 1.2rem;
  text-align: center;
  /** background: #fff; **/
  padding: 1em;
  color: #fff; /** 追加 **/
}
@media only screen and (max-width: 767px) {
  #footer #footer-inner {
    padding: 40px 0;
  }
  #footer #footer-inner #footer-nv {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
  }
  #footer #footer-inner #footer-nv > * + * {
    margin-top: 1em;
  }
  #footer #footer-inner #footer-nv .title {
    font-size: 1.6rem;
    position: relative;
    padding-left: 1em;
  }
  #footer #footer-inner #footer-nv .title:before {
    content: "";
    position: absolute;
    top: 42%;
    left: 0;
    width: 5px;
    height: 5px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #footer #footer-inner #footer-nv .list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  #footer #footer-inner #footer-nv .list-group li {
    padding-left: 1.2em;
    margin-top: 1em !important;
  }
  #footer #footer-inner #footer-nv .list-group + .title {
    margin-top: 1em;
  }
}
.fei-footer {
  max-width: 1200px;
  margin:0px auto;
  padding-left: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  font-size: 15px;
}
.fei-footer-box {
  width: 300px;
  margin:25px 10px 0px;
  color: #fff;
  white-space: nowrap;
}
.fei-footer-box p {
  margin-bottom: 10px;
}

.fei-footer-box a {
  color: #fff !important;
}
.fei-footer-box a:hover {
  color: #ff69b4 !important;
}
.fei-footer-copyright {
  width: 100%;
  margin-left: auto;
  padding: 5px 20px 5px;
  background-image: url("_scs_theme_root_/assets/images/common/background-footer.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  color: #fff;
  font-size: 12px;
  text-align: center; /** right **/
  font-family: "Noto Sans JP", "Noto Sans SC", sans-serif !important;
  line-height: 1.78;
}

.mt20 {
  font-family: "Noto Sans JP", "Noto Sans SC", sans-serif !important;
  margin-top: 20px !important;
  line-height: 1.78;
}
.mt35 {
  margin-top: 35px !important;
}
.mt30 {
  margin-top: 30px !important;
}

/******トップ*****************************************************

#top #mainv img{ display:block; margin:0 auto;}
#top #mainv h2{line-height:24px; padding:10px 100px 0; text-align:left; font-weight:normal;}
#top #contents .cntbox{ text-align: center;}
#top #contents .cntbox p span{ font-size: 12px;}**********/

/******■トップ■***************************************************************/
#top #mainv {}
#top #mainv .swiper-slide { height: 500px; background: #000;}
#top #mainv .swiper-slide .mainv_cnt001{ background: url(/jp/products/candera/image/top_mainv_cgi.png) no-repeat center center ; background-size: cover; height: 100%; position: relative;}
#top #mainv .swiper-slide .mainv_cnt002{ background: url(/jp/products/candera/image/top_mainv_uic.png) no-repeat center center ; background-size: cover; height: 100%; position: relative;}
#top #mainv .swiper-slide .mainv_cnt003{ background: url(/jp/products/candera/image/candera_corporate_top.png) no-repeat center center ; background-size: cover; height: 100%; position: relative;}
#top #mainv .swiper-slide .mainv_cnt004{ background: url(/jp/products/candera/image/top_mainv_higlyph.png) no-repeat center center ; background-size: cover; height: 100%; position: relative;}
#top #mainv .swiper-slide .mainv_cnt005{ background: url(/jp/products/candera/image/top_mainv_service.png) no-repeat center center ; background-size: cover; height: 100%; position: relative;}
#top #mainv .swiper-slide .mainv_wrap{position: absolute; width: 100%; text-align: center;height: 600px;}
#top #mainv .swiper-slide a{ text-decoration: none; color: #fff; display: block;}
#top #mainv .swiper-slide figure{ margin: 100px auto 0; text-align: center; width: 850px;}/***png幅1700px*****/
#top #mainv .swiper-slide img{width: 100%;}
#top #mainv .swiper-slide p{font-size: 18px; line-height: 30px; text-align: center;}
#top #mainv .swiper-pagination{}
/* 全体のスタイル */
#top .swiper-pagination-bullet {background: url(/jp/products/candera/image/Indicator_Normal.png);
	width: 40px; /* 幅 */
	height: 10px; /* 高さ */
	opacity: 0.1; /* 半透明（デフォルトでは0.2） */
	border-radius: 0%;
}
/* 現在のスライドのスタイル */
#top .swiper-pagination-bullet-active {background: url(/jp/products/candera/image/Indicator_Select.png);
	width: 40px; /* 幅 */
	height: 10px; /* 高さ */
	opacity: 1; /* 不透明 */
	border-radius: 0%;
}
#top .lead p{ text-align: center; line-height: 24px;}



/******下層ページ共通***************************************************************/

section#contents{padding-bottom:30px; width: 980px; margin: 20px auto;}
section#contents h2{font-size:30px; padding:20px 0 30px; text-align:center;}
section#contents h3{font-size:24px; padding:30px 0; text-align:center; font-weight: normal;}
section#contents h4{font-size:18px; padding:20px 0 10px;}

.lead{ padding: 10px;}
.lead p{ line-height: 24px; padding-bottom:30px;}
.cntbox{ padding-bottom:80px; background-color:#FFF; margin: 0;}

.clm1{}
.clm1 li{ text-align: center;width: 50%; padding-bottom: 20px; margin: 0 auto;}
.clm1 li.w100{ width: 100%;}

.clm2{}
.clm2 li{ float: left; width: 50%; padding-bottom: 20px;}
.clm2 li.w100{ width: 100%;}

.clm3{}
.clm3 li{ float: left; width: 33.333333%; padding-bottom: 20px;}
.clm3 li.w50{width: 50%;}

.clm4{}
.clm4 li{ float: left; width: 25%; padding-bottom: 20px;}
.clm4 li.w50{width: 50%;}

/*#mainv{ width:100%; height: 1080px;}*/
#mainv{}
/*#top #mainv{ background: url("/jp/products/candera/image/Candera_HP_Top.jpg") no-repeat center center #000; background-size:  100% auto;}*/

#candera_entry #mainv{ background: url("/jp/products/candera/image/mainv_newsletter.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#candera_unsubscribe #mainv{ background: url("/jp/products/candera/image/mainv_newsletter.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#topics_list1 #mainv{ background: url("/jp/products/candera/image/mainv_news.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#service #mainv{ background: url("/jp/products/candera/image/mainv_service.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#higlyph #mainv{ background: url("/jp/products/candera/image/mainv_higlyph.png") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#uic_page1 #mainv,
#uic_page2 #mainv,
#uic_page3 #mainv,
#uic_page4 #mainv,
#uic_page5 #mainv,
#uic #mainv{ background: url("/jp/products/candera/image/mainv_uic.png") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#company #mainv{ background: url("/jp/products/candera/image/mainv_corporate.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#client #mainv{ background: url("/jp/products/candera/image/mainv_client.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#jobs_list #mainv{ background: url("/jp/products/candera/image/mainv_recruit.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#privacy_policy #mainv {
    background: url(/jp/products/candera/image/mainv_privacy.jpg) no-repeat center center #000;
    background-size: cover;
    height: 400px;
    position: relative;
}
/* dev */
#canderajp_agreement #mainv{ background: url("/jp/products/candera/image/mainv_policy.png") no-repeat center center #000; background-size: cover; height: 300px; position: relative; margin-top: 80px;}
/* prd */
#page_canderajp_agreement #mainv{ background: url("/jp/products/candera/image/mainv_policy.png") no-repeat center center #000; background-size: cover; height: 300px; position: relative; margin-top: 48px;}
#inquiry_list #mainv{ background: url("/jp/products/candera/image/mainv_contact.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#software-development #mainv{ background: url("/jp/products/candera/image/mainv_software.png") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}
#website_terms_of_use #mainv{ background: url("/jp/products/candera/image/mainv_siteuse.jpg") no-repeat center center #000; background-size: cover; height: 400px; position: relative;}

#mainv h2{ clear:both; position:absolute; left:0; bottom:50px; padding-left:30px; font-size:40px; line-height:46px;color:#ccc;}
#mainv h2 strong{font-size:18px; line-height: 20px; letter-spacing:2px; font-weight:normal;}


/*問い合わせや採用のボタン一覧*/
nav#menulist{ width: 600px; margin: 10px auto;}
nav#menulist ul li,
nav#menulist p{ padding: 10px;}
nav#menulist p a{ display: block; padding: 10px 40px; background: #eee;text-decoration: none; color: #333; font-weight: bold;}
nav#menulist p i{ color: #f07300; padding-right: 10px;}

#inquiry_detail ul.hyo{ padding: 5px 50px;}
#inquiry_detail ul.hyo li{ padding: 5px 0;}
#inquiry_detail ul.hyo li p{}
#inquiry_detail ul.hyo li p span{ font-size: 14px;}

/*******サービス***************************************************************/
#service .cntbox p{ text-align: center;}
#service .cntbox #service-list ul{ width: 960px; margin: 0 auto; display: flex; justify-content: center;}
#service .cntbox #service-list li{ width: 240px; text-align: center;}
#service .cntbox #service-list li a{ display: block; margin: 20px 5px; text-decoration: none; color: #333;}
#service .cntbox #service-list img{ max-width: 100%; border: 1px solid #fff;}
#service .cntbox #service-list li a:hover img{ border: 1px solid #ccc;}
#service .cntbox #service-list li h3{ font-size: 20px;}
#service .cntbox #service-list li p{ font-size: 12px; text-align: center;}


#software-development .cntbox h3,
#software-development .cntbox p{ text-align: center;}
#software-development .cntbox figure{ margin: 0 auto; text-align: center;}
#software-development .cntbox figure img{ max-width: 600px;}


/* ------------過去の製品情報--------------------*/

.higlyph-uic-box h1{ padding-top: 15px;}
.higlyph-uic-box h1 img{ width:160px;}

.higlyph-uic-box h5{text-align:center; font-size:16px; padding:20px 0; color:#000; }
/* 2階層目（共通）***/
.higlyph-uic-box .cntbox{ width:980px; padding-bottom:100px;margin:0 auto;}
.higlyph-uic-box .lead{ width:840px;margin:0 auto;}
.higlyph-uic-box .lead p{ line-height: 30px; padding-bottom:10px; text-indent:1em; text-align:left;}
.higlyph-uic-box h3{text-align:center; font-size:32px; font-weight:bold;padding:60px 0; letter-spacing:2px; color:#000;}
.higlyph-uic-box h4{text-align:center; font-size:28px; margin-top: 50px; padding:30px 0; font-weight:normal; line-height:30px; color:#000;}

/* higlyphの見出し*/
#higlyph .higlyph-uic-box h4{font-size:28px; line-height: 40px; padding: 20px;}

/* 製品情報（HIG 動画）*/
.higlyph-uic-box .cntbox .hig_movie{ width:900px; margin:0 auto;}
.higlyph-uic-box .cntbox .hig_movie li{ float:left;width:300px;}
.higlyph-uic-box .cntbox .hig_movie li div{ width:245px; margin:0 auto;}
.higlyph-uic-box .cntbox .hig_movie li p{ font-size:12px; text-align:center; padding:5px 0;}
/* 製品情報（Higlyph 基本機能）*/
.higlyph-uic-box .cntbox dl.hig_kinou{ width:800px; margin:0 auto;}
.higlyph-uic-box .cntbox dl.hig_kinou dt{ float:left; clear:both; width:200px; padding:20px 0; text-align:center; border-top:#ccc 1px solid; border-bottom:none;}
.higlyph-uic-box .cntbox dl.hig_kinou dt img{ max-height:240px;}
.higlyph-uic-box .cntbox dl.hig_kinou dd{ float:left; width:600px;padding:20px 0;font-size:12px;  border-top:#ccc 1px solid; border-bottom:none;}
.higlyph-uic-box .cntbox dl.hig_kinou dd strong{ padding:5px; font-size:14px;}
/* 製品情報（Higlyph 言語）*/
.higlyph-uic-box .cntbox .gengo_box{border:1px solid #d7e1ec; padding:3px; clear:both;}
.higlyph-uic-box .cntbox .gengo_box ul{}
.higlyph-uic-box .cntbox .gengo_box li{ float:left; width:194px; text-align:center; padding:10px 0; font-size:12px;}
.higlyph-uic-box .cntbox .gengo_box li:nth-child(even){background:#eaf4ff;}

/* 製品情報（Higlyph classのないdlのみに指定）*/
.higlyph-uic-box .cntbox dl:not([class]){ width:700px; margin:0 auto; padding: 30px 0;}
.higlyph-uic-box .cntbox dl:not([class]) dt{ font-weight: bold; color: #333; padding-top: 25px;}
.higlyph-uic-box .cntbox dl:not([class]) dd{ padding: 10px; line-height: 24px;}

/* 製品情報（画像とキャプション*/
.higlyph-uic-box .cntbox figure{ text-align:center; padding:5px; margin:20px auto;}
.higlyph-uic-box .cntbox figure img{}
.higlyph-uic-box .cntbox figure figcaption{ font-size:14px; text-align:center; padding:5px;}
.higlyph-uic-box .cntbox p{ text-align:left;}
/* 製品情報（機能リスト２カラム）*/
.higlyph-uic-box .cntbox dl.kinoulist{ width:450px; margin:0 auto;}
.higlyph-uic-box .cntbox dl.kinoulist dt{text-align: left;}
.higlyph-uic-box .cntbox dl.kinoulist dd{}
.higlyph-uic-box .cntbox dl.kinoulist_full{ width:800px; margin:0 auto; clear:both; padding-top:20px;}
.higlyph-uic-box .cntbox dl.kinoulist_full dt{ text-align:center;}
.higlyph-uic-box .cntbox dl.kinoulist_full{}
/* 製品情報（製品仕様）*/
.higlyph-uic-box .cntbox #seihinshiyou{ width:960px; margin:0 auto;}
.higlyph-uic-box .cntbox #seihinshiyou dl{ width:240px; float:left;}
.higlyph-uic-box .cntbox #seihinshiyou dl dt{font-weight:bold; padding:20px; text-align:center;}
.higlyph-uic-box .cntbox #seihinshiyou dl dd{ padding:10px;margin:0 10px;}
.higlyph-uic-box .cntbox #seihinshiyou dl dd span{ font-size:12px;}
/* 製品情報（UIC動作環境）*/
.higlyph-uic-box .cntbox #dousakankyou{ width:800px; margin:0 auto;}
.higlyph-uic-box .cntbox #dousakankyou dl{ width:400px; float:left;}
.higlyph-uic-box .cntbox #dousakankyou dl dt{font-weight:bold; padding:20px; text-align:center;}
.higlyph-uic-box .cntbox #dousakankyou dl dd{ padding:10px;margin:0 20px;}
.higlyph-uic-box .cntbox #dousakankyou dl dd span{ font-size:12px;}
.higlyph-uic-box .cntbox #dousakankyou hr{ margin:0; padding:0;border: dotted #666;border-width:1px 0 0 0;height:1px;/* for IE6 */clear:both;/* for IE6 */}
/* 製品情報（HIG動作環境）*/
.higlyph-uic-box .cntbox #hig_dousakankyou{ width:760px; margin:0 auto;}
.higlyph-uic-box .cntbox #hig_dousakankyou dl{ width:760px; display: flex; flex-wrap: wrap;}
.higlyph-uic-box .cntbox #hig_dousakankyou dl dt{ width:220px; font-weight:normal; line-height: 24px; font-size:14px; padding:10px 0; border-top:1px solid #ccc; }
.higlyph-uic-box .cntbox #hig_dousakankyou dl dd{ width:540px; border:0; line-height: 24px; padding:10px 0; border-top:1px solid #ccc;}
.higlyph-uic-box .cntbox #hig_dousakankyou dl dt:last-of-type,
.higlyph-uic-box .cntbox #hig_dousakankyou dl dd:last-of-type{  border-bottom:1px solid #ccc;}
.higlyph-uic-box .cntbox #hig_dousakankyou dl dd span{ font-size:12px;}

/* 【UIC共通】ボックスh3～h3 */
#uic .cntbox,
#uic_page4 .cntbox{ width:980px; padding:80px 0 50px;margin:0 auto; border-bottom: 1px solid #999;}
#uic_page5 .cntbox{ width:980px; padding:80px 0 50px;margin:0 auto; border-bottom: 1px solid #999;}
#uic_page1 .cntbox,
#uic_page2 .cntbox,
#uic_page3 .cntbox{ width:980px; padding:80px 0 50px;margin:0 auto; border-bottom:1px solid #999;}

/* 【UIC共通】文章 */
#uic .lead,
#uic_page1 .lead,
#uic_page2 .lead,
#uic_page3 .lead,
#uic_page4 .lead,
#uic_page5 .lead{ width:980px;margin:0 auto;}
#uic .lead p,
#uic_page1 .lead p,
#uic_page2 .lead p,
#uic_page3 .lead p,
#uic_page4 .lead p,
#uic_page5 .lead p{padding-bottom:5px; text-align:left; font-size:14px; line-height:30px;  text-indent:0;}
#uic_page2 .lead ul li{ margin-left:20px; padding:5px 0; list-style-type: disc;}
/* 【UIC共通】見出し */
#uic h3,
#uic_page1 h3,
#uic_page2 h3,
#uic_page3 h3,
#uic_page4 h3,
#uic_page5 h3{ font-size:24px; line-height:36px; font-weight: normal;padding-bottom:40px; letter-spacing:2px; color:#000;}
#uic h4,
#uic_page1 h4,
#uic_page2 h4,
#uic_page3 h,
#uic_page4 h3,
#uic_page5 h3{ font-size:18px; line-height:24px; font-weight:bold; text-align:center; padding:30px 0 20px; color:#000;}
#uic h5,
#uic_page1 h5,
#uic_page2 h5,
#uic_page3 h5,
#uic_page4 h3,
#uic_page5 h3{ font-size:14px; line-height:20px; font-weight: bold; text-align:center; padding:10px 0 5px; color:#333;}

/* 【UIC共通】メニュー */
#bunki_navi_f{ position: absolute; top: 460px; margin: auto;}  /** right: 30px; margin 追加 **/
#bunki_navi_f ul li{width:180px; font-size:12px; float:left; height:40px;}
#bunki_navi_f ul li a,
#bunki_navi_f ul li span{ display:block; margin:0 10px; text-align:center; height:40px; line-height:32px;
border-radius: 2px 2px 0px 0px;    /* CSS3草案 */  -webkit-border-radius: 2px 2px 0px 0px; /* Safari,Google Chrome用 */  -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */}
#bunki_navi_f ul li span{line-height:40px;}
#bunki_navi_f ul li.uic_top a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #73888c;}
#bunki_navi_f ul li.uic_page1 a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #d5802b;}
#bunki_navi_f ul li.uic_page2 a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #2aa0e9;}
#bunki_navi_f ul li.uic_page3 a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #6fb649;}
#bunki_navi_f ul li.uic_page4 a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #d2382d;}
#bunki_navi_f ul li.uic_page5 a{color:#fff; text-decoration:none; background-color:#363636; border-top:3px solid #822dd2;}
#bunki_navi_f ul li.uic_top a:hover{ background-color:#73888c;}
#bunki_navi_f ul li.uic_page1 a:hover{ background-color:#d5802b;}
#bunki_navi_f ul li.uic_page2 a:hover{ background-color:#2aa0e9;}
#bunki_navi_f ul li.uic_page3 a:hover{ background-color:#6fb649; color:#fff; text-decoration:none;}
#bunki_navi_f ul li.uic_page4 a:hover{ background-color:#d2382d; color:#fff; text-decoration:none;}
#bunki_navi_f ul li.uic_page5 a:hover{ background-color:#822dd2; color:#fff; text-decoration:none;}
#bunki_navi_f ul li.uic_page1 span{ background-color:#d5802b; color:#fff;}
#bunki_navi_f ul li.uic_page2 span{ background-color:#2aa0e9; color:#fff;}
#bunki_navi_f ul li.uic_page3 span{ background-color:#6fb649; color:#fff;}
#bunki_navi_f ul li.uic_page4 span{ background-color:#d2382d; color:#fff;}
#bunki_navi_f ul li.uic_page5 span{ background-color:#822dd2; color:#fff;}

/* 【UIC共通】メインビジュアル */
.higlyph-uic-box #mainv_s{ text-align:center; width:600px; margin:50px auto 0; padding:100px 0 260px;}
.higlyph-uic-box #mainv_s p strong{ text-align:center; font-size:40px; color:#000; padding-bottom:5px; display:block;}
.higlyph-uic-box #mainv_s p{ font-size:20px; line-height:40px; padding-bottom:30px;}
#uic_page1 #mainv_s{background:url(/jp/products/candera/image/uic/U_top_img_001.png) no-repeat center bottom;}
#uic_page2 #mainv_s{background:url(/jp/products/candera/image/uic/U_top_img_002.png) no-repeat center bottom;}
#uic_page3 #mainv_s{background:url(/jp/products/candera/image/uic/U_top_img_003.png) no-repeat center bottom;}
#uic_page4 h3{ text-align:center; font-size:40px; font-weight:bold;color:#000; margin:50px auto 0;}
#uic_page5 h3{ text-align:center; font-size:40px; font-weight:bold;color:#000; margin:50px auto 0;}
/* 【UIC共通】GOボタン */
#uic nav#bunki_navi p.gobtn a{display:block; text-align:center; margin:20px auto;width:100px; height:100px; line-height:100px; font-size:32px; text-decoration:none; color:#fff; font-weight:bold;
border-radius: 100px;    /* CSS3草案 */  -webkit-border-radius: 100px; /* Safari,Google Chrome用 */  -moz-border-radius: 100px;   /* Firefox用 */}
#uic nav#bunki_navi ul li.uic_page1 p.gobtn a{ background-color:#d5802b;}
#uic nav#bunki_navi ul li.uic_page1 p.gobtn a:hover{background-color:#9c6025;}
#uic nav#bunki_navi ul li.uic_page2 p.gobtn a{ background-color:#2aa0e9;}
#uic nav#bunki_navi ul li.uic_page2 p.gobtn a:hover{background-color:#2477aa;}
#uic nav#bunki_navi ul li.uic_page3 p.gobtn a{ background-color:#6fb649;}
#uic nav#bunki_navi ul li.uic_page3 p.gobtn a:hover{background-color:#54863a;}
#uic p.uic_page4{text-align:center;font-weight:bold;}
#uic p.uic_page4 a{ text-align:center; display:block;width:140px; height:140px; line-height:140px; font-size:40px; text-decoration:none; color:#fff; font-weight:bold; margin:20px auto;
border-radius: 140px;    /* CSS3草案 */  -webkit-border-radius: 140px; /* Safari,Google Chrome用 */  -moz-border-radius: 140px;   /* Firefox用 */background-color:#d2382d;}
#uic p.uic_page4 a:hover{background-color:#9a2e26;}
#uic p.uic_page5{text-align:center;font-weight:bold;}
#uic p.uic_page5 a{ text-align:center; display:block;width:140px; height:140px; line-height:140px; font-size:40px; text-decoration:none; color:#fff; font-weight:bold; margin:20px auto;
  border-radius: 140px;    /* CSS3草案 */  -webkit-border-radius: 140px; /* Safari,Google Chrome用 */  -moz-border-radius: 140px;   /* Firefox用 */background-color:#822dd2;}
  #uic p.uic_page5 a:hover{background-color:#561d8b;}
#uic_page3 p.uic_clientlist{text-align:center;font-weight:bold;}
#uic_page3 p.uic_clientlist a{ text-align:center; display:block;width:140px; height:140px; line-height:140px; font-size:40px; text-decoration:none; color:#fff; font-weight:bold; margin:20px auto;
border-radius: 140px;    /* CSS3草案 */  -webkit-border-radius: 140px; /* Safari,Google Chrome用 */  -moz-border-radius: 140px;   /* Firefox用 */background-color:#9567d6;}
#uic_page3 p.uic_clientlist a:hover{background-color:#6f4f9c;}

/* 【UICトップ】分岐ボタン */
#uic nav#bunki_navi{}
#uic nav#bunki_navi ul{ width:900px; margin:30px auto;}
/* 文字数が増えたら次の行のheightの値で調整する（日本語） */
#uic nav#bunki_navi ul li{ width:300px; float:left;position:relative; height:640px;}
/* 文字数が増えたら次の行のheightの値で調整する（英語） */
#uic nav#bunki_navi ul#height_en li{ width:300px; float:left;position:relative; height:670px;}

#uic nav#bunki_navi ul li.uic_page1 img,
#uic nav#bunki_navi ul li.uic_page2 img,
#uic nav#bunki_navi ul li.uic_page3 img{ width:240px; display:block; margin:0 auto;}
#uic nav#bunki_navi p{width:240px; margin:10px auto;}
#uic nav#bunki_navi p.gobtn{ position:absolute; bottom:0px;width:300px; text-align:center;}
#uic nav#bunki_navi strong{ display:block; text-align:center; font-size:18px;}

/* 【UICテクニカルインフォ】トップボタン群 */
.higlyph-uic-box .clm3{ width:900px; margin:10px auto;}
.higlyph-uic-box .clm3 li{ float:left; width:300px; height:300px;}
.higlyph-uic-box .clm3 li h4{ padding:5px; text-align:center; font-size:18px;}
.higlyph-uic-box .clm3 li h4 a{ display:block; padding-top:100px;}
.higlyph-uic-box .clm3 li.uic_v001 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_001_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v002 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_002_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v003 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_003_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v004 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_004_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v005 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_005_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v006 h4 a{background:url(/jp/products/candera/image/uic/U_ti_bt_006_off.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v001 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_001_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v002 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_002_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v003 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_003_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v004 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_004_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v005 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_005_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li.uic_v006 h4 a:hover{background:url(/jp/products/candera/image/uic/U_ti_bt_006_on.png) no-repeat center top; background-size:80px;}
.higlyph-uic-box .clm3 li p{width:240px; margin:5px auto;}

/* UIC2018（テクニカルインフォ）見出し*/
#uic_page2 h3.uic_v001{background:url(/jp/products/candera/image/uic/U_ti_bt_001_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h3.uic_v002{background:url(/jp/products/candera/image/uic/U_ti_bt_002_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h3.uic_v003{background:url(/jp/products/candera/image/uic/U_ti_bt_003_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h3.uic_v004{background:url(/jp/products/candera/image/uic/U_ti_bt_004_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h3.uic_v005{background:url(/jp/products/candera/image/uic/U_ti_bt_005_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h3.uic_v006{background:url(/jp/products/candera/image/uic/U_ti_bt_006_off.png) no-repeat center top; background-size:80px; padding-top:100px;}
#uic_page2 h4 strong{ background-color:#FF0000; color:#fff; padding:1px 5px; font-weight:normal; margin-right:10px; font-size:12px; vertical-align:top;}

/* 【UICテクニカルインフォ】２カラム（左右均等）*/
#uic_page2 .clm2{ width:980px; margin:0 auto; padding:20px 0;}
#uic_page2 .clm2 div{ float:left; width:490px;}
#uic_page2 .clm2 div figure{ margin:0;}
#uic_page2 .clm2 div figure img{ max-width:450px;}
#uic_page2 .clm2 div p{ margin:10px 30px;}
#uic_page2 .clm2 div ul{ margin:10px 30px;}
#uic_page2 .clm2 div ul li{ margin-left:20px; padding:5px 0; list-style-type: disc;}
#uic_page2 .clm2 div h5{ padding:5px; border-bottom:1px dotted #666666; margin:10px 30px;}

/* 【UICテクニカルインフォ】２カラム（左やや広い）*/
#uic_page2 .clm2_op{ width:980px; margin:0 auto; padding:20px 0;}
#uic_page2 .clm2_op div.wide{ float:left; width:600px;}
#uic_page2 .clm2_op div{ float:right; width:380px;}
#uic_page2 .clm2_op ul{ margin:10px 30px;}
#uic_page2 .clm2_op ul li{ margin-left:20px; padding:5px 0; list-style-type: disc;}
#uic_page2 .clm2_op div figure{ margin:0;}
#uic_page2 .clm2_op div p{ margin:10px 30px;}
#uic_page2 .clm2_op div h5{ padding:5px; border-bottom:1px dotted #666666; margin:10px 30px;}

/* 【UICテクニカルインフォ】キャプション */
#uic_page1 figure figcaption p,
#uic_page2 figure figcaption p{ font-size:14px; line-height:16px; text-align:center; padding:0px 0; margin:0 auto;}
#uic_page5 figure figcaption p{ font-size:14px; line-height:16px; text-align:center; padding:0px 0; margin:0 auto;}
#uic_page2 .clm2 figure figcaption p{ text-align:left;}
#uic_page1 .clm2_op figure figcaption p,
#uic_page2 .clm2_op figure figcaption p{ text-align:left;}
#uic_page2 .license{ width:980px; margin:50px auto;}
#uic_page2 .license p{ text-align:left; padding-bottom:15px; line-height:20px;}

/* 【UICテクニカルインフォ】動画　*/
#uic_page2 .mvucon{ text-align:center; width:600px; margin:0 auto;}

#uic_page2 .uic_animationcurve{ text-align:center; width:450px; margin:0 auto;}
#uic_page2 .uic_animationcurve video{ text-align:center; text-align:center; width:450px; margin:0 auto;}
#uic_page2 .uic_animationcurve img{ text-align:center; width:450px; margin:0 auto;}
#uic_page2 .uic_animationcurve p{ text-align:center;}

/* 【UICユースケース】４つのイメージ */
#uic_page3 ul#hmi_app_ex{ width:900px; margin:0 auto;}
#uic_page3 ul#hmi_app_ex li{ float:left; width:450px; padding-top:240px; padding-bottom:30px;}
#uic_page3 ul#hmi_app_ex li.v001{background:url(/jp/products/candera/image/uic/U_uc_img_001.png) no-repeat center top;}
#uic_page3 ul#hmi_app_ex li.v002{background:url(/jp/products/candera/image/uic/U_uc_img_002.png) no-repeat center top;}
#uic_page3 ul#hmi_app_ex li.v003{background:url(/jp/products/candera/image/uic/U_uc_img_003.png) no-repeat center top; clear:both;}
#uic_page3 ul#hmi_app_ex li.v004{background:url(/jp/products/candera/image/uic/U_uc_img_004.png) no-repeat center top;}
#uic_page3 ul#hmi_app_ex li h4{ text-align:center; font-size:18px; padding:5px; font-weight:bold;}
#uic_page3 ul#hmi_app_ex li p{ width:360px; margin:5px auto;}

/* 【UICユースケース】バナー */
#agltrial_btn{ width:400px;padding:10px 0 30px; clear:both; margin:20px auto;}
#agltrial_btn a{ text-align:center;color:#FFF; background-color:#8cc63f; text-decoration:none; padding:10px 20px; display:block; font-weight:bold; font-size:16px;
border-radius: 5px;    /* CSS3草案 */  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */}
#agltrial_btn a:hover{ background-color:#7cb036;}

/* 【UIC製品仕様】sdk */
#uic_page4 #sdk{}
#uic_page4 #sdk div{ width:245px; float:left;}
#uic_page4 #sdk div h5{ padding:5px; border-bottom:1px dotted #666666; margin:10px 10px;}
#uic_page4 #sdk ul{ margin:10px 10px;}
#uic_page4 #sdk ul li{ margin-left:20px; padding:5px 0; list-style-type: disc; text-indent:-3px;}
#uic_page4 #sdk ul li span{ font-size:12px;}

/* 【UIC製品仕様】動作環境 */
#uic_page4 #speclist div{ float:left; width:490px;}
#uic_page4 #speclist table{ margin:0 20px;}
#uic_page4 #speclist table th{ font-size:12px; font-weight:normal; width:60px;}
#uic_page4 #speclist table td{}
#uic_page4 #speclist table td span{ font-size:12px;}


/**********************************************************************/

/*******ニュース***************************************************************/
#topics_list1 .news-search-year{ padding: 20px;}
#topics_list1 .news-search-year p{ text-align: center;}
#topics_list1 .news-search-year p a{ padding: 0 5px;}

#topics_list1 .news-search-category{ padding-top: 20px; border-top: 1px dotted #999;}

#topics_list1 .news-search-year p,
#topics_list1 .news-search-category p{ text-align: center;}
#topics_list1 .news-search-year p a,
#topics_list1 .news-search-category p a{ padding: 0 15px; color: #333;}

#topics_list1 .news-search-year p a.current,
#topics_list1 .news-search-category p a.current{ text-decoration: none; background: #666; color: #fff;
border-radius: 5px;    /* CSS3草案 */  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */}


#topics_list1 .news-search-category p a span.news-icon-all{color:#7FE5E9;}
#topics_list1 .news-search-category p a span.news-icon-news{color:#E9A952;}
#topics_list1 .news-search-category p a span.news-icon-software{color:#56CC82;}
#topics_list1 .news-search-category p a span.news-icon-event{color:#4C95E5;}
#topics_list1 .news-search-category p a span.news-icon-movie{color:#8FABB0;}
#topics_list1 .news-search-category p a span.news-icon-column{color:#B585E9;}

/* レポートページ***/

#report{ padding-top: 100px;}
#report .mainv{ width: 980px; margin: 30px auto 0;}
#report .mainv img{ width: 980px;}
#report figure{ text-align:center; margin-top: 30px;}
#report figure img{ max-width:800px;}
#report figure figcaption{ font-size:12px; text-align:center; padding:10px;}
#report h3{ padding: 50px; font-size: 32px; line-height: 48px; font-weight:normal; text-align: center;}
#report h3 span{font-size: 24px; line-height: 48px; display: block;}
#report h4{font-size: 24px; line-height: 32px; font-weight:normal; border-left: 5px solid #E05B5D;padding: 10px; margin-top: 60px; text-align: left;}
#report h5{font-size: 18px; line-height: 24px; text-align: left; text-indent: -1em; font-weight:normal;margin-top: 40px; margin-left: 30px;}
#report .lead{ width: 1000px; margin: 0 auto;}
#report .lead p { padding: 30px 50px 0; font-size: 16px;line-height: 32px;}
#report .lead p.answer_Roland{ text-indent: -7em; margin-left: 7em;}
#report .lead p.answer_Roland02{ margin-left: 7em;}
#report .youtube_box{ text-align:center; margin:10px auto; width:560px;}
#report .youtube_box iframe{ width:560px; height:315px;}

/* レポートページ（加賀FEIの HMI 開発ツール 「CGI Studio」） ***/
#report .candera-logo figure{float: left; width: 30%; text-align: right;}
#report .candera-logo figure img{ width: 300px;}
#report .candera-logo p{float: right; width:65%;}

#report figure.img-left{float: left; width: 400px; text-align: center;}
#report figure.img-left img{ width: 300px;}
#report figure.img-right{float: right; width: 400px; text-align: center;}
#report figure.img-right img{ width: 300px;}
#report figure.img-middle{text-align: center; width: 500px; margin: 20px auto;}
#report figure.img-middle img{  width: 100%;}
#report figure.img-small{text-align: center; width: 300px; margin: 20px auto;}
#report figure.img-small img{ width: 100%;}
#report .btn {margin: 20px auto; }
#report .btn a{ background: #666; color: #fff; display: block;padding: 10px; text-align: center; text-decoration: none;
border-radius: 5px;    /* CSS3草案 */  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */}

#report .report-kiji-box{padding: 50px; width: 980px; margin: 0 auto;}
#report .report-kiji-box p{ padding-bottom: 30px; line-height: 30px;}
#report .report-contact-box{padding-bottom: 50px; width: 980px; margin: 0 auto;}
#report .report-contact-box p{ text-align: center; line-height: 30px;}

/* ---------------------------------------------
*   List
--------------------------------------------- */
/*  c-list-news
--------------------------------------------- */


.c-list-news p{
  padding:15px;
  font-size: 14px;
  line-height: 20px;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 16px 16px 0 16px;
  margin-bottom: 32px;
}
.c-list-news .c-topics__date{ font-size: 12px; text-align: right; display: block;float: right; padding: 3px 10px;}
.c-list-news li{display: flex; width: 25%; margin-bottom: 30px;}
.c-list-news::before {display: block;content:""; width: 25%;order: 1; }
.c-list-news::after {display: block;content:""; width: 25%;}
.c-list-news a{ overflow: hidden; box-sizing: border-box; margin: 5px 0; border: 1px solid #787878; background: #fff; display: block;color: inherit;text-decoration: none; width: 224px;
border-radius: 10px;    /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  -moz-border-radius: 10px;   /* Firefox用 */}

.c-list-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 100%;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}




.c-list-news__label {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 90px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    pointer-events: none;
}


.c-list-news__label:after {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    border: 15px solid transparent;
    border-top-width: 16px;
    border-bottom-width: 16px;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.c-list-news__label--orange {background-color: #f07300;}
.c-list-news__label--orange:after {border-bottom-color: #f07300;}
.c-list-news__label--blue {background-color: #5973ff;}
.c-list-news__label--blue:after {border-bottom-color: #5973ff;}
.c-list-news__label--green {background-color: #00b400;}
.c-list-news__label--green:after {border-bottom-color: #00b400;}
.c-list-news__label--dimgray {background-color: #696969;}
.c-list-news__label--dimgray:after {border-bottom-color: #696969;}
.c-list-news__label--Hanzomon {background-color: #8f76d6;}
.c-list-news__label--Hanzomon:after {border-bottom-color: #8f76d6;}
.c-list-news__image {width: 224px;height: 126px;text-align: center;background-color: #eee; overflow: hidden; margin-bottom: 5px;}
.c-list-news__image img {max-width: 100%;max-height: 100%;}


/*******ニュースレター登録***************************************************************/


/*******会社概要***************************************************************/
#company .cntbox figure{ margin: 0 auto; text-align: center;}
#company .cntbox figure img{ max-width: 800px;}
#company dl.hyo{margin:0px; background-color:rgba(255,255,255,0.9); border:0px solid #ddd; width:100%;display: inline-block;}
#company dl.hyo dt{ float:left; clear:both; width:30%; text-align:center; border-top:1px solid #ddd;box-sizing:border-box;}
#company dl.hyo dt:first-child{border-top:none;}
#company dl.hyo dd{ float:left; width:70%; text-align:left; border-left:0px solid #ddd; border-top:1px solid #ddd;box-sizing:border-box;}
#company dl.hyo dd span.yakusyoku{ width: 200px; font-size: 14px;}
#company dl.hyo dt:first-child + dd{border-top:none;}
#company dl.hyo dt p{padding:20px 100px 20px 20px; line-height: 24px; font-size: 14px; letter-spacing: 2px; font-weight: bold; text-align: right;}
#company dl.hyo dd p{padding:20px; line-height: 24px;}
#company dl.hyo dd ul{padding:20px;}
#company dl.hyo dd ul li{ line-height: 24px;}

/*******クライアント***************************************************************/
#client .clm1 li p,
#client .clm2 li p,
#client .clm3 li p,
#client .clm4 li p{ font-size: 12px; margin: 0 20px; padding: 3px; text-align: center; border-bottom: 1px dotted #999;}

/*******採用情報***************************************************************/

/* 採用情報（概要）*/
#jobs_detail{}
#jobs_detail dl.hyo { width:920px; margin:0 auto;}
#jobs_detail dl.hyo dt{width:300px; float:left; clear: both; padding:20px 0;border-top:1px solid #ddd;}
#jobs_detail dl.hyo dt p{ padding: 0 50px 0 0; margin: 0; text-align: right; font-size:14px; line-height:24px;}
#jobs_detail dl.hyo dd{width:540px; float:left; text-align:left; padding:20px 0;border-top:1px solid #ddd;}
#jobs_detail dl.hyo dd p{ padding: 0; margin: 0;  font-size:14px; line-height:24px;}
#jobs_detail dl.hyo dd .chuki_title{padding:14px 0 0 14px;}
#jobs_detail dl dd ol{padding:10px 20px;}
#jobs_detail dl dd ol li{ padding:5px; list-style-type:disc;margin-left:2em;}
#jobs_detail dl dd ol li.none { list-style:none;}
#jobs_detail dl dt.none,
#jobs_detail dl dd.none{border-top: none;}
#jobs_detail dl dt.last,
#jobs_detail dl dd.last{border-bottom:1px solid #ddd;}

/* 採用（ボタン）***/
#jobs_detail #contents .btn{ width: 200px; margin: 30px auto;}
#jobs_detail #contents .btn a{ font-size: 18px; line-height: 24px; display: block; background:#f07300; padding: 10px; color: #fff; font-weight: bold; text-align: center; text-decoration: none;}
#jobs_detail #contents .btn a:hover{ background:#DA6E00;}

/* 採用（応募方法）***/
#jobs_detail dl#entry_choice{ margin: 50px;}
#jobs_detail dl#entry_choice dt{padding: 10px; text-align: center; font-size: 18px;}
#jobs_detail dl#entry_choice dd{ padding: 50px 0 80px;}
#jobs_detail dl#entry_choice dd p.btn{ margin-top: 0;}
#jobs_detail dl#entry_choice dd ul{ padding: 10px 50px;}
#jobs_detail dl#entry_choice dd ul li{ padding: 5px; list-style: square;}
#jobs_detail dl#entry_choice dd ul li.none{ list-style: none;}


/*******個人情報保護方針***************************************************************/
#privacy_policy{}
#privacy_policy .cntbox p,
#inquiry_detail .cntbox p { line-height: 24px; margin-bottom: :1em;}
#privacy_policy .cntbox ol li,
#inquiry_detail .cntbox ol li { margin-left: 40px; padding-bottom:30px;  list-style: decimal; line-height: 24px;}
.cntbox .box_privacycontact { padding: 15px 30px; margin: 50px 30px 0;}
.cntbox .tantou { text-align: right; padding-top: 20px;}
.cntbox .tantou span { font-size: 12px;}

#inquiry_detail #doui_box{ clear: both; border: 1px solid #ccc;}
#inquiry_detail #doui_box ul li{ line-height:22px;}
#inquiry_detail #doui_box h5{ font-size:18px; text-align:center; font-weight:bold; padding-top:24px;}
#inquiry_detail #doui_box #douisyo{ padding: 24px;}
#inquiry_detail #doui_box #douisyo dt{ padding:5px; clear:both;}
#inquiry_detail #doui_box #douisyo dd{ padding:5px; clear:both;}
#inquiry_detail #doui_box .btn_box{text-align:center; margin:10px auto 0;}
#inquiry_detail ul#mailbtn{ width:400px; margin:50px auto;}
#inquiry_detail label{ padding:5px; display:block;}

#doui_window{width:800px ; height:400px; overflow:auto; margin:10px auto; background-color:#eee;}

/*******サイト利用規約***************************************************************/
#website_terms_of_use{}
#website_terms_of_use .cntbox p,
#inquiry_detail .cntbox p { line-height: 24px; margin-bottom: 1em;}
#website_terms_of_use .cntbox ol li,
#inquiry_detail .cntbox ol li { margin-left: 40px; padding-bottom:30px;  list-style: decimal; line-height: 24px;}
.cntbox .box_privacycontact { padding: 15px 30px; margin: 50px 30px 0;}
.cntbox .tantou { text-align: left; padding-top: 20px; padding-left: 60px;}
.cntbox .tantou span { font-size: 12px;}

#inquiry_detail #doui_box{ clear: both; border: 1px solid #ccc;}
#inquiry_detail #doui_box ul li{ line-height:22px;}
#inquiry_detail #doui_box h5{ font-size:18px; text-align:center; font-weight:bold; padding-top:24px;}
#inquiry_detail #doui_box #douisyo{ padding: 24px;}
#inquiry_detail #doui_box #douisyo dt{ padding:5px; clear:both;}
#inquiry_detail #doui_box #douisyo dd{ padding:5px; clear:both;}
#inquiry_detail #doui_box .btn_box{text-align:center; margin:10px auto 0;}
#inquiry_detail ul#mailbtn{ width:400px; margin:50px auto;}
#inquiry_detail label{ padding:5px; display:block;}

#doui_window{width:800px ; height:400px; overflow:auto; margin:10px auto; background-color:#eee;}

/* フォーム***/
#inquiry_detail #contents h3{ font-size:24px;line-height:36px; padding:100px 0 50px ; margin:0;}
#inquiry_detail h4{ font-size:16px; padding:20px; text-align: center; font-weight: normal;}
#inquiry_detail .lead p{ width:800px;line-height:22px; margin:10px auto;}
#inquiry_detail .lead p.check{ text-align:center; display:block; padding:10px 0; font-size:16px;}
#inquiry_detail #form_box{width:800px; margin: 0 auto;}
#inquiry_detail #form_box dl{ font-size: 14px; line-height: 18px;}
#inquiry_detail #form_box dl dt{width:30%; float:left; padding:20px 0; text-align:right; clear: both; border-top: 1px solid #ccc;}
#inquiry_detail #form_box dl dd{width:70%; float:right; padding:20px 0; border-top: 1px solid #ccc;}
#inquiry_detail #form_box dl dd hr{ clear:both;}
#inquiry_detail #form_box dl dd p,
#inquiry_detail #form_box dl dd input,
#inquiry_detail #form_box dl dd select,
#inquiry_detail #form_box dl dd textarea{ margin-left:30px;}
#inquiry_detail #form_box dl dt p,
#inquiry_detail #form_box dl dd p{padding:5px;}
#inquiry_detail #form_box dl dd span{ padding-right:10px;}
#inquiry_detail #form_box .none{ border-top:none;}

#inquiry_detail #form_box dl.kakunin{ padding: 30px; margin: 30px auto; margin: 50px; border: 1px dotted #ccc;}
#inquiry_detail #form_box dl.kakunin dt{ font-weight: bold; font-size:14px; clear: both; border: none; padding: 2px; text-align: left; width: 100%; padding-top: 10px;}
#inquiry_detail #form_box dl.kakunin dd{ clear: both; border: none; padding: 10px; text-align: left; width: 100%;padding-bottom: 10px;}


/* フォーム（必須）***/
#inquiry_detail dl dt span.hissu{ padding:0 8px; color:#fff; font-size:10px; background-color:#666;
text-decoration:none;border-radius: 3px;    /* CSS3草案 */
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
-moz-border-radius: 3px;   /* Firefox用 */}

/* フォーム（エラー）***/
#inquiry_detail .c-form-errorBox{ text-align:center; padding:20px;}
#inquiry_detail .c-form-errorBox strong{ font-size:18px; padding:10px;color:#900;}
#inquiry_detail .c-form-errorBox li{ padding:5px; color:#FF0000; text-align:center;}

/* フォーム（入力フィールド）***/
#inquiry_detail .cntbox #form_box dl dd.list_name input{ width:50%;}
#inquiry_detail .cntbox #form_box dl dd.list_company input{ width:70%;}
#inquiry_detail .cntbox #form_box dl dd.list_department input{ width:100%;}
#inquiry_detail .cntbox #form_box dl dd.list_mail input{ width:50%;}
#inquiry_detail .cntbox #form_box dl dd.list_tel input{ width:50%;}
#inquiry_detail .cntbox #form_box dl dd.list_free textarea{ width:100%;}

/* フォーム（ボタン）***/

#inquiry_detail  #contents .btn input[type="button"] ,
#inquiry_detail  #contents .btn input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none; background:#f07300;
    color: #fff;
 padding: 10px;
    font-size: 16px;
}

#inquiry_detail  #contents .btn input[type="button"] {background:#ccc;color: #fff;}
#inquiry_detail  #contents .btn input[type="submit"] {background:#f07300;color: #fff;}

#inquiry_detail  #contents .btn{ padding: 5px; margin: 0 auto; text-align: center;}

#inquiry_privacy_policy p { text-align: center; font-size: 14px; line-height: 18px;}


/**********************************************************************/

/*ライセンス条項*/
#page_oss nav.l-breadcrumb{}
#page_oss nav.globalnavi{}
#page_oss nav.globalnavi li:not(:last-child){ display: none;}
#page_oss nav.globalnavi li:last-child{ float: right;}
#page_oss section{ background-color:#fff; clear:both; margin-top:150px;}

#page_oss dl.hyo{margin:0px; background-color:rgba(255,255,255,0.9); border:0px solid #ddd; width:100%;display: inline-block; border-bottom:1px solid #ddd;}
#page_oss dl.hyo dt{ float:left;text-align:center; border-top:1px solid #ddd;box-sizing:border-box;background-color: #E3E3E3;}
#page_oss dl.hyo dd{ float:left; text-align:left; border-left:0px solid #ddd; border-top:1px solid #ddd;box-sizing:border-box;}
#page_oss dl.hyo dt.name,
#page_oss dl.hyo dd.name{ width: 30%; clear:both;}
#page_oss dl.hyo dt.type,
#page_oss dl.hyo dd.type{ width: 20%;text-align:center;}
#page_oss dl.hyo dt.comment,
#page_oss dl.hyo dd.comment{ width: 50%;}
#page_oss dl.hyo dt p{padding:5px 20px; line-height: 24px; font-size: 14px;}
#page_oss dl.hyo dd p{padding:20px; line-height: 24px;}

/**
#page_oss table { border:2px solid #999;border-collapse: collapse; margin:0 auto; width:100%;}
#page_oss table th{ border:1px solid #999;border-collapse: collapse; padding:5px 10px; text-align:left; background: #fff;}
#page_oss table td{ border:1px solid #999;border-collapse: collapse; padding:5px 10px;}
#page_oss table td.name{ text-align:center; background-color:#F4B97E; width:240px;}
#page_oss table td.type{ text-align:center; background-color:#F4B97E; width:140px;}
#page_oss table td.comment{ text-align:center; background-color:#F4B97E;}**/

/*サイト利用規約(EN)*/
.site_terms_en {
  margin-left: 272px;
}

/* プライバシーポリシー */
.policy_list {
  line-height: 2.0;
}

.policy_list dt:first-child {
  margin-top: 0;
}

.pageTitle {
  margin-bottom: 18px !important;
  height: auto;
}

.policy_list .text {
  margin: 0 auto 40px;
  font-size: 1.4rem;
  text-align: center;
  max-width: 620px;
  line-height: 2.1;
}

.policy_list .text01 {
  margin-bottom: 15px;
}

.policy_list dt {
  margin-top: 20px;
  position: relative;
  /* cursor: pointer; */
  padding: 19px 33px 19px;
  font-size: 1.9rem;
  background-color: #fff;
}

.policy_list dt::before {
  position: absolute;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  right: 30px;
  top: 50%;
  background: url("../img/icon01.png") no-repeat center center;
  /* content: ""; */
}

.policy_list dt.on::before {
  background-image: url("../img/icon01_on.png");
}

.policy_list dd {
  padding: 15px 45px 28px 31px;
  line-height: 2.3;
  /* display: none; */
  text-align: justify;
  text-justify: inter-ideograph;
  background-color: #fff;
}

.reset_text_align dd {
  text-align: initial;
}

.reset_line_height

.policy_list dd table {
  width: 100%;
  border-collapse: collapse;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

.policy_list dd .table01 {
  max-width: 590px;
}

.policy_list dd table th,
.policy_list dd table td {
  padding: 5px 18px;
  box-sizing: border-box;
  text-align: left;
  word-break: break-all;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.reset_line_height dd table th,
.reset_line_height dd table td  {
  line-height: 2.0;
}

.reset_word_break dd table th,
.reset_word_break dd table td  {
  word-break: initial;
}

.policy_list dd table td a {
  text-decoration: none;
}

.policy_list dd table th {
  width: 235px;
  background-color: #ffffff;
}

.policy_list dd p {
  margin-top: 13px;
}

.policy_list dd .txt01 {
  margin-top: 30px;
}

.policy_list dd a {
  text-decoration: underline;
}

@media all and (min-width: 897px) {
  .policy_list dd a:hover {
    opacity: 1;
    text-decoration: none;
  }

  .policy_list dd table td a:hover {
    text-decoration: underline;
  }
}

@media all and (max-width: 896px) {
  .noPageBg {
    padding-top: 60px;
    min-height: 155px;
  }

  .policy_list dt {
    margin-top: 10px;
    padding: 19px 33px 18px 15px;
    padding-left: calc(2em + 15px);
    text-indent: -2em;
    font-size: 1.6rem;
  }

  .policy_list .policyList01 dt {
    padding-left: 15px;
    text-indent: 0;
  }

  .policy_list .dtStyle01 {
    padding-left: calc(3em + 15px);
    text-indent: -3em;
  }

  .policy_list dt::before {
    right: 15px;
    /* background: url("../img/common/sp_icon01.png") no-repeat center center /
            18px; */
  }

  .policy_list dt.on::before {
    /* background-image: url("../img/common/sp_icon01_on.png"); */
  }

  .policy_list dd {
    padding: 1px 13px 13px;
    line-height: 1.85;
    font-size: 1.3rem;
  }

  /* .policy_list dd table th,
    .policy_list dd table td {
        padding: 5px 18px;
        width: 100%;
        display: block;
    } */
}

@media all and (max-width: 896px) {
  .policy_list .table-scrollable {
    position: relative;
    overflow-x: auto;
    padding-bottom: 0.3em;
  }

  .policy_list .table-scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(240, 116, 0, 1);
    border-radius: 10em;
  }

  .policy_list .table-scrollable::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 10em;
  }

  .policy_list .table-scrollable::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }

  .policy_list .table-scrollable table {}

  .policy_list .table-scrollable table th {
    white-space: nowrap;
  }

  .policy_list .table-scrollable table td {}

  .policy_list .table-scrollable table.indent {
    margin-left: 0;
  }
}

.ml-24 {
  margin-left: 24px;
}

.ml-48 {
  margin-left: 48px;
}

.ml-72 {
  margin-left: 72px;
}