/* ---------------------------- */
/* --- ModalSection --- */
/* ---------------------------- */
.ModalLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: opacity 0s;
    pointer-events: none;
    opacity: 0;
    z-index: 10000;
}
.ModalLayer.isShow {
    transition: opacity 0s;
    pointer-events: auto;
    opacity: 1;
}
.ModalLayer-Mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100vh;
}
.Modal-title {
    color: #595959;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ModalLayer-Inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 800px;
    transform: translate(-50%, -50%);
    border-right: solid 30px rgba(255, 255, 255, 1);
    border-left: solid 30px rgba(255, 255, 255, 1);
    border-radius: 10px;/*角の丸み*/
}
@media screen and (max-width: 768px) {
    .ModalLayer-Inner {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.ModalSection {
    background: #fff;
}
.Modal-Inner {
    margin: auto;
    padding-bottom: 20px;
    max-width: 800px;
}
.Modal-Inner-Headline {
    text-align: center;
    font-size: 24px;
}
.Modal-Inner-Text {
    text-align: center;
}
@page {
    size: 21cm 29.7cm;
}
body {font-family: ipag;}
.w2 {width: 2%;}
.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w21 {width: 21%;}
.w22 {width: 22%;}
.w23 {width: 23%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w28 {width: 28%;}
.w29 {width: 29%;}
.w30 {width: 30%;}
.w31 {width: 31%;}
.w32 {width: 32%;}
.w34 {width: 34%;}
.w35 {width: 35%;}
.w36 {width: 36%;}
.w43 {width: 43%;}
.w44 {width: 44%;}
.w44 {width: 44%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w64 {width: 64%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w68 {width: 68%;}
.w70 {width: 70%;}
.w71 {width: 71%;}
.w72 {width: 72%;}
.w75 {width: 75%;}
.w78 {width: 78%;}
.w79 {width: 79%;}
.w80 {width: 80%;}
.w100 {width: 100%;}
.h16 {height: 16px;}
.ma {margin: auto;}
/* margin-top */
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mt40{ margin-top:40px!important;}
.mt50{ margin-top:50px!important;}
.mt60{ margin-top:60px!important;}
.mt70{ margin-top:70px!important;}
.mt80{ margin-top:80px!important;}
.mt90{ margin-top:90px!important;}
.mt100{ margin-top:100px!important;}
/* margin-bottom */
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}
.mb70{ margin-bottom:70px!important;}
.mb80{ margin-bottom:80px!important;}
.mb90{ margin-bottom:90px!important;}
.mb100{ margin-bottom:100px!important;}
/* margin-right */
.mr5{ margin-right:5px!important;}
.mr10{ margin-right:10px!important;}
.mr20{ margin-right:20px!important;}
.mr30{ margin-right:30px!important;}
.mr40{ margin-right:40px!important;}
.mr50{ margin-right:50px!important;}
.mr60{ margin-right:60px!important;}
.mr70{ margin-right:70px!important;}
.mr80{ margin-right:80px!important;}
.mr90{ margin-right:90px!important;}
.mr100{ margin-right:100px!important;}
/* margin-left */
.ml5{ margin-left:5px!important;}
.ml10{ margin-left:10px!important;}
.ml20{ margin-left:20px!important;}
.ml30{ margin-left:30px!important;}
.ml40{ margin-left:40px!important;}
.ml50{ margin-left:50px!important;}
.ml60{ margin-left:60px!important;}
.ml70{ margin-left:70px!important;}
.ml80{ margin-left:80px!important;}
.ml90{ margin-left:90px!important;}
.ml100{ margin-left:100px!important;}
/* padding-top */
.pt5{ padding-top:5px!important;}
.pt10{ padding-top:10px!important;}
.pt20{ padding-top:20px!important;}
.pt30{ padding-top:30px!important;}
.pt40{ padding-top:40px!important;}
.pt50{ padding-top:50px!important;}
.pt60{ padding-top:60px!important;}
.pt70{ padding-top:70px!important;}
.pt80{ padding-top:80px!important;}
.pt90{ padding-top:90px!important;}
.pt100{ padding-top:100px!important;}
/* padding-bottom */
.pb5{ padding-bottom:5px!important;}
.pb10{ padding-bottom:10px!important;}
.pb20{ padding-bottom:20px!important;}
.pb30{ padding-bottom:30px!important;}
.pb40{ padding-bottom:40px!important;}
.pb50{ padding-bottom:50px!important;}
.pb60{ padding-bottom:60px!important;}
.pb70{ padding-bottom:70px!important;}
.pb80{ padding-bottom:80px!important;}
.pb90{ padding-bottom:90px!important;}
.pb100{ padding-bottom:100px!important;}
/* padding-right */
.pr5{ padding-right:5px!important;}
.pr10{ padding-right:10px!important;}
.pr20{ padding-right:20px!important;}
.pr30{ padding-right:30px!important;}
.pr40{ padding-right:40px!important;}
.pr50{ padding-right:50px!important;}
.pr60{ padding-right:60px!important;}
.pr70{ padding-right:70px!important;}
.pr80{ padding-right:80px!important;}
.pr90{ padding-right:90px!important;}
.pr100{ padding-right:100px!important;}
/* padding-left */
.pl5{ padding-left:5px!important;}
.pl10{ padding-left:10px!important;}
.pl20{ padding-left:20px!important;}
.pl30{ padding-left:30px!important;}
.pl40{ padding-left:40px!important;}
.pl50{ padding-left:50px!important;}
.pl60{ padding-left:60px!important;}
.pl70{ padding-left:70px!important;}
.pl80{ padding-left:80px!important;}
.pl90{ padding-left:90px!important;}
.pl100{ padding-left:100px!important;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.red {color: red;}
.bk_white {background-color: #FFFFFF;}
.bk_blue {background-color: #C7EBFB;}
.bk_navy {
    font-size: 12px;
    background-color: #0A75AA;
    color: #FFFFFF;
    letter-spacing: 1px;
}
.font_S {font-size: 8px;}
.font_M {font-size: 11px;}
.font_L {font-size: 11px;}
.flex {flex: auto;}
.border {border: 1px solid black;}
.rlborder {
    border-style: none solid none;
    border-width: 1px;
    border-color: black;
}
.rb {
    border-style: none solid none none;
    border-width: 1px;
    border-color: black;
}
.fb {
    border-style: none none solid;
    border-width: 1px;
    border-color: black;
}
.bc {
    border-collapse: collapse;
    border-color: black;
}
.bs0 {border-spacing: 0;}
.bs1 {border-spacing: 1px;}
.bs2 {border-spacing: 2px;}
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}
.break {overflow-wrap: break-word;}
.pdfTable {
    border: 1px solid #000;
    border-collapse: collapse;
}
.pdfTable tr th{
    background-color: #0A75AA;
    color: #FFFFFF;
    padding: 5px;
    border: 1px solid #000;
}
.pdfTable tr td{
    padding: 5px;
    border: 1px solid #000;
}
.df {display: flex;}
.jcc {justify-content: center;}
.textOver {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
}
.tooltip { /* 補足説明するテキストのスタイル */
    position: relative;
}
.description_top { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    left: 50%;
    bottom: 80%; /* Y軸の位置 */
    transform: translateX(-50%);
    margin-bottom: 8px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.tooltip:hover .description_top { /* マウスオーバー時のスタイル */
    bottom: 100%; /* Y軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.description_bottom { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 80%; /* Y軸の位置 */
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.tooltip:hover .description_bottom { /* マウスオーバー時のスタイル */
    top: 100%; /* Y軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.description_right { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 50%;
    left: 80%; /* X軸の位置 */
    transform: translateY(-50%);
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.tooltip:hover .description_right { /* マウスオーバー時のスタイル */
    left: 100%; /* X軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.description_left { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 50%;
    right: 80%; /* X軸の位置 */
    transform: translateY(-50%);
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.tooltip:hover .description_left { /* マウスオーバー時のスタイル */
    right: 100%; /* X軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.balloon_top { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    left: 50%;
    bottom: 80%; /* Y軸の位置 */
    transform: translateX(-50%);
    margin-bottom: 15px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666; /* ツールチップの背景色 */
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.balloon_top::before { /* 吹き出しの「しっぽ」のスタイル */
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 12px solid #666; /* 最後の値は「ツールチップの背景色」と合わせる */
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
}
.tooltip:hover .balloon_top { /* マウスオーバー時のスタイル */
    bottom: 100%; /* Y軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.balloon_bottom { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 80%; /* Y軸の位置 */
    left: 50%;
    transform: translateX(-50%);
    margin-top: 15px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666; /* ツールチップの背景色 */
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.balloon_bottom::before { /* 吹き出しの「しっぽ」のスタイル */
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 12px solid #666; /* 最後の値は「ツールチップの背景色」と合わせる */
    position: absolute;
    bottom: 99%;
    left: 50%;
    transform: translateX(-50%);
}
.tooltip:hover .balloon_bottom { /* マウスオーバー時のスタイル */
    top: 100%; /* Y軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.balloon_right { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 50%;
    left: 80%; /* X軸の位置 */
    transform: translateY(-50%);
    margin-left: 8px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /*不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.balloon_right::before { /* 吹き出しの「しっぽ」のスタイル */
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 12px solid #666; /* 最後の値は「ツールチップの背景色」と合わせる */
    position: absolute;
    top: 50%;
    right: 99%;
    transform: translateY(-50%);
}
.tooltip:hover .balloon_right { /* マウスオーバー時のスタイル */
    left: 100%; /* X軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}
.balloon_left { /* ツールチップのスタイル */
    width: 150px; /* 横幅 */
    position: absolute;
    top: 50%;
    right: 80%; /* X軸の位置 */
    transform: translateY(-50%);
    margin-right: 8px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    visibility: hidden; /* ツールチップを非表示に */
    opacity: 0; /* 不透明度を0％に */
    z-index: 1;
    transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
.balloon_left::before { /* 吹き出しの「しっぽ」のスタイル */
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 12px solid #666; /* 最後の値は「ツールチップの背景色」と合わせる */
    position: absolute;
    top: 50%;
    left: 99%;
    transform: translateY(-50%);
}
.tooltip:hover .balloon_left { /* マウスオーバー時のスタイル */
    right: 100%; /* X軸の位置（スライド） */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}