@charset "utf-8";


/*インデックス*/
.guide{
text-align: center;
position: relative;
z-index: 1;}
.guide p{
padding: 30px 0 30px 0;
font-size: 12px;
color: gray;
text-decoration: none;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-feature-settings: "palt";}
.guide a{
font-size: 12px;
color: gray;
text-decoration: none;}
.guide span a:hover{
opacity: 0.75;
text-decoration: underline;}


/*メインイメージ*/
main{
z-index: 1;
margin: 0 auto;
background-color: white;}
/*画像をセンターにした↓*/
img{
width: 100%;}
.loop-p{
margin-top: 0px;
max-width: 3000px;
margin: auto;
position: relative;}

.loop-t .loop-ty000{
max-width: 1300px;
margin: auto;}
.loop-t .loop-ty{
position: absolute;
top: 50%;
transform: translateY(-50%) translateY(-.5px);
display: block;
height: 120px;
width: 390px;
background-color: #191e23;
font-feature-settings: "palt";}

.main0{
margin-top: 20px;
padding-left: 30px;
font-size: 20px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
margin-bottom: -5px;}
.main00{
padding-left: 30px;
font-size: 40px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-family: industry,Arial,sans-serif;}
.main000{
padding-top: 13px;
padding-left: 25px;
font-size: 38px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-family: industry,Arial,sans-serif;
line-height: 1.2;}
.main000_2{
padding-top: 17px;
padding-left: 25px;
font-size: 38px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-family: industry,Arial,sans-serif;
line-height: 1.2;}
.second-copy3 .brbr{
display: none;}
@media screen and (min-width: 1700px){
.loop-t .loop-ty{
left: 200px;
height: 200px;
width: 550px;}
.main0{
margin-top: 40px;
font-size: 30px;}
.main00{
font-size: 55px;}
.main000_2{
padding-top: 36px;
font-size: 55px;}}


@media screen and (max-width: 1200px){
.guide p{
padding: 45px 0 20px 0;}}



@media screen and (max-width: 800px){
.loop-t .loop-ty .main0{
font-size: 18px;
padding-left: 15px;
margin-top: 12px;}
.loop-t .loop-ty .main00{
font-size: 30px;
padding-left: 15px;}
.loop-t .loop-ty{
left: 30px;
height: 90px;
width: 300px;}
.main000{
padding-top: 9px;
font-size: 30px;}
.loop-t .loop-ty2{
left: 30px;
height: 90px;
width: 310px;}
.main000_2{
padding-top: 13px;
font-size: 28px;}}
@media screen and (max-width: 600px){
.loop-t .loop-ty .main0{
font-size: 20px;
margin-bottom: -5px;}
.loop-t .loop-ty .main00{
font-size: 32px;}
.loop-t .loop-ty{
top: 49%;
left: 0px;
height: 90px;
width: 265px;}
.main000{
font-size: 28px;}
.loop-t .loop-ty2{
top: 49%;
left: 0px;
height: 90px;
width: 275px;}}
@media screen and (max-width: 550px){
.loop-t .loop-ty{
position: static;
top: 0%;
left: 0px;
transform: translateX(0%) translateY(0px);
margin-top: -20px;
width: 100%;
height: 80px;}
.loop-t .loop-ty .main0{
padding-top: 10px;
font-size: 17px;
margin-left: 10px;}
.loop-t .loop-ty .main00{
font-size: 28px;
margin-left: 10px;}
.main000_2{
padding-top: 12px;
font-size: 25px;}}

