@charset "utf-8";

/* headerbg --------------------------------------------- */

#base .headerbg{
	position: fixed;
	z-index:998;
	left: 0;
	top: 0;
	width:100%;
	height:80px;
	background:#FFFFFF;
}

@media all and (max-width: 767px){
#base .headerbg{
	height:60px;
}
}

/* header --------------------------------------------- */

#base .header{
}

/* CHASE --------------------------------------------- */

#base .chase{
	position:fixed;
	left:100px;
	top:100px;
	pointer-events:none;
	
	opacity:0;
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#base.intro4 .chase{
	opacity:1.0;
}
#base.tch .chase{
	left:auto;
	top:auto;
	right:5px;
	bottom:-15px;
}

#base .chase .hug1 img,
#base .chase .hug2 img{
	position:absolute;
	left:calc(-75px + 40px);
	top:-75px;
	width:150px;
	height:150px;
}
#base.tch .chase .hug1 img,
#base.tch .chase .hug2 img{
	left:auto;
	top:auto;
	right:0;
	bottom:0;
}
#base .chase .eichi img{
	position:absolute;
	right:22px;
	bottom:-35px;
	width:auto;
	height:85px;
}
#base.tch .chase .eichi img{
	left:auto;
	top:auto;
	right:120px;
	bottom:38px;
}

#base .chase .hug1{
	display:block;
}
#base .chase.hvr .hug1{
	display:none;
}
#base.tch .chase .hug1{
	display:none !important;
}

#base .chase .hug2{
	display:none;
}
#base .chase.hvr .hug2{
	display:block;
}
#base.tch .chase .hug2{
	display:block !important;
}

/* hugnavi --------------------------------------------- */

#base .hugnavi{
	background:#FFFFFF;
}

#base .hugnavi .cont{
	position:absolute;
	left:20px;
	top:80px;
	width:calc(100% - 40px);
	height:calc(100% - 100px);
	
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:grab;
}

#base .hugnavi .cont .map{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*pointer-events:none;*/
}

#base .hugnavi .cont .map .submap{
	position:absolute;
	left:50%;
	top:50%;
}

#base .hugnavi .cont .map .submap .subsubmap{
	position:absolute;
}

#base .hugnavi .cont .map .submap .subsubmap .svgdata{
	width:100%;
	height:100%;
	pointer-events:none;
}
#base.intro4 .hugnavi .cont .map .submap .subsubmap .svgdata{
	pointer-events:auto;
}

#base .hugnavi .cont .map .submap .subsubmap .svgdata svg{
	width:100%;
	height:100%;
}

#base.device_pc .hugnavi .cont .map .submap .subsubmap .svgdata a:hover{
	/*opacity:0.5;*/
}

@media all and (max-width: 767px){
#base .hugnavi .cont{
	left:13px;
	top:60px;
	width:calc(100% - 26px);
	height:calc(100% - 73px);
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}
}

