@charset "UTF-8";


/* ---------------------------- MAIN */

/* page header */
#header-ttl { height: 100px; vertical-align: middle; background: url(https://estore.co.jp/wp-content/themes/estore/images/bg_line_2color.gif) no-repeat left bottom; }
#header-ttl h2 { padding-left: 30px; font-size: 20px; font-weight: 700; height: 96px; line-height: 96px; letter-spacing: 0.03em; }


/* heading */
#main .title{
	margin-bottom:30px;
	font-size:26px;
	color:#11050a;
	line-height:1;
	font-weight:700;
}

.page h2 {
	color:#374271;
	font-weight:bold;
}

.hd {
  clear: both;
  margin-bottom: 15px;
  color: #374271;
  font-size: 16px;
  font-weight: 700;
}

.bar {
	clear:both;
	margin-bottom:30px;
	padding:10px 12px;
	background:#374271;
	color:#FFF !important;
	line-height:1.2;
}

.bar .heading{
	float:left;
	width:70%;
}

.inside-link{
	display:block;
	padding-left:70%;
	text-align:right;
	font-weight:normal;
	font-size:95%;
}

.inside-link a {
	background-image:url(../images/sprite-arw.png);
	background-repeat:no-repeat;
	padding-right:18px;
	background-position: 100% -65px;
	color:#FFF;
}

#cts-ir-top h3,
.bloc2 h3,
.line-v {
	margin-bottom:20px;
	border-left:4px solid #374271;
	padding-left:14px;
	color:#374271;
	font-size:20px;
	font-weight:bold;
}

.line-v2,.line-v2 > span {
	line-height:1.1;
}

.line-v2 {
	border-bottom:1px solid #d7d7d7;	
	margin-bottom:25px;
	padding-bottom:15px;
	color:#374271;
	font-size:20px;
	font-weight:bold;
}

.line-v2 > span {
	display:block;
	border-left:5px solid #374271;
	padding-left:14px;
}

.line-h {
	clear:both;
	position: relative;
	margin-bottom:30px;
  color: #374271;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

.line-h:before {
  content: "";
  display: block;
  border-top: solid 1px #374271;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 40%;
  z-index: 1;
}

.line-h span {
  background: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 5;
}

/* page scroll link content */
#main .scr{
	padding:140px 0 0;
	margin:-140px 0 0;
}


/*
Eストアーの想い 2019/4/24
=========================================
*/

#main section#att-section{
	font-family:sans-serif;
	padding: 120px 300px 120px 110px;
	background: url(../images/atitude/bg.jpg) right top / contain no-repeat;
}


#att-section h2{
	font-size: 64px;
	margin-left:-.25em;
}

#att-section h2:first-letter{
	font-size: 101%;
}

#att-section h2 span{
	display:block;
	padding-left:.25em;
	font-size:50%;
}

.att-block{
	padding-top:100px;
}

#att-section h3{
	font-size: 32px !important;
	border-bottom: 1px solid #cccccc;
	margin-bottom:.9em !important;
	padding-bottom:.9em;
}

#att-section h3 strong:before,
#att-section h3 strong:after{
	display: inline;
	font-weight:normal;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}

#att-section h3 strong:before{
	content:"「";
}

#att-section h3 strong:after{
	content:"」";
}

#att-section .att-block p{
	font-size:16px;
	line-height:36px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;	
}



/*
各種サポート
=========================================
*/

