@charset "utf-8";
/* CSS Document */
*{
	border:0 none;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body{
	 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	letter-spacing:1px;
	color: #fff;
	background: #000;
	font-size: 14px;
	letter-spacing: 2px;
}
img{
	max-width: 100%;
	height: auto;
}
li{
	list-style: none;
}

a{
	color: #fff;
}

.sp{
	display: block;
}

.sp_fl{
  display: flex;
}

.sp_no{
  display: none;
}

.bold{
	font-weight: bold;
}
.center{
	text-align: center;
}
.txred{
	color: #f31439;
}
.fs50{
	font-size: 30px;
}
.fs34{
	font-size: 22px;
}
.fs24{
	font-size: 16px;
}
.fs16{
	font-size: 14px;
}
.pt16{
	padding-top: 5%;
}
.pt32{
	padding-top: 8%;
}
.pt60{
	padding-top: 14%;
}
.pb50{
	padding-bottom: 12%;
}
.pb16{
	padding: 0 0 3%;
}


#container{
	max-width: 100%;
	margin: 0 4%;
}
h1{
	margin:-6% auto 3%;
	text-align: center;
  color:  #fff;
  font-size: 14px;

}

.main_logo{
 margin:10% auto 12%;
 text-align: center; 
}

.main_logo img{
	width: 70%;
}




h2{
	text-align: center;
    font-size: 20px;
    letter-spacing: 8px;
    padding:0 0 5%; 
}

h3{
	font-size: 17px;
}

section{
	padding: 10% 0 0 0 ;
}

.tac_sp{
  text-align: center;
}

#function_area,#inquiry_area,#message_area,#cloud_area,.other_service,#allabout_area,.wd980{
	border-top:#fff 1px solid;
}

#message_area p:first-child{
	font-size: 42px;
    font-weight: bold;
    letter-spacing: 6px;
    line-height: 1.7;
}
#message_area p:first-child span{
	font-size: 35px;
    letter-spacing: 5px;
    line-height: 1.4;
    padding: 2% 0 0 0;
    display: inline-block;
}
#message_area p:nth-child(2){
	font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    text-align: right;
    padding: 10% 0 0 0;
}
#message_area p:nth-child(3){
	font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1.5;
    text-align: right;
    padding: 3% 0 5% 0;
}

.demolist_table{
    margin: 0 auto;
}

#cloud_area{
	letter-spacing: 1px;
	font-size: 14px;
	    padding: 10% 0;
}
#cloud_area p{
	background: #ffffff;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 15px;
    border: #000 solid 2px;
}

#cloud_area div.environment{
    width: 100%;
    margin: 6% 0 0 0;
}
#cloud_area table {
  margin: 0;
      width: 100%;
}
#cloud_area .tbl-r02 tr {
	background:#cccccc;
}
#cloud_area div.introduction .tbl-r02 th {
  color: #000;
  padding: 12px;
  width: 20%;
}
#cloud_area div.introduction .tbl-r02 td {
  padding: 23px;
  color: #000;
  font-weight: bold;
  background: #fff;
  width: 80%;
}
#cloud_area .tbl-r02 th {
  color: #000;
  padding: 10px;
  text-align: left;
  width: 20%;
}
#cloud_area div.introduction .tbl-r02 td {
  padding: 10px;
  color: #000;
  font-weight: bold;
  background: #fff;
}

#cloud_area div.environment .tbl-r02 td {
  padding: 10px;
  color: #000;
  font-weight: normal;
  background: #fff;
  width: 80%; 
}




ul.function_list{
	font-size: 14px;
    padding: 5% 0 0;
}

ul.function_list section{
	padding:0 0 10% 0; 
}

ul.function_list section ul li{
    padding: 18px 0 0 0;
    padding-left:1em;
    text-indent:-1em;
}

ul.function_list h3{
	position: relative;
	    padding: 0 0 0 13%;

}
ul.function_list h3:before,#allabout_area h3:before{
	position: absolute;
	content: "";
	display: block;
	background: url(../img/ic_kiwami.png) no-repeat;
	width: 36px;
	height: 36px;
	left: 0;
	top: -6px;
	background-size: 36px 36px;
}

.btn a {
	border: #ffc107 solid 2px;
    margin: 10% auto 10%;
  display: block;
  padding: 18px 0;
  background: #000;
  color: #ffc107;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  text-decoration: none;
    font-weight: bold;
    text-align: center;
    width: 90%;
}
.btn a:hover {
  background: #ffc107;
  color: #000;
}

