@charset "UTF-8"; /*  文字コードの指定（Shift_JIS, EUC-JP,UTF-8） */
/************************************************/
/*  製品情報基本設定                            */
/*    画面サイズ                                */
/*      1260px以上 : width 1220px               */
/************************************************/
/*------------------ ブロック ------------------*/
div.group1a{
}
div.group2a{
}
div.group3a{
}
/************************************************/
/*  基本情報設定                                */
/************************************************/
div.infomation > div{
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.infomation div.info{
    /* テキスト・フォント */
    font-size                  : 1.0rem;       /* 文字サイズ */
    line-height                : 1.4rem;       /* 行の高さ */
}
.infomation .info div{
    /* マージン・パディング */
    margin-top                 : 0.5rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.infomation .info div.title{
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
    /* テキスト・フォント */
    font-size                  : 0.9rem;       /* 文字サイズ */
}
.infomation .info div.subtext{
    /* テキスト・フォント */
    font-size                  : 0.9rem;       /* 文字サイズ */
    line-height                : 1.2rem;       /* 行の高さ */
}
.infomation .info div.subtext p{
    /* マージン・パディング */
    padding-left               : 2.5em;        /* 内側の余白（左） */
    /* テキスト・フォント */
    text-indent                : -2.5em;       /* 字下げ幅 */
}
/************************************************/
/*  タブ設定                                    */
/************************************************/
.tab_menu label.tab{
    /* 背景 */
    background-color           : #ffd0d0 !important; /* 背景色 */
    /* マージン・パディング */
    padding                    : 0.1rem 0px;   /* 内側の余白 */
    /* 表示・配置 */
    display                    : block;        /* 表示形式 */
    float                      : left;         /* フロート */
    /* 変化 */
    transition-property        : background-color,display,color; /* 変化の対象 */
    transition-duration        : 0.5s;         /* 変化に掛かる時間 */
    transition-timing-function : ease;         /* 変化の度合い */
}
.tab_menu input[name="tab"]{
    /* 表示・配置 */
    display                    : none;         /* 表示形式 */
}
.tab_menu label.tab:hover{
    /* 背景 */
    background-color           : #ea8c9c !important; /* 背景色 */
}
.tab_menu input:checked + label.tab{
    /* 背景 */
    background-color           : #c30d23 !important; /* 背景色 */
    /* テキスト・フォント */
    color                      : #ffffff;      /* 文字色 */
}
.tab_menu .tab_content{
    /* 表示・配置 */
    display                    : none;         /* 表示形式 */
    clear                      : both;         /* フロート解除 */
}
.tab_menu #tab1:checked ~ #tab1_content,
.tab_menu #tab2:checked ~ #tab2_content,
.tab_menu #tab3:checked ~ #tab3_content,
.tab_menu #tab4:checked ~ #tab4_content,
.tab_menu #tab5:checked ~ #tab5_content{
    /* 表示・配置 */
    display                    : block;        /* 表示形式 */
}
.tab_menu div.line{
    /* 幅・高さ */
    width                      : 100%;         /* 内容領域の幅 */
    /* 境界線 */
    border-bottom-width        : 2px;          /* 境界線の太さ（下） */
    border-bottom-color        : #c30d23;      /* 境界線の色（下） */
    border-bottom-style        : solid;        /* 境界線のスタイル（下） */
}
/************************************************/
/*  コンテンツ設定                              */
/************************************************/
.tab_content h2{
    /* テキスト・フォント */
    font-size                  : 1.4rem;       /* 文字サイズ */
}
.tab_content h2 span.small{
    /* テキスト・フォント */
    font-size                  : 1.0rem;       /* 文字サイズ */
    font-weight                : normal;       /* 文字の太さ */
}
.tab_content > div.text{
    /* マージン・パディング */
    margin-top                 : 1.2rem;       /* 外側の余白（上） */
}
.tab_content .text * + h2{
    /* マージン・パディング */
    margin-top                 : 1.8rem;       /* 外側の余白（上） */
}
.tab_content .text p{
    /* マージン・パディング */
    margin-top                 : 0.6rem;       /* 外側の余白（上） */
}
.tab_content .text p.point{
    /* マージン・パディング */
    margin-top                 : 0px;          /* 外側の余白（上） */
    padding-left               : 1.0em;        /* 内側の余白（左） */
    /* テキスト・フォント */
    text-indent                : -1.0em;       /* 字下げ幅 */
}
.tab_content .linenup div.variation{
    /* マージン・パディング */
    margin-top                 : 1.2rem;       /* 外側の余白（上） */
}
.tab_content .linenup .variation div.subtitle{
    /* マージン・パディング */
    margin-top                 : 0.4rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .linenup .variation .subtitle h3{
    /* テキスト・フォント */
    font-size                  : 1.2rem;       /* 文字サイズ */
}
.tab_content .linenup .collaboration a{
    /* テキスト・フォント */
    text-decoration            : underline;    /* 文字の装飾 */
}
.tab_content .linenup .collaboration div.text{
    /* マージン・パディング */
    margin-top                 : 0.5rem;       /* 外側の余白（上） */
}
.tab_content div.spec{
    /* マージン・パディング */
    margin-top                 : 1.2rem;       /* 外側の余白（上） */
}
.tab_content .spec > div{
    /* 表示・配置 */
    float                      : left;         /* フロート */
}
.tab_content .spec > div:not(.subspec){
    /* テキスト・フォント */
    font-size                  : 0.9rem;       /* 文字サイズ */
    line-height                : 1.2rem;       /* 行の高さ */
}
.tab_content .spec div.subspec{
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .spec * + div.subspec{
    /* マージン・パディング */
    margin-top                 : 1.8rem;       /* 外側の余白（上） */
}
.tab_content .spec div.line{
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
    /* 境界線 */
    border-width               : 1px;          /* 境界線の太さ */
    border-bottom-width        : 0px;          /* 境界線の太さ（下） */
    border-color               : #e0e0e0;      /* 境界線の色 */
    border-style               : solid;        /* 境界線のスタイル */
}
.tab_content .spec div.title{
    /* 背景 */
    background-color           : #f8f8f8 !important; /* 背景色 */
    /* 表示・配置 */
    display                    : flex;         /* 表示形式 */
    clear                      : both;         /* フロート解除 */
    align-items                : center;       /* フレックスアイテムの垂直方向の配置設定 */
    /* 境界線 */
    border-width               : 1px;          /* 境界線の太さ */
    border-top-width           : 0px;          /* 境界線の太さ（上） */
    border-color               : #e0e0e0;      /* 境界線の色 */
    border-style               : solid;        /* 境界線のスタイル */
}
.tab_content .spec div.text{
    /* 背景 */
    background-color           : #5ddef0;      /* 背景色 */
    /* 境界線 */
    border-width               : 0px;          /* 境界線の太さ */
    border-right-width         : 1px;          /* 境界線の太さ（右） */
    border-bottom-width        : 1px;          /* 境界線の太さ（下） */
    border-color               : #e0e0e0;      /* 境界線の色 */
    border-style               : solid;        /* 境界線のスタイル */
}
.tab_content .spec div.subtext p{
    /* マージン・パディング */
    padding-left               : 2.5em;        /* 内側の余白（左） */
    /* テキスト・フォント */
    text-indent                : -2.5em;       /* 字下げ幅 */
}
.tab_content .logo div.company{
    /* 幅・高さ */
    width                      : 100%;         /* 内容領域の幅 */
    /* マージン・パディング */
    margin-top                 : 1.8rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .logo div.subtitle{
    /* マージン・パディング */
    margin-top                 : 0.4rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .logo .fclear + div.subtitle{
    /* マージン・パディング */
    margin-top                 : 2.8rem;       /* 外側の余白（上） */
}
.tab_content .logo div.subtitle h3{
    /* テキスト・フォント */
    font-size                  : 1.0rem;       /* 文字サイズ */
    font-weight                : normal;       /* 文字の太さ */
}
.tab_content .logo div.block{
    /* マージン・パディング */
    margin                     : 0px auto;     /* 外側の余白（中央揃え） */
    margin-top                 : 0.4rem;       /* 外側の余白（上） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .logo .block a{
    /* 表示・配置 */
    display                    : block;        /* 表示形式 */
    float                      : left;         /* フロート */
    /* テキスト・フォント */
    text-align                 : center;       /* 水平方向の表示位置 */
}
/* ++++++++         1260px以上         ++++++++ */
@media screen and (min-width:1260px) {
/*---------------- デザイン設定 ----------------*/
.infomation div.img{
    /* 幅・高さ */
    width                      : 560px;        /* 内容領域の幅 */
}
.infomation div.info{
    /* 幅・高さ */
    width                      : 620px;        /* 内容領域の幅 */
}
.infomation div.info{
    /* マージン・パディング */
    margin-left                : 40px;         /* 外側の余白（左） */
}
.infomation .info div.title{
    /* 幅・高さ */
    width                      : 110px;        /* 内容領域の幅 */
}
.infomation .info div.text{
    /* 幅・高さ */
    width                      : 510px;        /* 内容領域の幅 */
}
.tab_menu label.tab{
    /* 幅・高さ */
    width                      : 9.0rem;       /* 内容領域の幅 */
    /* テキスト・フォント */
    font-size                  : 1.0rem;       /* 文字サイズ */
}
.tab_content > div.text{
    /* マージン・パディング */
    padding                    : 0px 0.5rem;   /* 内側の余白 */
}
.tab_content .linenup div.collaboration{
    /* 幅・高さ */
    width                      : 976px;        /* 内容領域の幅 */
    /* マージン・パディング */
    margin                     : 0px auto;     /* 外側の余白（中央揃え） */
}
.tab_content .spec > div:not(.subspec){
    /* 幅・高さ */
    height                     : 1.2rem;       /* 内容領域の高さ */
    /* マージン・パディング */
    padding                    : 0.3rem 5px;   /* 内側の余白 */
}
/*                    幅・高さ                  */
.tab_content .spec div.row2{ height : calc(1.2rem * 2); } /* 内容領域の高さ */
.tab_content .spec div.row3{ height : calc(1.2rem * 3); } /* 内容領域の高さ */
.tab_content .spec div.row4{ height : calc(1.2rem * 4); } /* 内容領域の高さ */
.tab_content .spec div.row5{ height : calc(1.2rem * 5); } /* 内容領域の高さ */
.tab_content .spec div.row6{ height : calc(1.2rem * 6); } /* 内容領域の高さ */
.tab_content .spec div.row7{ height : calc(1.2rem * 7); } /* 内容領域の高さ */
.tab_content .spec div.row8{ height : calc(1.2rem * 8); } /* 内容領域の高さ */
.tab_content .spec div.row9{ height : calc(1.2rem * 9); } /* 内容領域の高さ */
.tab_content .spec div.row10{ height : calc(1.2rem * 10); } /* 内容領域の高さ */
.tab_content .spec div.row11{ height : calc(1.2rem * 11); } /* 内容領域の高さ */
.tab_content .spec div.row12{ height : calc(1.2rem * 12); } /* 内容領域の高さ */
.tab_content .spec div.row13{ height : calc(1.2rem * 13); } /* 内容領域の高さ */
.tab_content .spec div.row14{ height : calc(1.2rem * 14); } /* 内容領域の高さ */
.tab_content .spec div.row15{ height : calc(1.2rem * 15); } /* 内容領域の高さ */
/*                                              */
.tab_content .spec > div.line{
    /* 幅・高さ */
    height                     : 0px;          /* 内容領域の高さ */
    /* マージン・パディング */
    padding                    : 0px 5px;      /* 内側の余白 */
}
.tab_content .spec div.title{
    /* 幅・高さ */
    width                      : 188px;        /* 内容領域の幅 */
}
.tab_content .spec div.text{
    /* 幅・高さ */
    width                      : 259px;        /* 内容領域の幅 */
    /* テキスト・フォント */
    text-align                 : center;       /* 水平方向の表示位置 */
}
.tab_content .spec div.col2{
    /* 幅・高さ */
    width                      : 529px;        /* 内容領域の幅 */
}
.tab_content .spec div.col_all{
    /* 幅・高さ */
    width                      : 728px;        /* 内容領域の幅 */
    /* 表示・配置 */
    justify-content            : center;       /* フレックスアイテムの水平方向の配置設定 */
}
.tab_content .spec div.subtext{
    /* 幅・高さ */
    width                      : 730px;        /* 内容領域の幅 */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .logo div.block{
    /* 幅・高さ */
    width                      : 480px;        /* 内容領域の幅 */
}
/*                    幅・高さ                  */
.tab_content .logo div.col2{ width : calc(480px * 2); } /* 内容領域の幅 */
/*                                              */
.tab_content .logo .block a{
    /* 幅・高さ */
    width                      : 480px;        /* 内容領域の幅 */
}
.tab_content .logo .block img{
    /* 幅・高さ */
    width                      : auto;         /* 内容領域の幅 */
    height                     : 42px;         /* 内容領域の高さ */
}
/*                                              */
}
/* ++++++++----------------------------++++++++ */
/* ++++++++         1259px以下         ++++++++ */
@media screen and (max-width:1259px) {
/*---------------- デザイン設定 ----------------*/
.infomation div.img{
    /* 幅・高さ */
    width                      : calc(98vw - 1.0rem); /* 内容領域の幅 */
    height                     : auto;         /* 内容領域の高さ */
    /* テキスト・フォント */
    text-align                 : center;       /* 水平方向の表示位置 */
}
.infomation div.img img{
    /* 幅・高さ */
    width                      : 90vw;         /* 内容領域の幅 */
    height                     : auto;         /* 内容領域の高さ */
}
.infomation div.info{
    /* 幅・高さ */
    width                      : calc(98vw - 1.0rem); /* 内容領域の幅 */
}
.infomation .info div.title{
    /* マージン・パディング */
    margin-top                 : 0.8rem;       /* 外側の余白（上） */
    /* テキスト・フォント */
    font-size                  : 1.2rem;       /* 文字サイズ */
    font-weight                : bold;         /* 文字の太さ */
}
.infomation .info div.text{
    /* マージン・パディング */
    margin-top                 : 0.2rem;       /* 外側の余白（上） */
    padding-left               : 0.5rem;       /* 内側の余白（左） */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.infomation .info div.subtext{
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_menu label.tab{
    /* 幅・高さ */
    width                      : 22vw;         /* 内容領域の幅 */
    /* テキスト・フォント */
    font-size                  : 3vw;          /* 文字サイズ */
}
.tab_content .linenup .fclear + div.variation{
    /* マージン・パディング */
    margin-top                 : 2.4rem;       /* 外側の余白（上） */
}
.tab_content .linenup .variation .sublist div.list{
    /* マージン・パディング */
    margin                     : 0px 3vw;      /* 外側の余白 */
}
.tab_content .linenup div.collaboration{
    /* 幅・高さ */
    width                      : 90vw;         /* 内容領域の幅 */
    /* マージン・パディング */
    margin                     : 0px auto;     /* 外側の余白（中央揃え） */
}
.tab_content .linenup .collaboration div.sublist{
    /* 幅・高さ */
    width                      : 76vw;         /* 内容領域の幅 */
    /* マージン・パディング */
    margin                     : 0px auto;     /* 外側の余白（中央揃え） */
}
.tab_content .spec > div:not(.subspec){
    /* 幅・高さ */
    height                     : 1.2rem;       /* 内容領域の高さ */
    /* マージン・パディング */
    padding                    : 0.3rem 5px;   /* 内側の余白 */
    /* テキスト・フォント */
    font-size                  : 2.8vw !important; /* 文字サイズ */
    line-height                : 1.1rem;       /* 行の高さ */
}
/*                    幅・高さ                  */
.tab_content .spec div.row2,.tab_content .spec div.row2s{ height : calc(1.1rem * 2); } /* 内容領域の高さ */
.tab_content .spec div.row3,.tab_content .spec div.row3s{ height : calc(1.1rem * 3); } /* 内容領域の高さ */
.tab_content .spec div.row4,.tab_content .spec div.row4s{ height : calc(1.1rem * 4); } /* 内容領域の高さ */
.tab_content .spec div.row5,.tab_content .spec div.row5s{ height : calc(1.1rem * 5); } /* 内容領域の高さ */
.tab_content .spec div.row6,.tab_content .spec div.row6s{ height : calc(1.1rem * 6); } /* 内容領域の高さ */
.tab_content .spec div.row7,.tab_content .spec div.row7s{ height : calc(1.1rem * 7); } /* 内容領域の高さ */
.tab_content .spec div.row8,.tab_content .spec div.row8s{ height : calc(1.1rem * 8); } /* 内容領域の高さ */
.tab_content .spec div.row9,.tab_content .spec div.row9s{ height : calc(1.1rem * 9); } /* 内容領域の高さ */
.tab_content .spec div.row10,.tab_content .spec div.row10s{ height : calc(1.1rem * 10); } /* 内容領域の高さ */
.tab_content .spec div.row11,.tab_content .spec div.row11s{ height : calc(1.1rem * 11); } /* 内容領域の高さ */
.tab_content .spec div.row12,.tab_content .spec div.row12s{ height : calc(1.1rem * 12); } /* 内容領域の高さ */
.tab_content .spec div.row13,.tab_content .spec div.row13s{ height : calc(1.1rem * 13); } /* 内容領域の高さ */
.tab_content .spec div.row14,.tab_content .spec div.row14s{ height : calc(1.1rem * 14); } /* 内容領域の高さ */
.tab_content .spec div.row15,.tab_content .spec div.row15s{ height : calc(1.1rem * 15); } /* 内容領域の高さ */
/*                                              */
.tab_content .spec > div.line{
    /* 幅・高さ */
    height                     : 0px;          /* 内容領域の高さ */
    /* マージン・パディング */
    padding                    : 0px 5px;      /* 内側の余白 */
}
.tab_content .spec div.title{
    /* 幅・高さ */
    width                      : calc(23vw - 10px - 2px); /* 内容領域の幅 */
    /* テキスト・フォント */
    font-size                  : 2.5vw !important; /* 文字サイズ */
}
.tab_content .spec div.text{
    /* 幅・高さ */
    width                      : calc(34vw - 10px - 1px); /* 内容領域の幅 */
    /* テキスト・フォント */
    text-align                 : center;       /* 水平方向の表示位置 */
}
.tab_content .spec div.col2{
    /* 幅・高さ */
    width                      : calc(68vw - 10px - 1px); /* 内容領域の幅 */
}
.tab_content .spec div.col_all{
    /* 幅・高さ */
    width                      : calc(91vw - 10px - 2px); /* 内容領域の幅 */
    /* 表示・配置 */
    justify-content            : center;       /* フレックスアイテムの水平方向の配置設定 */
}
.tab_content .spec div.subtext{
    /* 幅・高さ */
    width                      : calc(91vw - 10px); /* 内容領域の幅 */
    /* 表示・配置 */
    clear                      : both;         /* フロート解除 */
}
.tab_content .spec div span{
    /* テキスト・フォント */
    font-size                  : 2.8vw !important; /* 文字サイズ */
}
.tab_content .logo div.subtitle{
    /* テキスト・フォント */
    font-size                  : 0.8rem;       /* 文字サイズ */
}
.tab_content .logo .fclear + div.subtitle{
    /* マージン・パディング */
    margin-top                 : 2.0rem;       /* 外側の余白（上） */
}
.tab_content .logo div.block{
    /* 幅・高さ */
    width                      : 45vw;         /* 内容領域の幅 */
}
/*                    幅・高さ                  */
.tab_content .logo div.col2{ width : calc(45vw * 2); } /* 内容領域の幅 */
/*                                              */
.tab_content .logo .block a{
    /* 幅・高さ */
    width                      : 45vw;         /* 内容領域の幅 */
    /* テキスト・フォント */
    font-size                  : 0.8rem;       /* 文字サイズ */
}
.tab_content .logo .block img{
    /* 幅・高さ */
    width                      : auto;         /* 内容領域の幅 */
    height                     : 6.4vw;        /* 内容領域の高さ */
}
/*                                              */
}
/* ++++++++----------------------------++++++++ */
/*++++++++++++++++++++++++++++++++++++++++++++++*/
/*  デバッグ用                                  */
/*++++++++++++++++++++++++++++++++++++++++++++++*/
*{
    /* 背景 */
    background-color           : transparent !important; /* 背景色 */
}