body.top .sp {
display: none;
}
body.top #contents {
padding-bottom: 0px !important;
}
body.top #contents #main-slide .mask {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
body.top #contents #main-slide .top-main-slider-01-mask {
background: url(../img/top/top-main-slider-01-mask.png) right bottom no-repeat;
}
body.top #contents #main-slide .top-main-slider-02-mask {
background: url(../img/top/top-main-slider-02-mask.png) right bottom no-repeat;
}



body.top #contents #main-slide .slide {
display: block;
position: relative;
height:750px !important;
overflow:hidden;
}
body.top #contents #main-slide .slide-catch-block {
position: absolute;
width: 480px;
height: 450px;
background: #ed193a;
display:block;
top: 10%;
left: 0; 
z-index: 3;
}
body.top #contents #main-slide img {
min-width:1920px;
}
@media screen and (max-width: 1820px) {
body.top #contents #main-slide .slider-container .slider img {margin-left:-50px;}
}
@media screen and (max-width: 1720px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-100px;}
}
@media screen and (max-width: 1620px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-150px;}
}
@media screen and (max-width: 1520px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-200px;}
}
@media screen and (max-width: 1420px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-250px;}
}
@media screen and (max-width: 1320px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-300px;}
}
@media screen and (max-width: 1220px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-350px;}
}
@media screen and (max-width: 1024px) {
body.top #contents #main-slide .slider-container .slider img{margin-left:-350px;}
body.top #contents #main-slide .slide-catch-block{width:340px}
}

body.top #contents #main-slide .textSplitLoad {
display: none; }
body.top #contents #main-slide .split {
visibility: hidden; }
body.top #contents #main-slide .ef01 {
top: 0 !important; }
body.top #contents #main-slide .ef02 {
top: 180px !important; }
body.top #contents #main-slide .ef03 {
top: 360px !important; }
body.top #contents #main-slide .text {
position: absolute;
font-size: 82px;
color: #fff;
font-family: Oswald, sans-serif;
line-height: 0px;
letter-spacing: 6px;
top: 10%;
left: 70px;
bottom: 0;
margin: auto;
width: 450px;
height: 440px;
z-index: 10; }
body.top #contents #main-slide .text-2 {
position: absolute;
top: 320px !important;
font-size: 18px;
color: #fff;
font-family: 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
letter-spacing: 6px;
top: 0;
left: 70px;
bottom: 0;
margin: auto;
width: 360px;
height: 260px;
z-index: 10; }
body.top #contents #main-slide .text-2-2 {
position: absolute;
top: 250px !important;
font-size: 18px;
color: #fff;
font-family: 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
letter-spacing: 6px;
top: 0;
left: 70px;
bottom: 0;
margin: auto;
width: 400px;
height: 280px;
z-index: 10; }
body.top #contents #main-slide .text-3 {
position: absolute;
font-size: 74px;
color: #fff;
font-family: Oswald, sans-serif;
line-height: 1.3;
letter-spacing: 4px;
top: 5%;
left: 70px;
bottom: 0;
margin: auto;
width: 800px;
height: 520px;
z-index: 10; 
}
body.top #contents #main-slide .text-3-2 {
position: absolute;
font-size: 74px;
color: #fff;
font-family: Oswald, sans-serif;
line-height: 1.3;
letter-spacing: 4px;
top: 10%;
left: 70px;
bottom: 0;
margin: auto;
width: 800px;
height: 520px;
z-index: 10; 
}
body.top #contents #main-slide .text-2-3 {
position: absolute;
top: 200px !important;
font-size: 18px;
color: #fff;
font-family: 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
letter-spacing: 6px;
top: 0;
left: 70px;
bottom: 0;
margin: auto;
width: 400px;
height: 280px;
z-index: 10; }
body.top #contents #main-slide .text-4 {
position: absolute;
font-size: 74px;
color: #fff;
font-family: Oswald, sans-serif;
line-height: 1.2;
letter-spacing: 4px;
top: 23%;
left: 70px;
bottom: 0;
margin: auto;
width: 800px;
height: 520px;
z-index: 10; 
}
body.top #contents #main-slide .text-3 span {
display:block;
font-family: 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
font-size: 54px;
}

