@charset "UTF-8";
/* CSS Document */
@keyframes loop-slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes transformLeftRight {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes transformRightLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
/*PC*/
@media print, screen and (min-width: 768px) {
#hed .hed_bg {
background: url("../images/business/hed_bg.jpg") center no-repeat;
background-size: auto;
background-size: cover;
width: 100%;
height: 400px;
position: relative;
}
#business {
min-width: 1400px;
}
#business .cont01 .top_text {
text-align: center;
margin-top: 130px;
}
#business .cont01 h2 {
font-size: 1.5rem;
}
#business .cont01 h3 {
font-size: 2rem;
margin-top: 25px;
}
#business .cont01 p {
text-align: center;
margin-top: 30px;
font-size: 1.1rem;
position: relative;
}
#business .cont02 {
width: 900px;
margin: 100px auto;
}
#business .cont02 .cotent_tit {
text-align: center;
font-size: 1.5rem;
font-weight: 600;
}
#business .cont02 ul {
width: 100%;
height: auto;
display: flex;
box-sizing: border-box;
text-align: left;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
#business .cont02 ul::after {
content: "";
width: 32.3333%;
display: block;
}
#business .cont02 ul li {
height: auto;
box-sizing: border-box;
text-align: left;
position: relative;
width: 32.3333%;
margin-top: 20px;
border: solid 1px;
}
#business .cont02 ul li a {
width: 100%;
position: relative;
}
#business .cont02 ul li .work_tit {
padding: 20px;
box-sizing: border-box;
}
#business .cont02 ul li .img_box {
position: relative;
}

#business .cont02 ul li .work_tit h4 {
font-size: 1.1rem;
position: relative;
padding-left: 15px;
margin: 0 0 10px;
}
#business .cont02 ul li .work_tit h4::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2px;
background: #121212;
}
#business .cont02 .work_box.mt50 {
margin-top: 50px;
}
#business .cont03 {
width: 900px;
margin: 100px auto;
}
#business .cont03 h3 {
font-size: 2.1rem;
text-align: center;
}
}
/*sp*/
@media only screen and (max-width: 767px) {
#hed .hed_bg {
background: url("../images/business/hed_bg.jpg") center no-repeat;
background-size: auto;
background-size: cover;
width: 100%;
height: 400px;
position: relative;
}
#business .cont01 {
padding: 0 3%;
}
#business .cont01 .top_text {
margin-top: 100px;
}
#business .cont01 h2 {
font-size: 1.5rem;
}
#business .cont01 h3 {
font-size: 1.5rem;
margin-top: 25px;
}
#business .cont01 p {
margin-top: 30px;
font-size: .9rem;
position: relative;
}
#business .cont02 {
margin: 100px 3%;
}
#business .cont02 .cotent_tit {
text-align: center;
font-size: 1.3rem;
font-weight: 600;
}
#business .cont02 ul {
width: 100%;
height: auto;
display: flex;
box-sizing: border-box;
text-align: left;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
#business .cont02 ul::after {
content: "";
width: 32.3333%;
display: block;
}
#business .cont02 ul li {
height: auto;
box-sizing: border-box;
text-align: left;
position: relative;
margin-top: 20px;
border: solid 1px;
}
#business .cont02 ul li a {
width: 100%;
position: relative;
}
#business .cont02 ul li .work_tit {
padding: 15px;
box-sizing: border-box;
}
#business .cont02 ul li .img_box {
position: relative;
}

#business .cont02 ul li .work_tit h4 {
font-size: 1rem;
position: relative;
padding-left: 15px;
}
#business .cont02 ul li .work_tit h4::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2px;
background: #121212;
}
#business .cont02 .work_box.mt50 {
margin-top: 50px;
}
#business .cont03 {
margin: 100px auto;
}
#business .cont03 h3 {
font-size: 1.5rem;
text-align: center;
}
}