﻿@charset "UTF-8";


div#onayami .copy {
    font-size: 34px;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
    position:relative;
	display: inline-block;
}

div#onayami .copy:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 60px;
    background: url(../images/img02.png);
    top: 0;
    left: -140px;
}
div#onayami .copy:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 60px;
    background: url(../images/img03.png);
    top: 0;
    right: -140px;
}
div#onayami {
    text-align: center;
}
.onayamiBox {
    position: relative;
}
.onayamiBox ul li {
    position: absolute;
    font-weight:bold;
    font-size: 20px;
    line-height: 1.6;
}
.onayamiBox ul li strong {
    color: #de3131;
}
.onayamiBox ul li:nth-of-type(1) {
    left: 80px;
    top: 30px;
}
.onayamiBox ul li:nth-of-type(2) {
    left: 405px;
    top: 30px;
}
.onayamiBox ul li:nth-of-type(3) {
    left: 792px;
    top: 30px;
}
.main-image {
    background: url("../images/bg.png") no-repeat center center;
    height: 400px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	display: flex;
	align-items: center;
}
.main-image .inner {
position:relative;
}
.main-image .inner .icon {
	position:absolute;
}
.main-image .inner h1 {
	padding-top: 0;
	color: #fff;
	font-size: 50px;
}
.main-image .inner .icon {
    position: absolute;
    top: -110px;
    left: 800px;
}
div#solution p.copy {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    position: relative;
    line-height: 1.4;
    margin-top: 80px;
    background: rgba(222, 49, 49, .1);
    padding: 20px 10px;
    border: 2px solid #de3131;
    border-radius: 4px;
    color: #de3131;
}
div#solution p.copy:after {
    content: '';
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 80px 0 80px;
    border-color: #de3131 transparent transparent transparent;
    left: calc( 50% - 80px );
    top: -50px;
}
#content .box h3 {
display: block;
    margin-top: 50px;
    height: 35px;
    line-height: 25px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/h3_border.gif) no-repeat left bottom;
    margin: 50px auto 35px;
	text-align: left;
}
.box .c3 > * {
    margin-bottom: 40px;
}
div#case h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1.4;
}

div#case .movie .btn {
    margin: 20px 0 0;
}
div#case  .movie {
    padding: 5px 0 0 50px;
}
#content #case p.copyS {
margin-top: 0;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4;
}
ul.pslist .btn {
    width: 380px;
    margin: 0 auto;
}

ul.pslist {
    margin-bottom: 60px;
}
.imgHover:hover, div#case .movie:hover {
	opacity: .7;
	transition: .3s;
}
.main-image p.copy {
    font-size: 30px;
    font-weight: bold;
    background: #de3131;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.main-image p.copy strong {
    font-size: 40px;
}
.balloon_list:hover {
opacity: 1;
}