body.top section#service {
position: relative;
width: 100%;
/* min-height:1500px; 2022.02.22*/
min-height:800px;
display:block;
}
body.top section#service .service-container h2 {
position: absolute;
font-size: 68px;
font-family: Oswald, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
color:#dc1433;
letter-spacing: 5px;
line-height:1.3;
text-align:left;
top:90px;
left:130px;
z-index: 10; 
}
body.top section#service .service-container h2 span {
font-size: 20px;
display:block;
font-family: Oswald, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}
body.top section#service .service-container p.link-more a {
position: absolute;
font-size: 16px;
top:180px;
right:130px;
background: url(../img/common/allow01.png) 100% 50% no-repeat;
padding:5px 45px 5px 0px;
font-weight:600;
}

body.top section#service div.service-block {
position: absolute;
background:#dc1433;
width:360px;
color:#ffffff;
display:block;
box-shadow: 2px 2px 0px #757575;
z-index: 10; 
}
body.top section#service div.service-block a {
color:#ffffff;
text-decoration:none;
}
body.top section#service div.service-block a:hover div {
opacity:0.7 !important;
background:#ec1839;
}
body.top section#service div.service-block .service-block-inner {
padding:30px 27px 25px 30px;
position:relative;
}
body.top section#service div.service-block .service-block-inner h3 {
font-size: 34px;
font-weight:600;
line-height:1.2;
text-align:center;
}
body.top section#service div.service-block .service-block-inner h4 {
font-size: 34px;
font-weight:600;
margin-top:35px;
margin-bottom:35px;
line-height:1.2;
text-align:center;
}
body.top section#service div.service-block .service-block-inner h3 span {
display:block;
}
body.top section#service div.service-block .service-block-inner p {
font-size: 16px;
margin-top:20px;
line-height:1.4;
text-align:center;
}
body.top section#service div.service-block .service-block-inner p.more {
text-align:right;
margin-top:0px;
padding:0px;
position: absolute;
bottom: 20px;
right: 22px;
}
body.top section#service div.block-01 {
top:250px;
right:130px;
}
body.top section#service .block-01-image {
position: absolute;
display:block;
width:1450px;
height:547px;
top: 290px;
left:30px;
z-index: 5;
background: url(../img/top/block-01-image.png) no-repeat;
background-size:100%;
}
body.top section#service div.block-03 {
top:980px;
left:250px;
}
body.top section#service .block-03-image {
position: absolute;
display:block;
width:1380px;
height:506px;
top:930px;
right:30px;
z-index: 5;
background: url(../img/top/block-03-image.png) no-repeat;
background-size:100%;
}
body.top section#service div.block-04 {
top:1500px;
right:200px;
}
body.top section#service .block-04-image {
position: absolute;
display:block;
width:1540px;
height:592px;
top: 1540px;
left:100px;
z-index: 5;
background: url(../img/top/block-04-image.png) no-repeat;
background-size:100%;
}
body.top section#service .service-bk-block-01 {
position: absolute;
width: 660px;
height: 600px;
background: #e5eaed;
display:block;
top: 400px;
right: 0; }
body.top section#service .service-bk-block-03 {
position: absolute;
pointer-events: none;
width: 684px;
height: 913px;
background: url(../img/top/service-bk-block-03.png) no-repeat;
display:block;
top: 630px;
left: 0; }
body.top section#service .service-bk-block-04 {
position: absolute;
width: 269px;
height: 676px;
background: url(../img/top/service-bk-block-04.png) no-repeat;
display:block;
top: 1600px;
right: 0; }

body.top section#company-ir ul {
width: 100%;
display:block;
z-index:10;
}
body.top section#company-ir ul li{
width:50%;
display:inline-block;
margin-right:-3px;
}
body.top section#company-ir ul li a {
display:block;
min-height:350px;
padding:20px;
vertical-align:top;
position: relative;
}
body.top section#company-ir ul li.company-container a {
background: url(../img/top/company-container-image.png) no-repeat;
}
body.top section#company-ir ul li.ir-container a {
background: url(../img/top/ir-container-image.png) no-repeat;
}
body.top section#company-ir ul li a::before{
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
opacity:0.5;
}
body.top section#company-ir ul li a:hover::before{
opacity:0.2;
}
body.top section#company-ir h2 {
font-size: 56px;
font-family: Oswald, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
color:#ffffff;
letter-spacing: 5px;
line-height:1.6;
z-index: 10; 
position: absolute;
width: 100%;
text-align: center;
padding-top:100px;
}
body.top section#company-ir h2 span {
font-size:16px;
display:block;
}
body.top section#company-ir h2::after{

}

