@charset "Shift_JIS";

/*=========================================================


	Site Name   デジタルトライアックス Sample
	File Name   page.css

	Create Date 2010/5/27


==========================================================*/

/*----------------------------------------------------------

Module Top Style Sheet

-----------------------------------------------------------*/

/*共通部分*/

body div#container div#pagebody div#column2-main760 div.mainTitle {
	position: relative;
	width: 755px;
	height: 39px;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div.mainTitle h2 {
	width: 755px;
	height: 39px;
}
body div#container div#pagebody div#column2-main760 div.mainTitle p.toIndexNav {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 128px;
	height: 13px;
}


body div#container div#pagebody div#column2-main760 h2.mainTitle {
	width: 755px;
	height: 39px;
	padding: 0 0 25px;
}

body div#container div#pagebody div#column2-main760 div#sample {
	margin: 0 10px 25px 10px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList {
	width: 735px;
	margin: 0 -25px 0 0;
	padding: 0;
	list-style-type: none;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList li {
	float: left;
	display: inline;
	width: 355px;
	margin-bottom: 25px;
	margin-right: 25px;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList li.even {
	margin-right: 0;
}




/*----------------------------------------------------------

Module Detail Style Sheet

-----------------------------------------------------------*/

/*タイトル部分*/

body div#container div#pagebody div#column2-main760 div.titleBox {
	margin: 0 10px 25px 10px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.titleBox h2 {
	float: left;
	display: inline;
	margin-right: 10px;
}
body div#container div#pagebody div#column2-main760 div.titleBox h2.title {
	font-size:20px;
	margin-top:-7px;
}
body div#container div#pagebody div#column2-main760 div.titleBox p.category {
	float: left;
	display: inline;
	margin-right: 10px;
}
body div#container div#pagebody div#column2-main760 div.titleBox p.pdf_download {
	float: right;
	display: inline;
}

body div#container div#pagebody div#column2-main760 div.titleBox p.date {
	text-align: right;
	display: block;
}


/*キャッチ部分*/

body div#container div#pagebody div#column2-main760 div.catchBox {
	margin: 0 10px 25px 10px;
	padding: 0;
	background: url("/system-camera/casestudy/images/icon_bg_box.gif") no-repeat left bottom;
}
body div#container div#pagebody div#column2-main760 div.catchBox h3 {
	padding: 0;
	background: #ffffff;
}
body div#container div#pagebody div#column2-main760 div.catchBox h3.catch {
	font-size:18px;
}

body div#container div#pagebody div#column2-main760 div.point {
	background: url("/system-camera/casestudy/images/icon_bg_arrow.gif") no-repeat center center;
}

body div#container div#pagebody div#column2-main760 div.catchBox dl {
	float: left;
	display: inline;
	width: 350px;
	margin: 0;
	padding-bottom: 20px;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dt {
	overflow: hidden;
	width: 350px;
	height: 50px;
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dd {
	padding: 0 20px;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dd p {
}

body div#container div#pagebody div#column2-main760 div.catchBox dl.odd {
	margin-right: 35px;
}


/*会社紹介部分*/

body div#container div#pagebody div#column2-main760 div.corporateBox {
	margin: 0 10px 25px 10px;
	padding: 20px 20px 0 20px;
	background: #eeeeee url("/system-camera/casestudy/images/icon_bg_corporate.jpg") no-repeat left bottom;
	min-height: 185px;
}
/* for IE8 */
	html>/**/body div#container div#pagebody div#column2-main760 div.corporateBox {
	min-height: 185px;
	height: auto;
	}
/* for IE7 */
*:first-child+html body div#container div#pagebody div#column2-main760 div.corporateBox {
	min-height: 250px;
	height: auto;
}
/* for IE6 */
* html body div#container div#pagebody div#column2-main760 div.corporateBox {
	height: 250px;
}

body div#container div#pagebody div#column2-main760 div.corporateBox dl {
	position: relative;
	width: 695px;
}