#base .hugnavi .cont .map .submap .subsubmap .pin{
	pointer-events:none;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li{
	position:absolute;
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(1){
	/*介護福祉施設*/
	left:calc(100% * 301 / 1920);
	top:calc(100% * 835 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(2){
	/*クリニック*/
	left:calc(100% * 262 / 1920);
	top:calc(100% * 688 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(3){
	/*スマホアプリ*/
	left:calc(100% * 838 / 1920);
	top:calc(100% * 778 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(4){
	/*学校*/
	left:calc(100% * 1603 / 1920);
	top:calc(100% * 820 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(5){
	/*オフィス*/
	left:calc(100% * 1207 / 1920);
	top:calc(100% * 177 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(6){
	/*空港*/
	left:calc(100% * 1654 / 1920);
	top:calc(100% * 385 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(7){
	/*温泉*/
	left:calc(100% * 1600 / 1920);
	top:calc(100% * 65 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(8){
	/*自宅*/
	left:calc(100% * 1076 / 1920);
	top:calc(100% * 666 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(9){
	/*物流*/
	left:calc(100% * 553 / 1920);
	top:calc(100% * 243 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(10){
	/*検査センター*/
	left:calc(100% * 363 / 1920);
	top:calc(100% * 380 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(11){
	/*病院*/
	left:calc(100% * 871 / 1920);
	top:calc(100% * 376 / 1080);
}
#base .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(12){
	/*スーパー*/
	left:calc(100% * 1319 / 1920);
	top:calc(100% * 778 / 1080);
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .df{
}
#base .hugnavi .cont .map .submap .subsubmap .pin li.hvr .df{
	/*opacity:0;*/
	display:none;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .df img{
	position:absolute;
	left:-17px;
	width:35px;
	height:50px;
	
	bottom:30px;
	opacity:0;
	-webkit-transition: opacity .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, bottom .2s ease-out;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(1) .df img{
	-webkit-transition-delay:.10s;
	-o-transition-delay:.10s;
	transition-delay:.10s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(2) .df img{
	-webkit-transition-delay:.30s;
	-o-transition-delay:.30s;
	transition-delay:.30s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(3) .df img{
	-webkit-transition-delay:.20s;
	-o-transition-delay:.20s;
	transition-delay:.20s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(4) .df img{
	-webkit-transition-delay:.45s;
	-o-transition-delay:.45s;
	transition-delay:.45s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(5) .df img{
	-webkit-transition-delay:.60s;
	-o-transition-delay:.60s;
	transition-delay:.60s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(6) .df img{
	-webkit-transition-delay:.35s;
	-o-transition-delay:.35s;
	transition-delay:.35s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(7) .df img{
	-webkit-transition-delay:.55s;
	-o-transition-delay:.55s;
	transition-delay:.55s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(8) .df img{
	-webkit-transition-delay:.50s;
	-o-transition-delay:.50s;
	transition-delay:.50s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(9) .df img{
	-webkit-transition-delay:.25s;
	-o-transition-delay:.25s;
	transition-delay:.25s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(10) .df img{
	-webkit-transition-delay:.40s;
	-o-transition-delay:.40s;
	transition-delay:.40s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(11) .df img{
	-webkit-transition-delay:.05s;
	-o-transition-delay:.05s;
	transition-delay:.05s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li:nth-child(12) .df img{
	-webkit-transition-delay:.15s;
	-o-transition-delay:.15s;
	transition-delay:.15s;
}
#base.intro3 .hugnavi .cont .map .submap .subsubmap .pin li .df img{
	bottom:0;
	opacity:1.0;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .hv{
	/*opacity:0;*/
	display:none;
}
#base .hugnavi .cont .map .submap .subsubmap .pin li.hvr .hv{
	/*opacity:1.0;*/
	display:block;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .hv .fukidashi img{
	position:absolute;
	left:-10px;
	bottom:0;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .hv .name{
	position:absolute;
	left:-100px;
	bottom:15px;
	width:200px;
}

#base .hugnavi .cont .map .submap .subsubmap .pin li .hv .name p{
	display:table;
	margin:0 auto;
	background:#0c3388;
	color:#FFFFFF;
	font-size:1.7em;
	font-weight:700;
	white-space:nowrap;
	padding:11px 14px 14px 14px;
	
	overflow:hidden;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}

@media all and (max-width: 767px){
#base .hugnavi .cont .map .submap .subsubmap .pin li .df img{
	left:-14px;
	width:28px;
	height:auto;
	
	bottom:24px;
}

#base.tch .hugnavi .cont .map .submap .subsubmap .pin li.hvr .df{
	display:block;
}
#base.tch .hugnavi .cont .map .submap .subsubmap .pin li.hvr .hv{
	display:none;
}
}

/* ttl */


/*
#base .hugnavi .ttl{
	position: absolute;
	left:50%;
	top:50%;
	pointer-events:none;
	
	opacity:0;
	-webkit-transition: opacity .5s linear, transform 3.5s linear;
	-o-transition: opacity .5s linear, transform 3.5s linear;
	transition: opacity .5s linear, transform 3.5s linear;
}
#base.intro1 .hugnavi .ttl{
	opacity:1.0;
	transform:scale(1.07);
}
#base.intro2 .hugnavi .ttl{
	opacity:0;
}
#base .hugnavi .ttl .pc_only img{
	position: absolute;
	left:calc(65vw * -0.5);
	top:calc((65vw * 294 / 2847) * -0.5);
	width:65vw;
	height:calc(65vw * 294 / 2847);
}

*/

#base .hugnavi .ttl{
	position:relative;
	display:table;
	height:100%;
	margin:0 auto;
	pointer-events:none;
	
	opacity:0;
	-webkit-transition:opacity .5s linear;
	-o-transition:opacity .5s linear;
	transition:opacity .5s linear;
}
#base.intro1 .hugnavi .ttl{
	opacity:1.0;
}
#base.intro2 .hugnavi .ttl{
	opacity:0;
}

#base .hugnavi .ttl .subttl{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .hugnavi .ttl .subttl .sub{
	/*padding-top:12px;*/
	width:1054px;
	width:70vw;
	width:60vw;
	margin:0 auto;
	text-align:left;
	position:relative;
	
	transform:scale(0.97);
	-webkit-transition:transform 3.5s linear;
	-o-transition:transform 3.5s linear;
	transition:transform 3.5s linear;
}
#base.intro1 .hugnavi .ttl .subttl .sub{
	transform:scale(1.04);
}

#base .hugnavi .ttl .subttl .sub .txt .pc_only img{
	width:990px;
	width:94%;
	width:100%;
	height:auto;
	
	position:relative;
	top:30px;
}

#base .hugnavi .ttl .subttl .sub .hug{
	position: absolute;
	right:-80px;
	right:-7.6%;
	bottom:3px;
	width:100%;
	text-align:right;
}

#base .hugnavi .ttl .subttl .sub .hug img{
	width:auto;
	height:137px;
	
	width:12%;
	height:auto;
}

@media all and (max-width: 767px){
/*
#base .hugnavi .ttl .sp_only{
	position: absolute;
	left:calc(95vw * -0.5);
	top:calc(50vw * -0.5);
	width:95vw;
	height:50vw;
	display:table !important;
}
#base .hugnavi .ttl .sp_only .sub{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#base .hugnavi .ttl .sp_only img{
	width:auto;
	height:12vw;
}
#base .hugnavi .ttl .sp_only .sub div:nth-child(1) img{
}
#base .hugnavi .ttl .sp_only .sub div:nth-child(2) img{
	padding-top:3vw;
}
*/

#base .hugnavi .ttl .subttl .sub{
	/*padding-top:12px;*/
	width:auto;
	text-align:center;
	width: 75vw;
}

#base .hugnavi .ttl .subttl .sub .txt .sp_only div:nth-child(2){
	padding-top:12px;
	padding-right:14px;
}

#base .hugnavi .ttl .subttl .sub .txt .sp_only img{
	
	position:relative;
	top:23px;
}

#base .hugnavi .ttl .subttl .sub .hug{
	right:6px;
	bottom:-5px;
}

#base .hugnavi .ttl .subttl .sub .hug img{
	width:auto;
	height:84px;
}
}


/* swipe */

#base .hugnavi .swipe{
	position: absolute;
	right:0;
	bottom:0;
	pointer-events:none;
	overflow:hidden;
	width:130px;
	height:180px;
}

#base .hugnavi .swipe .sub{
	position:absolute;
	right:-100%;
	bottom:0;
	background:#FFFFFF;
	overflow:hidden;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	
	-webkit-transition: right .6s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: right .6s cubic-bezier(0.76, 0, 0.24, 1);
	transition: right .6s cubic-bezier(0.76, 0, 0.24, 1);
	
}
#base.intro4 .hugnavi .swipe .sub{
	right:0;
}
#base.intro4 .hugnavi .swipe.del .sub{
	right:-100%;
}
/*
#base.intro1 .hugnavi .swipe{
	opacity:1.0;
	transform:scale(1.07);
}
#base.intro2 .hugnavi .swipe{
	opacity:0;
}
*/
#base.intro4 .hugnavi .swipe .sub img{
	animation-name: blink_anime;
	animation-duration:3.0s;
	animation-iteration-count: infinite;
}

@keyframes blink_anime {
0% {
	opacity:1.0;
}

50% {
	opacity:1.0;
}

60% {
	opacity:0.3;
}

100% {
	opacity:1.0;
}
}

@media all and (max-width: 767px){
#base .hugnavi .swipe{
	right:0;
	bottom:calc(50% - (134px / 2));
	/*bottom:140px;*/
	width:94px;
	height:134px;
}

#base .hugnavi .swipe .sub{
	bottom:0;
	width:94px;
	height:134px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

#base .hugnavi .swipe img{
	position:relative;
	left:-5px;
	top:-5px;
	width:104px;
	height:144px;
}
}

/* lb */

#base .hugnavi .lb{
	position: absolute;
	left: 0;
	bottom: 0;
}

#base .hugnavi .lb .btn{
	display:table;
	height:79px;
	background:#FFFFFF;
	
	overflow:hidden;
	-webkit-border-top-right-radius:6px;
	-moz-border-top-right-radius:6px;
	-o-border-top-right-radius:6px;
	border-top-right-radius:6px;
}

#base .hugnavi .lb .btn .arw{
	display:table-cell;
	vertical-align:middle;
	padding-left:25px;
	
	-webkit-transition: opacity .151s linear 0s;
	-o-transition: opacity .151s linear 0s;
	transition: opacity .151s linear 0s;
}
#base.device_pc .hugnavi .lb a:hover .btn .arw{
	opacity:0.3;
}

#base .hugnavi .lb .btn p{
	display:table-cell;
	vertical-align:middle;
	
	color:#0D64B0;
	font-weight:700;
	font-size:1.5em;
	letter-spacing:0.02em;
	
	padding-left:13px;
	padding-right:30px;
	
	-webkit-transition: opacity .151s linear 0s;
	-o-transition: opacity .151s linear 0s;
	transition: opacity .151s linear 0s;
}
#base.device_pc .hugnavi .lb a:hover .btn p{
	opacity:0.3;
}

@media all and (max-width: 767px){
#base .hugnavi .lb .btn{
	height:60px;
	
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-o-border-top-right-radius:4px;
	border-top-right-radius:4px;
}

#base .hugnavi .lb .btn .arw{
	padding-left:25px;
	padding-left:16px;
}

#base .hugnavi .lb .btn .arw img{
	width:12px;
	height:12px;
}

#base .hugnavi .lb .btn p{
	font-size:1.4em;
	
	padding-left:10px;
	padding-right:20px;
}
}

