@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2020.02
==================================================== */
html {font-size: 10px; overflow-y:hidden;}
body {font-size: 1.4rem; }
body {
  background: #F6F6F6;
  color: #4D4F5C;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;
   }

input, button, textarea, *:before, *:after {font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;}.fa:before, .far:before, .fas:before,
.fa:after, .far:after, .fas:after {font-family: "Font Awesome 5 Free";}
p {margin: 0 0 1em;}
p:last-of-type {margin-bottom: 0;}
a {color: #3A5BC9; text-decoration:underline;}
a:hover {color: #00AEDA; text-decoration:none;}

sans{font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;}

.alignL {text-align: left !important; }
.alignC {text-align: center !important; }
.alignR {text-align: right !important; }
.alignM,
.alignE {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  word-wrap: break-word !important;
}

.alignM {
    -moz-text-align-last: justify !important;
    text-align-last: justify !important;
}
.button.rightTop{
	position: absolute;
    top: -10px;
    right: 0;
}
.button.rightTop2{
	position: absolute;
    top: -10px;
    right: 200px;
}
div.rightTop{
	position: absolute;
    top: 10px;
    right:20px;
}

.filename {
    display:block;
    background:#333333;
    padding:0.5em;
    color:#ffffff;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-align:center;
}
.filename:before {content:"template：";}
.refused { color:#ff0000; }
@media print, screen and (min-width: 768px) {
    body{display: flex;}
}

img{max-width: 100%; height: auto;}

/* ====================================================
　文字色
==================================================== */
.fontRed{color: #FF0211;}

/* ######################################################################################

　フォントサイズ　fontsize

###################################################################################### */
.fontExSmall{font-size: 1.1rem;}
.fontSmall{font-size: 1.3rem; }
.fontUsually{font-size: 1.4rem;}
.fontRegular{font-size: 1.5rem;}
.fontLarge{font-size: 1.8rem; line-height: 1.675;}
.fontExLarge{font-size: 2.2rem; line-height: 1.45;}
.fontEExLarge{font-size: 2.6rem; line-height: 1.45;}
.fontEEExLarge{font-size: 6.0rem; line-height: 1.45;}

@media screen and (max-width: 767px) {
    .fontExLarge{font-size: 1.8rem; line-height: 1.45;}
    .fontEExLarge{font-size: 2.2rem; line-height: 1.45;}
	.fontEEExLarge{font-size: 3.6rem; line-height: 1.45;}
}


.fontBold{font-weight: bold;}
.textUnderLine{text-decoration: underline;}

/* ######################################################################################

　フレーム  OPENなし

###################################################################################### */

header{width: 100%;}

/* ====================================================
　ヘッダ
==================================================== */
    header {
        background-color: #FFF;
        position: fixed;
        z-index: 999;
        top: 0;
        padding: 0 30px;
        transition: width ease 0.5s;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
    }
    header .logo{display: none;}
    .loginName{display: none;}

@media print, screen and (min-width: 768px) {
    header {
        width: calc(100% - 66px);
        height: 60px;
        margin-left: 66px;
    }
    header ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: hidden;
        margin-left: auto;
    }
    header li {
        display: flex;
        justify-content: flex-end;
        text-decoration: none;
        height: 30px;
        align-items: center;
        min-width: 110px;
    }
    header li a {
        color: #2D315D;
        text-decoration: none;
    }
    header li a:hover {
        color: #3A5BC9;
    }
    header li:nth-child(1) {}
    header li:nth-child(1) a:before {
        content: "";
        background: url("../img/icon/ico-logout.svg") no-repeat top;
        width: 14px;
        height: 16px;
        display: inline-block;
        margin-right: 8px;
        position: relative;
        top: 3px;
    }
    header a, header p {
        font-weight: bold;
        font-size: 13px;
    }
    header p {
        min-width: 70%;
    }
    header .loginName.pc{display: block;}
    header .logo.sp{display: none;}
}


@media screen and (max-width: 767px) {
    header {
        background-color: #498FCA;
        width: 100%;
        height: 70px;
        padding: 0;
    }
    header ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: hidden;
        margin-left: auto;
    }
    header li {
        display: flex;
        justify-content: flex-end;
        text-decoration: none;
        height: 30px;
        align-items: center;
    }
    header li a {
        color: #fff;
        text-decoration: none;
        text-indent: -9999px;
        background: url("../img/icon/ico-logout_white.svg") no-repeat center;
        width: 60px;
        height: 60px;
        display: inline-block;
        position: relative;
        top: 0;
        right: 0;
    }
    header li a:hover {
        color: #3A5BC9;
    }
    header a, header p {
        font-weight: bold;
        font-size: 13px;
    }
    header p {
        min-width: 70%;
    }
    header .loginName.pc{display: none;}
    header .logo.sp{display: block; padding-top: 4px; padding-left: 80px;}
    header .logo.sp img{width: 130px; height: auto;}
    .loginName.sp{
        display: block;
        padding: 1.25em 15px;
        background: #fff;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0.5em;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    }
}

/* ====================================================
　パンくず
==================================================== */
.topicpath{
	padding-top: 7px;
	font-size:1.2rem;
    line-height:1;
}
.topicpath a {color:#3A5BC9; padding-top:0.1em; padding-bottom:0.1em; text-decoration: none; white-space:nowrap;}
.topicpath a:hover{text-decoration: underline;}
.topicpath ul{display:flex; flex-wrap: wrap;}
.topicpath ul li {display:flex; align-items:center;}
.topicpath ul li+li {margin-left:7px;}

.topicpath span {color:#A4A7B6; white-space:nowrap;}

.topicpath ul li:before{
	content:">";
    display:inline-block;
    margin-right:9px;
	width:11px;
}
.topicpath ul li:first-child:before{
	content:"";
    position:relative;
    top:-1px;
	background-image:url(../img/icon/ico-home_gray.svg);
	background-size: 12px 12px;
    margin-right:8px;
	width:12px;
	height:12px;
}


@media print, screen and (min-width: 768px) {
    .topicpath{margin-left: 30px;}
}


@media screen and (max-width: 767px) {
    .topicpath{margin-left: 15px; overflow-x: scroll;}
}


/* ====================================================
　メインブロック
==================================================== */
.contents + .contents,
.row + .contents{margin-top:20px;}

main {
    height:100vh;
    overflow-y: scroll;
}
@media print, screen and (min-width: 768px) {
    main {
        background-color: #F6F6F6;
        width: calc(100% - 66px);
        min-height: 100vh;
        margin-left: 0;
        padding-top: 65px;
        padding-bottom: 1em;
        position:absolute;
        right:0;
    }
    .menuBox {
        height:100vh;
        overflow-y:auto;
        direction: ltr;
        scrollbar-color: #2d315d #498FCA;
        scrollbar-width: auto;
    }
    .menuBox::-webkit-scrollbar {width: 8px; height:0;}
    .menuBox::-webkit-scrollbar-track {background-color: #498FCA;}
    .menuBox::-webkit-scrollbar-thumb {background-color:#2d315d;}

    main .mainBloc {
        margin: 20px 30px 20px 30px;
    }
    main .mainBloc .contents {
        border-radius: 3px;
        background-color: #FFF;
        padding: 30px;
        border: 1px solid rgba(0, 0, 0, 0.0625);
        position: relative;
    }
    main .mainBloc .nopd_contents {
        position: relative;
        background-color: #FFF;
        margin-top: 20px;
    }
    .mainBloc .nopd_contents .color2Title {
        margin-bottom: 0 !important;
    }
    main .mainBloc .contents.dashboard {
        min-height: 100%;
    }
}



@media screen and (max-width: 767px) {
    main {
        background-color: #F6F6F6;
        padding-top: 70px;
        padding-bottom: 5em;
    }
    main .mainBloc {
        margin: 30px 15px 30px 15px;
        max-width: 100%;
    }
    main .mainBloc .contents {
        margin-left: -15px;
        margin-right: -15px;
        background-color: #FFF;
        padding: 25px 15px;
        position: relative;
    }
    main .mainBloc .nopd_contents {
        position: relative;
        background-color: #FFF;
        margin-top: 20px;
    }
    .mainBloc .nopd_contents .color2Title {
        margin-bottom: 0 !important;
    }

}

/* ######################################################################################

　フレーム  OPENあり

###################################################################################### */

/* ====================================================
　ヘッダ
==================================================== */
@media print, screen and (min-width: 768px) {
    .menuOpen header {
        width: calc(100% - 260px);
        margin-left: 260px;
    }
}
/* ====================================================
　ナビゲーション
==================================================== */
@media print, screen and (min-width: 768px) {
    .menuOpen .gnav{width: 260px;}
    .menuOpen .gnav ul{width: 260px;}
}
@media screen and (max-width: 767px) {
    .menuOpen:not(.menuOpen-first) header{width: 100%;}
    .menuOpen:not(.menuOpen-first) .gnav{width: 100%;}
    .menuOpen:not(.menuOpen-first) .gnav ul{width: 100%;}
}


/* ====================================================
　メインブロック
==================================================== */
@media print, screen and (min-width: 768px) {
    .menuOpen main {
        width: calc(100% - 260px);
    }
}
@media screen and (max-width: 767px) {
    main {
        transform: translateX(0);
    }
    .menuOpen:not(.menuOpen-first) main {
        transform: translateX(100%);
    }
    .menuOpen main.logout{
        transform: translateX(0);
    }
}



/* ######################################################################################

　ログイン画面

###################################################################################### */
body.pageAdmin{background: #FFFFFF; overflow: hidden;}

main.logout{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    margin-left: 0;
    padding-top: 0;
}
main.logout .logo{
    margin-bottom: 20px;
}
main.logout .logo img{width: 100%; height: auto;}


main.logout .contents{
    width: 600px;
    border-radius: 3px;
    background-color: #FFF;
    padding: 35px 100px 15px;
    box-shadow: 1px 1px 15px #45414E08;
	border: 1px solid #2D315D;
}

main.logout .title{
    text-align: center;
    margin-bottom: 0.5em;
    color: #4D4F5C;
    font-size: 1.6rem;
	font-weight: bold;
}
main.logout table{width: 100%;}

main.logout table th,
main.logout table td{
    text-align: left;
    padding: 0.35em 0;
}
main.logout table th{
    padding-right: 0.5em;
    width: 80px;
    color: #4D4F5C;
    font-size: 1.3rem;
    font-weight: normal;
}

main.logout table input[type=text],
main.logout table input[type=mail],
main.logout table input[type=password]{width: 100%;}

main.logout .keep,
main.logout .buttonBox{text-align: center;}

main.logout .keep{margin: 2em 0;}
main.logout .buttonBox{margin-bottom: 2em;}
main.logout .copyright{
    color: #A3A6B4;
    font-size: 1.1rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    main.logout .contents{
        width: auto;
        border-radius: 3px;
        background-color: #FFF;
        padding: 2em 1.5em;
        box-shadow: 1px 1px 15px #45414E08;
	    border: 1px solid #2D315D;
        margin: 0 1em;
    }
}
/* ====================================================
　.gnav    ナビゲーション
==================================================== */
.gnav ul li a:hover{ background-color: rgba(0, 0, 0, .2); color:#F7D560; }
.gnav .home > a{ color:#2D315D !important; background-color:#F6F6F6 !important;	border-left:solid 4px #F7D560;}
.gnav .active > a{	background-color:rgba(0, 0, 0, .2);	color:#FFF;border-left:solid 4px #F7D560;}
.gnav .subMenu a:hover{	background-color:rgba(0, 0, 0, .2);	color:#FFF;}

.gnav{
    transition : width ease 0.5s;
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    height: 100vh;
    left: -1px;
    top: 0px;
}

.menuBox {
    height: calc(100vh - 70px);
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-color: #2d315d #498FCA;
    scrollbar-width: thin;
}
.menuBox::-webkit-scrollbar {width: 8px; height:0;}
.menuBox::-webkit-scrollbar-track {background-color: #498FCA;}
.menuBox::-webkit-scrollbar-thumb {background-image: linear-gradient(180deg, #2d315d 0%, #2d315d 99%);}
.mainMenu {overflow-x:none;}
.mainMenu::after{
    content: "";
    display: block;
    height: 70px;
    width: 100%;
    background-color: #2d315d;
}

@media print, screen and (min-width: 768px) {
    .gnav{width: 66px;}
    .mainMenu::-webkit-scrollbar {width: 10px; height:0;}
    .mainMenu::-webkit-scrollbar-thumb {background: rgba(206, 255, 0, 1);}
    .mainMenu::-webkit-scrollbar-track {background: rgba(206, 255, 0, 0.3);}
}
@media screen and (max-width: 767px) {
    .gnav{margin-top: 70px; width: 0;}
    .mainMenu{height: 100%; margin-bottom: 70px;}
}

/* ロゴ */
@media print, screen and (min-width: 768px) {
    .gnav .logo {
        display:flex;
        align-items:center;
        justify-content:center;
        width:260px;
        height:60px;
        padding-right:66px;
    }
}
@media screen and (max-width: 767px) {
    .gnav .logo {display: none;}
}
.gnav .logo img{height: auto;}
/* ≡ */
.menuBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    width:66px;
	height:60px;
    cursor:pointer;
    display: none;
    z-index: 1001;
}

@media print, screen and (min-width: 768px) {
    .menuBtn.pc{display: flex;}
    .menuBtn.sp{display: none;}
    .menuBtn.pc{right:0;}
}
@media screen and (max-width: 767px) {
    .menuBtn.pc{display: none;}
    .menuBtn.sp{display: flex;}

    .menuBtn.sp{position: fixed; left: 0; height: 70px; background: #498FCA;}
}
.gnav ul{
    width:260px;
    width:100%;
}
.gnav ul li{position:relative; }
.gnav ul li + li {margin-top: 3px;}
.gnav ul li a{
    display:block;
    position:relative;
    width:100%;
    padding:16px 24px 16px 66px;
	text-decoration:none;
	color:#FFF;
    white-space:nowrap;
    overflow:hidden;
}
.gnav ul li a:before{
	content:"";
	display:block;
    position:absolute;
    top:0;
    left:0;
	width:66px;
	height:100%;
    background: center no-repeat;
    background-size:16px 16px;
}
.gnav .menu01 > a:before  {background-image:url(../img/nav/ico01wh.svg);}/*ホーム*/
.gnav .menu02 > a:before  {background-image:url(../img/nav/ico02wh.svg);}/*カレンダー*/
.gnav .menu03 > a:before  {background-image:url(../img/nav/ico03wh.svg);}/*検索*/
.gnav .menu04 > a:before  {background-image:url(../img/nav/ico04wh.svg);}/*送信*/
.gnav .menu05 > a:before  {background-image:url(../img/nav/ico05wh.svg);}/*回覧板*/
.gnav .menu06 > a:before  {background-image:url(../img/nav/ico06wh.svg);}/*歯車*/
.gnav .menu07 > a:before  {background-image:url(../img/nav/ico07wh.svg);}/*歯車*/
.gnav .menu08 > a:before{background-image:url(../img/nav/ico08wh.svg);}/*クーポン*/
.gnav .menu10 > a:before{background-image:url(../img/nav/ico10wh.svg);}/*みんなの投票箱*/
.gnav .menu0601 > a:before{background-image:url(../img/nav/ico0601wh.svg);}/*トピックス*/
.gnav .menu0602 > a:before{background-image:url(../img/nav/ico0602wh.svg);}
.gnav .menu0603 > a:before{background-image:url(../img/nav/ico0603wh.svg);}
.gnav .menu0604 > a:before{background-image:url(../img/nav/ico0604wh.svg);}/*メール*/
.gnav .menu0605 > a:before{background-image:url(../img/nav/ico0605wh.svg);}
.gnav .menu0606 > a:before{background-image:url(../img/nav/ico0606wh.svg);}
.gnav .menu0607 > a:before{background-image:url(../img/nav/ico0607wh.svg);}
.gnav .menu0608 > a:before{background-image:url(../img/nav/ico0608wh.svg);}/*歯車*/
.gnav .menu0609 > a:before{background-image:url(../img/nav/ico0609wh.svg);}/*人物*/
.gnav .menu0610 > a:before{background-image:url(../img/nav/ico0610wh.svg);}/*ログイン*/
.gnav .menu0611 > a:before{background-image:url(../img/nav/ico-plus_white.svg);}/*追加*/
.gnav .menu0612 > a:before{background-image:url(../img/nav/ico0612wh.svg);}/*投稿BOX*/
.gnav .menu0613 > a:before{background-image:url(../img/nav/ico0613wh.svg);}/*投稿BOX*/

/* hover時 */

.gnav .menu01 > a:hover:before  {background-image:url(../img/nav/ico01ye.svg);}
.gnav .menu02 > a:hover:before  {background-image:url(../img/nav/ico02ye.svg);}
.gnav .menu03 > a:hover:before  {background-image:url(../img/nav/ico03ye.svg);}
.gnav .menu04 > a:hover:before  {background-image:url(../img/nav/ico04ye.svg);}
.gnav .menu05 > a:hover:before  {background-image:url(../img/nav/ico05ye.svg);}
.gnav .menu06 > a:hover:before  {background-image:url(../img/nav/ico06ye.svg);}
.gnav .menu07 > a:hover:before  {background-image:url(../img/nav/ico07ye.svg);}
.gnav .menu08 > a:hover:before  {background-image:url(../img/nav/ico08ye.svg);}/*クーポン*/
.gnav .menu10 > a:hover:before  {background-image:url(../img/nav/ico10ye.svg);}/*みんなの投票箱*/
.gnav .menu0601 > a:hover:before{background-image:url(../img/nav/ico0601ye.svg);}
.gnav .menu0602 > a:hover:before{background-image:url(../img/nav/ico0602ye.svg);}
.gnav .menu0603 > a:hover:before{background-image:url(../img/nav/ico0603ye.svg);}
.gnav .menu0604 > a:hover:before{background-image:url(../img/nav/ico0604ye.svg);}
.gnav .menu0605 > a:hover:before{background-image:url(../img/nav/ico0605ye.svg);}
.gnav .menu0606 > a:hover:before{background-image:url(../img/nav/ico0606ye.svg);}
.gnav .menu0607 > a:hover:before{background-image:url(../img/nav/ico0607ye.svg);}
.gnav .menu0608 > a:hover:before{background-image:url(../img/nav/ico0608ye.svg);}
.gnav .menu0609 > a:hover:before{background-image:url(../img/nav/ico0609ye.svg);}
.gnav .menu0610 > a:hover:before{background-image:url(../img/nav/ico0610ye.svg);}
.gnav .menu0612 > a:hover:before{background-image:url(../img/nav/ico0612ye.svg);}
.gnav .menu0613 > a:hover:before{background-image:url(../img/nav/ico09ye.svg);}/*みまもり機能*/

/*　各種設定アクティブ */
.systemupdate .gnav .menu06 > a:before  {background-image:url(../img/nav/ico06ye.svg);}
.systemupdate .gnav .menu06 > a{color:#F7D560;background-color:#24274A;}
.systemupdate .gnav .menu06 > a:after,
.gnav ul li a:hover:after{
	content:"";
	position:absolute;
	border-left:solid 4px #F7D560;
	width:3px;
	height:57px;
	left:0;
	top:0;
}

/* home */
.gnav .home > a{
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.gnav .home > a:before{left: -4px;}
.gnav .menu01.home > a:before  {background-image:url(../img/nav/ico01.svg);}
.gnav .home a:after{border-left:none !important;}

/* activ時 */
.gnav .active > a{
	font-weight:bold;
	text-decoration:none;
	display:block;
}

.gnav .active > a:before{left: -4px;}
.gnav .menu02.active > a:before  {background-image:url(../img/nav/ico02wh.svg);}
.gnav .menu03.active > a:before  {background-image:url(../img/nav/ico03wh.svg);}
.gnav .menu04.active > a:before  {background-image:url(../img/nav/ico04wh.svg);}
.gnav .menu05.active > a:before  {background-image:url(../img/nav/ico05wh.svg);}
.gnav .menu06.active > a:before  {background-image:url(../img/nav/ico06wh.svg);}
.gnav .menu07.active > a:before  {background-image:url(../img/nav/ico07wh.svg);}

.gnav .menu0601.active > a:before{background-image:url(../img/nav/ico0601wh.svg);}
.gnav .menu0602.active > a:before{background-image:url(../img/nav/ico0602wh.svg);}
.gnav .menu0603.active > a:before{background-image:url(../img/nav/ico0603wh.svg);}
.gnav .menu0604.active > a:before{background-image:url(../img/nav/ico0604wh.svg);}
.gnav .menu0605.active > a:before{background-image:url(../img/nav/ico0605wh.svg);}
.gnav .menu0606.active > a:before{background-image:url(../img/nav/ico0606wh.svg);}
.gnav .menu0607.active > a:before{background-image:url(../img/nav/ico0607wh.svg);}
.gnav .menu0608.active > a:before{background-image:url(../img/nav/ico0608wh.svg);}
.gnav .menu0609.active > a:before{background-image:url(../img/nav/ico0609wh.svg);}
.gnav .menu0610.active > a:before{background-image:url(../img/nav/ico0610wh.svg);}
.gnav .menu0611.active > a:before{background-image:url(../img/nav/ico0611wh.svg);}
.gnav .menu0612.active > a:before{background-image:url(../img/nav/ico0612wh.svg);}
.gnav .menu10.active > a:before  {background-image:url(../img/nav/ico10wh.svg);}

.gnav .active a:after{border-left:none !important;}

.gnav .menu01.active > a:hover:before  {background-image:url(../img/nav/ico01ye.svg);}
.gnav .menu02.active > a:hover:before  {background-image:url(../img/nav/ico02ye.svg);}
.gnav .menu03.active > a:hover:before  {background-image:url(../img/nav/ico03ye.svg);}
.gnav .menu04.active > a:hover:before  {background-image:url(../img/nav/ico04ye.svg);}
.gnav .menu05.active > a:hover:before  {background-image:url(../img/nav/ico05ye.svg);}
.gnav .menu06.active > a:hover:before  {background-image:url(../img/nav/ico06ye.svg);}
.gnav .menu07.active > a:hover:before  {background-image:url(../img/nav/ico07ye.svg);}
.gnav .menu08.active > a:hover:before  {background-image:url(../img/nav/ico08ye.svg);}/*クーポン*/
.gnav .menu10.active > a:hover:before  {background-image:url(../img/nav/ico10ye.svg);}/*みんなの投票箱*/
.gnav .menu0601.active > a:hover:before{background-image:url(../img/nav/ico0601ye.svg);}
.gnav .menu0602.active > a:hover:before{background-image:url(../img/nav/ico0602ye.svg);}
.gnav .menu0603.active > a:hover:before{background-image:url(../img/nav/ico0603ye.svg);}
.gnav .menu0604.active > a:hover:before{background-image:url(../img/nav/ico0604ye.svg);}
.gnav .menu0605.active > a:hover:before{background-image:url(../img/nav/ico0605ye.svg);}
.gnav .menu0606.active > a:hover:before{background-image:url(../img/nav/ico0606ye.svg);}
.gnav .menu0607.active > a:hover:before{background-image:url(../img/nav/ico0607ye.svg);}
.gnav .menu0608.active > a:hover:before{background-image:url(../img/nav/ico0608ye.svg);}
.gnav .menu0609.active > a:hover:before{background-image:url(../img/nav/ico0609ye.svg);}
.gnav .menu0610.active > a:hover:before{background-image:url(../img/nav/ico0610ye.svg);}
.gnav .menu0612.active > a:hover:before{background-image:url(../img/nav/ico0612ye.svg);}
.gnav .menu0613.active > a:hover:before{background-image:url(../img/nav/ico09ye.svg);}/*みまもり機能*/

@media screen and (max-width: 767px) {
 /* .gnav{display: none;} */
}

/* サブメニュ */
body.dashboard .gnav .subMenu{display: none;}

.gnav .subMenu .active > a{
	background-color:#24274A!important;
	color:#FFF!important;
	border-left:solid 4px #24274A;
}

.gnav .subMenu{ border-top:solid 1px rgba(0, 0, 0, .2);}
.gnav .subMenu li{ margin-top:0; }
.gnav .subMenu a{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 1.2rem
	}
.gnav .subMenu a:after {display:none;}

.gnav .active .subMenu {
    display:block;
    transition:max-height ease 0.5s;
   /* max-height:0;*/
    overflow:hidden;
}

/* ====================================================
　ページタイトル
==================================================== */
* + .pageTitle{margin-top: 5em;}

.pageTitle{
    display: flex;

}
.pageTitle .button.topic{
    white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
    .pageTitle {
        margin-bottom: 1.25em;
        justify-content: space-between;
        align-items: center;
    }
    .pageTitle .color2Title {
        margin-bottom: 0;
    }
    .pageTitle .button {
        min-width: auto;
    }
    .pageTitle__button * + .button{margin-left: 1em;}
}

@media screen and (max-width: 767px) {
     .pageTitle {
        margin-bottom: 1.5em;
        flex-direction: column;
    }

    .pageTitle__button {padding-top: 1em; padding-bottom: 0.5em; text-align: right;}
    .pageTitle .color2Title {
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    .pageTitle .button.topic {
        margin-left: auto;
        width: auto;
        padding-top: 0.25em;
        padding-bottom: 0.25em;

    }
    .pageTitle__button .button + .button{margin-left: 0.75em;}

    .pageTitle.sp-flex {
        margin-bottom: 1.25em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .pageTitle.sp-flex .pageTitle__button{
        padding: 0;
    }
}


/* ====================================================
　tableスクロール
==================================================== */
* + .allScrollTable,
* + .scrollTable{margin-top: 1em;}
.scrollTable.pcfull{width: 100%;}

.allScrollTable{overflow-x: scroll; position: relative;}
.allScrollTable .scroll-hint{display: block;}
.allScrollTable.w600 table{max-width: 600px;}
.allScrollTable.w700 table{max-width: 700px;}
.allScrollTable.w800 table{max-width: 800px;}
.allScrollTable.w900 table{max-width: 900px;}
.allScrollTable.w1000 table{max-width: 1000px;}
.allScrollTable.w1100 table{max-width: 1100px;}
.allScrollTable.w1200 table{max-width: 1200px;}
.allScrollTable.w1300 table{max-width: 1300px;}
.allScrollTable.w1400 table{max-width: 1400px;}
.allScrollTable.w1500 table{max-width: 1500px;}
.allScrollTable.w1600 table{max-width: 1600px;}

.allScrollTable table {
    width: 100%;
    border-collapse: collapse;
}
.allScrollTable::-webkit-scrollbar {
    height: 8px;
}
.allScrollTable::-webkit-scrollbar-thumb {
    background: #A3A6B4;
    border-radius: 4px;
}
.allScrollTable::-webkit-scrollbar-track {
    background: #F5F6FA;
    border-radius: 4px;
}

@media screen and (max-width: 980px) {
    .scrollTable{overflow-x: scroll; position: relative;}
    .scrollTable .scroll-hint{display: block;}
    .scrollTable table {
        width: 100%;
        border-collapse: collapse;
    }

    .scrollTable::-webkit-scrollbar {
        height: 8px;
    }
    .scrollTable::-webkit-scrollbar-thumb {
        background: #A3A6B4;
        border-radius: 4px;
    }
    .scrollTable::-webkit-scrollbar-track {
        background: #F5F6FA;
        border-radius: 4px;
    }

    .scrollTable.w600 table{width: 600px;}
    .scrollTable.w700 table{width: 700px;}
    .scrollTable.w800 table{width: 800px;}
    .scrollTable.w900 table{width: 900px;}
    .scrollTable.w1000 table{width: 1000px;}
    .scrollTable.w1100 table{width: 1100px;}
    .scrollTable.w1200 table{width: 1200px;}
    .scrollTable.w1300 table{width: 1300px;}
    .scrollTable.w1400 table{width: 1400px;}
    .scrollTable.w1500 table{width: 1500px;}
    .scrollTable.w1600 table{width: 1600px;}
}

/* スクロールヒント */
.scroll-hint{
    position: absolute;
    top: 0.5em;
    left: 50vw;
    transform: translate(-50%, 0);
    width: 8em;
    height: 6.5em;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    opacity: 1;
    transition: opacity 0.5s ease;
    display: none;
}
.scroll-hint.hidden {
    opacity: 0;
    pointer-events: none;
}

.scroll-icon{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background-image: url(../img/icon/ico-scrollhint-1.svg);
    background-repeat: no-repeat;
    background-position: 50% 68%;
    background-size: 36%;
}
.scroll-icon.animate {
  animation: slide-hint 1.2s linear 2;
}

.scroll-icon:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../img/icon/ico-scrollhint-2.svg);
    background-repeat: no-repeat;
    background-position: 50% 16%;
    background-size: 40%;
    opacity: 0;
}
.scroll-icon.show-before::before {
    opacity: 1;
}


@keyframes slide-hint {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
/* end */