body div#container div#pagebody div#column2-main760 div.corporateBox dl dt {
	float: right;
	display: inline;
	width: 470px;
	margin: 0 0 0 225px;
	font-weight: bold;
	margin-bottom: 1em;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd {
	float: right;
	display: inline;
	width: 470px;
	margin: 0 0 0 225px;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd p {
	margin-bottom: 1em;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd div.photoBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 205px;
	height: 250px;
}



/*事例本文部分*/
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox {
	margin: 0 -10px;
	padding: 0 0 40px;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox h3 {
	margin: 0 0 30px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox h3.title {
	margin: 10px 8px;
	padding: 0;
	font-size:115%;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox div.sampleTitle {
	border-bottom:1px solid #c0c0c0;
	margin-bottom: 25px;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample {
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dt {
	margin: 0;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd {
	margin: 0;
	padding: 0 10px;
	zoom: 1;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p {
	margin-bottom: 1.5em;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p .name {
	margin-right: 0.5em;
	font-weight: bold;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p strong.red {
	color: #ff0000;
	font-weight: normal;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.photo {
	float: right;
	margin-left: 25px;
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 85%;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.photo-left {
	float: left;
	margin-right: 25px;
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 85%;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.photo img {
	margin-bottom: 5px;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox th.sample {
	padding-left: 56px;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox td.sample {
	padding: 5px 0 0 56px;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox td.name {
	padding-left: 56px;
	text-align:center;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox p.name-left {
	display:inline-block;
	text-align:left;
}

/*プロフィール部分*/
body div#container div#pagebody div#column2-main760 div#sample div.profileBox {
	width:735px;
	background:#EEEEEE;
	padding-bottom:20px;
	margin-bottom:70px;
	margin-top:-30px;
}
body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile {
	padding: 20px 20px 0px 20px;
}
body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile dd {
	margin: 0;
}
body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile dt.photo {
	float:left;
	font-size:80%;
}
body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile dt.photo img {
	margin-bottom:3px;
}
body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile dd.txt {
	float:right;
	width:550px;
}


body div#container div#pagebody div#column2-main760 div#sample div.profileBox dl.profile dd .link a {
	background:url(/system-camera/share/images/arrow_black.gif) left 0.5em no-repeat;
	margin-top: 1em;
	margin-left: 5px;
	padding-left:10px;
	display:block;
	zoom:1;
}





/*ページナビ部分*/

body div#container div#pagebody div#column2-main760 div.pageNav {
	width: 755px;
	margin: 0 0 25px 0px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav h3 {
	float: left;
	display: inline;
	width: 90px;
	margin: 0 20px 0 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav ul {
	float: left;
	display: inline;
	width: 715px;
	margin: 0 20px 0 20px;
	padding: 8px 0 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav ul li {
	float: left;
	display: inline;
	overflow: hidden;
	height: 11px;
	margin: 0 30px 0 0;
	padding: 0 0 12px;
}



/* 201101事例紹介トップ改修 */

body div#container div#pagebody div#column2-main760 h1.mainTitle {
	width: 755px;
	height: 39px;
	padding: 0 0 25px;
}

body div#container div#pagebody div#column2-main760 div.sample-top {
	margin: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div.sample-top h2.title {
	margin: 0 0 15px;
}
body div#container div#pagebody div#column2-main760 div.sample-top p.catchImg {
	margin: 0 0 25px;
}

body div#container div#pagebody div#column2-main760 div.sample-top dl.sample {
	margin: 0 10px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dt {
	width: auto;
	padding: 5px 10px;
	background-color: #e5e5e5;
	margin-bottom: 20px;
	font-weight:bold;
}
body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dd {
	margin: 0;
}
body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dd ul.list {
}
body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dd ul.list li {
	display: block;
	margin-left: 1.1em;
	text-indent: -1.1em;
	margin-bottom: 5px;
}

body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dd ul.sampleList {
	margin: 0 -25px 0 0;
	padding: 0;
	list-style-type: none;
}
body div#container div#pagebody div#column2-main760 div.sample-top dl.sample dd ul.sampleList li {
	float: left;
	display: inline;
	width: 355px;
	margin-bottom: 25px;
	margin-right: 25px;
}

body div#container div#pagebody div#column2-main760 div.sample-top .caution {
	margin: 1em 0;
	font-size: 75%;
	margin-left: 1em;
	text-indent: -1em;
}


body div#container div#pagebody div#column2-main760 div#sample div.sampleBox p.banner {
	float: right;
}

.c5-stickyContact {
  margin-top: 60px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: 1;
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  @media only screen and (max-width: 756px) {
    padding: 10px;
  }
  &.js-contactFadein {
    display: none;
  }
  + .s5-returnToTop {
    margin: 0;
  }
  ~ .s5-returnToTop .s5-returnToTop__inner1 {
    bottom: 50px;
  }
}
.c5-btn-stickyContact {
  display: inline-block;
  color: #fff !important;
  background-color: #f5683a !important;
  font-size: 17px;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  min-width: 240px;
  box-sizing: border-box;
  border: 1px solid #f5683a;
  transition: 0.3s ease;
  &:hover {
    color: #f5683a !important;
    text-decoration: none;
    background-color: #fff !important;
  }
  @media only screen and (max-width: 756px) {
    min-width: 190px;
    font-size: min(14px, 3.8vw);
    padding: 10px;
  }
}
.c5-stickyContact-inner {
  max-width: 1200px;
  margin: 0 auto;
  &:has(> :nth-child(2)) {
    display: flex;
    justify-content: center;
    gap: 20px;
    @media only screen and (max-width: 756px) {
      gap: 10px;
    }
    > a {
      margin: 0 !important;
      @media only screen and (max-width: 756px) {
        flex: 0 1 50%;
        min-width: 0;
      }
    }
  }
}