@charset "utf-8";

*{
margin: 0;
padding: 0;
}
/*画像をセンターに*/
.system-top-main{
margin: 0 auto;
margin-bottom: -10px;
}
.system-top-main img{
width: 100%;
height: 500px;
object-fit: cover;
}
/*写真の上に文字*/
.system-top-main{
position: relative;
}
.system-top-p{
position: absolute;
top: 27%; 
left: 10%;
font-size: 2vw; /*24*/
color: white;
/*font-family: "M PLUS 1p", sans-serif;
font-weight: 800;*/ /*(太さ)*/
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
/*font-family: "proxima-nova","times new roman";*/
/*font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;*/
line-height: 1.3;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.system-p{
font-size: 0.7em; /*16*/
margin-top: 13px;
}
@media screen and (min-width: 1500px){
.system-top-p{
font-size: 30px;
}
}
@media screen and (max-width: 1200px){
.system-top-p{
font-size: 25px;
}
}
@media screen and (max-width: 600px){
.system-top-main img{
height: 400px;
}
.system-top-p{
font-size: 4vw;
}
}
@media screen and (max-width: 480px){
.system-top-main img{
height: 300px;
}
}
@media screen and (max-width: 360px){
.system-top-main img{
height: 250px;
}
}


/*イントロ*/
.sionyx-system_sub{
max-width: 1100px;
margin: 0 auto;
/*background-image: url("../img-sionyx/sionyx-tile_2000x2.png");*/
/*background-repeat: round;*/
}
.sionyx-system-in_sub{
margin-left: 30px;
margin-right: 30px;
}
.system-copy_sub{
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-align: center;
/*line-height: 1.3;*/
letter-spacing: 1px;
font-feature-settings: "palt";
margin-top: 60px;
margin-bottom: 70px;
}
.system-top{
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
}
.system-sab{
font-size: 15px;
}


/*何に使うの？*/
.sionyx-system2_sub{
width: 100%;
margin: 0 auto;
background-color: lightgray;
}
.sionyx-system2-in_sub{
max-width: 1100px;
margin: 0 auto;
}
.system2{
padding-top: 70px;
padding-bottom: 70px;
margin-left: 30px;
margin-right: 30px;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.system_night{
font-size: 18px;
font-weight: bold;
padding: 4px 0 4px 12px;
background-color: black;
color: white;
margin-bottom: 20px;
}
.system2 .system_night br{
display: none;
}
.system2 .system_night span{
display: none;
}
.system_n-copy{
font-size: 14px;
line-height: 2;
}

@media screen and (max-width: 480px){
.system2{
margin-left: 0px;
margin-right: 0px;
padding-top: 50px;
}
.system_n-copy{
margin-left: 30px;
margin-right: 30px;
}
.system_night{
font-size: 17px;
padding: 7px 0 7px 30px;
line-height: 1.3;
}
}
@media screen and (max-width: 430px){
.system2 .system_night br{
display: inline;
}
.system2 .system_night span{
display: inline;
}
}

/*切り替えタブ*/
.sionyx-system3_sub{
width: 100%;
margin: 0 auto;
/*background-color: gray;*/
background-image: url("../img-sionyx/footer/sionyx-tile_2000x2.png");
background-repeat: round;
}
.sionyx-system3-in_sub{
/*max-width: 1100px;*/
width: 100%;
margin: 0 auto;
}
.system3{
max-width: 1100px;
margin: 0 auto;
padding-top: 75px;
/*margin-left: 30px;
margin-right: 30px;*/
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.system3_night{
font-size: 18px;
font-weight: bold;
padding: 5px 0 4px 12px;
background-color: white;
color: black;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
}
@media screen and (max-width: 480px){
.system3{
padding-top: 50px;
}
.system3_night{
font-size: 17px;
padding: 7px 0 7px 30px;
line-height: 1.3;
margin-left: 0px;
margin-right: 0px;
}
}

.lyte_point {
width: 100%;
margin: auto 0;
padding-top: 10px;
object-fit: contain;
}

/*タブ*/
.tab0{
max-width: 1100px;
text-align: center;
margin: auto;
padding-left: 0px;
padding-right: 0px;
}
.tab1{
max-width: 1100px;
/*width: 100%;*/
margin: auto;
text-align: center;
padding-bottom: 80px;
}
/* ▼タブ */
#tabcontrol{
margin: auto;
/*background-color: black;*/
}
#tabcontrol{
margin: auto;
}
#tabcontrol a span{
/*width: 22%;*/  /*23.3%;*/           /*ひとブロックの幅*/
   display: inline-block;            /* インラインブロック化 */
/*padding-top: 15px;
padding-bottom: 15px;*/
   text-decoration: none;            /* リンクの下線を消す */
   color: red; /*crimson;*//*black;*/                     /* 文字色 */
   /*font-weight: bolder;   */             /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
font-size: 19px;
font-family: source-han-sans-cjk-ja, sans-serif;
font-style: normal;
font-weight:  700;
/*font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;*/
line-height: 24px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
#tabcontrol a {
width: 22%;  /*23.3%;*/           /*ひとブロックの幅*/
   display: inline-block;            /* インラインブロック化 */
padding-top: 15px;
padding-bottom: 15px;
   text-decoration: none;            /* リンクの下線を消す */
   color: white;                     /* 文字色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
font-size: 18px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
line-height: 23px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
/* ▼タブにマウスポインタが載った際(任意) */
#tabcontrol a:hover {
opacity: 70%;
position: relative; top: 0px; left: 0px; /*ボタン解除*/
}
/* ▼タブの中身 */
#tabbody div {
   margin-top: 0px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
   padding: 2em;            /* 内側の余白量 */
   background-color: #1c0f0c; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