@media screen and (max-width: 1820px) {
/* body.top section#service { min-height:1460px;}2022.02.22 */
body.top section#service { min-height:760px;}

body.top section#service .block-01-image {width:1370px;}
body.top section#service .service-bk-block-01 {height: 570px;}

body.top section#service div.block-03 {top:950px;}
body.top section#service .block-03-image {top: 900px; width:1310px;}
body.top section#service .service-bk-block-03 {height: 900px;}

body.top section#service div.block-04 {top:1460px;}
body.top section#service .block-04-image {top:1500px; width:1440px;}
body.top section#service .service-bk-block-04 {top:1550px; height: 650px;}
}

@media screen and (max-width: 1720px) {
/* body.top section#service { min-height:1440px;} 2022.02.22 */
ody.top section#service { min-height:740px;}

body.top section#service div.block-01 {top:230px;}
body.top section#service .block-01-image {top: 270px; width:1270px;}
body.top section#service .service-bk-block-01 {height: 510px;}

body.top section#service div.block-03 {top:950px;}
body.top section#service .block-03-image {top: 870px; width:1240px;}
body.top section#service .service-bk-block-03 {top: 600px; height: 900px;}

body.top section#service div.block-04 {top:1440px;}
body.top section#service .block-04-image {top:1480px; width:1340px;}
body.top section#service .service-bk-block-04 {top:1600px; height: 550px;}
}

@media screen and (max-width: 1620px) {
/* body.top section#service { min-height:1440px;} 2022.02.22 */
body.top section#service { min-height:740px;}
body.top section#service .service-container h2 {top:80px;}

body.top section#service .block-01-image{width:1170px;}
body.top section#service .service-bk-block-01 {height: 500px;}

body.top section#service div.block-03 {top:950px;}
body.top section#service .block-03-image {top: 870px; width:1160px;}
body.top section#service .service-bk-block-03 {top: 600px; height: 900px;}

body.top section#service div.block-04 {top:1440px;}
body.top section#service .block-04-image {top:1480px; width:1300px;}
body.top section#service .service-bk-block-04 {top:1550px; height: 550px;}
}

@media screen and (max-width: 1520px) {
/* body.top section#service { min-height:1350px;}2022.02.22  */
body.top section#service { min-height:750px;}
body.top section#service .service-container h2 {top:70px;}

body.top section#service .block-01-image{width:1070px; height: 400px;}
body.top section#service .service-bk-block-01 {height: 450px;}

body.top section#service div.block-03 {top:900px;}
body.top section#service .block-03-image {top: 850px; width:1090px;}
body.top section#service .service-bk-block-03 {top: 600px; height: 900px;}

body.top section#service div.block-04 {top:1350px;}
body.top section#service .block-04-image {top:1400px; width:1240px;}
body.top section#service .service-bk-block-04 {top:1500px; height: 550px;}
}

@media screen and (max-width: 1420px) {
/* body.top section#service { min-height:1280px;} 2022.02.22 */
body.top section#service { min-height:680px;}
body.top section#service .service-container h2 {top:60px;}
body.top section#service .service-container p.link-more a {top:140px;}

body.top section#service div.block-01{top:190px;}
body.top section#service .block-01-image{top:230px; width:1070px;}
body.top section#service .service-bk-block-01 {height: 450px;}

body.top section#service div.block-03 {top:800px;}
body.top section#service .block-03-image {top: 750px; width:1020px;}
body.top section#service .service-bk-block-03 {top: 650px; height: 850px;}

body.top section#service div.block-04 {top:1280px;}
body.top section#service .block-04-image {top:1350px; width:1240px;}
body.top section#service .service-bk-block-04 {top:1500px; height: 500px;}
}

@media screen and (max-width: 1320px) {
/* body.top section#service { min-height:1180px;}2022.02.22  */
body.top section#service { min-height:680px;}
body.top section#service .service-container h2 {top:50px;}
body.top section#service .service-container p.link-more a {top:110px;}

body.top section#service div.block-01{top:160px;}
body.top section#service .block-01-image{top: 200px; width:1070px;}
body.top section#service .service-bk-block-01 {top: 250px; height: 400px;}

body.top section#service div.block-03 {top:750px;}
body.top section#service .block-03-image {top: 700px; width:1000px;}
body.top section#service .service-bk-block-03 {top: 550px; height: 800px;}

body.top section#service div.block-04 {top:1180px;}
body.top section#service .block-04-image {top:1250px; width:1200px;}
body.top section#service .service-bk-block-04 {top:1400px; height: 500px;}
}