/* MODAL --------------------------------------------- */

#base .modal{
	display:none;
}

#base .modal .secbg{
	position:fixed;
	z-index:9998;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,40,80,0.9);
	background:rgba(12,51,136,0.9);
}

#base .modal .dtl{
	position:relative;
	z-index:9999;
	display:table;
	width:100%;
}

#base .modal .dtl .subdtl{
	display:table-cell;
	vertical-align:middle;
}

#base .modal .dtl .subdtl .subsubdtl{
	padding-top:20px;
	padding-bottom:20px;
	display:table;
	margin:0 auto;
}

#base .modal .cont{
	display:none;
	position:relative;
}
#base .modal .cont.typ1{
	width:660px;
	height:440px;
}
#base .modal .cont.typ2{
	width:740px;
	height:580px;
}
#base .modal .cont.typ3{
	width:1140px;
	height:600px;
}

#base .modal .cont .contbg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#FFFFFF;
	
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

#base .modal .cont .hdr{
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:80px;
	border-bottom:solid 2px #0D64B0;
}

#base .modal .cont .hdr .hug{
	position:absolute;
	left:10px;
	bottom:0;
}
#base .modal .cont .hdr .hug img{
	width:147px;
	height:auto;
}

#base .modal .cont .hdr .ttl{
	display:table;
	height:100%;
	margin:0 auto;
}