margin-left: 29px;
margin-right: 29px;
/*max-width: 1100px;*/
/*margin: auto;*/
/*width: 100%;*/
}
.ge11b p{
text-align: left;
font-size: 20px;
/*font-weight: bold;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;*/
font-family: source-han-sans-cjk-ja, sans-serif;
font-style: normal;
font-weight:  700;
color: red; /*crimson; */
margin-top: 15px;
margin-bottom: 10px;
margin-left: 12px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.ge11 p{
text-align: left;
font-size: 18px;
font-weight: bold;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: yellow;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 12px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.ge1b p{
text-align: left;
font-size: 16px;
font-weight: bold;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: black;
margin-top: 35px;
margin-bottom: 10px;
margin-left: 12px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.ge1 p{
text-align: left;
font-size: 16px;
font-weight: bold;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: white;
margin-top: 35px;
margin-bottom: 10px;
margin-left: 12px;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.ge1 p span.gray{
color: #817168;
}
.ge1 p span.blue{
color: #006783; 
}
.ge1 p span.red{
color: #9f3151;
}
.ge1 p span.green{
color: #006933; 
}
.page1-k{
text-align: left;
font-size: 15px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
color: black;  /*white;*/
margin-bottom: 15px;
margin-left: 12px;
margin-right: 10px;
font-feature-settings: "palt";
letter-spacing: 1px;
/*border-bottom: solid 3px #75665e;*/
padding-bottom: 25px;
}
.page1-b{
text-align: left;
font-size: 14px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: white;
/*margin-bottom: 15px;*/
margin-left: 12px;
margin-right: 10px;
font-feature-settings: "palt";
letter-spacing: 1px;
/*border-bottom: solid 3px #005878;*/
padding-bottom: 10px;
}
.page1-r{
text-align: left;
font-size: 14px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: white;
margin-bottom: 5px;
margin-left: 12px;
margin-right: 10px;
font-feature-settings: "palt";
letter-spacing: 1px;
/*border-bottom: solid 3px #9f3151;*/
padding-bottom: 20px;
}
.page1-g{
text-align: left;
font-size: 14px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: white;
margin-bottom: 5px;
margin-left: 12px;
margin-right: 10px;
font-feature-settings: "palt";
letter-spacing: 1px;
/*border-bottom: solid 3px #01562c;*/
padding-bottom: 20px;
}

/* ▼タブの配色 */
#tabcontrol a:nth-child(1), #tabbody div:nth-child(1)  { background-color: #fdd108; } /*#956746; }*/ /*#4a3f3a; }*/
#tabcontrol a:nth-child(2), #tabbody div:nth-child(2)  { background-color: #00315c; } /*#091139; }*/
#tabcontrol a:nth-child(3), #tabbody div:nth-child(3)  { background-color: #48000c; } /*#5d070c; }*/
#tabcontrol a:nth-child(4), #tabbody div:nth-child(4)  { background-color: #023b1d; } /*#004121; }*/

#tabpage1 .line-full{
width: 100%;
margin-top: 0px;
border-bottom: solid 2px black; /*#cdb29c; #a2958e;*/
}
#tabpage2 .line-digital{
width: 100%;
margin-top: 30px;
margin-bottom: 25px;
border-bottom: solid 2px #507d9b;
}
#tabpage3 .line-thermal{
width: 100%;
margin-top: 20px;
margin-bottom: 15px;
border-bottom: solid 2px #b15971;
}
#tabpage4 .line-gen{
width: 100%;
margin-top: 20px;
margin-bottom: 15px;
border-bottom: solid 2px #30774e;
}

