@charset "UTF-8";
/* faq8397 iDeCoのメールアドレス用 */
/* タブコントロール */
/* 全体 */
.screenshotarea,area {
    width: auto;
}
/* タブ */
.tab_class {
    width: calc(100%/2);
    height: 70px;
    background-color: white;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    display: block;
    float: left;
    order: -1;
    box-sizing: border-box;
    border-bottom: solid 1px #0ca26c;
    padding: 16px 10px 22px 10px;
    /* faq.cssに同じ */
    transition: all 0.2s ease;
}
.tab_class:hover {
    opacity: 0.75;
}
/* ラジオボタンを非表示に */
input[name="tab_name"] {
    display: none;
}
/* 内容部分 */
.content_class {
    display: none;
    clear: both;     /* floatを解除 */
    overflow: hidden;
}

/* 選択されたタブ */
.screenshotarea input:checked + .tab_class,
.area input:checked + .tab_class {
    background-color: white;
    color: #0ca26c;
    border-left: solid 1px #0ca26c;
    border-right: solid 1px #0ca26c;
    border-top: solid 1px #0ca26c;
    border-bottom: solid 1px white;
    font-weight: bold;
}
/* 選択されたタブの内容のみを表示 */
#tab1:checked ~ #content1_class,
#tab2:checked ~ #content2_class {
    display: block;
}

/* ページ遷移用QRコードの縁取り */
.icon-text{
    display:flex;
    align-items: center;
    gap:8px;
}
/* 画面ショットのセンタリング */
.divcenter{
    display:flex;
    justify-content:center;
}
/* 画面ショットtable配置 */
.figcenter tbody tr td{
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
}
.figcenter {
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

/* 画面ショット見出しの枠表示 */
.screenshottitle{
    width:50%;
    border:1px solid #888;
}
/* 画面ショット外枠 */
.outline{
    border: 2px solid gray;
    width:80%;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* 画面ショット大きさ */
.jisview{
    width:600px;
}
.jisviewsp{
    width: 50%;
}