#base .modal .cont .hdr .ttl p{
	display:table-cell;
	vertical-align:middle;
	
	font-size:3.2em;
	letter-spacing:0.05em;
	font-weight:700;
}

#base .modal .cont .hdr .close{
	position:absolute;
	right:16px;
	top:0;
	bottom:0;
	margin:auto;
	width:36px;
	height:36px;
	cursor:pointer;
	background:#0D64B0;
	
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	
	-webkit-transition: opacity .151s linear 0s;
	-o-transition: opacity .151s linear 0s;
	transition: opacity .151s linear 0s;
}
#base.device_pc .modal .cont .hdr .close:hover{
	opacity:0.5;
}

#base .modal .cont .hdr .close div{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	margin:auto;
	width:18px;
	height:2px;
	background:rgba(255,255,255,1.0);
}
#base .modal .cont .hdr .close div:nth-child(1){
	transform:rotate(45deg);
}
#base .modal .cont .hdr .close div:nth-child(2){
	transform:rotate(-45deg);
}

#base .modal .cont .subcont{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:calc(100% - 80px);
}

#base .modal .cont .subcont .pct{
	position:absolute;
}

#base .modal .cont .subcont .pct .bg{
}

#base .modal .cont .subcont .pct .bg_sp{
	display:none;
}