.link a {
  border: #ffc107 solid 2px;
    margin: 5% auto 5%;
  display: block;
  padding: 10px 0;
  background: #000;
  color: #ffc107;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  text-decoration: none;
    font-weight: bold;
    text-align: center;
    width: 90%;
}

.link a:hover {
  background: #ffc107;
  color: #000;
}

#demo{
	margin: 0 auto 50px;
	letter-spacing: 2px;
}

#demo .btn a{
  margin: 8% auto;
}

.banzai{
	    text-align: center;
    font-size: 16px;
    letter-spacing: 6px;
    font-weight: bold;
    position: relative;
    padding: 0 12%;
}

.banzai:before, .banzai:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 70px;
  height: 3px;
  background-color: #fff;
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg);
}
.banzai:after {
  -webkit-transform: rotate(-70deg);
  transform: rotate(-70deg);
}
.banzai:before {
  left:2%;
}
.banzai:after {
  right: 2%;
}

.bgwhite{
    background: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 5% auto;
    padding: 12px;
    font-size: 14px;
    letter-spacing: 1px;
}

.dcc_logo{
	text-align: right;
    margin: 2%;
}
.dcc_logo img{
	width: 90px;
}

.dcc_logo_left{
	text-align: left;
}
.dcc_logo_left img{
	width: 140px;
}

.capture_link{
	font-size: 22px;
    padding: 0 0 100px;
    text-align: center;
    padding: 0 0 15%;
}

.capture_link a{
	color: #ffc107;
}


.idea{
	text-align: center;
	margin: 0 0 20%;
}
.idea li{
	padding: 0 0 16px;
}



.inquiry{
	    margin: 7% auto 8%;
	    padding: 0 5%;
}
.inquiry li{
    border: #fff solid 1px;
    text-align: center;
    padding: 7%;
    font-weight: bold;
    margin: 0 0 7% 0;
}
.inquiry li dt{
	margin: 0 0 12px 0;
    font-size: 18px;
}
.inquiry li dd{
    font-size: 22px;
}
.inquiry li dd img{
    width: 180px;
}

ul.company{
	margin: 10% auto 0;
}
ul.company_contact{
	margin: 0 auto;
    padding: 5% 0 10% 0;
}
ul.company li,ul.company_contact li{
	padding: 8px 0 0 0;
}

.copyright{
    color: #ffffff;
    padding: 5% 0 10%;
    font-size: 14px;
    text-align: center;
}
.daiji{
	color: #ffffff;
    padding: 5% 0 3%;
    font-size: 14px;
    text-align: center;
}

.no1rs{
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  background: url(../img/No1reserach_sp.png) no-repeat ;
}

.cont_box table tr td{
  width: 100%;
}

.jirei_shoukai figure{
  position: relative;
  display: inline-block;
  width:280px;
}
.jirei_shoukai figure a{
 text-decoration: none;
}

.jirei_shoukai figure figcaption{
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  background-color: #8d8b8b;
}

.jirei_shoukai li{
  padding: 30px 0!important;
}


/*
使用許諾契約書
---------------------------------*/
#container_licens {
  background: #ffffff;
  color: #333333;
  letter-spacing: 1.6px;
  line-height: 1.6;
  width: 90%;
  margin: 5% auto;
}

#container_licens .inner{
  padding: 10% 5%;
  margin: 0 0 30px;
}

#container_licens p{
  font-size: 12px;
  line-height: 2em;
}
#container_licens a{
  color: #333333;
}

#container_licens h1{
  margin: 0 0 8%;
  text-align: left;
  font-size: 15px;
  color: #333333;
}

#container_licens h2{
  text-align: left;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 0;
}

#container_licens section{
  padding: 0;
  margin:8% 0 0 0;
}

#container_licens ul li{
  text-indent: -1em;
  padding-left: 2em;
  margin: 0 0 5%;
  font-size: 12px;
}

#container_licens ul li ul{
  margin: 3% 0;
}