#header-ttl.support h2 { background: url(../images/header_contact.jpg) no-repeat right bottom; }
.service-title { background:#374271; padding:10px; color:#FFF !important;}

.sup-box { margin-bottom: 50px; padding: 25px 5px 0;}


.sup-box dl { width:100%; margin-bottom:40px; display:flex; justify-content: space-between; background: url(../images/linedot.png) center repeat-y;}
.sup-box dt span { display: block; font-size: 12px; font-weight:normal; padding-top:2px;}
.sup-box dt,.sup-box dd { width:46%; }
.sup-box dd p.mail { margin-bottom:10px !important; }

/*
.sup-box.service { background: url(../images/support/sup_txt_service.gif) no-repeat left center; }
.sup-box.partner { background: url(../images/support/sup_txt_partner.gif) no-repeat left center; }
.sup-box.company { background: url(../images/support/sup_txt_company.gif) no-repeat left center; }
.sup-box.contact { background: url(../images/support/sup_txt_contact.gif) no-repeat left center; }
*/

.sup-box dt a { color:#374271;}
.sup-box dt { font-size: 20px; font-weight: bold; letter-spacing: -0.03em;}
.sup-box.company dt { padding-bottom:1em;}

.sup-box dt .fs-s { vertical-align: middle; }
.sup-box dt em { display: block; font-size: 14px; font-weight: normal; line-height: 1.8; }

.sup-box.service dt.sup-siteserve { margin-top:-15px; padding-top:25px;}
.sup-box dd > span { display:none;}

.company.line-bottom { margin-top:-15px; padding-top:25px;}

.sup-box.service .info:not(:last-child) { }
.sup-box.contact .info { vertical-align:top; }

.sup-box .info a {color: #374271;}
.sup-box .info .bt { color: #fff !important;}


.sup-box .branch-office { margin-bottom:0 !important; }
.sup-box .hours { margin-bottom:0 !important;}

.sup-box .tel { margin-bottom: 20px; padding-left: 25px; vertical-align: top; background: url(../images/ic_tel-s.png) no-repeat left 7px; }
.sup-box .ip { margin-bottom: 10px; padding-left: 25px; vertical-align: top; background: url(../images/ic_ip.png) no-repeat left 7px; }

.sup-box .tel strong,
.sup-box .ip strong { padding-left: 5px; font-size: 28px; letter-spacing: -0.03em; line-height: 1.3; color: #374271;}

.sup-box .info span.numtype { padding-left:10px;  line-height:1.2; font-size:11px;}

.sup-box .tel span,.sup-box .ip span { display:block; padding-left:.5em;}


.sup-box .info-large { display: flex; align-items: center; }
.sup-box .info-large > .tel { margin-bottom:0;}

.sup-box.service .tel .hours { display:block; margin-top:-12px;}
.sup-box.service .ip .hours { display:block; margin-top:-10px;}

.sup-box .web { background: url(../images/ic_window_navy.png) no-repeat left 3px; }
.sup-box .web a { color:#374371;}



/*
サービス
=========================================
*/

/* サービスページ　2016-6月追加 */


/* 見出し */
.cts-service .h3 { margin-bottom:10px !important;}
.svc-lead { margin:10px 0 20px; font-size:26px; letter-spacing:-0.03em; text-align:center;}
.ttl-brackets {
		margin: 20px 0 50px !important;
    background: url("../images/services/hd-bg.gif") repeat-x scroll left center;
    margin-bottom: 60px;
    text-align: center;
}
.ttl-brackets span {
    background-color: #fff;
    background-image: url("../images/services/hd-bg-l.gif"), url("../images/services/hd-bg-r.gif");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    padding: 0 1.4em;
}

/* sidebar */
.fixBox {
	position: fixed;
	top: 125px;
	width:230px;
}

.sd-contact { padding:20px; background: #f8f8f8;}
.sd-contact dt { margin-bottom:20px; line-height:1.2; font-weight:bold;}

.sd-contact .tel { border-bottom:1px solid #CCCCCC; margin-bottom: 15px; padding-left: 20px; padding-bottom:.5em; background: url(../images/ic_tel-s.png) no-repeat left 4px; background-size:15px auto; }
.sd-contact .tel strong { display:block; font-size:20px; line-height:1.3; }

.sd-contact .branch-office,.sd-contact .tel span { font-size:12px;}

/* サービス一覧ページ ----------------------------*/

#service-top .svc-lead { margin-bottom:30px;}

.svc-lineup { text-align:center; }
.divide .svc-lineup { margin: 0 auto 20px;}

.svc-lineup li { position:relative; margin: 0 14px 28px; border-width:3px; border-style:solid; height:290px; width:40%; display:inline-block;}
.divide .svc-lineup:first-of-type li { }

.svc-lineup li h4 { margin: -3px -3px 0; height:60px; line-height:60px; font-size:18px; text-align:center; color:#FFF; }
.svc-lineup li div { padding:17px;}
.svc-lineup li p { text-align:left; line-height:1.5 !important;}
.svc-lineup li p strong { display:block; padding-bottom:10px; word-break:break-all;}
.svc-lineup li p:last-child { box-sizing:border-box; position:absolute; left:0; bottom:15px; margin-bottom:0 !important; width:100%; text-align:center;}

.svc-lineup .svc-lineup-sps { border-color: #374271; }
.svc-lineup .svc-lineup-sps h4 { background: #374271 url(../images/service/sps-main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-compare { border-color: #e35b1a; }
.svc-lineup .svc-lineup-compare h4 { background: #e35b1a url(../images/service/estorecompare_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-query { border-color: #198741; }
.svc-lineup .svc-lineup-query h4 { background: #198741 url(../images/service/estorequery_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-xtrust { border-color: #28455f; }
.svc-lineup .svc-lineup-xtrust h4 { background: #28455f url(../images/service/xtrust_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-research { border-color: #9b0bac; }
.svc-lineup .svc-lineup-research h4 { background: #9b0bac url(../images/service/research_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-creation { border-color: #0451b0; }
.svc-lineup .svc-lineup-creation h4 { background: #0451b0 url(../images/service/creation_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-promotion { border-color: #43a701; }
.svc-lineup .svc-lineup-promotion h4 { background: #43a701 url(../images/service/promotion_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup .svc-lineup-operation { border-color: #f7a802; }
.svc-lineup .svc-lineup-operation h4 { background: #f7a802 url(../images/service/fulfillment_main_s.jpg) center bottom /cover no-repeat;}

.svc-lineup li h4 > span { height:60px; line-height:60px; }


/* 取引実績 */
.customer-list li a { color: #374271 !important; text-decoration:underline;}
.customer-logo { margin-bottom:20px; line-height:1;}
.customer-logo img { vertical-align:bottom !important;}


/* 各サービスページ共通 ----------------------------*/

/* ロゴ サービス概要 */
.svc-intro { 
	border-bottom: 30px #f0f0f0 solid;
	margin: 0 -50px 0;
	padding: 0 10px 10px;
}

/* ヘッダー画像 */
.svc-intro + .svc-header { margin: 0 -50px 50px; }
.svc-header { box-sizing:border-box; min-height:280px; margin: -50px -50px 50px; padding: 40px 20px 0px; text-align: center; color: #FFF; }
.svc-header h2.svc-lead { margin: 10px 0 15px; font-size:33px; color:#FFF !important; text-shadow: rgba(0, 0, 0, 0.6) 1px 1px;}
.svc-header .svc-type { display: inline-block; margin-bottom: 5px; padding: 0.6em 1.4em; font-size: 15px; line-height: 1; }
.svc-header p { text-shadow: rgba(0, 0, 0, 0.4) 1px 1px; font-size:15px; font-weight:bold;}

/* こんな方に */
.suggestion { border-radius: 10px; margin: 0 auto 30px; padding: 20px 20px; width: 60%; background: #fff; border: #f7a802 1px solid; }
.suggestion dt { margin-bottom: 15px; padding: 7px; font-size: 118%; font-weight: bold; text-align: center; }
.suggestion dd { padding-left: 1em; font-size: 110%; }

/* 特徴 */
.svc-point li { display: table; overflow: hidden; margin-bottom: 50px; }
.svc-point li .h3 { margin-bottom: 5px !important; }
.svc-point li p { margin-bottom: 0 !important; }
.svc-point li > .text { display: table-cell; vertical-align: middle; }
.svc-point .icon-wrap { width: 120px; float: left; }

/* アイコン */
.circle1, .circle2 { box-sizing: border-box; display: table-cell; border-radius: 50%; vertical-align: middle; width: 100px; height: 100px; text-align: center; }
.circle1 { border-width: 12px; border-style: solid; font-size: 12px; line-height: 1; }
.circle1 em { display: block; margin-top: 2px; font-size: 25px; }
.circle2 { border-width: 1px; border-style: solid; font-size: 12px; line-height: 1; }
.circle2 > span { border-radius: 50%; box-sizing: border-box; display: inline-block; margin: 0 auto; padding-top: 20px; width: 70px; height: 70px; color: #FFF; }
.circle2 em { display: block; margin-top: 2px; font-size: 18px; }

/* サービスメニュー */
.svc-menu { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.svc-menu li { width: 31%; }
.svc-menu li h4 { position: relative; border-width: 1px; border-style: solid; margin-bottom: 18px; padding: 12px 0 6px; font-size: 15px; text-align: center; letter-spacing: -0.06em; }
.svc-menu li h4:after { content: ""; position: absolute; top: 0px; width: 100%; height: 5px; background: #000; display: block; }

/* お問い合わせ */
.svc-info { display:table; margin: 0 auto; padding: 10px 0; text-align: center; }
.svc-info dt { width:50px;}
.svc-info dt,.svc-info dd { display: table-cell; text-align:left; }
.svc-info dd { vertical-align: middle;}
.svc-info .email { font-size:20px; font-weight:bold;}


/* 各サービスページ 2018/08  ----------------------------*/
section.cts-space0{
	padding:0 !important;
}

#service-main{
	z-index:2;
	position:relative;
	box-sizing:border-box;
  display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	height:330px;
	padding: 0 4em;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.service-main-sps { background-image: url(../images/service/sps_main.png); }
.service-main-compare { background-image: url(../images/service/estorecompare_main.jpg); }
.service-main-query { background-image: url(../images/service/estorequery_main.jpg); }
.service-main-xtrust { background-image: url(../images/service/xtrust_main.jpg); }

.service-main-research { background-image: url(../images/service/research/main.jpg); }
.service-main-creation { background-image: url(../images/service/creation/main.jpg); }
.service-main-promotion { background-image: url(../images/service/promotion/main.jpg); }
.service-main-fulfillment { background-image: url(../images/service/fulfillment/main.jpg); }


#service-main h2{
	font-size:22px;
	line-height:1.6;
	font-weight:normal;
	color:#FFF;
}

#service-main img{
	height:auto;
}

.service-name{
	font-size:55px;
	line-height:1 !important;
	margin-bottom:0 !important;
}

.service-section{
	position:relative;
	padding-bottom:68px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.service-section-inner{
	padding-left:50px;
}

.service-en-title{
	font-size:80px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.15em;
	line-height:0.75 !important;
	color:#e1e1e1;	
}

.service-section:nth-child(even){
	margin-top:0;
	padding-top:0;	
	background:#e1e1e1;
}

.service-section:nth-child(even) .service-en-title{
	color:#FFF;
}

.service-section h3{
	margin:50px 0 !important;
	color:#474747 !important;
	font-size:26px !important;	
}

.service-section h3 small{
	font-size:80%;
	vertical-align:bottom;
}

.service-section h3,
.service-section p.fs-m{
	padding: 0 50px;
}

.service-section .service-section-inner p.fs-m {
	padding: 0;
}

.service-section h3 .tighten{
	letter-spacing: -0.07em;
}

.btnset-service {
	padding:68px 0;
  display: flex;
	justify-content: center;
	align-items: center;
}

.btnset-service span {
  margin: 0 37px;
}

.btn {
	position:relative;
	display:inline-block;
	transition: .5s;
	text-align:center;
	color:#374171;
}

.btn-line {
	box-sizing:border-box;
	border-radius:5px;
	border: 3px solid #374171;
	padding-left:2.2em;
	width:270px;
	line-height:54px;
	font-weight:bold;
}

.btn-line:hover {
	background:#374171;
	text-decoration:none;
	color:#FFFFFF;
}

.ic-line {
	position:absolute;
	left:10px;
	display:inline-block;	
	border-radius:50%;
	margin-top:5px;
	width:38px;
	height:38px;
	line-height:38px;	
	border: 2px solid #374171;
	background:#FFF;
	text-align:center;
}

.ic-line-mail:before {
	display:inline-block;
	vertical-align:middle;
	content:"";
	background-image: url(../images/ic_line_mail.svg);
	background-repeat:no-repeat;	
	width:20px;
	height: 14px;
	background-size: 20px auto; 
}

.ic-line-blank:before {
	display:inline-block;
	vertical-align:middle;
	content:"";
	background-image: url(../images/ic_line_blank.svg);
	background-repeat:no-repeat;
	width:17px;
	height: 17px;
	background-size: 17px auto; 
}

/* sps */
.service-main-sps img {
	width:400px;
}

.cts-service-sps .fs-m {
	font-size:15px;
}

.service-section-inner.ui-flex {
	display:flex;
	justify-content: space-between;
}

.service-section-inner.ui-flex > div {
	width:340px;
}

.service-feat-list li{
	display:flex;
	align-items: center;
}

.service-feat-list li p{
 word-break: break-all;	
	margin-bottom:0 !important;
}

.service-feat-list li:not(:last-child){
	margin-bottom:20px;
}

.service-feat-list i {
	border: #374271 1px solid;
	border-radius:50%;
	display:inline-block;
	margin-right:18px;
	width:50px;
	height:50px;
	line-height:48px;
	text-align:center;
}

.cts-service-query .service-feat-list i {	border-color:#218545;}
.cts-service-compare .service-feat-list i {	border-color:#e05c28;}
.cts-service-xtrust .service-feat-list i {	border-color:#28455f;}
.cts-service-promotion .service-feat-list i {	border-color:#43a701;}
.cts-service-creation .service-feat-list i {	border-color:#0451b0;}
.cts-service-research .service-feat-list i {	border-color:#9b0bac;}
.cts-service-fulfillment .service-feat-list i {	border-color:#fead01;}


.service-feat-list i img {
	vertical-align:middle;
}

.sps-voice-wrap {
	display:flex;
	justify-content: space-between;	
	margin-right:50px;
	margin-bottom: -40px;
}

.sps-voice-wrap > ul {
	display:flex;
flex-wrap: wrap;
}

.sps-voice-list li {
	display:flex;
	width:340px;	
	padding-bottom:40px;
}

.sps-voice-list li:nth-child(odd) {
	margin-right:60px;
}

.sps-voice-list li div {
	position:relative;
	border-radius:6px;
	margin-bottom:0 !important;
	padding:25px;
	background:#FFF;
}

.sps-voice-list li div p {
	min-height:4em;
	text-align: justify;
	text-justify: inter-ideograph;	
	word-break: break-all;
}

.sps-voice-list li span {
	position:absolute;
	right:25px;
	bottom:25px;
	display:block;
	text-align:right;
	font-size:12px;
}

.sps-case-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
	padding-top:30px;
}

.sps-case-list li {
	border-radius:5px;
	margin-bottom:20px;
	width:170px;
	height:78px;
	line-height:78px;
	background:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

.sps-case-list li img {
	vertical-align:middle;
}

.sps-case-list li:not(:nth-child(4)) {
	margin-right:20px;
}

/* xtrust */
.cts-service-xtrust .service-section.last{
	padding-bottom:0;	
}

.service-section-inner2{
	padding-right:50px;
}

.tbl-xtrust thead th:not(:first-child) {
	width:30%;
}


@media screen and (min-width: 1100px) {
  .tbl-rpv1 tbody td:first-child {
		white-space:nowrap;
  }
}


/* 各サービスページ ----------------------------*/

/* サービス別メインカラー */

.research  { color:#9b0bac !important;}
.creation  { color:#0451b0 !important;}
.promotion { color:#43a701 !important;}
.operation { color:#f7a802 !important;}
.system 　　{ color:#dc0202 !important;}
.compare   { color:#e35b1a !important;}
.query　　 { color:#198741 !important;}


/* 調査分析 */
#service-research .svc-color { color:#9b0bac;}
#service-research .svc-header { background-image: url(../images/top/service-purple.jpg); background-size: 100% auto; }
#service-research .svc-header .svc-type {background: #9b0bac;}
#service-research .circle1,#service-research .circle2 { border-color:#9b0bac; color:#9b0bac;}
#service-research .circle2 > span { background:#9b0bac; }
#service-research .svc-menu li h4 { border-color:#9b0bac; color:#9b0bac;}
#service-research .svc-menu li h4:after { background:#c180c9;}

/* 制作代行 */
#service-creation .svc-color { color:#0451b0;}
#service-creation .svc-header { background-image: url(../images/top/service-blue.jpg); background-size: 100% auto; }
#service-creation .svc-header .svc-type { background:#0451b0; }
#service-creation .circle1,#service-creation .circle2 { border-color:#0451b0; color:#0451b0;}
#service-creation .circle2 > span { background:#0451b0; }
#service-creation .svc-menu li h4 { border-color:#0451b0; color:#0451b0;}
#service-creation .svc-menu li h4:after { background:#a5ccfd;}

/* 集客代行 */
#service-promotion .svc-color { color:#43a701;}
#service-promotion .svc-header { background-image: url(../images/top/service-green.jpg); background-size: 100% auto; }
#service-promotion .svc-header .svc-type { background:#43a701; }
#service-promotion .circle1,#service-promotion .circle2 { border-color:#43a701; color:#43a701;}
#service-promotion .circle2 > span { background:#43a701; }
#service-promotion .svc-menu li h4 { border-color:#43a701; color:#43a701;}
#service-promotion .svc-menu li h4:after { background:#b6db99;}

/* 運用代行 */
#service-operation .svc-color { color:#fead01;}
#service-operation .svc-header { background-image: url(../images/top/service-yellow.jpg); background-size: 100% auto; }
#service-operation .svc-header .svc-type { background:#fead01; }
#service-operation .circle1,#service-operation .circle2 { border-color:#fead01; color:#fead01; }
#service-operation .circle2 > span { background:#fead01; }
#service-operation .svc-menu li h4 { border-color:#fead01; color:#fead01;}
#service-operation .svc-menu li h4:after { background:#fcd18a;}
#service-operation .suggestion { color:#fead01;}
#service-operation .suggestion dt { background:#fead01; color:#FFF;}

/* 通販システム */
#service-sps .svc-color { color:#dc0202;}
#service-sps .svc-header { background-image: url(../images/top/service-red.jpg); background-size: 100% auto; background-position: left top; }
#service-sps .svc-header .svc-type { background:#dc0202; }
#service-sps .circle1,#service-sps .circle2 { border-color:#dc0202; color:#dc0202;}
#service-sps .circle2 > span { background:#dc0202; }
#service-sps .svc-menu li h4 { border-color:#dc0202; color:#dc0202;}
#service-sps .svc-menu li h4:after { background:#f49778;}

/* Ｅストアーコンペア */
#service-compare .svc-color { color:#e35b1a;}
#service-compare .svc-header { background-image: url(../images/top/service-orange.jpg); background-size: 100% auto; }
#service-compare .svc-header .svc-type {background: #e35b1a;}
#service-compare .circle1,#service-compare .circle2 { border-color:#e35b1a; color:#e35b1a;}
#service-compare .circle2 > span { background:#e35b1a; }
#service-compare .svc-menu li h4 { border-color:#e35b1a; color:#e35b1a;}
#service-compare .svc-menu li h4:after { background:#fab996;}

/* Ｅストアークエリ */
#service-query .svc-color { color:#198741;}
#service-query .bg-query { background:#198741;}
#service-query .svc-header { background-image: url(../images/top/service-deepgreen.jpg); background-size: 100% auto; }
#service-query .svc-header .svc-type {background: #198741;}
#service-query .circle1,#service-query .circle2 { border-color:#198741; color:#198741;}
#service-query .circle2 > span { background:#198741; }
#service-query .svc-menu li h4 { border-color:#198741; color:#198741;}
#service-query .svc-menu li h4:after { background: rgba(25,135,65,0.3);}
#service-query .disc li:before { background: #198741;}


/* 資料請求 ----------------------------*/

.request-info{
	width:88%;
	border-radius:10px;
	border:1px #b9b9b9 solid;
	padding:35px;
}

.bible-pic{
	float:left;
	width:50%;
	padding-top:5px;
	padding-right:25px;
}

.next-down:after{
	margin-bottom:20px;
	content:"";
	display:block;
	height:20px;
	background:url(../images/ic/down.png) no-repeat center top;
}

/* 入力フォーム */
#form-service-request td{
	vertical-align:middle;
}

#form-service-request .wpcf7-text{
	width:80%;
}


/* 
general
*/




/* △ サービスページ　 2016-6月追加 */



/* side */
#side .status { margin-top: 1px; }
#side .status dt { background: #374371; color: #FFF; padding: 15px; font-weight: bold; text-align: center; }
#side .status .tool { display: inline-block; margin-right: 9px; width: 21px; height: 21px; background-position: left -170px; vertical-align: middle; }
#side .status dd { padding: 25px; line-height: 1.6; }

/* サービスTOP */
#cts-service h3 { background: #374271; height: 30px; line-height: 30px; color: #FFF; }
#cts-service h3 i { border-right: 1px #FFFFFF solid; margin-right: 14px; vertical-align: top; }

/* tab button */
#tab-l li { float: left; width: 367px; border-top: 1px solid #374271; border-right: 1px solid #374271; border-left: 1px solid #374271; font-size: 20px; background: #FFF; color: #374271; font-weight: bold; text-align: center; letter-spacing: -0.03em; }
#tab-l li a { display: block; padding: 20px 0px; color: #374271; text-decoration: none; }
#tab-l li.active { background: #374271; }
#tab-l li.active a { color: #fff; }
#tab-l li i { display: inline-block; margin-right: 10px; width: 30px; height: 30px; vertical-align: middle; }
#tab-l li.active .toB {background-position: -60px -220px;}
#tab-l li.active .toC {background-position: 0px -220px;}
#tab-l li .toB {background-position: -90px -220px;}
#tab-l li .toC {background-position: -30px -220px;}

.srv-box { margin: 20px; }
.srv-box:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.srv-box li { border-top: 1px dotted #a7a7a7; padding: 25px 0; }
.srv-box li:first-child { border-top: none; }
.srv-box h4 { margin-bottom: 10px; }
.srv-box .srv-logo { float: left; width: 45%; }
.srv-box .srv-desc { padding-left: 49%; }
.srv-box .srv-desc p { line-height: 1.7; }
.srv-box .web { font-size:13px; }

/* 各サービス */
.service-logo { text-align: center; margin-bottom: 40px; }
.service-type { margin-bottom: 30px; }
.service-lead { margin-bottom: 30px; font-size:18px; text-align:center; color:#555; font-weight:bold; }

/* 事例 */
.point-list { margin-bottom: 30px; }
.point-list li { margin-bottom: 8px; color: #11050a; }
.point-list li .label { float:left; display: block; background:#374271; margin-right: .8em; padding: 3px 1.4em 2px;font-size: 12px; color:#FFF;}

.entrylist-case { clear:both;}
.entrylist-case time { color: #374271; font-size: 12px; line-height: 1.1;}
.entrylist-case .categories { font-size:12px;}
.entrylist-case h3 { margin-top: 5px!important; margin-bottom: 10px!important; font-size: 16px!important; font-weight: bold; }
.entrylist-case h3 a { color: #374271!important; }
.entrylist-case article { clear: both; margin: 0 0 25px !important; border-top: 0; overflow: hidden; padding: 0; }

/* 法人向け */
.service-icon { float: left; width: 160px; text-align: center; }

/* 料金と問い合わせ先 */
.about-info { display: table; width: 100%; margin-bottom: 30px; background: url(../images/dotl_hr1.gif) repeat-x left top; }
.about-info dl { display: table-cell; width: 50%; padding-bottom: 20px; }
.about-info dt i { float: left; display: block; width: 50px; height: 50px; margin-right: 1em; vertical-align: middle; }
.about-info dt { margin-top: 30px; margin-bottom: 30px; font-size: 16px; line-height: 50px; font-weight: bold; }
.about-info .contact { background: url(../images/dotl_ver1.gif) repeat-y left top; }
.about-info .contact dt, .about-info .contact dd { padding-left: 20px; }
.about-info dd { padding-bottom: 20px; }
.about-info .label { display: inline-block; float: left; margin: 5px 15px 0 0; padding: 4px 1em 3px; background: #374271; color: #FFF; text-align: center; line-height: 1; font-size: 12px; border-radius: 15px; -webkit-border-radius: 15px; }


/*
企業情報
=========================================
*/

#header-ttl.company h2{
	background: url(../images/company/header_company.jpg) no-repeat 650px bottom;
}

/* 会社概要 */
.company-profile { width: 740px; }
.company-profile .texts { width: 77%; }

/* 沿革 */
.history { width: 740px; border-bottom: 1px solid #fff; }
.history .year { border-right: 1px solid #fff; background: #374271; white-space: nowrap; vertical-align: middle; padding-right: 1em; padding-left: 1em; text-align: center; color: #FFF; }
.history .month { width: 3em; padding-right: 1em; padding-left: 1em; background: #dfdfdf; white-space: nowrap; text-align: right; }
.history .texts { width: 565px; vertical-align: top; padding-right: 2em; padding-left: 2em; background: #fafafa; }
.history .month, .history .texts { padding-top: 4px; padding-bottom: 4px; }
.history .cells .cell-wrap:first-child div { padding-top: 20px; }
.history .cells .cell-wrap:last-child div { padding-bottom: 20px; }

/* 行動規範 */
.rule-list ul { margin-top: 1.0em; margin-bottom: 40px; margin-left: 1.3em; }
.rule-list li div:first-child { font-size: 16px; font-weight: 700; }
.rule-list ul li { padding-left: 1em; text-indent: -1em; }

/* アクセスマップ */
.map-wrap li:first-child { background: none; padding-top: 0; }
.map-wrap li { background: url(../images/dotl_hr1.gif) repeat-x top left; padding-top: 50px; padding-bottom: 50px; }
.map-wrap li:before, .map-wrap li:after { content: ""; display: table; }
.map-wrap li:after { clear: both; }
.map-wrap .info { float: left; width: 250px; }
.map-wrap .info dt { font-size: 16px; margin-bottom: 30px; font-weight: bold; }
.map-wrap .gmap { float: right; width: 490px; }


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

.main_image { text-align: center; padding: 30px 0 0; }
.divide { padding-bottom: 20px; }


/* 採用TOP */
#header-ttl.recruit h2 { background: url(../images/header_recruit.gif) no-repeat right center; }
#cts-rec-top .container { width: 740px; margin: 0 auto; }

#cts-rec-top #rec-job { background:#f0f0f0; }
#cts-rec-top #rec-job .inner2 { padding: 30px;}

#cts-rec-top .banners p:first-child {float:left;}
#cts-rec-top .banners p:last-child {float:right;}

#cts-rec-top .shadow,
#cts-rec-top .job-lineup li {box-shadow: 0px 0px 3px 3px #DEDEDE; -webkit-box-shadow: 0px 0px 3px 3px #DEDEDE;}

#cts-rec-top .job-lineup { margin-bottom: -20px;}
#cts-rec-top .job-lineup li:nth-child(3n+1){ clear:both; margin-left:0px;}
#cts-rec-top .job-lineup li { float:left; margin-left:25px; margin-bottom:20px;}
#cts-rec-top .job-lineup li a { display:table; vertical-align:middle; background:#FFF; width:210px; height:80px; text-decoration:none;}
#cts-rec-top .job-lineup li a:hover { background-color: rgba(102,153,204,0.3); }
#cts-rec-top .job-lineup li a > img { float:left; margin: 2px 10px 0 2px; display:inline-block; }
#cts-rec-top .job-lineup li a.career > p { }
#cts-rec-top .job-lineup li a > p { margin:0;  width:125px; font-size:15px; line-height:1.2 !important; font-weight:bold; display:table-cell; vertical-align:middle;}
#cts-rec-top .job-lineup li a .bg-y { display:inline-block; margin: 0 0 4px; padding: 2px 5px; font-size:12px;}
#cts-rec-top .job-lineup li a .bg-y + .bg-y {  margin: -1px 0 3px;}

#cts-rec-top .snap { float: left; overflow: hidden; cursor: pointer; text-indent: -9999px; }
#cts-rec-top .snap a { text-decoration:none !important; display:block; width:100%; height:100%;}
#cts-rec-top .snap .hov { height: 100%; width: 100%; transition: all 200ms ease-out 0s; -webkit-transition: all 200ms ease-out;}
#cts-rec-top .snap:hover .hov { transform: scale(1.04); -webkit-transform: scale(1.04);}
#cts-rec-top .intro { width: 740px; height:410px;}
#cts-rec-top .data { width: 740px; height:215px;}
#cts-rec-top .ceo { width: 323px; height:318px;}
#cts-rec-top .fact { width: 417px; height:318px;}
#cts-rec-top .job { width: 370px; height:293px;}

/* 社員インタビュー */
.block-link { position:relative; display:block; padding: 20px 0; background:#374271; color:#FFF; text-align:center; text-decoration:none;}
.block-link:hover { background-color: rgba(55,66,113,0.9); text-decoration:none;}
.block-link:after { position: absolute; left: 50%; bottom: 0; margin-left: -15px; margin-bottom: 14px; content: url(../images/ic/arw_down_wh.svg); }
.block-link p { font-size: 20px; }

.table dl, .table dt, .table dd { margin: 0; }
.table dl { display: table; border-style: none solid none solid; width: 100%; }
.table dl:last-child { border-style: none solid solid solid; }
.table dt { font-weight: bold; vertical-align: middle; display: table-cell; padding: 3px 15px; min-height: 1.5em; border-bottom: 1px solid #ccc; width: 5.7em; color: #374271; }
.table dd { display: table-cell; min-height: 1.5em; background: #fff; border-bottom: 1px solid #ccc; padding: 25px 5px; line-height:1.6;}
#guidelines > h2 { margin-bottom:10px;}



/* ライフプラン 2016 */
.ttl-text { font-size: 38px; }
.ttl-text .lead-text { display:block; }

.inpage-nav {  position: relative; margin-bottom:40px; border-radius:5px; background:#ebebeb; padding:20px 6px;	text-align:center;}

.inpage-nav:after {
  content: '';
  position: absolute;
  border-top: 20px solid #ebebeb;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  margin-left: -5px;
  bottom: -15px;
  left: 50%;
}

.inpage-nav li:not(:last-child)  {
  border-right: 1px solid #b2b2b2;
}

.inpage-nav li {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin-right: 10px;
  padding-right: 10px;
}

.inpage-nav li a {
  text-decoration: none;
  color: #374271;
}

.inpage-nav li a:hover {
	opacity:0.75;
}


/* ページリンク調整 */
.lpbox {
  margin-bottom: 30px;
  margin-top: -150px;
  padding-top: 150px;
}

.lpbox-ttl { background:url(../images/rec/lifeplan/bg-waveline.png) no-repeat center center; text-align:center; margin-bottom:20px; font-size:18px !important; color:#333;}
.lpbox-ttl span { background:#FFF; padding: 0 10px;}
.lpbox-text { padding-bottom:20px;}


/* 新卒募集 */
.job-type h3 { margin-bottom: .3em !important; font-size: 14px !important; }
.job-type li p { margin-bottom: 10px !important; padding-left: 1.3em; }

/* 募集中 */
#cts-bosyu-career figure { margin-right: 50px; float: left; text-align: center; }
table.bosyu { margin-bottom: 50px; }
table.bosyu th { padding: 15px 10px; background: #374271; color: #FFF; vertical-align: middle; font-size: 18px; font-weight: bold; text-align: center; }
table.bosyu td { background: #fafafa; padding: 15px 30px; }
table.bosyu td ul li { line-height: 1.8; }

/* 募集要項 */
table.guideline { margin-bottom: 20px; }
table.guideline thead th { padding: 15px 20px !important; font-size: 16px; }
table.guideline thead th, table.guideline tbody th { color: #374271; font-weight: bold; }

/* キャリア採用募集要項 */
#cts-bosyu-career .bt-wrap { margin-bottom: 50px; }

/* ストアディレクター採用募集要項 */
#cts-storedirector .h2,
#cts-storedirector h3, #cts-storedirector h3 {
  color: #474747;
  font-size: 22px;
}

#cts-storedirector .h2 {
  position: relative;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  margin: 50px 0;	
  padding: 22px 0;
  color: #2cb6ee;
  text-align: center;
  line-height: 1.2;
}

#cts-storedirector .h2:after {
  display: block;
  content: url(../images/rec/storedirector/ic-arow-btm.jpg);
  position: absolute;
  bottom: -14px;
  right: 48%;
  width: 24px;
  height: 17px;
}

#cts-storedirector .three {
  font-size: 140%;
  line-height: 1;
  vertical-align: baseline;
}

#cts-storedirector .kikan {
  position: relative;
	display:inline-block;
  padding: 0 47px;
}

#cts-storedirector .kikan p {
	display:table-cell;
	height:44px;
	vertical-align:middle;
	font-size: 22px;
	line-height:1.3;
}

#cts-storedirector .kikan:before {
  content: url(../images/rec/storedirector/ic-bg-left.jpg);
  position: absolute;
  top: 0;
  left: 0;
}

#cts-storedirector .kikan:after {
  content: url(../images/rec/storedirector/ic-bg-right.jpg);
  position: absolute;
  top: 0;
  right: 0;
}

#cts-storedirector .kikan span {
  display: block;
}

#cts-storedirector .flow > li {
	border-radius:9px;
	border: 2px solid #d7d7d7;
	padding-top:30px;	
	position:relative;
}
/*
#cts-storedirector .flow > li:not(:last-child):after {
	position:absolute;
	bottom: -60px;
	margin-left:-20px;
  content: url(../images/rec/storedirector/ic-next.jpg);
}
*/

#cts-storedirector .flow > li.next-flow {
	border:none !important;
	height:36px;
	margin: 24px 0;
	padding:0;
	background:  url(../images/rec/storedirector/ic-next.jpg) no-repeat center top;
}

#cts-storedirector .flow > li h3 .step {
	vertical-align:middle;
	margin-top:-5px;
	margin-right:13px;
}

#cts-storedirector .flow li i {
  display: block;
  margin-bottom: 20px;
}

#cts-storedirector .skill {
  display: inline-block;
  margin: 6px;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 1;
  color: #FFF;
}

#cts-storedirector .skill.type1 { background: #79cc18; }
#cts-storedirector .skill.type2 { background: #119bb9; }

#cts-storedirector .step {
  display: inline-block;
  border-radius: 17px;
  padding: 9px 20px;
  background: #474747;
  color: #FFF;
  font-size: 12px;
  line-height: 1;
}

#cts-storedirector .term {
  margin: 0 6px 30px;
  display: inline-block;
  width: 22%;
}

#cts-storedirector .term dt + dd {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 5px 3px;
  background: #474747;
  color: #FFF;
  font-size: 12px;
  line-height: 1;
}

#cts-storedirector .term dd + dd {
  padding: 0 3px;
  text-align: left;
  line-height: 1.7;
}

#cts-storedirector .next-stage > li {
  box-sizing: border-box;
  float: left;
  width: 33%;
}

#cts-storedirector .next-stage > li:nth-child(1) {
  padding-right: 15px;
}

#cts-storedirector .next-stage > li:nth-child(2) {
  padding-left: 10px;
  padding-right: 5px;
}

#cts-storedirector .next-stage > li:nth-child(3) {
  padding-left: 15px;
}

#cts-storedirector .next-stage > li h3 {
  margin-bottom: 10px;
}

/* 募集要項 */
.reqTable { border: 1px solid #b1b1b1; border-collapse: collapse; border-spacing: 0; margin: 10px auto 30px; width: 80%; }
.reqTable th, .reqTable td { border: 1px solid #b1b1b1; padding: 10px; }
.reqTable th { background-color: #ebebeb; white-space: nowrap; vertical-align: middle; }



/* 募集中の職種 2016/11/15追加 ----------------------------*/

#cts-bosyu-jobs .l-ttl { margin-bottom:30px; text-align:left; }
.job-name { border-left:5px solid #364271; padding: .9em 1.1em; background:#f0f0f0;}

#cts-bosyu-jobs h3:not(:first-child){ margin-top:15px;}
#cts-bosyu-jobs h3{ margin-bottom:10px; }

.job-list li { font-weight:bold;}
.job-list li a { display:block; padding: 13px 10px 13px 25px; background: url("../images/ic-arw-01.png") no-repeat 5px center; text-decoration:none;}
.job-list li a:hover { padding: 13px 10px 13px 25px; background: #e7e9f3 url("../images/ic-arw-01.png") no-repeat 5px center; }
.job-list li .place { float:right; font-weight:normal;}

.job-list .kyuubo:after { content:"急募"; background:#ffea00;}
.job-list .beginner:after{ content:"未経験OK"; background:#0ac6b2; color:#FFFFFF;}
.job-list .kyuubo:after,.job-list .beginner:after{ display:inline-block; margin-left:1em; padding: 0 8px; font-size:12px;}

.job-scene { margin-bottom:40px;}
.photo1 { text-align:center;}
.photo1 img { margin-bottom:12px;}

.photo2 img { margin-bottom:12px; width:49%;}
.photo2 img:first-child { float:left;}
.photo2 img:last-child { float:right;}



/* 選考フロー 2016/11/15追加 ----------------------------*/
.flow-table {
  margin-bottom: 50px;
}

.flow-table > dl {
  position: relative;
  margin-bottom: 30px;
  border: 1px dashed #ccc;
  display: table;
  padding: 30px 0;
  width: 100%;
}

.flow-table > dl:not(:last-child)::after {
  border-color: #374271 transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
  bottom: -18px;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -30px;
  position: absolute;
}

.flow-table > dl:last-child {
  border: 3px solid #374271;
}

.flow-table > dl > dt {
  box-sizing: border-box;
  display: table-cell;
  padding-bottom: 25px;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: top;
  width: 200px;
}

.flow-table > dl > dt > span {
  background-color: #f3f3f3;
  display: block;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 15px 0px 10px;
  position: relative;
  text-align: center;
  color: #374271;
}

.flow-table > dl:not(:last-child) > dt > span::after {
  border-color: #f3f3f3 transparent transparent;
  border-style: solid;
  border-width: 22px 80px 0;
  bottom: -22px;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
}

.flow-table > dl > dt > span.naitei {
  padding: 15px 0 15px;
  text-align: center;
  background-color: #374271;
  color: #fff;
}

.flow-table > dl:last-child > dt {
  padding-bottom: 0;
}

.flow-table > dl > dd {
  display: table-cell;
  vertical-align: top;
  line-height: 1.8;
}

.flow-table > dl:last-child > dd {
  vertical-align: middle;
}


/* ECとは 2016/11/30追加 ----------------------------*/

.ttl-arrow-btm {
	position: relative;
	margin-bottom:45px;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 1em;
	text-align:center;
	font-size:22px;
}
.ttl-arrow-btm:after, .ttl-arrow-btm:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ttl-arrow-btm:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.ttl-arrow-btm:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 21px;
	margin-left: -21px;
}


/* リンクボタン */ 
.link-btns { margin-top: 10px; text-align:center;}
.link-btns li { display:inline-block; width: 48%;}
.link-btns li:nth-child(2){ margin-left: 2.6%; }
.link-btns li .bt { display: block; padding: 1.6em 0; background-image: url(../images/ic/ic_arw_l.png); background-repeat: no-repeat; background-position: 96% center; }
.link-btns .sky.bt { background-color: #00b0ed; }

		
/* form table */
table.entryform { margin-bottom: 15px; }
table.entryform th { width: 160px; color: #374271; }



/* 先輩社員に聞く */
.interview { padding-right: 290px; background-repeat: no-repeat; background-position: right top; }
.interview.member01 { background-image: url(../images/rec/obog_bg_sales1.gif); }
.interview.member02 { background-image: url(../images/rec/obog_bg_support1.gif); }
.interview.member03 { background-image: url(../images/rec/obog_bg_support2.gif); }
.interview.member04 { background-image: url(../images/rec/obog_bg_service1.gif); }
.interview.member05 { background-image: url(../images/rec/obog_bg_service2.gif); }
.interview.member06 { background-image: url(../images/rec/obog_bg_marketing1.gif); }


/* しごと紹介 */
#cts-rec-jobs .wbox { padding: 35px 0; }
#cts-rec-jobs .wbox h1 { width: 155px; float: left; }
#cts-rec-jobs .wbox h3 { clear: both; margin-left: -0.4em; margin-bottom: .2em !important; padding-top: 30px; color: #474747 !important; font-size: 16px !important; }
#cts-rec-jobs .job-points:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
#cts-rec-jobs .job-points ul { float: left; }
#cts-rec-jobs .job-points ul.sp { padding-right: 1.5em; }
.voice { margin-top: 8px; float: left; width: 180px; }
.voice div, .voice span { float: left; display: block; }
.voice div { padding: 0 .5em 0 1em; height: 40px; line-height: 40px; color: #000; }
.voice span { border: 20px solid transparent; border-right-width: 0; width: 0; }
.voice.ye div { background: #fff800; }
.voice.ye span { border-left-color: #fff800; }
.voice.lgr div { background: #e1e42b; }
.voice.lgr span { border-left-color: #e1e42b; }
.voice.bl div { background: #7dcdf4; }
.voice.bl span { border-left-color: #7dcdf4; }
.voice.pk div { background: #ee87b4; }
.voice.pk span { border-left-color: #ee87b4; }
.voice-list li:first-child { margin-right: 45px; }
.voice-list li { float: left; }
.job-points dt { width: 70px; float: left; vertical-align: top; font-size: 12px; color: #000; }
.job-points .ye { background: #fff800; }
.job-points .lgr { background: #e1e42b; }
.job-points .bl { background: #7dcdf4; }
.job-points .pk { background: #ee87b4; }
.job-points dd { overflow: hidden; padding-bottom: 30px; }


/* 募集中の職種一覧 */  
  
.boshu-main { margin-bottom:20px;}

.jobtable dl,.jobtable dt,.jobtable dd {
	margin: 0;
}

.boshu-ttl { text-align:center; margin-bottom:20px; font-size:20px; }
.boshu-ttl span { background:#FFF; padding: 0 15px;}

 
.jobtable dl {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  margin-bottom: 10px;
  display: table;
  background: #f2f3f9;
  width: 99%;
}

.jobtable dt {
  font-weight: bold;
  vertical-align: middle;
  display: table-cell;
  padding: 3px 0;
  min-height: 1.5em;
  text-align: center;
  width: 200px;
}

.jobtable dd {
  display: table-cell;
  min-height: 1.5em;
  background: #fff;
  padding: 20px 15px;
}

/*
投資家情報
=========================================
*/

/* side */
.caution { background: #f0f0f0; }
.caution dt { border-bottom: 1px solid #474747; margin-bottom: 14px; padding: 1em 0; font-weight: bold; }
.caution dd { line-height: 1.6; font-size: 12px; }

/* header title */
#header-ttl.inv h2 { padding-top: 30px; font-size: 18px; line-height: 1.3; }
#header-ttl.inv h2 span { display: block; font-size: 12px; font-weight: normal; }

.cts-ir h1,.cts-ir .page-ttl { margin-bottom: 40px; text-align: center; font-size: 26px; color: #000; font-weight: bold; }
.cts-ir .code { display: block; padding-top: 6px; font-size: 12px !important; font-weight: normal !important; line-height: 1.2; }

/* IRトップ */
.date-list { padding-bottom: 1em; margin: 0 0px 20px; border-bottom: 1px dotted #a7a7a7; }
.date-list dt { float: left; width: 10em; }
.date-list dd { padding-right: 1em; padding-bottom: 10px; overflow: hidden; _zoom: 1; }

.ttl-box h3 { float: left; width: 400px; }
.ttl-box .links { padding-left: 400px; }
.ttl-box:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.ttl-box ul { text-align: right; }
.ttl-box ul li { padding-left: 1.5em; display: inline; }

/* nav */
.nav-block { margin-bottom: 30px; }
.nav-block:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.nav-block li { float: left; border: 1px #FFFFFF solid; }
.nav-block li a { display: block; background: #f0f0f0; height: 30px; line-height: 30px; text-align: center; width: 121px; text-decoration: none !important; }
.nav-block li.active a, .nav-block li a:hover { background: #374271; color: #FFF; }

/* 業績報告 */
#tabMenu { overflow: hidden; width: 740px; border-bottom: #374271 solid 10px; }
#tabMenu li { float: left; }
#tabMenu li a { display: block; background: #f0f0f0; width: 183px; height: 48px; line-height: 50px; font-size: 16px; text-align: center; border: #f0f0f0 1px solid; text-decoration: none; }
#tabMenu li a.active { background: #374271; color: #FFF; }
#tabBox1, #tabBox2, #tabBox3, #tabBox4 { width: 740px; padding: 35px 0; }
#tabBox2, #tabBox3, #tabBox4 { display: none; }
.report .graph-wrap { margin-bottom: 30px; float: left; width: 353px; background: #f0f0f0; }
.tabmenu { margin-bottom: 30px; border-bottom: 10px solid #374271; overflow: hidden; width: 740px; }
.tabmenu li a { float: left; border: 1px solid #FFF; display: block; font-size: 16px; height: 48px; line-height: 50px; text-align: center; text-decoration: none; /*width: 183px; */ width: 244px; background: #F0F0F0; text-decoration: none !important; }
.tabmenu li { list-style-type: none; }
.tabboxes { clear: both; overflow: hidden; width: 740px; }
.tabbox { display: none; }
.tabmenu li.active a { background: #374271; }
.tabmenu li.active a { color: #FFFFFF; }
.wbox .graph-wrap:first-child { margin-right: 33px; }
.report .graph-wrap h4 { float: left; width: 100px; }
.report .graph-wrap h4 img { margin: 20px 0 0 20px; }
.report .graph-wrap p { overflow: hidden; margin: 0!important; padding: 20px; line-height: 1.4!important; height: 7.5em; }
.report .graph-wrap figure { margin: 10px 0; text-align: center; }

/* 報告書・資料一覧ページ */
.lib-list:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.lib-list { margin-bottom: 30px; background: url(../images/dotl_hr.gif) repeat-x left top; }
.lib-list li { padding: 25px 0; background: url(../images/dotl_hr.gif) repeat-x left bottom; }
.lib-list .date, .lib-list .item { display: block; font-size: 14px; line-height: 1.3 !important; }
.lib-list .date { float: left; width: 10em; }
.lib-list .item { padding-left: 10em; }
.lib-list .item a { display: block; }
.lib-list .item a[href$=".pdf"] { padding: 0px 0 0px 28px; background: url(../images/ic_pdf.gif) no-repeat left top; }
.get-flash { text-align: center; }
.get-flash dt { padding-right: 20px; }
.get-flash dt, .get-flash dd { display: inline-block; vertical-align: middle; text-align: left; }
.file-pdf { background: url(../images/ic_pdf_l.gif) no-repeat left center; padding: 5px 0px 5px 50px; }

/* よくある質問 */
.faq-category { overflow:hidden; padding-bottom:50px; font-size:14px; text-align:center;}
.faq-category li { display:inline-block; padding:1em;}
.faq-category li a { background:url(../images/ic_arw_down.gif) no-repeat right center; padding-right:22px;}
#cts-ir-faq h3 { padding-bottom:12px; font-size:18px; background:url(../images/dotl_hr.gif) repeat-x left bottom; color:#474747 !important;}

#cts-ir-faq .qa { overflow: hidden; margin: 0 50px;}
#cts-ir-faq .qa dd a { text-decoration:underline;}
#cts-ir-faq .qa dd a:hover { background:#374271; color:#FFF; text-decoration:none;}
#cts-ir-faq .qa dd { margin-bottom: 30px; background: url(../images/ic_faq_a.gif) no-repeat left top,url(../images/dotl_hr.gif) repeat-x left bottom;}
#cts-ir-faq .qa dd:last-child {background: url(../images/ic_faq_a.gif) no-repeat left top;}
.tbl1 { width: auto; border-collapse: collapse; border: #CCC solid 1px; }
.tbl1 th { background: #ededed;}
.tbl1 td,.tbl1 th { padding: 5px 10px; border: #CCC solid 1px; text-align:center;}

/* 質問送信フォーム */
#ir-form .entryform { max-width:610px;}
#ir-form .entryform input { width:100%; padding: 4px 4px; font-size: 100%;}
#ir-form .entryform th { text-align:left; color: inherit;}
#ir-form .entryform th,#ir-form .entryform td { padding: 5px 0;}
#scrbox-nav a { color: #374271; text-decoration: underline; }
#scrbox-nav a:hover { text-decoration: none; }


/* FAQ LIST - IRページ＆採用ページ */
dl.qa dt, dl.qa dd { padding-left: 42px; }
dl.qa dt { background: url(../images/ic_faq_q.gif) no-repeat left top; line-height: 26px; font-weight: bold; margin-bottom: 20px; }
dl.qa dd { background: url(../images/ic_faq_a.gif) no-repeat left top; padding-bottom: 30px; line-height: 1.85; }
dl.qa dd > p { margin-bottom:0 !important; }

 
/*-------------------------------------------*/
/*	RSSについてページ 
/*-------------------------------------------*/
.rss-list { text-align: center; }
.rss-list ul { display: inline-block; }
.rss-list li { margin-bottom: 15px; padding: 4px 0; line-height: 1.3 !important; text-align: left; }
.rss-list li, .rss-list li a { color: #374271; }
.rss-list .type { display: inline-block; width: 13em; }
.rss-list .type a { background: url(../images/ic_rss_s.png) no-repeat left center; display:block; padding: 4px 0 2px 22px; text-decoration:none;}
.rss-list .type a:hover { text-decoration: none; }
.rss-btn { background: url(../images/ic_rss_s.png) no-repeat left center; padding: 0px 0 0px 22px; }


/*-------------------------------------------*/
/*	検索結果
/*-------------------------------------------*/

#side-title.search .icon {
	margin-top:-3px;
	height:42px;
  background-position: 0 -245px;
}


/*-------------------------------------------*/
/*	個人情報
/*-------------------------------------------*/
.cts-privacy a {
	text-decoration:underline;
}


/*-------------------------------------------*/
/*	form  
/*-------------------------------------------*/
.wpcf7-list-item.first { margin-left:0;}
.wpcf7-text,.wpcf7-textarea { padding: 4px 2px; }
.supple { padding-left:.3em; }
#zip .wpcf7-form-control-wrap{ display: inline-block; margin-top:3px; margin-bottom:3px;}

.btn-submit,input.wpcf7-submit:hover { opacity:0.85;}
.btn-submit,input.wpcf7-submit{
	cursor: pointer;
	border-style: none;

	display: inline-block;
	border: 3px solid white;
	box-shadow: 0 0 6px 2px #c2c2c2;
	background:#374271;
	width: 250px; 
	height: 60px;	
	text-decoration: none !important;
	transition: all 0.3s ease 0s;
	color:#FFF;
	font-size: 16px;
	text-align: center;
}

.wpcf7-select{ padding: 5px 3px;}

.zipcode input{ width:100px;}

.wpcf7-file{ font-size:13px; color:#003366;}


/* 個人情報の同意 2016/12/27追加 */

#agreement-wrap{
	overflow-y: auto;
	border: 1px #c0c0c0 solid;
	margin:10px 0 0;	
	padding:0 10px;
	background:#FFF;
	height:170px;	
}

#agreement-wrap h4{
	margin-top:1em;
}

#agreement-wrap h5{
	margin:1.2em 0 0.5em;
	font-size:13px;
}

#agreement-wrap p,
#agreement-wrap ul{
	font-size:12px;
}

#agreement-wrap p a{
	text-decoration:underline;
}

#check-agree .last{
	visibility:hidden;
	display:none !important;
}

#ir-form .ir-agree{
	width:625px; 
	margin: 0 auto 15px;
	text-align:left;
}

#ir-form .ir-agree #agreement-wrap{
	height:200px;
}



/*
parts
=========================================
*/


/* layout */
/* 2block same height list */
.bloc2 { width: 790px; margin: 0 -25px -50px; overflow: hidden; _zoom: 1; }
.bloc2 li { float: left; width: 345px; margin: 0 25px 50px; min-height: 160px; }
.bloc2 li p { height: 100px; margin-bottom: 0 !important; line-height: 1.4 !important; }
.bloc2:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }


/* 780px */
.span-1 {width: 100%; margin-bottom:30px;}
.span-1.lst {width: 100%; margin-bottom:0px;}
.span-2 {width: 345px; margin-left: 45px;}


/* button */
.entryBtn{
	display: block;
	margin:20px auto;
	padding:20px;
	width:230px;
	max-width:100%;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #34c9ff, #34a7ff);
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

.entryBtn:hover{
	text-decoration: none;
	background: #3496ee;
}


/* tw fb css 
.sns-btns ul li.pirnt_btn {width: 70px;}

.sns-btns {
	list-style-type: none;
	padding:20px 0;
	overflow: hidden;
}
.sns-btns ul {
	margin: 0 !important;
}
.sns-btns ul li {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	_display: inline;
	_zoom: 1;
	width:100px;
}

.sns-btns ul li.g_plus{
	width: 60px !important;
	
}

.sns-btns ul li iframe{
	margin: 0;
	padding:0;
	vertical-align: middle;
}

.sns-btns ul li iframe.twitter-share-button {
	width:90px !important;
}

*/

/* share button 2015/07追加 */
.sns-btns {
	list-style-type: none;
	padding:20px 0;
	overflow: hidden;
  text-align: center !important;	
}

.sns-btns ul {
	margin: 0 !important;
}

.sns-btns ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1px;
	cursor:pointer;
}

.sns-btns ul li a {
	display:block;
width: 80px;
	height:30px;	
	text-indent:-9999px;
}

.sns-btns ul li {	background-image: url(../images/share-btn.gif);}
.sns-btns ul li.facebook {	background-position: 0 0;}
.sns-btns ul li.twitter {	background-position: 0 -30px;}
.sns-btns ul li.google {	background-position: 0 -60px;}
.sns-btns ul li.hatena {	background-position: 0 -90px;}



/* inquiry */
textarea.wpcf7-textarea{width:620px;}

table.entryform textarea.wpcf7-textarea{width:80%;}

table.entryform p {margin-bottom:0 !important;}


/* service new */
.service-links {
	overflow:hidden;
	margin-bottom:30px;
}
.service-links-btm {
	border-top:1px solid #374271;
	overflow:hidden;
	padding-top:20px;
}

.service-links .dial {
	font-size: 20px;
    font-weight: bold;
	padding: 10px;
	display:table;
	line-height:1em;
	vertical-align:middle;
	margin:0px auto;
}
.service-links-btm .dial {
	float:right;
}

.service-links .dial .tell{
	display:table-cell;
	padding-right:10px;
}
.service-links .dial .telr{
	display:table-cell;
}
.service-links .dial small {
	font-size:12px;
	font-weight:normal;
	display:block;
}
.service-links .dial span.label {
	display: inline-block;
	float: left;
	margin: 5px 15px 0px 0px;
	padding: 4px 1em 3px;
	background: #374271 none repeat scroll 0% 0%;
	color: #FFF;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	border-radius: 15px;
}
.service-links .dial .label2 {
	display:inline-block;
	float:left;
}

.service-links ul {
	list-style-type:none;
	display:table;
	table-layout:fixed;
	margin:10px auto 20px auto;
	clear:both;
	
}
.service-links-btm ul {
	float:right;
}
.service-links ul li {
	display:table-cell;
	padding:5px;
	vertical-align:middle;
}
.service-links ul li.mailto span  {
	display: table-cell;
	padding: 0 1em 0 3em;
	width:auto;
	height:3em;
	border: 1px dotted #374271;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:url(../images/ic_mail.png) 10px center no-repeat;
}
.service-links ul li a {
	display: table-cell;
	padding: 0 1em 0 3em;
	width:auto;
	height:3em;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	color: #FFF;text-decoration: none !important; 
	transition: all 0.3s ease 0s; 
	text-align:center;
	vertical-align:middle;
}
.service-links ul li.btn_a a:hover { background:#87AEAE url(../images/service_global/ic_rec.gif) no-repeat 10% 45%;}
.service-links ul li.btn_a a {
	background: #538C8C url(../images/service_global/ic_rec.gif) no-repeat 10% 45%;
}
.service-links ul li.btn_b a:hover { background:#5c658a url(../images/ic_window2.gif) no-repeat 10% 45%;}
.service-links ul li.btn_b a {
	background: #374271 url(../images/ic_window2.gif) no-repeat 10% 45%;
}
.service-links ul li.btn_c a:hover { background:#5c658a url(../images/ic_window2.gif) no-repeat 10% 45%;}
.service-links ul li.btn_c a {
	background: #374271 url(../images/ic_window2.gif) no-repeat 10% 45%;
}

/* support */
.sv_ic1,.sv_ic2,.sv_ic3,.sv_ic4,.sv_ic5 {
	color:#374271;
	padding-left:60px;
	font-size:26px;
	height:50px;
	line-height:50px;
	margin:20px 0px;
}
.sv_ic1 {
	background:url(../images/service_global/ic_01.png) left center no-repeat;
}
.sv_ic2 {
	background:url(../images/service_global/ic_02.png) left center no-repeat;
	margin:70px 0px 20px 0px;
}
.sv_ic3 {
	background:url(../images/service_global/ic_03.png) left center no-repeat;
	margin:70px 0px 20px 0px;
}
.sv_ic4 {
	background:url(../images/service_global/ic_04.png) left center no-repeat;
	margin:70px 0px 20px 0px;
}
.sv_ic5 {
	background:url(../images/service_global/ic_05.png) left center no-repeat;
	margin:70px 0px 20px 0px;
}
.listblt {
	margin-bottom:20px;
}
.listblt li {
	background:url(../images/service_global/ic_blt.png) left center no-repeat;
	padding-left:15px;
}
table.listgray {
	margin-bottom:40px;
}
table.listgray td {
	width:25%;
	margin:0px;
	background:#F3F3F3;
	text-align:center;
	vertical-align:middle;
	height:4em;
	color:#333;
}
.service_relative {
	position:relative;
}
.termination {
	position:absolute;
	top:10px;
	left:10px;
	display:inline-table;
	padding:10px;
	border:1px dotted #000;
	color:#000;
}


/*-------------------------------------------*/
/*	EC Report  2018/07 add 
/*-------------------------------------------*/

#side .section.news-recent {
	margin-bottom:20px;
	padding:20px;
}

#header-ttl.ecreport p {
	padding-top:2.7em;
	text-align:center;
}

#header-ttl.ecreport p br {
	display:none;
}

.entrylist.entrylist-ecreport {
	margin-top:20px;
}

.news-recent-list li:not(:last-child)  {
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../images/dot-square.png) repeat-x left bottom;
}

.news-recent-list li a {
	color:#374271;
}

/* single page */
.entry-body.entry-body-ecreport {
	border-top:none;
}

#main .article-ecreport .entry-title,
#main .article-ecreport h3,
#main .article-ecreport h4 {
	color:#262626;
}

.article-ecreport .entry-title {
	border-top:1px solid #262626;
	border-bottom:1px solid #262626;
	margin: 30px 30px 1em; 
	padding: 1em 0;
	font-size:24px;
}

#main .article-ecreport h2 {
	border-bottom: 1px solid #262626;
	margin-top:2em;
	margin-bottom:2em;
	padding-bottom:1em;
	font-size:18px;
	color:#474747;
}

#main .article-ecreport h3 {
	font-size:16px;
}

#main .article-ecreport h3,
#main .entry-body.entry-body-ecreport > p,
.entry-body-ecreport blockquote {
	margin-left:auto;
	margin-right:auto;
	width:490px;
}

.entry-body-ecreport ul,
.entry-body-ecreport ol {
	margin-left:auto !important;
	margin-right:auto;
	width:420px;
}

.article-ecreport .meta {
	margin-right:30px;
	text-align:right;
}

.article-ecreport .meta time + span {
	padding-left:1em;
}

.article-ecreport .meta time + span:empty {
	padding-left:0;	
}

.entry-body.entry-body-ecreport p img {
	margin-left:-95px;
  max-width: 680px;
}

.entry-body-ecreport blockquote {
	box-sizing:border-box;
	padding:30px;
	background:#f4f4f4;
}

.entry-body.entry-body-ecreport blockquote {
	margin-bottom:30px;
	color:#474747;
}

.entry-body.entry-body-ecreport blockquote a {
	text-decoration:none;
}

.entry-body.entry-body-ecreport blockquote a:hover {
	text-decoration:underline;
}

#main .entry-body-ecreport blockquote p {
	font-size: 85.7%;	
}

#main .entry-body-ecreport blockquote p:last-child {
	margin-bottom:0;
}


/*-------------------------------------------*/
/*	Seminar  2018/11 add 
/*-------------------------------------------*/

.arrow-list li{
	position: relative;
	padding: 0 0 0 17px;
}

.arrow-list li:not(:last-child){
	margin-bottom:15px;
}

.arrow-list li:before,
.arrow-list li:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arrow-list li:before{
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #474747;
}

#side-title-area #side-title.cat-seminar span{
 padding-left: 0;
}

#side .section.seminar-recent {
	margin-top:-20px;
}

#side .section.seminar-recent h4 {
	padding:24px 20px 20px;
}

#side .arrow-list {
	border-bottom:2px solid #f0f0f0;
	padding: 0 20px 24px;
}

.entrylist-seminar-wrap,
.seminar-category-title{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.seminar-category-title{
	margin-bottom:50px;
	font-size:24px;
}

.ic-seminar {
	float:left;
	margin: 0 23px 23px 0;
	width:50px;
	height:50px;
}

.ic-seminar img {
	width:50px;
	height:auto;
}

.seminar-schedule li:first-child {
	font-size: 15px;
	font-weight: bold;
}

.seminar-month {
	clear:left;
	float:left;
	width:94px;
	height:94px;
	background: #374271;
	color:#FFF;
	text-align:center;
	font-weight:normal !important;
}

.seminar-month span {
	padding:18px 0 2px;
	display:block;
	font-size:36px;
	line-height:1;	
}

.seminar-list {
	margin-bottom:15px;
	padding-left:50px;
	overflow:hidden;
}

.seminar-list a {
	color:#374271;
}

#main .entrylist-seminar:first-child > ul > li:first-child  {
	padding-top:0;
}

.seminar-list > li {
	border-bottom: 1px solid #e1e1e1;
	padding-top:43px;
	padding-bottom:15px;
}

.seminar-list .text {
	clear:both;
}


/*-------------------------------------------*/
/*	株主通信  2019/11 add 
/*-------------------------------------------*/

.entrylist.entrylist-investors .thumb span {
	padding-top: 13px;
	display: block;
	font-size: 85.7%;
}

.entrylist.entrylist-investors .thumb span:before {
	content: '';
  display: inline-block;
	margin-right: 5px;
  width: 20px;
  height: 21px;
  background-image: url(../images/ic_pdf.svg);
	background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.entrylist.entrylist-investors .hentry {
	clear: both;
	position: relative;
	border-top: none;
	padding-top: 140px;
	margin-top: -110px;
}

.entrylist.entrylist-investors .hentry:not(:last-child):after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #e1e1e1;
}

.entrylist.entrylist-investors .hentry .thumb img {
	width: 170px;
	height: auto;
}

.entrylist.entrylist-investors .hentry .thumb {
   padding-right: 60px;
}


/* -------------------------------------------------------------- */
/* 
general
*/

/* table */
.table { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100%;}
.table th, .table td { padding: 1.2em 20px; line-height: 1.4; vertical-align:middle;}
.table.bordered td, .table.bordered th { border: 1px solid #e1e1e1; }
.table.label thead th { background-color: #384272; color: #FFF; }

.flex {
  display: flex;
}

.flex.between {
	justify-content: space-between;
}

.flex > * {
	margin: 0 0 10px;
}

.link-ud {
	color:#374271;
	text-decoration:underline;
}


.nav-plink { overflow:hidden; padding-bottom:50px; font-size:14px; text-align:center;}

.nav-plink li:not(:last-child) {border-right:1px dotted #374271;}

.nav-plink li { display:inline-block; padding-right:2em; line-height:1.1;}
.nav-plink li a { 
background:url(../images/ic_arw_down.gif) no-repeat right center;  padding: 0 22px;}


.tighten{	letter-spacing:-0.05em;}
.break{	word-break: break-all;}


/* device style
=========================================*/
/* pc only */

.only-sp {
	display:none;
}