.main-second{
margin-top: 60px;
margin-bottom:60px;
font-feature-settings: "palt";}
.second-copy1 p{
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
font-size: 35px;
color: dimgray; /*lightgray;*/
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;}
.second-copy2{
text-align: center;
font-size: 30px;/*20250418 27px*/
font-weight: bold;
color: crimson;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
/*line-height: 1.3;*/}
.second-copy3{
text-align: center;
margin-top: 18px;
font-size: 16px;
color: gray;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';}


/*カードレイアウトの高さ揃えるここから;*/
.l-container {
max-width: 1330px;
margin: auto;
padding: 0 60px 0 60px;}

.card__list {
margin:50px 0 50px 0 ;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
gap: 50px 30px;}

.card__item {

display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
gap: 0px;
box-shadow: 2px 2px 5px 1px lightgray;}
.card__item h2 {
font-size: 20px;
font-weight: bold;}

.card__image {
text-align: center;}
.card__image img {
width: 100px;
height: auto;}

.card__button {
text-align: center;
background-color: lightgray;
padding: 0 10px 10px 10px;}

.card__button--blue {
font-size: 16px;
color: #fff;
width: 100%;
display: block;
background-color: skyblue;
padding: 0.6rem 1.2rem;
border-radius: 100vw;
font-weight: bold;}


.card__item .graybox{
background-color: lightgray;
margin-top: 14px;
text-align: center;}

/*カードレイアウトの高さ揃えるここまで;*/



@media screen and (max-width: 950px){
.main-second{
margin-left: 50px;
margin-right: 50px;}}
@media screen and (max-width: 670px){
.main-second{
margin-left: 30px;
margin-right: 30px;}
.second-copy1 p{
font-size: 32px;}
.second-copy2{
font-size: 20px;}
.second-copy3{
font-size: 14px;}
.second-copy3 .brbr{
display: inline;}}
@media screen and (max-width: 600px){
.main-second{
margin-left: 50px;
margin-right: 50px;}}
@media screen and (max-width: 500px){
.second-copy1 p{
font-size: 27px;}
.main-second{
margin-left: 30px;
margin-right: 30px;}}
@media screen and (max-width: 450px){
.second-copy1 p{
font-size: 21px;}
.second-copy2{
font-size: 18px;}
.second-copy3{
font-size: 13px;
margin-left: 0px;
margin-right: 0px;}}
@media screen and (max-width: 360px){
.main-second{
margin-left: 20px;
margin-right: 20px;}
.second-copy1 p{
margin-top: 20px;
font-size: 18px;}
/*.second-copy3{
margin-left: -20px;
margin-right: -20px;}*/}

.use-lytespeed1{
background-color: #d8d8d8;  /*#eaedee;*/  /*dfe1e2;*/
padding: 1px 0 0px 0;}
.use-lyte-p0{
max-width: 1300px;
margin: auto;
padding: 60px 50px 60px 50px;  /*0px 50px 0px 50px;*/
display: flex;}

.use-lyte-p0_2{
max-width: 1300px;
margin: auto;
padding: 15px 50px 60px 50px;  /*0px 50px 0px 50px;*/
display: flex;}




.use-lytespeed111{
background-color: white;}


.use-lyte-p00{
max-width: 1300px;
margin: auto;
padding: 60px 55px 60px 55px;/*50px 50px 50px 50px*/}




.use-lyte-p00_tokucho{
max-width: 1000px;
width: 90%;
margin: auto;
padding: 60px 0px 60px 0px;/*50px 50px 50px 50px*/}


.use-lyte-p00_tokucho2{
max-width: 1000px;
padding: 60px 0px 60px 0px;/*50px 50px 50px 50px*/}



.use-lyte-p002{
max-width: 1300px;
margin: auto;
padding: 60px 50px 0px 50px;}


.use-lyte-p003{
max-width: 1000px;

margin: auto;
padding: 0px 55px 0px 55px;/*50px 50px 50px 50px*/}




.use-lyte-p00_info{
max-width: 1300px;
margin: auto;
padding: 60px 50px 5px 50px;}

.use-lyte-p00_info2{
max-width: 1300px;
margin: auto;
padding: 5px 50px 55px 50px;}

.use-lytespeed11{
background-color: #EEEFEF;}

.use-lyte-p1{
width: 100%;}




.use-lyte-pp2{
width: auto;
border-top: 2px solid #778288;
    padding-top: 20px;
}
.use-lyte-pp2 p{
color: #ff6c27;
font-size: 17px;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-top: 0px;/*30px*/
margin-bottom: 10px;}

.use-lyte-pp2 p span{
font-size: 14px;
font-weight: normal;}




.use-lyte-p2{
width: auto;
border-bottom: solid 2px #404142;
margin-bottom: 15px;}
.use-lyte-p2 p{
color: #404142;
font-size: 17px;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-top: 0px;/*30px*/
margin-bottom: 10px;}

.use-lyte-p2 p span{
font-size: 14px;
font-weight: normal;}
.use-lyte-p2_2{
width: auto;
border-bottom: solid 2px #404142;
margin-bottom: 20px;}
.use-lyte-p2_2 p{
color: #404142;
font-size: 17px;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-bottom: 10px;}

.use-lyte-p2_2 p span{
font-size: 14px;
font-weight: normal;}


.use-lyte-p2_info{
width: auto;
margin-bottom: 15px;
border-bottom: solid 2px #404142;}
.use-lyte-p2_info p{
color: #404142;
font-size: 27px;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-bottom: 5px;}

.use-lyte-p2_info p span{
display: inline-block;
font-size: 14px;
font-weight: normal;}



.use-lyte-p2_2{
width: auto;
border-bottom: solid 2px #404142;
margin-bottom: 0px;}
.use-lyte-p2_2 p{
color: #404142;
font-size: 17px;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-bottom: 10px;}

.use-lyte-p2_2 p span{
font-size: 14px;
font-weight: normal;}






.use-lyte-p3_pp p{
font-size: 14px;
color: #404142;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
letter-spacing: 1px;
font-feature-settings: "palt";
margin-bottom: 20px;/*250321 10px*//*250418 0px*/
margin-top:7px;
}
.use-lyte-p3_pp .point{
line-height: 1.5;
margin-bottom: 10px;}


.use-lyte-p3_pp .info{
line-height: 1.5;}








.use-lyte-p3{
margin-bottom: 0px;
}
.use-lyte-p3 p{
font-size: 14px;
color: #404142;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
letter-spacing: 1px;
font-feature-settings: "palt";
margin-bottom: 5px;/*250321 10px*//*250418 0px*/
}
.use-lyte-p3 .point{
line-height: 1.5;
margin-bottom: 10px;}


.use-lyte-p3 .info{
line-height: 1.5;}


.use-lyte-p3 .speed-star{
font-size: 22px; 
font-weight: bold;
color: crimson;
margin-bottom: 10px;}

.use-lyte-p3_2 .speed-star_2{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-size: 20px;
font-weight: bold;
color: #404142;
/*margin-bottom: -10px;*/}


.use-lyte-p3_2 p{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-size: 14px;
color: #404142;
margin-top: 15px;}

.use-lyte-p4{
display: flex;
width: 100%;}
.use-lyte-p4 img{
max-width: 900px;
margin-top: 5px}
.lyte-use .a-use{
display: flex;}
.use-lyte-p4 p{
font-size: 15px;
color: #404142;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
letter-spacing: 1px;
font-feature-settings: "palt";
line-height: 2;}
.aa-use1,.aa-use2{
margin-left: 25px;}
.lyte-use .a-use2,.lyte-use .a-use3{
display: none;}




@media screen and (max-width: 1300px){
.use-lyte-p4 img{
max-width: 800px;}}
@media screen and (max-width: 1190px){
.use-lyte-p4 img{
max-width: 700px;}}
@media screen and (max-width: 1085px){
.use-lyte-p4 img{
max-width: 600px;}}
@media screen and (max-width: 1000px){
.use-lyte-p4 img{
max-width: 550px;}

.use-lyte-p4 p{
font-size: 12px;}}
@media screen and (max-width: 940px){
.use-lyte-p4 img{
max-width: 500px;}
.use-lyte-p4 p{
font-size: 14px!important;}}
@media screen and (min-width: 900px){
/*
.use-lyte-p2{
margin-bottom: 30px;}
*/}
@media screen and (max-width: 900px){
.use-lyte-p4 img{
max-width: 450px;}}

@media screen and (max-width: 840px){
.use-lyte-p4 img{
max-width: 400px;}}
/*.use-lyte-p4 p{
line-height: 1.7;}}*/


@media screen and (max-width: 800px){
.use-lyte-p4 img{
max-width: 370px;}}
@media screen and (max-width: 740px){
.use-lyte-p4 img{
max-width: 350px;}
.use-lyte-p4 p{
font-size: 13px!important;}}
@media screen and (max-width: 700px){
.use-lyte-p4{
display: inline-block;}
.use-lyte-p4 img{
max-width: 100%;
margin-bottom: 3px;}
.lyte-use .a-use{
display: none;}
.lyte-use .a-use2{
display: flex;}
.aa-use01{
margin-left: 5px;}
.aa-use02,.aa-use03,.aa-use04{
margin-left: 25px;}

.use-lyte-p3_2 .speed-star_2{
font-size: 18px;
letter-spacing : -0.5px;}

.use-lyte-p4 p{
font-size: 14px!important;}}
@media screen and (max-width: 590px){
.use-lyte-p4 p{
font-size: 12px!important;}

.use-lyte-p003{
width:90%;
margin: auto;
padding: 0px 20px 0px 20px;/*50px 50px 50px 50px*/}



}

@media screen and (max-width: 532px){
.aa-use01{
margin-left: 0px;}
.aa-use02,.aa-use03,.aa-use04{
margin-left: 20px;}}

@media screen and (max-width: 513px){
.use-lyte-p00{
padding: 30px 30px 30px 30px;}



.use-lyte-p00_tokucho{
padding: 60px 0px 55px 0px;}


.use-lyte-p002 {
padding: 30px 30px 0px 30px;}
.use-lyte-p0 {
padding-bottom: 0;}


.use-lyte-p00_info  {
padding: 30px 30px 5px 30px;}

.use-lyte-p00_info2 {
padding: 0px 30px 30px 30px;}
.lyte-use .a-use2{
display: none;}
.lyte-use .a-use3{
display: flex;}
.aa-use001{
margin-left: 5px;}
.aa-use002,.aa-use003{
margin-left: 25px;}

.use-lyte-p4 p{
font-size: 14px!important;}}
/*@media screen and (max-width: 480px){
.use-lyte-p00{
padding: 40px 50px 35px 50px;}}*/



@media screen and (max-width: 480px){
.use-lyte-p00{
padding: 30px 50px 30px 50px;}
}


@media screen and (max-width: 423px){
.lyte-use .a-use3{
display: none;}
.lyte-use .a-use{
display: flex;}
.aa-use1{
margin-left: 5px;}
.use-lyte-p2_info p {
font-size: 22px;}}
@media screen and (max-width: 400px){
.use-lyte-p2 p{
font-size: 15px;}
.use-lyte-p2_2 p{
font-size: 15px;}

.use-lyte-p3 p{
font-size: 13px;}
.use-lyte-p3 .speed-star{
font-size: 15px;}
.use-lytespeed11{
background-color: #eaedee;}

.use-lyte-p00{
max-width: 1300px;
margin: auto;
/*padding: 40px 50px 35px 50px;*/}
.use-lyte-p00_tokucho{
max-width: 1000px;
margin: auto;
padding: 50px 0px 50px 0px;}}
@media screen and (max-width: 360px){
.use-lyte-p00{
padding: 40px 30px 35px 30px;}
.use-lyte-p00_tokucho{
padding: 40px 0px 35px 0px;}}

.use-lyte-p3 img{
margin-top: 5px;}
.use-lyte-p{
max-width: 1300px;
margin: auto;
padding: 40px 50px 35px 50px;}
.use-lyte-pp{
max-width: 1300px;
background-color: green;
margin: auto;
padding: 0 50px 0 50px;
margin-top: 50px;}
.use-lyte-photo img{
margin: 5px 0 0 20px;
width: 700px;}


.use-lyte-p0_2 picture img{
margin: 5px 0 0 20px;
width: 700px;}

.product-bar {
width: auto;
background-color: #eeefed;  /*#dfe1e2;*/ /*#eeefed;*/
padding: 1px 0 3px 5px;}
@media screen and (max-width: 1300px){
.use-lyte-photo img{
width: 600px;}
.use-lyte-p0_2 picture img{
width: 600px;}}


@media screen and (max-width: 1100px){
.use-lyte-photo img{
width: 500px;}
.use-lyte-p0_2 picture img{
width: 500px;}}




@media screen and (max-width: 950px){
.use-lyte-photo img{
width: 450px;}
.use-lyte-p0_2 picture img{
width: 450px;}}

@media screen and (max-width: 900px){
.use-lyte-p0{
display: inline-block;}


.use-lyte-p0_2{
display: inline-block;}


.use-lyte-photo{
text-align: center;
margin-top: 10px;}

.use-lyte-photo img{
width: 100%;
margin-left: 0px;
margin-top: 0px;}

.use-lyte-p0_2 picture img{
width: 100%;
margin-left: 0px;
margin-top: 0px;}}
@media screen and (max-width: 600px){
.use-lyte-photo img{
width: 100%;}}
@media screen and (max-width: 513px){
.use-lyte-p0{
padding: 0px 30px 0px 30px;}

.use-lyte-p0_2{
padding: 0px 30px 0px 30px;
margin-bottom: 35px;}

.use-lyte-p3 .info{
padding:10px 0px  0px 0px;}}

@media screen and (max-width: 480px){
.use-lyte-p0{
padding: 0px 30px 0px 30px;}

.use-lyte-p0_2{
padding: 0px 30px 0px 30px;}
.use-lyte-p0 {
}}
@media screen and (max-width: 360px){
.use-lyte-p0{
padding: 0px 30px 0px 30px;}

.use-lyte-p0_2{
padding: 0px 30px 0px 30px;}}

.use-lyte-photo-lineup0{
margin: auto;}
.use-lyte-photo-lineup{
display: flex;
flex-wrap: wrap;
justify-content: space-between;}

.use-lyte-photo-lineup::after {
display: block;
content:"";
width: 32%;}

.use-lyte-photo-lineup img{
width: 24%;
height: 100%;
margin: 5px 0 5px 0;
background-color: white;
text-align: center;}
.use-lyte-photo-lineup img:last-child{
justify-content: flex-start;}
@media screen and (max-width: 710px){
.use-lyte-photo-lineup img{
width: 32%;}
.one{
display: none;}}
@media screen and (max-width: 600px){
.use-lyte-photo-lineup img{
margin: 5px 0 5px 0;}}
@media screen and (max-width: 480px){
.use-lyte-photo-lineup img{
width: 48%;}
.two{
display: none;}}

.use-lyte-p3 .night-v2{
font-size: 16px;
font-weight: bold;
color: crimson;
margin-top: 10px;}
.use-lyte-p3 .night-v{
font-size: 14px;
color: #404142;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
letter-spacing: 1px;
font-feature-settings: "palt";
margin-bottom: 20px;}
@media screen and (max-width: 600px){
.use-lytespeed{
margin-top: -15px;}
.use-lyte-p{
padding: 20px 50px 15px 50px;}
.use-lyte-pp{
margin-top: 20px;}}
@media screen and (max-width: 360px){
.use-lyte-p{
padding: 20px 25px 15px 25px;}
.use-lyte-pp{
padding: 0 25px 0 25px;
margin-bottom: -10px;}}

.lyte-lineup p{
text-align: center;
margin-top: 60px;
font-size: 40px;
color: lightgray;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;}
@media screen and (max-width: 600px){
.lyte-lineup p{
margin-top: 45px;
font-size: 32px;}}
@media screen and (max-width: 360px){
.lyte-lineup p{
margin-top: 50px;
font-size: 30px;
margin-bottom: -40px;}}

.container-lytespeed{
max-width: 1330px;
margin: auto;
padding: 0 40px 40px 40px;  /*0 40px 0 40px;*/}
.container-lyte{
display: flex;
flex-wrap: wrap;
margin-top: 50px;
/*margin-bottom: 30px;*/}
.conta-lyte{
width: 22.7%;
height: 100%;
margin: 0 15px 45px 15px;
background-color: white;
box-shadow: 2px 2px 5px 1px lightgray;
text-align: center;
line-height: 1;}
.conta-lyte:hover /*.con-lyte*/{
opacity: 0.75;
position: relative;top: 1.5px;left: 1.5px;
transition: all 0.5s ease 0s;}
.conta-lyte:hover .c-lyte{
text-decoration: underline;}
.con-lyte img{
margin-bottom: -7px;}
.con-lyte .co-lyte{
font-size: 14px;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-top: 5px;
margin-bottom: 5px;
color: black;
text-decoration-line: none;}
.co-lyte,.c-lyte,.coo-lyte,.cooo-lyte,.red_view{
text-decoration-line: none;}
.c-lyte{
text-align: center;
font-size: 30px;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
color: black;
text-decoration: none;}

.con-lyte a{
text-decoration: none;}

.c-lyte span{
font-size: 23px;}
.coo-lyte{
font-size: 20px;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
margin-top: 5px;  /*10px;*/
color: gray;
text-decoration: none;}
.lyte-two{
display: flex;
justify-content: center;
align-items: baseline;}
.lyte-two-p{
font-size: 12px;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-weight: bold;
margin: 15px 5px 5px 5px;
padding: 6px;
background-color: lightgray;
border-radius: 3px;
line-height: 1.2;
font-feature-settings: "palt";
box-shadow: 1px 1px 3px 1px gray;}
.lyte-two-p:hover{
opacity: 0.75;
position: relative;top: 1.5px;left: 1.5px;
transition: all 0.5s ease 0s;}
.lyte-two-p2{
font-size: 11px;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-weight: bold;
margin: 15px 5px 5px 5px;
padding: 5px;
background-color: lightgray;
border-radius: 3px;
line-height: 1.2;
font-feature-settings: "palt";
box-shadow: 1px 1px 3px 1px gray;}
.lyte-two-p2:hover{
opacity: 0.75;
position: relative;top: 1.5px;left: 1.5px;
transition: all 0.5s ease 0s;}



.cooo-lyte{
color: black;
font-size: 14px;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-top: 14px;
background-color: lightgray;
padding-top: 20px;
padding-bottom: 10px;
line-height: 1.5;
letter-spacing: 1px;
font-feature-settings: "palt";
text-decoration:none;}
.cooo-lyte span{
margin-bottom: 10px;
padding-bottom: 10px;
text-decoration: hidden;}
.con-lyte a img .cooo-lyte span .red_view{
text-decoration: none;}
.red_view{
font-family: industry,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
color: black;
background-color: #ff6c27; /*!important;*/
padding: 9px 25px 7px 25px;
border-radius: 5px;
line-height: 3;
text-decoration: none;
letter-spacing: 0;
font-feature-settings: "palt";}

.cooo-lyte2{
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
background-color: lightgray;}

@media screen and (max-width: 1390px){
.conta-lyte{
width: 22.45%;}}
@media screen and (max-width: 1260px){
.conta-lyte{
width: 22%;}}
@media screen and (max-width: 1080px){
.conta-lyte{
width: 21.9%;}}
@media screen and (max-width: 1050px){
.conta-lyte{
width: 30%;}}
@media screen and (max-width: 980px){
.conta-lyte{
width: 29%;}}
@media screen and (max-width: 820px){
.co-lyte{
font-size: 12px;}
.c-lyte{
font-size: 27px;}
.c-lyte span{
font-size: 20px;}
.cooo-lyte{
font-size: 12px;}}
@media screen and (max-width: 772px){
.conta-lyte{
margin: 0 10px 22px 16px;}}
@media screen and (max-width: 716px){
.conta-lyte{
width: 44%;
margin: 0 10px 25px 20px;}}
@media screen and (max-width: 600px){
.conta-lyte{
margin: 0 10px 25px 16px;}}
@media screen and (max-width: 513px){
.container-lytespeed{
padding: 0 15px 0 15px;}}
@media screen and (max-width: 480px){
.conta-lyte{
width: 100%;
margin: 0 35px 40px 35px;}
.co-lyte{
font-size: 14px;}
.c-lyte{
font-size: 30px;}
.c-lyte span{
font-size: 23px;}
.coo-lyte{
font-size: 20px;}
.cooo-lyte{
font-size: 14px;}}
@media screen and (max-width: 360px){
.conta-lyte{
margin: 0 15px 40px 15px;}}

.use-lyte-pdf{
max-width: 1300px;
margin: auto;
padding: 0 3px 0 3px;}
.use-lyte-pdf img{
box-shadow: 2px 2px 5px 1px gray;}
.use-lyte-pdf img:hover{
opacity: 0.75;
position: relative;
top: 1.5px;
left: 1.5px;
transition: all 0.5s ease 0s;}
@media screen and (max-width: 480px){
.use-lyte-pdf{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;}}
@media screen and (max-width: 360px){
.use-lyte-pdf{
margin-left: 0px;
margin-right: 0px;}}