@charset "utf-8";
/* layout css*/
/*メイン背景画像
-----------------------------------*/
.MainImgLas{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/las_302/main.jpg");
background-position:center bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
top: 0px;
position: relative;
background-attachment: fixed;
}

@media screen and (max-width: 979px) {
.MainImgLas{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/las_302/main.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
top: 0px;
position: relative;
}
}

/*ページコンテンツ背景画像
-----------------------------------*/
/*LAS*/

.MainImgLasProd01{
background: linear-gradient(to left, rgba(256, 256, 256, 0.8),rgba(256, 256, 256, 0.6),rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0)),
url("../../images/las_302/main_sub.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
top: 0px;
position: relative;
}
@media screen and (min-width: 1179px) {
.MainImgLasProd01{
background: linear-gradient(to left, rgba(256, 256, 256, 0.8),rgba(256, 256, 256, 0.6),rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0)),
url("../../images/las_302/main_sub.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-size: 150%;
min-height: 550px;
top: 0px;
position: relative;
}
}
.MainImgLasProdSp,
.MainImgLasProd02,
.MainImgLasProd03{
background-color: #ffffff;
}

.MainImgLasProd04{
background-image: url("../../images/las_302/photo01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 350px;
top: 0px;
position: relative;
margin-bottom: 0;
background-attachment: fixed;
}
@media screen and (max-width: 979px) {
.MainImgLasProd04{
background-image: url("../../images/las_302/photo01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
min-height: 300px;
top: 0px;
position: relative;
margin-bottom: 0px;
background-attachment :scroll;
}
}

/*container
-----------------------------------*/
.MainImgLas .container{
width: 100%;
padding-right: 0px;
padding-left: 20px;
padding-top: 130px;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}


@media screen and (max-width: 979px) {
.MainImgLas .container{
width: 100%;
padding-right: 0px;
padding-left: 0;
padding-top: 110px;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}
}


/*LAS*/
.MainImgLasProdSp .container,
.MainImgLasProd02 .container,
.MainImgLasProd03 .container-fuild{
width: 100%;
padding-right: 0px;
padding-top: 80px;
margin-right: auto;
margin-left: auto;
}
.MainImgLasProd01 .container{
width: 100%;
padding-right: 0px;
padding-top: 60px;
padding-bottom: 60px;
margin-right: auto;
margin-left: auto;
}

.MainImgLasProd03 .container{
width: 100%;
padding-right: 0px;
padding-top: 0px;
margin-right: auto;
margin-left: auto;
}

@media screen and (max-width: 979px) {
.MainImgLasProdSp .container,
.MainImgLasProd01 .container,
.MainImgLasProd02 .container,
.MainImgLasProd03 .container,
.MainImgLasProd03 .container-fuild{
width: 90%;
padding-right: 0px;
padding-left: 0px;
padding-top: 2em;
padding-bottom: 0em;
margin-right: auto;
margin-left: auto;
}
}

/*display-4
-----------------------------------*/
.MainImgLas .display-4{
font-size: 4.5rem;
font-weight: 500;
line-height: 1.2;
font-feature-settings : "palt";
}

@media screen and (max-width: 979px) {
.MainImgLas .display-4{
font-size: 7.5vmin;
font-weight: 500;
line-height: 1.4;
font-feature-settings : "palt";
}
}
/*h3/4
-----------------------------------*/
/*LAS*/
.MainImgLasProdSp h3,
.MainImgLasProd01 h3,
.MainImgLasProd02 h3,
.MainImgLasProd03 h3{
margin-top: 1em;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.35;
font-feature-settings : "palt";
}

h3.case {
font-size: 1.1rem;
font-weight: bold;
}
@media screen and (max-width: 979px) {
.MainImgLasProdSp h3,
.MainImgLasProd01 h3,
.MainImgLasProd02 h3,
.MainImgLasProd03 h3{
margin-top: 1em;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.6;
font-feature-settings : "palt";
padding: 0 0.3em;
}
h3.case {
font-size: 1.3rem;
font-weight: bold;
}
}

.MainImgLasProd03 h4{
margin-top: 0.5em;
font-size: 1.35rem;
font-weight: 700;
line-height: 1.8;
font-feature-settings : "palt";
margin-bottom: 25px;
}


.MainImgSpec h4{
margin: 2em 0 0.5em 0;
}
.MainImgSpec h4 span{
font-size: 1.35rem;
padding-left: 1rem;
}
.MainImgLasProd01 .Pagelead,
.MainImgLasProdSp .Pagelead{
padding-bottom: 0.5em;
}
.MainImgLasProd02 .Pagelead,
.MainImgLasProd03 .Pagelead{
padding-bottom: 0.5em;
margin-bottom: 0;
}

.needs_las h4{
font-size: 1.35rem;
display: block;
background-color: #00699A;
color: #ffffff ;
text-align: center;
padding: 0.3em  0.3em;
line-height: 1.65;
}

@media screen and (max-width: 979px) {
.needs_las h4{
display: block;
background-color: #00699A;
color: #ffffff ;
text-align: center;
padding: 1.4em  1.3em;
font-size: 1.0rem;
}
}


.las302_ul{
margin: 2em 0;
padding: 0 0 3rem 0;
font-size: 1.16rem;
font-weight: bold;
line-height: 1.6;
list-style-type: none;
}
.las302_ul li:before {
content:  "";     /* 空の要素作成 */
width:  12px;               /* 幅指定 */
height:  12px;              /* 高さ指定 */
display:  inline-block;     /* インラインブロックにする */
background-color: #00699A;  /* 背景色指定 */
border-radius:  50%;        /* 要素を丸くする */
position:  relative;        /* 位置調整 */
top: -1px;                  /* 位置調整 */
margin-right: 5px;          /* 余白指定 */
}

.las302_ul li{
margin: 0.3em 0;
}

.las302_ul p{
font-size: 1.0rem;
font-weight: 300;
padding-left: 20px;
padding: 0.25rem 0 0.5rem 2rem;
}

table.spec tr th{
width: 30%;
padding: 12px 30px;
font-weight: normal;
word-wrap: break-word;
white-space: normal;
box-sizing:border-box;
}
table.spec tr td {
padding: 12px 30px;
font-weight: normal;
line-height: 1.8;
border-left: #DEDEDE solid 1px;
text-align: left;
word-wrap: break-word;
white-space: normal;
box-sizing: border-box;
}
table.spec tr td.prodname{
font-weight: 600;
font-size: 1rem;
word-wrap: break-word;
white-space: normal;
text-align: center;
}

@media (max-width: 576px){
table.spec tr th{
width: 90vw;
padding: 12px 10px 6px 10px;
font-weight: 600;
white-space: normal;
display: block;
border-left: #DEDEDE solid 1px;
}
}

.feature_ul{
margin-top: 1em;
font-size: 1.1rem;
font-weight: normal;
line-height: 1.6;
list-style-type: none;
background:#fafbfc;
padding: 1rem;
border-radius: 0.25rem;
}
.feature_ul li:before {
content:  "";     /* 空の要素作成 */
width:  8px;               /* 幅指定 */
height:  8px;              /* 高さ指定 */
display:  inline-block;     /* インラインブロックにする */
background-color: #6e6e6e;  /* 背景色指定 */
border-radius:  50%;        /* 要素を丸くする */
position:  relative;        /* 位置調整 */
top: -1px;                  /* 位置調整 */
margin-right: 12px;          /* 余白指定 */
}

.feature_ul li{
margin: 0.3em 0;
}

.lora_ul_box{
margin:0 auto;
width: 100%;
}
.lora_ul{
margin: 0 auto;
font-size: 1.16rem;
font-weight: bold;
line-height: 1.6;
padding: 0 0.25rem;
border-radius: 0.25rem;
text-align: left;
display: inline-block;
}
.lora_ul li:before {
content:  "";     /* 空の要素作成 */
width:  12px;               /* 幅指定 */
height:  12px;              /* 高さ指定 */
display:  inline-block;     /* インラインブロックにする */
background-color: #00699A;  /* 背景色指定 */
border-radius:  50%;        /* 要素を丸くする */
position:  relative;        /* 位置調整 */
top: -1px;                  /* 位置調整 */
margin-right: 5px;          /* 余白指定 */
}

.lora_ul li{
margin:0;
padding: 0.25rem 0;
margin: 0 1rem;
text-align: left;
}

@media screen and (max-width: 979px) {
.lora_ul_box{
margin: 0 0;
width: 90%;
display: block;
}
.lora_ul li{
min-width: unset;
margin:0;
display: block;
padding: 0.25rem 0rem;
text-align: left;
}

.card{
width: 90%;
margin: 0 auto;
}
}

.b_space{
margin-top:2rem;
}

.card {
padding: 0.5rem;
}

.card-body{
padding: 0.35rem 0;
background-color: #000;
color: #fff;
}
.center-block {
text-align: center;
}
.center-block img{
margin: 0 auto;
}