@media screen and (max-width: 1220px) {
/* body.top section#service { min-height:1080px;} 2022.02.22 */
body.top section#service { min-height:580px;}

body.top section#service .block-01-image{top: 200px; width:1070px; height: 280px;}
body.top section#service .service-bk-block-01 {top: 250px; height: 350px;}

body.top section#service div.block-03 {top:600px;}
body.top section#service .block-03-image {top: 550px; width: 900px;}
body.top section#service .service-bk-block-03 {top: 450px; left:-100px; background-size:500px;}

body.top section#service div.block-04 {top:1080px;}
body.top section#service .block-04-image {top: 950px; width:1100px;}
body.top section#service .service-bk-block-04 {top:1250px; right:-70px; background-size:200px;}
}

@media only screen and (max-width: 1024px)  {
/* body.top section#service { min-height:1030px;} 2022.02.22 */
body.top section#service { min-height:430px;}

body.top section#service div.block-01{top:180px;}
body.top section#service .block-01-image{top: 150px; width: 600px; left:0;}
body.top section#service .service-bk-block-01 {top: 200px; height: 350px;}

body.top section#service div.block-03 {top:630px;}
body.top section#service .block-03-image {top: 550px; width:600px; left:0;}
body.top section#service .service-bk-block-03 {top: 600px; left:-100px; background-size:400px;}

body.top section#service div.block-04 {top:1030px;}
body.top section#service .block-04-image {top: 1000px; width: 600px; left:0;}
body.top section#service .service-bk-block-04 {top:1050px; right:-70px; background-size:200px;}

body.top section#service div.service-block .service-block-inner p.more {bottom: 8px; right: 8px;}

body.top section#company-ir ul li.company-container a {margin-left:-150px;}
body.top section#company-ir h2 {margin-left:70px;}
body.top section#company-ir ul li.ir-container a {margin-left:-150px;}
body.top section#service div.service-block .service-block-inner p.more{position:relative;}
}

@media only screen and (max-width: 410px){
    body.top section#service div.service-block .service-block-inner p.more {bottom: -8px; right: -8px;}
    body.top section#service div.service-block .service-block-inner p{margin-top:4px; letter-spacing:-0.05em;}
}

body.top section#news {
margin-top:150px;
}
body.top section#news .news-inner{
background:#f4f4f4;
padding-bottom:5px;
}
body.top section#news .news-inner .ttl {max-width:1280px;margin:0px auto;text-align:center;position:relative;height:40px;/* margin-bottom: 60px; */}
body.top section#news .news-inner .ttl h2 {position:absolute;top: -33px;left:30px;font-size: 68px;font-family: Oswald, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;color:#000000;letter-spacing: 5px;line-height:1.3;text-align:left;z-index: 10;margin-top:-50px;}
body.top section#news .news-inner .ttl h2 span {
font-size: 20px;
display:block;
font-family: Oswald, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
text-align:center;
}
body.top section#news .news-inner .ttl p.link-more a {
position:absolute;
top:30px;
right:30px;
font-size: 16px;
background: url(../img/common/allow01.png) 100% 50% no-repeat;
padding:5px 45px 5px 0px;
font-weight:600;
}
body.top section#news .news-inner dl {width:1020px;margin: 25px auto;text-align:center;}
body.top section#news .news-inner dt,body.top section#news .news-inner dd {
font-size:17px;
text-align:left;
display:inline-block;
vertical-align:top;
}
body.top section#news .news-inner dt {
width:100px;
color:#a5a5a5;
margin-bottom:35px;
}
body.top section#news .news-inner dd.cate {
width:100px;
background:#dc1433;
color:#ffffff;
text-align:center;
padding:0px;
margin-bottom:35px;
}
body.top section#news .news-inner dd.cate_o {
width:100px;
background:#dddddd;
color:#ffffff;
text-align:center;
padding:0px;
margin-bottom:35px;
}
/* clumn*/
body.top section#news .news-inner dd.cate2 {
    width:100px;
    background:skyblue;
    color:#ffffff;
    text-align:center;
    padding:0px;
    margin-bottom:35px;
    }
    body.top section#news .news-inner dd.cate2_o {
    width:100px;
    background:#dddddd;
    color:#ffffff;
    text-align:center;
    padding:0px;
    margin-bottom:35px;
    }
 /*  */
body.top section#news .news-inner dd.cont {
width:790px;
font-weight:600;
padding-left:20px;
margin-bottom:35px;
}
body.top section#news .news-inner dd.cont a {
color:#000000;
}


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