#base .modal .cont .subcont .pct .sub{
	position:absolute;
	width:250px;
	height:250px;
}

#base .modal .cont .subcont .txt{
	position:absolute;
}

#base .modal .cont .subcont .txt .subtxt1{
	color:#0D64B0;
	font-size:2.1em;
	font-weight:700;
	line-height:1.5;
	letter-spacing:0.02em;
}

#base .modal .cont .subcont .txt .subtxt2{
	color:#0D64B0;
	font-size:1.7em;
	font-weight:400;
	line-height:1.8;
	letter-spacing:0.02em;
	padding-top:6px;
}

/* - */

#base .modal .cont.typ1 .subcont .pct1{
	left:53px;
	bottom:0;
}

#base .modal .cont.typ1 .subcont .pct1 .sub{
	left:16px;
	top:15px;
}

#base .modal .cont.typ1 .subcont .txt1{
	width:235px;
	left:385px;
	top:50px;
	height:260px;
	display:table;
}
#base .modal .cont.typ1 .subcont .txt1 .txt_{
	display:table-cell;
	vertical-align:middle;
}

/* - */

#base .modal .cont.typ2 .subcont .pct1{
	left:45px;
	bottom:0;
}
#base .modal .cont.typ2 .subcont .pct2{
	right:0;
	bottom:0;
}

#base .modal .cont.typ2 .subcont .pct1 .sub{
	left:15px;
	top:15px;
}
#base .modal .cont.typ2 .subcont .pct2 .sub{
	left:15px;
	top:15px;
}

#base .modal .cont.typ2 .subcont .txt1{
	width:245px;
	left:65px;
	/*top:42px;*/
	bottom:361px;
	bottom:358px;
}
#base .modal .cont.typ2 .subcont .txt2{
	width:245px;
	left:430px;
	top:353px;
	left:420px;
	top:355px;
	top:360px;
}

/* - */

#base .modal .cont.typ3 .subcont .pct1{
	left:0;
	bottom:0;
}
#base .modal .cont.typ3 .subcont .pct2{
	left:calc(50% - 135px);
	bottom:0;
}
#base .modal .cont.typ3 .subcont .pct3{
	right:0;
	bottom:0;
}

#base .modal .cont.typ3 .subcont .pct1 .sub{
	left:94px;
	top:15px;
}
#base .modal .cont.typ3 .subcont .pct2 .sub{
	left:15px;
	top:15px;
}
#base .modal .cont.typ3 .subcont .pct3 .sub{
	left:15px;
	top:15px;
}

#base .modal .cont.typ3 .subcont .txt1{
	width:345px;
	left:50px;
	top:346px;
}
#base .modal .cont.typ3 .subcont .txt2{
	width:265px;
	left:445px;
	/*top:44px;*/
	bottom:361px;
	bottom:378px;
}
#base .modal .cont.typ3 .subcont .txt3{
	width:245px;
	left:815px;
	top:377px;
}

@media all and (max-width: 767px){

#base .modal .dtl{
	position:relative;
	z-index:9999;
	display:table;
	width:100%;
}

#base .modal .dtl .subdtl{
	display:table-cell;
	vertical-align:middle;
}

#base .modal .dtl .subdtl .subsubdtl{
	width:calc(100% - 40px);
}

