@charset "UTF-8";

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
float: none;
width:100%;
text-align: left;
overflow: hidden
}
.hidden {
width: 100%;
overflow: hidden;
}

/*スライド
---------------------------------------------------------------------------*/
.rslides_box {
max-width: 100%;
margin: 0 auto;
overflow:hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.rslides,
#metaslider_6{
max-width: 100%;
margin: 0 auto;
overflow:hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.rslides li{
list-style:none;
}
.rslides img,
#metaslider_6 img{
width: 100%;
height: 350px;
margin: auto;
object-fit: cover;
}
.rslides_box .text{
position: absolute;
top:40%;
right:3%;
}
.rslides_box .text img {
width:250px;
height: auto;
}

@media screen and (min-width: 768px) {
.rslides img,
#metaslider_6 img{
width: 100%;
height:500px;
margin:auto;
object-fit: cover;
}
.rslides_box .text img {
width:350px;
}
}
@media screen and (min-width: 1024px) {
.rslides img,
#metaslider_6 img{
height:600px;
}
.rslides_box .text{
right:10%;
}
.rslides_box .text img {
width:500px;
}
}
@media screen and (min-width: 1200px) {
.rslides img,
#metaslider_6 img{
height:700px;
}
.rslides_box .text img {
width:650px;
}}
@media screen and (min-width: 1500px) {
.rslides img,
#metaslider_6 img{
height:900px;
}}

/*スクロールダウン
---------------------------------------------------------------------------*/
/*スクロールダウン全体の場所*/
.scrolldown1{
position:absolute;
left:50%;
bottom:10px;
height:50px;
}
.scrolldown1 span{
position: absolute;
left:-15px;
top: -15px;
color: #eee;
font-size: 0.7rem;
letter-spacing: 0.05em;
}
.scrolldown1::after{
content: "";
position: absolute;
top: 0;
width: 1px;
height: 30px;
background: #eee;
animation: pathmove 1.4s ease-in-out infinite;
opacity:0;
}
@keyframes pathmove{
0%{
height:0;
top:0;
opacity: 0;
}
30%{
height:30px;
opacity: 1;
}
100%{
height:0;
top:50px;
opacity: 0;
}
}



/*背景
---------------------------------------------------------------------------*/
#bg_top,
#bg_link,
#bg_saiyo{
background: #fff;
margin: 50px 0
}
#bg_bottom,
#bg_info{
width: 100%;
margin-bottom: 50px
}
#bg_service{
background: #e6e6e6;
padding: 50px 0
}



/*事業紹介
---------------------------------------------------------------------------*/
.service_box:after{content: "";
display: block;
clear: both
}
.service_i{
width: 100%;
}
.service_i img{
max-width: 100%;
height: auto;
}

.tbox_left0{
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 20px
}

.tbox_left1{
width: 100%;
display: flex;
justify-content: space-between;
}

.service_t {
width: 100%;
box-sizing: border-box;
padding: 0;
margin-bottom: 20px
}

.service_list_box a {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
text-decoration: none;
width: 100%;
padding: 15px 0;
border-bottom: #999 1px solid;
position: relative;
}
.service_list_box a h5 {
text-decoration: none;
font-weight: normal;
font-size: 100%;
line-height: 150%;
color: #333;
padding:5px 0;
width: 90%;
}
.service_list_box a:after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: #e50012;
border-radius: 100vh;
}

.s_img01:before,
.s_img02:before,
.s_img03:before,
.s_img04:before,
.s_img05:before{
display: inline-block;
width: 38px;
height: 35px;
vertical-align: middle;
padding-right: 40px;
}

.s_img01:before {
content: "";
background: url("../img/top/s_img01.png")center no-repeat;
background-size: contain;
}
.s_img02:before {
content: "";
background: url("../img/top/s_img02.png")center no-repeat;
background-size: contain;
}
.s_img03:before {
content: "";
background: url("../img/top/s_img03.png")center no-repeat;
background-size: contain;
}
.s_img04:before {
content: "";
background: url("../img/top/s_img04.png")center no-repeat;
background-size: contain;
}
.s_img05:before {
content: "";
background: url("../img/top/s_img05.png")center no-repeat;
background-size: contain;
}

@media screen and (min-width: 1024px) {
.service_i {
width: 46%;
float: right;
}
.service_t {
width: 46%;
float: left;
padding: 0;
margin-bottom: 0
}
}


/*btn_BOX
---------------------------------------------------------------------------*/
.btn_info{
margin-top: 40px;
display: block
}
.btn_service{
margin-top: 40px;
display: block;
text-align: left
}
.btn_service_right{
display: block;
text-align: left
}


/*read-more
---------------------------------------------------------------------------*/
.btn_read_more {
display: flex;
justify-content: center;
align-items: center;
width: 120px;
padding: .7em 2em;
background-color: #e50012;
color: #fff;
font-weight: normal;
font-size: 0.8em;
border: 1px solid #e50012;
border-radius: 100vh;
position: relative;
transition: 0.5s;
text-align: center
}
.btn_read_more::after {
content: '';
position: absolute;
top: 50%;
right: 2em;
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: #fff;
border-radius: 100vh;
}
.btn_read_more:hover {
color: #e50012;
background: #fff;
transition: 0.5s;
}



/*link
---------------------------------------------------------------------------*/
.link_3 {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
justify-content: space-between;
}
.flex-item_link img{
max-width: 100%;
height: auto;
}
.flex-item_link {
height: auto;
border: 1px solid #333;
width: 30%;
padding: 0 5px
}

/*link_slick
---------------------------------------------------------------------------*/
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
left: -25px;
z-index: 1;
}
.slick-next {
right: -25px;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #e50012;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {
content: '←';
}
.slick-next:before {
content: '→';
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}






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

} 
@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1200px) {

}