@media screen and (max-width: 856px) {
#tabcontrol a {
padding-top: 12px;
padding-bottom: 12px; 
font-size: 14px;
line-height: 19px; 
}
#tabcontrol a span{
font-size: 14px;
line-height: 19px; 
}
}
@media screen and (max-width: 666px) {
#tabcontrol a {
padding-top: 10px;
padding-bottom: 10px; 
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
}
#tabcontrol a span{
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
}
}
@media screen and (max-width: 578px) {
#tabcontrol {
margin-left: 30px;
margin-right: 30px;
}
#tabcontrol a {
width: 100%; 
margin: auto;
font-size: 18px;
padding-top: 20px;
padding-bottom: 20px; 
}
#tabcontrol br{
display: none; 
}
#tabcontrol a span{
width: 100%; 
margin: auto;
font-size: 18px;
}
#tabcontrol a span br{
display: none; 
}
}
@media screen and (max-width: 480px) {
#tabbody div{
padding: 1em;
}
}
@media screen and (max-width: 420px) {
.ge1 p{
font-size: 15px;
}
}
@media screen and (max-width: 380px) {
#tabcontrol a {
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px; 
}
.ge1 p{
font-size: 14px;
margin-top: 30px;
}
#tabbody div {
padding-left: 20px; 
padding-right: 20px; 
}
.page1{
font-size: 12px;
}
}
/*フルカラー*/
.full-copy{
font-size: 17px;
color: black;  /*white;*/
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 1px;
margin-top: 5px;
margin-bottom: 30px;
}
.full-copy2{
font-size: 17px;
color: black;  /*white;*/
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 1px;
margin-top: 15px;
margin-bottom: 20px;
}
/*用途のところ*/
#tabpage1 .full-use{
display: flex;
justify-content: space-between;
}
.full-use-five{
font-size: 15.5px;  /*1.3vw;*/
color: black;  /*white;*/
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
text-align: left;
width: 100%;
margin-left: 20px;
margin-top: 20px;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.7;
}
.full-use-photo img{
width: 100%;
}
.full-use-photo2 img{
width: 100%;
}
@media screen and (max-width: 1063px) {
#tabpage1 .full-use{
display: flex;
justify-content: flex-start;
}
}
@media screen and (max-width: 690px) {
.full-photo2{
display: none
}
}
@media screen and (max-width: 610px) {
#tabpage1 .full-use{
display: inline;
}
.full-use-photo img{
margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
.ge11 p{
margin-left: 2px;
}
.page1-k,.page1-b,.page1-r,.page1-g{
margin-left: 2px;
margin-right: 2px;
}
.ge1 p{
margin-left: 0px;
}
.full-use-five{
margin-left: 0px;
}
}
@media screen and (max-width: 400px) {
.full-use-five{
font-size: 14px; 
}
}


