@charset "utf-8";
#intro-wrap {width:100%;min-height:100%;background:url(/resources/_Etc/_Intro/_Img/intro03_bg.jpg) no-repeat 50% 0;background-size:cover;}
#intro-wrap {position:relative; min-height:100vh;text-align:center;box-sizing:border-box}
#intro-wrap #header {position:relative;padding:93px 0 27px}
#intro-wrap #header:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}
#intro-wrap #header h1.logo {position:relative;left:auto;top:auto;transform:none}
#contents {max-width:none;min-height:auto;margin:0;padding:0}
#contents a {transition:all .3s ease-out}
#contents a:hover {box-shadow:0 7px 0 rgba(0,0,0,0.3);}

#contents #cont {position:relative;min-height:auto;padding:0}
#contents #cont:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:70%}
#contents .intro-info {position:relative;background-color:#fff;border:5px solid #002d62;border-radius:30px;width:100%;max-width:660px;margin:0 auto;padding:56px 20px 52px;text-align:center;box-shadow:0 10px 21px 0 rgba(0, 45, 98, .4);box-sizing:border-box}
#contents .intro-info:after {content:"";display:block;position:absolute;left:30px;bottom:0;background:url(/resources/_Etc/_Intro/_Img/intro_server_spr.png) no-repeat 0 0;width:94px;height:88px}
#contents .intro-info h2 {margin-bottom:13px;color:#1d1f3d;font-size:2.222em;font-weight:700;letter-spacing:-.025em;line-height:1.2}
#contents .intro-info .regi-info {display:inline-block;margin:0 auto 43px;text-align:left}
#contents .intro-info .regi-info li {display:flex;flex-flow:row wrap;align-items:center;color:#005fc7;font-weight:700;letter-spacing:0}
#contents .intro-info .regi-info li .tit {background-color:#427bcf;border-radius:30px;margin-right:10px;padding:4px 15px 0;color:#fff;font-size:.889em;font-weight:500}
#contents .intro-info .regi-info li .txt {padding-top:4px}
#contents .intro-info .btn-more {display:block;background-color:#002d62;border-radius:15px;width:80%;max-width:320px;margin:0 auto;padding:24px 10px 20px;box-sizing:border-box}
#contents .intro-info .btn-more span {display:flex;flex-flow:row wrap;align-items:center;justify-content:center;color:#fff;font-size:1.111em;font-weight:700;letter-spacing:0}
#contents .intro-info .btn-more span:after {content:"";display:block;background:url(../_Img/intro_server_spr.png) no-repeat -104px 0;width:21px;height:21px;margin:-3px 0 0 8px}

#contents .btn-link-box {display:flex;justify-content:center;margin-top:50px;}
#contents .btn-link-box a {display:inline-block;position:relative;width:320px;color:#000;border-radius:15px;background:#ffdf0b;padding:20px 75px 8px 30px;text-align:left;box-sizing:border-box}
#contents .btn-link-box a:before {display:block;content:'';position:absolute;top:0;bottom:0;right:20px;margin:auto 0;width:29px;height:25px;background:url(../_Img/intro_spr2.png) no-repeat 0 0;}
#contents .btn-link-box a:after {display:block;content:'';position:absolute;top:0;bottom:0;right:69px;margin:auto 0;width:1px;height:50px;background:rgba(0,0,0,0.2);}
#contents .btn-link-box a .t1 {display:inline-block;font-size:1.111em;}
#contents .btn-link-box a .t2 {display:block;font-size:0.778em;}
#contents .btn-link-box a.btn-ipsi {color:#fff;background:#3446f0;margin-right:10px;}
#contents .btn-link-box a.btn-ipsi:before {width:30px;height:31px;background-position:-39px 0;}
#contents .btn-link-box a.btn-ipsi:after {background:rgba(255,255,255,0.2);}

@media all and (max-width:999px){
	#intro-wrap #header {padding:30px 0 20px}
	#header .logo img {max-width:200px;}
	#contents .btn-link-box {width:100%;padding:20px 0px 0}
	#contents .btn-link-box a {width:none;padding:20px 50px 8px 20px;word-break:keep-all;}
	#contents .btn-link-box a:before {right:10px;transform:scale(0.7);}
	#contents .btn-link-box a:after {right:45px;height:40px;}
}

@media all and (max-width:768px) {
	#contents #cont,
	#contents .btn-link-box {padding:0 20px;box-sizing:border-box}
	#contents .intro-info {border-width:3px;padding:30px 20px}
	#contents .intro-info:after {left:22px;background-size:88px auto;width:66px;height:62px}
	#contents .intro-info h2 {font-size:1.8em}
	#contents .intro-info .regi-info {margin-bottom:20px}
	#contents .intro-info .btn-more {max-width:210px;padding:19px 10px 15px}
	#contents .intro-info .btn-more span {font-size:1em}
	#contents .btn-link-box {margin-top:30px}
}
@media all and (max-width:499px) {
	#contents .intro-info .btn-more {max-width:150px;padding:15px 10px 10px}
	#contents .btn-link-box .btn-ipsi{margin-bottom:10px;}
	#contents .btn-link-box {display:block;}
	#contents .btn-link-box a {width:100%;}
	#contents .btn-link-box a.btn-ipsi {margin-left:0;margin-top:10px;}
}
@media all and (max-width:379px) {
	#contents .intro-info .regi-info li .tit {align-self:flex-start}
	#contents .intro-info .regi-info li .txt > span {display:block;}
}


/* footer */
#footer {max-width:100%;margin:0 auto;text-align:center;box-sizing:border-box;padding:45px 20px 20px 20px;}
#footer .footer-wr {flex-direction: column;align-items: center;width:100%;text-align:center; }
#footer .footer-wr .copyright {color:#fff;font-size:0.706em;font-weight:500; padding-top:10px; text-align:center}
#footer .footer-wr .fInfo {display:inline-block}
#footer .footer-wr .fInfo > dl {display:flex; align-items:center;}
#footer .footer-wr .fInfo .dtit {position:relative;display:inline-block;font-weight:700;color:#fff;padding-right:23px;padding-left:32px;box-sizing:border-box;flex-shrink:0; text-align:left}
#footer .footer-wr .fInfo .dtit:before {display:block;content:'';position:absolute;top:0;left:0;width:22px;height:22px;background:url(/resources/_Etc/_Intro/_Img/intro_spr.png) no-repeat -231px 0;}
#footer .footer-wr .fInfo .dtit:after {display:block;content:'';position:absolute;top:0;right:0;width:1px;height:20px;background:#999;}
#footer .footer-wr .fInfo .dtxt {display:inline-block;font-weight:500;color:#fff;padding-left:23px;line-height:1em; text-align:left}


@media all and (max-width:399px){
	#footer .footer-wr .fInfo > dl {display:block;}
	#footer .footer-wr .fInfo .dtit:after {display:none;}
	#footer .footer-wr .fInfo .dtxt {color:#1d1f3d;padding-left:32px;padding-top:10px;}
}