.other_service{}
.other_service .inner{margin: 0 auto;padding: 30px 0;}
.other_service .inner section{padding: 20px 0 0 0;}
.other_service h2{padding: 0;}
.other_service h3{padding: 0 0 0 14px;margin:20px 0;position: relative;font-size: 20px;border-left: 6px solid #ffc107;}
.other_service ul li p{font-size: 16px;}
.other_service ul li p span{font-weight: bold;padding: 16px 0;display: inline-block;font-size: 21px;}
.other_service ul li img{width:100%;}
.other_service .btn {width: 100%;margin: 30px auto 0;max-width: inherit;}
.other_service .btn a{width:100%;font-size: 17px;letter-spacing: 0;text-align: center;padding: 12px 0 12px 0;}

#allabout_area{padding: 30px 0;}
#allabout_area h2{font-size: 32px;letter-spacing: 2px;padding: 0; }
#allabout_area h3{font-size: 22px;padding:0 0 16px 44px;position: relative;}
#allabout_area h3:before{top: -1px;}
#allabout_area h4{font-size: 18px;}
#allabout_area h5{font-size: 17px;}
#allabout_area .figure{margin: 30px 0;}
#allabout_area div{padding: 20px;border: #ffffff solid 1px;margin: 20px 0 0;}
#allabout_area dl{padding: 0 0 14px 0;}
#allabout_area dl dt{font-weight: bold;font-size: 16px;text-indent: -1em;padding: 0 0 8px 20px;line-height: 1.4;}
#allabout_area dl dd{padding: 0 0 0 23px;}
#allabout_area p a {color: #ffc107;}
#allabout_area ul li {padding-top: 10px;padding-left: 1em;text-indent: -1em;}
#allabout_area section section{padding: 5% 0 0 0;}

.okyakusama_sp{
  font-size: 12px;
  text-align: center;
}

.wd980 .fs22_sp{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.wd980 .fs20_sp{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.fs14_sp{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.fs18_sp{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.clearFix li {
  padding-top: 20px;
  text-align: center;
}

#okyakusama_name{
  padding-top: 10px;
  font-size:14px;
  font-weight: bold;
}

#okyakusama_name a{
  text-decoration: none;
}


/*
申込書ダウンロード
---------------------------------
*/



.red{
  color:#ff0000;
  font-size: 14px;
}

.fb{
  font-weight: bold;
}


.btn_dl{
    background: rgb(251,0,59);
    background: linear-gradient(180deg, rgba(251,0,59,1) 50%, rgba(216,0,7,1) 50%);
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background  1s linear;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-radius: 5px;
    border:3px solid #ffffff;
    box-shadow:0px 4px 12px 0px #18212b;
    margin-top: 15px;

}

.btn_dl a{
   color:#fff!important;
}

#price_table .introduction p{
  font-weight: bold;

}

#price_table .introduction .tbl-r02 {
  margin: 0 auto;
  width:100%;
}

#price_table .introduction .tbl-r02 tbody{
  text-align: center;
}

#price_table .introduction .tbl-r02 tbody th{
  background-color: #e2e2e2;
  border-color: #FFF;
  padding:5px 5px;

}

#price_table .introduction .tbl-r02 tbody td{
  font-weight: bold;
  border-color: #FFF;
  background-color: #3333336b;
  color: #000;
  padding:5px 20px;
}


#price_table .environment p{
  font-weight: bold;
  margin-top: 10px;
}

#price_table .environment .tbl-r02{
  margin: 0 auto;
}


#price_table .environment .tbl-r02 tbody{
  text-align: center;
}

#price_table .environment .tbl-r02 tbody th{
  border: solid 1px #fff;
  background-color: #e2e2e2;
  padding:5px 5px;
}

#price_table .environment .tbl-r02 tbody td{
  text-align: left;
  border: solid 1px #fff;
}

#po_inquiry dl dt a{
  font-size: 14px;
}

#po_inquiry dl dt .info a{
  font-size:10px;
}

#po_inquiry dl dd{
  font-size: 14px;
}

#po_inquiry dl dt p img{
  max-width: 50%;
}

#breadcrumb{
 margin: 20px 1em;
 width: 90%;
}

#breadcrumb ol{
  display:flex;
  flex-wrap: wrap;
}

#breadcrumb ol li{
 font-size: 0.8em;
}

#breadcrumb ol li:after {/* >を表示*/
  content: '>';
  padding: 0 0.7em;
  color: #FFF;
}

#breadcrumb ol li:last-child:after {
  content: '';
}



/*clearFix*/
.clearFix:after{
	clear: both;
	content: "";
	display: block;
}