/*デジタル*/
#tabpage2 .digital-use{
display: flex;
justify-content: space-between;
margin-top: 20px;
margin-right: 15px;
margin-bottom: -15px;
}
#tabpage2 .digital-use img{
width: 30%;
height: 30%;
margin-top: -95px;
z-index: 5;
}
.digital-use-five{
font-size: 17.5px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
text-align: left;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.7;
background-color: dimgray;
padding: 25px 25px 27px 115px;
margin-left: -100px;
margin-bottom: 65px;
z-index: 1;
}
.digital-use-five span{
color: darkorange;
font-size: 22px;
}
@media screen and (max-width: 1060px) {
#tabpage2 .digital-use{
margin-bottom: -35px;
}
}
@media screen and (max-width: 965px) {
#tabpage2 .digital-use{
margin-bottom: -50px;
}
.digital-use-five{
font-size: 16px;
padding: 20px 25px 20px 115px;
}
}
@media screen and (max-width: 885px) {
#tabpage2 .digital-use{
margin-bottom: -30px;
}
#tabpage2 .digital-use img{
margin-top: -55px;
}
}
@media screen and (max-width: 800px) {
#tabpage2 .digital-use{
margin-bottom: -50px;
}
#tabpage2 .digital-use img{
margin-top: -35px;
}
.digital-use-five{
line-height: 1.5;
}
}
@media screen and (max-width: 743px) {
#tabpage2 .digital-use{
margin-bottom: -60px;
margin-top: 10px;
}
.digital-use-five{
padding: 17px 20px 17px 115px;
}
.digital-use-five span{
font-size: 19px;
}
}
@media screen and (max-width: 710px) {
#tabpage2 .digital-use{
margin-bottom: -65px;
}
}
@media screen and (max-width: 605px) {
#tabpage2 .digital-use{
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
margin-top: -7px;
margin-right: 0px;
margin-bottom: 0px;
}
#tabpage2 .digital-use-photo img{
margin-bottom: 0px;
z-index: 10;
}
#tabpage2 .digital-use img{
width: 80%;
height: 80%;
margin-top: 20px;
order: 2;
}
.digital-use-five{
padding: 20px 25px 20px 25px;
margin-left: 0px;
margin-bottom: 0px;
order: 1;
}
}
@media screen and (max-width: 500px) {
.digital-use-five{
padding: 18px 11px 18px 12px;
}
.digital-use-five{
font-size: 14.5px;
}
.digital-use-five span{
font-size: 17px;
}
}

/*サーマル*/
.thermal-copy{
font-size: 20px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 1px;
margin-top: 25px;
padding-bottom: 10px;
}
@media screen and (max-width: 720px) {
.thermal-photo{
display: none;
}
}
@media screen and (max-width: 500px) {
.thermal-copy{
font-size: 17px;
}
}

/*増倍管*/
.gen-copy{
font-size: 23px;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 1px;
margin-top: 5px;
}
.gen-photo{
display: none;
}
.gen-use-photo img{
width: 100%;
margin-top: -20px;
}
.gen-use-photo2 img{
width: 100%;
margin-top: 10px;
}
@media screen and (max-width: 830px) {
.gen-copy{
font-size: 20px;
line-height: 1.3;
}
.gen-photo{
display: inline;
}
}
@media screen and (max-width: 610px) {
.full_gen{
margin-bottom: 0px;
}
.gen-use-photo img{
margin-top: 0px;
}
}
@media screen and (max-width: 700px) {
.full_gen2{
margin-bottom: 10px;
}
}
@media screen and (max-width: 500px) {
.gen-copy{
font-size: 18px;
}
}
@media screen and (max-width: 428px) {
.gen-photo{
display: none;
}
}
@media screen and (max-width: 380px) {
.gen-copy{
font-size: 16px;
}
}


/*純正品検査証付*/
.nightvision-gray{
background-color: dimgray;
width: 100%;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
}
.nightvision-body{
width: 100%;
margin: 0 auto;
background-image: linear-gradient(0deg,   black, dimgrey, black);
margin-top: 0px;
margin-bottom: 0px;
}
.nightvision_products{
max-width: 1100px;
margin: 0 auto;
padding-top: 46px;
padding-bottom: 45px;
}
.nightvision_products p{
color: white;
font-size: 16px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
margin-left: 30px;
margin-right: 30px;
font-feature-settings: "palt";
letter-spacing: 0.5px;
line-height: 1.7;
}
.nightvision_products .kensa{
color: white;
font-size: 22px;
font-weight: bold;
padding-bottom: 8px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 10px;
border-bottom: 2px solid lightgray; 
}
.nightvision_products .kensa span{
color: tomato;
}
@media screen and (max-width: 1150px){
.nightvision_products{
margin-left: 30px;
margin-right: 30px;
}
.nightvision-body{
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 700px){
.nightvision_products{
margin-top: 40px;
margin-bottom: 40px;
}
.nightvision_products p{
font-size: 14px;
}
.nighvision_products .kensa{
font-size: 18px;
}
}
@media screen and (max-width: 526px){
.nightvision_products .kensa{
text-align: center;
}
}
@media screen and (max-width: 461px){
.nightvision_products{
margin-left: 10px;
margin-right: 10px;
}
}