@charset "utf-8";

/* メインコンテンツ */
.main {
    width: 69%;
    float: right;
}
.main-title {
    width: 100%;
    height: 58px;
    color: #445799;
    border-top: 2px solid #435598;
    border-bottom: 1px dotted #4370a9;
}
.main-title h1 {
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    padding-top: 23px;
}
h2.ptb-30 {
    padding: 30px 0;
    font-weight: normal;
    font-size: 20px;
}
.main p {
    font-size: 13px;
}
.sub-text {
    width: 100%;
    overflow: hidden;
	padding-bottom:10px;
	border-bottom:1px #ccc dotted;
}

div.sub-yellow-box {
	width:100%;
	box-sizing:border-box;
	padding:10px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffcc00;
    float: left;
    line-height: 2;
}

p.sub-yellow-box {
    width: 19.85%;
    height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffcc00;
    float: left;
    border-radius: 5px;
    line-height: 2;
}
p.ptb-20 {
    padding: 20px 0;
    line-height: 1.5;
}
.kind {
    overflow: hidden;
}
.kind h2 {
    float: left;
    width: 71.01%;
    margin: 0 0 0px 20px;
    font-size: 14px;
    padding-top: 5px;
    line-height: 1.5;
}

.kind dl{
	float: left;
    width: 100%;
	box-sizing:border-box;
    margin: 0 0 0;
}

.kind dt{
	width:29%;
	padding-top: 5px;
	padding-left: 20px;
	box-sizing:border-box;
	float:left;
}

.kind dd{
	width:71%;
	padding-top: 5px;
	float:right;
}

.infomation {
    clear: both;
    width: 100%;
}
.info {
    background-color: #fcfbfa;
    border: 2px solid #ded7d2;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.info:last-child {
    margin-bottom: 60px;
}
.info h2 {
    font-size: 18px;
    padding: 15px 0 15px 20px;
}
.info p {
    padding: 0 20px;
    line-height: 1.5;
}
.ht-125{
    padding-bottom: 20px;
}
.ht-145 {
    padding-bottom: 50px;
}
.button {
    width: 200px;
    height: 35px;
    background-color: #308ec9;
    float: right;
    margin-right: 20px;
    margin-bottom: 40px;
}
.button img {
    margin-right: 10px;
}
h3 {
    font-size: 12px;
    color: #ffffff;
   text-align: center;
   line-height: 2.8;
}
.button:hover {
    opacity: 0.6;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=60)";
}
.advantages {
    width: 100%;
}
.ad-main h1 {
    width: 67.97%;
    height: 40px;
    color: #445799;
    font-size: 17px;
    border-left: 5px solid #daddeb;
    line-height: 2.5;
    padding-left: 20px;
    margin-bottom: 15px;
}
.ad-main p {
    margin-bottom: 35px;
    line-height: 1.5;
    width: 97.82%;
}














.products-table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
}

.products-table th{
	padding:10px;
	width:25%;
	text-align:left;
	font-weight:normal;
	background:#eee;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.products-table td{
	padding:10px;
	text-align:left;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.products-end{
	border:2px #C8C8C8 solid;
	padding:30px;
}

.products-end h3{
	margin-bottom:20px;
	background:#445799;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	line-height:150%;
	padding:10px;
}

.products-end-btn{
	text-align:right;
}

.products-end-btn a{
	display:inline-block;
	background:#308EC9;
	color:#fff;
	padding:10px;
	text-align:left;
}

.products-end-btn a:hover{
	text-decoration:none;
}

.products-end-btn a span{
	display:block;
	padding-left:15px;
	background:url(../img/icon_p_end.png) no-repeat left 0.5em;
}

.products-end li{
	width:48%;
	float:left;
	margin-right:4%;
}

.products-end li:last-child{margin-right:0;}


.products-end li img{
	width:100%;
	height:auto;
}



.automation-block{
	margin-bottom:30px;
	padding:30px 20px;
	background:#E8F7FF;
}

.automation-block .innar{
	margin:0 auto;
	max-width:500px;
}

.automation-block .innar h2{
	margin-bottom:10px;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	line-height:140%;
}

.automation-block .innar .image{
	margin-bottom:10px;
}

.automation-block .innar .image img{
	width:100%;
	height:auto;
}

.automation-block .innar ul{
	max-width:420px;
	margin:0 auto;
}

.automation-block .innar ul li{
	width:49%;
	float:left;
	margin-right:2%;
}

.automation-block .innar ul li:last-child{margin-right:0;}

.automation-block .innar ul li a{
	display:block;
	text-align:center;
	background:#308EC9;
	color:#fff;
	padding:10px;
}

.automation-block .innar ul li a:hover{
	text-decoration:none;
}

.automation-block .innar ul li a span{
	display:inline-block;
	padding-left:15px;
	background:url(../img/icon_p_end.png) no-repeat left 0.5em;
}

@media screen and (max-width: 768px){

.automation-block .innar ul li{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}

p.sub-yellow-box {
	float:none;
	margin-bottom:10px;
}

.kind dl{
	float: none;
    width: 100%;
	box-sizing:border-box;
    margin: 0 0 10px 0;
}

.kind dt{
	width:100%;
	padding-top: 0;
	float:none;
}

.kind dd{
	width:100%;
	padding-top: 0;
	float:none;
}




.products-end{
	padding:15px;
}

.products-end-btn{
	text-align:center;
}

.products-end li{
	margin-bottom:10px;
	width:100%;
	float:none;
	margin-right:0;
}

/* メインコンテンツ */
.main {
    width: 100%;
    float: none;
}
.menu ul {
    width: 100%;
}
.menu li {
    width: 100%;
}
.main p {
    font-size: 10px;
}
h2.ptb-30 {
    font-size: 10px;
    font-weight: bold;
}
.content-img img {
    width: 100%;
}



p.sub-yellow-box {
    font-size: 11px;
    width: 91px;
    height: 22px;
}
.kind h2 {
    width: 96%;
    font-size: 10px;
    margin: 0 0 20px 4%;
}

/* インフォメーション */
.info {
    width: 100%;
}
.info h2 {
    font-size: 14px;
    padding: 10px 0 10px 15px;
}
.info p {
    padding: 0 15px;
}
.info:last-child {
    margin-bottom: 40px;
}
.ht-105 {
    height: 90px;
}
.button {
    width: 80px;
    height: 25px;
    margin-top: 10px;
}
.sp-last {
    margin-top: -15px;
}
h3{
    font-size: 10px;
    line-height: 2.4;
}

.advantages {
    width: 100%;
}
.ad-main {
    width: 100%;
}
.ad-main h1 {
    width: 98%;
    font-size: 12px;
    padding-left: 2%;
    line-height: 3.5;
}
.ad-main p {
    width: 100%;
    margin-bottom: 25px;
}


}