#base .modal .cont{
	position:relative;
}
#base .modal .cont.typ1{
	width:auto;
	height:auto;
}
#base .modal .cont.typ2{
	width:auto;
	height:auto;
}
#base .modal .cont.typ3{
	width:auto;
	height:auto;
}

#base .modal .cont .contbg{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}

#base .modal .cont .hdr{
	position:relative;
	height:66px;
}

#base .modal .cont .hdr .hug{
	left:-12px;
}
#base .modal .cont .hdr .hug img{
	width:115px;
	height:auto;
}

#base .modal .cont .hdr .ttl{
	padding-left:20px;
}

#base .modal .cont .hdr .ttl p{
	font-size:2.4em;
}

#base .modal .cont .hdr .close{
	right:10px;
	width:28px;
	height:28px;
}

#base .modal .cont .hdr .close div{
	width:14px;
}

#base .modal .cont .subcont{
	position:relative;
	height:auto;
	padding-top:35px;
}

#base .modal .cont .subcont .pct{
	position:absolute;
	
	position:relative;
}

#base .modal .cont .subcont .pct .bg{
	display:none;
}

#base .modal .cont .subcont .pct .bg_sp{
	display:block;
}

#base .modal .cont .subcont .pct .bg_sp img{
	width:100%;
	height:auto;
}

#base .modal .cont .subcont .pct .sub{
	position:absolute;
	width:250px;
	height:250px;
	
	width:61.49%;
	height:auto;
	left:0;
	right:0;
	top:5% !important;
	margin:auto;
}

#base .modal .cont .subcont .txt{
	position:absolute;
	
	position:relative;
	position:static;
	
	padding-bottom:35px;
}

#base .modal .cont .subcont .txt .subtxt1{
	color:#0D64B0;
	font-size:2.1em;
	font-weight:700;
	line-height:1.5;
	
	font-size:1.7em;
}

#base .modal .cont .subcont .txt .subtxt2{
	color:#0D64B0;
	font-size:1.7em;
	font-weight:400;
	line-height:1.8;
	padding-top:6px;
	
	font-size:1.4em;
}

/* - */

#base .modal .cont.typ1 .subcont .pct1{
	left:0;
	bottom:0;
}

#base .modal .cont.typ1 .subcont .pct1 .sub{
	left:0;
	top:0;
}

#base .modal .cont.typ1 .subcont .txt1{
	display:block;
	width:auto;
	height:auto;
	left:0;
	top:0;
}

#base .modal .cont.typ1 .subcont .txt1 .txt_{
	display:block;
}

/* - */

#base .modal .cont.typ2 .subcont .pct1{
	left:0;
	bottom:0;
}
#base .modal .cont.typ2 .subcont .pct2{
	right:0;
	bottom:0;
}

#base .modal .cont.typ2 .subcont .pct1 .sub{
	left:0;
	top:0;
}
#base .modal .cont.typ2 .subcont .pct2 .sub{
	left:0;
	top:0;
}

#base .modal .cont.typ2 .subcont .txt1{
	width:auto;
	left:0;
	bottom:0;
}
#base .modal .cont.typ2 .subcont .txt2{
	width:auto;
	left:0;
	top:0;
}

/* - */

#base .modal .cont.typ3 .subcont .pct1{
	left:0;
	bottom:0;
}
#base .modal .cont.typ3 .subcont .pct2{
	left:0;
	bottom:0;
}
#base .modal .cont.typ3 .subcont .pct3{
	right:0;
	bottom:0;
}

#base .modal .cont.typ3 .subcont .pct1 .sub{
	left:0;
	top:0;
}
#base .modal .cont.typ3 .subcont .pct2 .sub{
	left:0;
	top:0;
}
#base .modal .cont.typ3 .subcont .pct3 .sub{
	left:0;
	top:0;
}

#base .modal .cont.typ3 .subcont .txt1{
	width:auto;
	left:0;
	top:0;
}
#base .modal .cont.typ3 .subcont .txt2{
	width:auto;
	left:0;
	bottom:0;
}
#base .modal .cont.typ3 .subcont .txt3{
	width:auto;
	left:0;
	top:0;
}

/* - */

#base .modal .cont .subcont .txt{
	width:calc(100% - 70px) !important;
	margin:0 auto;
}
}