@charset "UTF-8";
@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}

/*PC*/
@media print, screen and (min-width: 1025px) {
#strengths{
margin: 0 auto;
overflow: hidden;
}

#strengths .block{
width: 1180px;
position: relative;
margin: 0 auto 60px;
}

#strengths .block .ttl_box{
border-bottom: 1px solid #b40019;
padding-bottom: 10px;
box-sizing: border-box;
margin-bottom: 30px;
}

#strengths .block .ttl_box .icon{
width: 40px;
margin: 0 auto 10px;
}

#strengths .block .ttl_box .ttl{
margin-bottom: 0;
}

#strengths .txt_box .red_txt0{
line-height:2;
margin-bottom:40px;
text-align: center;
}

#strengths .flow_img{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#strengths .flow_img li{
width: 31%;
position: relative;
}

#strengths .flow_img li:nth-child(2){
margin-top:80px;
}

#strengths .flow_img li a{
transition: all .5s ease;
}

#strengths .flow_img li a:hover{
opacity: .5;
}


#strengths .gs_block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 0 20px;
}

#strengths .gs_block .img{
width: 37%;
}

#strengths .gs_block .img img{
border-radius: .6rem;
}

#strengths .gs_block .txt_box{
width: 59%;
}

#strengths .gs_block .txt_box .red_txt{
line-height:2;
margin-bottom:40px;
}


#strengths article{
overflow: hidden;
margin: -5px auto 100px;
}

#strengths article .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#strengths article .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:10rem;
font-weight:100;
line-height: .9;
overflow: hidden;
color:#b40019;
}

#strengths article .loop_wrap div:nth-child(odd) {
animation: txtloop 90s -45s linear infinite;
}

#strengths article .loop_wrap div:nth-child(even) {
animation: txtloop2 90s linear infinite;
}

#strengths .block .slider3 .slick-slide{
margin: 0 6px;
}

#strengths .block .slider3 .slick-slide img{
border-radius: .4rem;
overflow: hidden;
}


#strengths .parallax_img{
width: 100%;
height:400px;
overflow: hidden;
margin:0 auto 60px;
}

}

/*tab*/
@media print, screen and (min-width: 768px) and (max-width: 1024px) {
#strengths{
margin: 0 auto;
overflow: hidden;
}

#strengths .block{
width: 90%;
position: relative;
margin: 0 auto 60px;
}

#strengths .block .ttl_box{
border-bottom: 1px solid #b40019;
padding-bottom: 10px;
box-sizing: border-box;
margin-bottom: 30px;
}

#strengths .block .ttl_box .icon{
width: 40px;
margin: 0 auto 10px;
}

#strengths .block .ttl_box .ttl{
margin-bottom: 0;
}

#strengths .txt_box .red_txt0{
line-height:2;
margin-bottom:40px;
text-align: center;
}

#strengths .flow_img{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#strengths .flow_img li{
width: 31%;
position: relative;
}

#strengths .flow_img li:nth-child(2){
margin-top:80px;
}

#strengths .flow_img li a{
transition: all .5s ease;
}

#strengths .flow_img li a:hover{
opacity: .5;
}


#strengths .gs_block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 0 20px;
}

#strengths .gs_block .img{
width: 37%;
}

#strengths .gs_block .img img{
border-radius: .6rem;
}

#strengths .gs_block .txt_box{
width: 59%;
}

#strengths .gs_block .txt_box .red_txt{
line-height:2;
margin-bottom:40px;
}


#strengths article{
overflow: hidden;
margin: -5px auto 100px;
}

#strengths article .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#strengths article .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:10rem;
font-weight:100;
line-height: .9;
overflow: hidden;
color:#b40019;
}

#strengths article .loop_wrap div:nth-child(odd) {
animation: txtloop 90s -45s linear infinite;
}

#strengths article .loop_wrap div:nth-child(even) {
animation: txtloop2 90s linear infinite;
}

#strengths .block .slider3 .slick-slide{
margin: 0 6px;
}

#strengths .block .slider3 .slick-slide img{
border-radius: .4rem;
overflow: hidden;
}


#strengths .parallax_img{
width: 100%;
height:400px;
overflow: hidden;
margin:0 auto 60px;
}

}

/*sp*/
@media only screen and (max-width: 767px) {
#strengths{
margin: 0 auto;
overflow: hidden;
}

#strengths .block{
width: 90%;
position: relative;
margin: 0 auto 30px;
}

#strengths .block .ttl_box{
border-bottom: 1px solid #b40019;
padding-bottom: 10px;
box-sizing: border-box;
margin-bottom: 30px;
}

#strengths .block .ttl_box .icon{
width: 40px;
margin: 0 auto 10px;
}

#strengths .block .ttl_box .ttl{
margin-bottom: 0;
}

#strengths .txt_box .red_txt0{
line-height:2;
margin-bottom:30px;
}

#strengths .flow_img{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#strengths .flow_img li{
width:31%;
position: relative;
}

#strengths .flow_img li:nth-child(2){
margin-top:20px;
}

#strengths .flow_img li a{
transition: all .5s ease;
}

#strengths .flow_img li a:hover{
opacity: .5;
}


#strengths .gs_block{
margin:0 0 30px;
}

#strengths .gs_block .img{
width: 60%;
margin: 0 auto 20px
}

#strengths .gs_block .img img{
border-radius: .6rem;
}

#strengths .gs_block .txt_box{
width: 100%;
}

#strengths .gs_block .txt_box .red_txt{
line-height:2;
margin-bottom:40px;
}


#strengths article{
overflow: hidden;
margin: -5px auto 100px;
}

#strengths article .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#strengths article .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:10rem;
font-weight:100;
line-height: .9;
overflow: hidden;
color:#b40019;
}

#strengths article .loop_wrap div:nth-child(odd) {
animation: txtloop 90s -45s linear infinite;
}

#strengths article .loop_wrap div:nth-child(even) {
animation: txtloop2 90s linear infinite;
}

#strengths .block .slider3 .slick-slide{
margin: 0 6px;
}

#strengths .block .slider3 .slick-slide img{
border-radius: .4rem;
overflow: hidden;
}

#strengths .parallax_img{
width: 100%;
height:100px;
overflow: hidden;
margin:0 auto 30px;
}

}