/* modalRoot
==========================================*/
@media print,screen and (min-width:641px){

	.showModalRoot{overflow: hidden !important;height:100vh;}
	.showModalRoot .l-header {position: fixed !important;top:0 !important;padding-right:18px;}
	.modalRoot{position: fixed;top:100px;bottom: 0;left: 0;right: 0;z-index: 100;overflow-y: auto;background-color: #c6e1ff;display:none;}
	.modalRoot .mdlCont{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width: 100%;height:calc(100% - 97px);min-height: 820px;}
	.showModalRoot .modalRoot{display: block;}
	.modalRoot noscript p{text-align: center;line-height: 50px;background-color: #fff;}
	/**/
	.modalRoot .panel{max-width:1004px;height: auto;margin-bottom: 20px;opacity: 0; transition:all 0.5s ease;}
	.showModalRoot .modalRoot .panel{opacity: 1;transition-delay: 1.5s;}
	/**/
	.modalRoot .panel .txt{padding: 20px 40px;background-color: #fff;margin-bottom: 20px;}
	.modalRoot .panel .txt h2{color:#0066dc;font-size: 3.4rem;background-color: transparent;}
	.modalRoot .panel .txt p{font-size: 1.8rem;font-weight: bold;color: #666;}
	.modalRoot .panel .txt p + p{margin-top: 1em;}
	.modalRoot .panel .txt p span{display: block;text-align: right;padding-top: 30px;}
	/**/
	.modalRoot .panel .mdlTtl{text-align: center;font-size: 3.0rem;line-height: 64px;background-color: #298ffe;color: #fff;font-weight: bold;}
	/**/
	.modalRoot .panel .JS-closeModal{display:-webkit-flex;display:flex;}
	.modalRoot .panel .JS-closeModal dl:first-child{width:33.56%;background-color:#ffeee6;}
	.modalRoot .panel .JS-closeModal dl:last-child{width:calc(100% - 33.56%);background-color:#ecf4ff;}
	.modalRoot .panel .JS-closeModal dl dt{text-align: center;font-size: 3.0rem;line-height: 64px;font-weight: bold;color: #fff;}
	.modalRoot .panel .JS-closeModal dl dt span{font-size: 1.8rem;margin-left: 20px;line-height: 1;}
	.modalRoot .panel .JS-closeModal dl:first-child dt{background-color:#c7531a;}
	.modalRoot .panel .JS-closeModal dl:last-child dt{background-color:#005bc4;}
	.modalRoot .panel .JS-closeModal dl dd{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:calc(100% - 64px);}
	.modalRoot .panel .JS-closeModal dl dd a{display: block;text-align: center;font-size: 1.6rem;text-decoration: none;border-width: 2px;border-style: solid;border-radius:10px;background-color: #fff;box-sizing: border-box;}
	.modalRoot .panel .JS-closeModal dl dd a::after{content: "";display: block;width:14px;height: 14px;margin: 0 auto;}
	/**/
	.modalRoot .panel .JS-closeModal dl:first-child dd ul{width: 76.33%;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a{border-color: #c7531a;padding:19px 0 35px;color:#c7531a;font-weight: bold;font-size: 1.8rem;line-height: 1.4;position: relative;transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::after{position:absolute;bottom:22px;left:49.7%;display:block;content:"";width:5px;height:5px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::before{position:absolute;bottom:18px;left:50%;display:block;content:"";width:14px;height:14px;vertical-align:middle;background-color:#c7531a;border-radius: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a:hover{background-color: #c7531a;color:#fff;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a:hover::after{border-top:2px solid #c7531a;border-right:2px solid #c7531a;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a:hover::before{background-color: #fff;}
	/**/
	.modalRoot .panel .JS-closeModal dl:last-child dd ul{width:93.99%;margin:3%;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li{width: 32.26%;float: left;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li a{display: block;color:#005bc4;border-color: #005bc4;font-size: 1.8rem;font-weight: bold;line-height: 2;padding:17px 0 31px;position: relative;cursor: pointer;transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::after{position:absolute;bottom:18px;left:49.7%;display:block;content:"";width:5px;height:5px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::before{position:absolute;bottom:14px;left:50%;display:block;content:"";width:14px;height:14px;vertical-align:middle;background-color:#005bc4;border-radius: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li + li{margin-left:1.59%;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:nth-child(3n + 4){margin-left: 0;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:nth-child(n + 4){margin-top:10px;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:last-child a{line-height: 1.4;padding:6px 0 28px;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a:hover{background-color: #005bc4;color:#fff;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a:hover::after{border-top:2px solid #005bc4;border-right:2px solid #005bc4;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a:hover::before{background-color: #fff;}
	/**/
	.modalRoot .hdLogo{width: 100%;}
	.modalRoot .hdLogo{width: 100%;background: #00439a;border-bottom: #c6e1ff solid 1px; background: -webkit-linear-gradient(top,  #00439a 0%,#005dc4 100%);background: linear-gradient(to bottom,  #00439a 0%,#005dc4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00439a', endColorstr='#005dc4',GradientType=0 );}
	.modalRoot .hdLogo p{max-width: 1024px;height: 96px;margin: 0 auto;}
	.modalRoot .hdLogo p a{}
	.modalRoot .hdLogo p a img{}
}
@media screen and (min-width: 641px) and (max-width:1060px){
	.modalRoot .mdlCont{display:block;min-height:auto;margin-top:40px;}
}
@media screen and (max-width:767px){
	.modalRoot{top:55px;box-sizing:border-box;}
}
@media screen and (min-width:640px) and (max-width:1060px){
	.modalRoot .hdLogo p{margin: 0 1.99vw;}
	.modalRoot .panel{margin: 0 1.99vw;}
	.modalRoot .panel .txt h2 {font-size: 3.38vw;}
	.modalRoot .panel .txt {padding: 1.99vw 3.98vw;}
	.modalRoot .panel .txt p {font-size: 1.69vw;}
	.modalRoot .panel .txt p span {padding-top: 2.98vw;}
	.modalRoot .panel .mdlTtl {font-size: 2.988vw;}	
	.modalRoot .panel .JS-closeModal dl dt {font-size: 2.988vw;}
	.modalRoot .panel .JS-closeModal dl dt span {font-size: 1.69vw;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a{font-size: 1.69vw;padding: 1.89vw 0 3.48vw;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li a{font-size: 1.69vw;padding: 1.69vw 0 3.08vw;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::before{bottom: 1.69vw;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::after{bottom: 2.09vw;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::before{bottom: 1.29vw;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::after{bottom: 1.69vw;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:last-child a{padding: 0.48vw 0 2.78vw;}
	
}
@media print,screen and (max-width:640px){

	.showModalRoot{overflow: hidden !important;height:100vh;}
	.showModalRoot .l-header {position: fixed !important;top:0 !important;}
	.modalRoot{height:100%;position: fixed;top: 55px;left: 0;right: 0;z-index: 100;overflow-y: auto;background-color: #c6e1ff;display:none;}
	.modalRoot .mdlCont{width: 100%;}
	.showModalRoot .modalRoot{display: block;}
	.modalRoot noscript p{text-align: center;line-height: 50px;background-color: #fff;}
	/**/
	.modalRoot .panel {height: auto;margin-bottom: 10px;}
	/**/
	.modalRoot .panel .txt{padding:10px 20px;background-color: #fff;width: 95%;box-sizing: border-box;margin: 10px auto 10px;}
	.modalRoot .panel .txt h2{color:#0066dc;font-size:2.4rem;}
	.modalRoot .panel .txt p{font-size: 1.4rem;font-weight: bold;color: #666;}
	.modalRoot .panel .txt p + p{margin-top: 1em;}
	.modalRoot .panel .txt p span{display: block;text-align: right;padding-top:10px;}
	/**/
	.modalRoot .panel .mdlTtl{text-align: center;font-size:2.0rem;line-height:54px;background-color: #298ffe;color: #fff;font-weight: bold;width: 95%;margin: 0 auto;}
	.modalRoot .panel .JS-closeModal{width: 95%;margin: 0 auto;}
	.modalRoot .panel .JS-closeModal dl:first-child{background-color:#ffeee6;}
	.modalRoot .panel .JS-closeModal dl:last-child{background-color:#ecf4ff;margin-bottom:60px;}
	.modalRoot .panel .JS-closeModal dl dt{text-align: center;font-size:1.8rem;line-height:40px;font-weight: bold;color: #fff;}
	.modalRoot .panel .JS-closeModal dl dt span{display: block;font-size: 1.4rem;font-weight: normal;line-height: 1.2;padding-bottom: 10px;}
	.modalRoot .panel .JS-closeModal dl:first-child dt{background-color:#c7531a;}
	.modalRoot .panel .JS-closeModal dl:last-child dt{background-color:#005bc4;}
	.modalRoot .panel .JS-closeModal dl dd{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding: 20px 0;}
	.modalRoot .panel .JS-closeModal dl dd a{display: block;text-align: center;font-size: 1.6rem;text-decoration: none;border-width: 2px;border-style: solid;border-radius:10px;background-color: #fff;box-sizing: border-box;}
	.modalRoot .panel .JS-closeModal dl dd a::after{content: "";display: block;width:14px;height: 14px;margin: 0 auto;}
	/**/
	.modalRoot .panel .JS-closeModal dl:first-child dd ul{width:55%;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a{border-color: #c7531a;padding:10px 0 25px;color:#c7531a;font-weight: bold;font-size: 1.8rem;line-height: 1.4;position: relative;transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::after{position:absolute;bottom:13px;left:49.7%;display:block;content:"";width:5px;height:5px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:first-child dd a::before{position:absolute;bottom:10px;left:50%;display:block;content:"";width:14px;height:14px;vertical-align:middle;background-color:#c7531a;border-radius: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.2s ease;}
	/**/
	.modalRoot .panel .JS-closeModal dl:last-child dd ul{width:93.99%;margin:3%;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li{width: 48%;float: left;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li a{display: block;color:#005bc4;border-color: #005bc4;font-size: 1.4rem;font-weight: bold;line-height: 2;padding:17px 0 31px;position: relative;cursor: pointer;transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::after{position:absolute;bottom:18px;left:49.7%;display:block;content:"";width:5px;height:5px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd a::before{position:absolute;bottom:14px;left:50%;display:block;content:"";width:14px;height:14px;vertical-align:middle;background-color:#005bc4;border-radius: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.2s ease;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:nth-child(even){margin-left:3.4%;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:nth-child(n + 3){margin-top:10px;}
	.modalRoot .panel .JS-closeModal dl:last-child dd li:last-child a{line-height: 1.4;padding:6px 0 28px;}
	/**/
	.modalRoot .hdLogo{width: 100%;}
	.modalRoot .hdLogo{width: 100%;background: #00439a;border-bottom: #c6e1ff solid 1px; background: -webkit-linear-gradient(top,  #00439a 0%,#005dc4 100%);background: linear-gradient(to bottom,  #00439a 0%,#005dc4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00439a', endColorstr='#005dc4',GradientType=0 );}
	.modalRoot .hdLogo p{max-width: 1024px;height:52px;margin: 0 auto;}
	.modalRoot .hdLogo p a{}
	.modalRoot .hdLogo p a img{width: 200px;margin: 5px 5px 0 10px;}
}

@media screen and (orientation:landscape) and (max-width:1023px){
	body.tchDvce.showModalRoot .modalRoot .hdLogo p{height:52px;}
	body.tchDvce.showModalRoot #header-menu{height:calc(100vh - 55px);overflow-y: scroll;}
	body.tchDvce.showModalRoot .modalRoot .mdlCont{margin-top:20px;}
	
}
@media print,screen and (min-width:320px) and (max-width:1023px){
	body.tchDvce.showModalRoot #header-menu{height:calc(100vh - 55px);overflow-y: scroll;}
	.modalRoot .panel .txt h2{font-size: 2.2rem;}
	.modalRoot .panel .mdlTtl{font-size: 1.8rem;}
	
}