body.top #contents #main-slide .mask {
position: absolute;
width: 100%;
height: 100%;
background: url(../img/top/top-main-slider-01-mask-sp.png) right bottom no-repeat;
z-index: 2;
}
body.top #contents #main-slide .slide {
display: block;
position: relative;
height:520px !important;
overflow:hidden;
}
body.top #contents #main-slide .slide-catch-block {
position: absolute;
height: 280px;
background: #ed193a;
display:block;
top: 24%;
left: 0; 
}
body.top #contents #main-slide img {
min-width:1100px;
}
body.top #contents #main-slide .textSplitLoad {
display: none; }
body.top #contents #main-slide .split {
visibility: hidden; }
body.top #contents #main-slide .ef01 {
top: 0 !important; }
body.top #contents #main-slide .ef02 {
top: 100px !important; }
body.top #contents #main-slide .ef03 {
top: 200px !important; }
body.top #contents #main-slide .text {
position: absolute;
font-size: 46px;
line-height: 0px;
letter-spacing: 6px;
top: 10%;
left: 40px;
bottom: 0;
margin: auto;
width: 340px;
height: 180px;
z-index: 10; 
}
body.top #contents #main-slide .text-2 {
top: 450px !important;
font-size: 14px;
letter-spacing: 3px;
top: 0;
left: 40px;
bottom: 0;
margin: auto;
width: 360px;
height: 340px;
}
body.top #contents #main-slide .text-2-2 {
top: 450px !important;
font-size: 14px;
letter-spacing: 3px;
top: 0;
left: 40px;
bottom: 0;
margin: auto;
width: 360px;
height: 380px;
}
body.top #contents #main-slide .text-3 {
position: absolute;
font-size: 46px;
top: 15%;
left: 40px;
bottom: 0;
margin: auto;
width: 340px;
height: 260px;
z-index: 10; 
line-height:1.4;
}
body.top #contents #main-slide .text-3-2 {
position: absolute;
font-size: 46px;
top: 20%;
left: 40px;
bottom: 0;
margin: auto;
width: 340px;
height: 260px;
z-index: 10; 
line-height:1.4;
}
body.top #contents #main-slide .text-2-3 {
top: 400px !important;
font-size: 14px;
letter-spacing: 3px;
top: 0;
left: 40px;
bottom: 0;
margin: auto;
width: 360px;
height: 380px;
}
body.top #contents #main-slide .text-3 span {
font-size: 32px;
}
body.top section#service .service-container h2 {
top:40px;
left:0;
font-size: 42px;
letter-spacing: 3px;
line-height:1.3;
margin:0px auto;
text-align:center;
width:100%;
}
body.top section#service .service-container h2 span {
font-size: 16px;
}
body.top section#service .service-container p.link-more a {
position: absolute;
font-size: 16px;
top:140px;
left:0;
background: url(../img/common/allow01.png) center 32% no-repeat;
background-size:28px;
font-weight:600;
z-index: 10; 
padding-right:125px;
margin:0px auto;
text-align:center;
width:100%;
display:none;
}
body.top section#service div.service-block {
width:80%;
margin:0px auto;
text-align:center;
left:10%;
}
body.top section#service div.service-block .service-block-inner {
padding:30px 27px 25px 30px;
text-align:left;
}
body.top section#service div.service-block .service-block-inner h3 {
font-size: 30px;
}
body.top section#service div.service-block .service-block-inner h4 {
font-size: 30px;
margin-top:25px;
margin-bottom:25px;
}
body.top section#company-ir ul li{
width: 100%;
display:block;
margin-right:0px;
}
body.top section#company-ir ul li a {
display:block;
min-height:300px;
}
body.top section#company-ir h2 {
font-size: 42px;
letter-spacing: 3px;
line-height:1.7;
}
body.top section#company-ir h2::after{
top: 155px;
left: 44%;
}

body.top section#news {
margin-top:120px;
}
body.top section#news .news-inner{
background:#f4f4f4;
padding-bottom:5px;
}
body.top section#news .news-inner .ttl{
    /* margin-bottom:0; */
}
body.top section#news .news-inner .ttl h2 {left:0px;margin-left:20px;font-size: 42px;letter-spacing: 3px;line-height:1.3;text-align:left;top: 0;}
body.top section#news .news-inner .ttl h2 span {
font-size: 16px;
}
body.top section#news .news-inner .ttl p.link-more a {
display:none;
}
body.top section#news .news-inner p.link-more-sp a {
display:none;
}
body.top section#news .news-inner dl {
width:90%;
margin:20px auto;
text-align:left;
}
body.top section#news .news-inner dt,body.top section#news .news-inner dd {
font-size:16px;
}
body.top section#news .news-inner dt {
margin-bottom:10px;
}
body.top section#news .news-inner dd.cate {
margin-bottom:10px;
}
body.top section#news .news-inner dd.cont {
width:100%;
padding-left:0px;
margin-bottom:35px;
}
}