@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(font-awesome.min.css);
@import url(common.css);


/*
 index
==============================*/

/* header ----------*/
#header { width:100%; height:100vh; position:relative; background-image:url(../_img/mainimg_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
#headerInner { width:100%; height:100vh;background-image:url(../_img/mainimg.png); background-repeat:no-repeat; background-position:center center; background-size:contain; }
/* header-logo */
#header-logo { position:relative; z-index:3000; }
#header-logo h1 { position:absolute; top:20px; }
#header-logo h1 img { width:272px; }
/* header-info */
#header-info { position:absolute; top:0; right:-20px; }
#header-info li { float:left; }
#header-info .rsv, #header-info .top { margin-top:36px; display:inline-block; }
#header-info .rsv a, #header-info .top a { display:block; border:solid 1px rgba(255,255,255,0.2); background-color:#FFF; text-decoration:none; font-weight:bold; color:#333; font-size:15px; padding:2px 10px;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; }
#header-info .rsv a i, #header-info .top a i { vertical-align:baseline; }
#header-info .rsv a span, #header-info .top a span { font-size:12px; vertical-align:baseline; }
#header-info .rsv a:hover, #header-info .top a:hover { background-color:transparent; border:solid 1px rgba(0,0,0,0.1); }
#header-info .tel {}
/* header-nav */
#header-nav { width:100%; position:absolute; bottom:0; z-index:3100; padding:0 0 2% 0; }
#header-nav .inner { background-color:rgba(0,58,128,0.9); padding:0; }
#header-nav ul { overflow:hidden; }
#header-nav li { float:left; width:33.33333%; }
#header-nav li a { display:block; text-align:center; text-decoration:none; color:#FFF; font-weight:bold; font-size:18px; padding:20px 5px 10px 5px; }
#header-nav li:nth-child(1) { border-bottom:solid 1px rgba(255,255,255,0.15); border-right:solid 1px rgba(255,255,255,0.15); }
#header-nav li:nth-child(2) { border-bottom:solid 1px rgba(255,255,255,0.15); border-right:solid 1px rgba(255,255,255,0.15); }
#header-nav li:nth-child(3) { border-bottom:solid 1px rgba(255,255,255,0.15); }
#header-nav li:nth-child(4) { border-right:solid 1px rgba(255,255,255,0.15); }
#header-nav li:nth-child(5) { border-right:solid 1px rgba(255,255,255,0.15); }
#header-nav li:nth-child(6) {}
#header-nav li a i { display:block; font-weight:normal; font-size:20px; padding-top:0; opacity:0.6; }
#header-nav li a:hover { background-color:#FFF; color:#333; }
@media screen and (max-width:850px) {
	#header, #headerInner { height:83vw; }
	#headerInner { background-position:center 10vw; }
	#header-info .top, #header-info .rsv { display:none; }
	#header-info .tel { display:none; }
	#header-nav { position:relative; padding:0; }
	#header-nav li a { font-size:14px; position:relative; padding-bottom:20px; }
	#header-nav li a i { position:absolute; height:20px; top:0; bottom:0; margin:auto; right:20px; }
	#header-nav li:nth-child(1) { width:50%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:solid 1px rgba(255,255,255,0.15);  }
	#header-nav li:nth-child(2) { width:50%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none;}
	#header-nav li:nth-child(3) { width:50%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:solid 1px rgba(255,255,255,0.15); }
	#header-nav li:nth-child(4) { width:50%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(5) { width:50%; border-bottom:none; border-right:solid 1px rgba(255,255,255,0.15); }
	#header-nav li:nth-child(6) { width:50%; border-bottom:none; border-right:none; }
}
@media screen and (max-width:640px) {
	#header-logo h1 { width:65%; }
	#header-logo h1 img { max-width:100%; }
}
@media screen and (max-width:375px) {
	#header-nav li:nth-child(1) { width:100%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(2) { width:100%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(3) { width:100%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(4) { width:100%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(5) { width:100%; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:none; }
	#header-nav li:nth-child(6) { width:100%; border-bottom:none; border-right:none; }
	#headerInner { background-position:center 15vw; }
}

/* header-bg */
#header-bg { position:fixed; top:0; left:0; width:100%; z-index:1; }
#header-bg.blur { filter:blur(6px); -webkit-filter:blur(6px); -moz-filter:blur(6px); -o-filter:blur(6px); -ms-filter:blur(6px); }
#header-bg .shade { position:absolute; top:0; left:0; width:100%; background-image:url(../_img/main_shade.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:2000; }
#header-bg.blur .shade { display:none; }
#header-bg ul { position:relative; width:100%; overflow:hidden; }
#header-bg li { position:absolute; top:0; left:0; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0; }
#header-bg .bg-1 { background-image:url(../_img/main_img_1.jpg); }
#header-bg .bg-2 { background-image:url(../_img/main_img_2.jpg); }
#header-bg .bg-3 { background-image:url(../_img/main_img_4.jpg); }
#header-bg .bg-4 { background-image:url(../_img/main_img_3.jpg); }
@media screen and (max-width:640px) {
	#header-bg .bg-3 { background-image:url(../_img/main_img_5.jpg); }
}

/* mbWrap ----------*/
#mbWrap {}
#mbNav { opacity:0; position:fixed; top:20px; right:10px; z-index:10000;
transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; }
#mbNav.view, #mbWrap.open #mbNav { opacity:1; }
#mbNav a { display:block; width:50px; height:50px; background-color:#EEE; text-decoration:none; text-align:center; }
#mbNav a i { display:block; line-height:30px; font-size:20px; color:#333; }
#mbNav a span { display:block; font-size:10px; color:#333; font-weight:bold; }
#mbNav a i.fa-times { display:none; }
#mbWrap.open #mbNav a i.fa-bars { display:none; }
#mbWrap.open #mbNav a i.fa-times { display:block; }
#nbMenu { width:100%; height:100%; position:fixed; top:0; left:-100%; z-index:9999;
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
#nbMenu .innerWrap { width:100%; height:100%; background-color: rgba(0,0,0,0.9); padding:10%; }
#nbMenu ul { overflow:hidden; }
#nbMenu li { width:49%; margin-bottom:2%; float:left; }
#nbMenu li.tel { width:100%; }
#nbMenu li.col-first { margin-right:2%; }
#nbMenu a { display:block; text-decoration:none; color:#FFF; font-weight:bold; font-size:20px; padding:3%; line-height:1.4em; border:solid 1px rgba(255,255,255,0.2); }
#nbMenu a:hover { background:#FFF; color:#333; }
#nbMenu .rsv a, #nbMenu .tel a { border-width:4px; border-color: rgba(255,255,255,0.7); padding:4% 3%; font-size:26px; text-align:center; }
#nbMenu i { font-weight:normal; font-size:24px; opacity:0.6; vertical-align:baseline; }
#nbMenu .rsv a i, #nbMenu .tel a i { font-size:26px; vertical-align:baseline; }
#mbWrap.open #nbMenu { left:0; }
@media screen and (max-width:850px) {
	#mbNav { opacity:1; }
	#nbMenu li { width:100%; }
	#nbMenu .innerWrap { overflow:scroll; padding:5%; }
	#nbMenu .row-2 .col { width:100%; }
	#nbMenu a { font-size:14px; }
	#nbMenu .rsv a, #nbMenu .tel a { border-width:2px; padding:3%; font-size:14px; text-align:left; }
	#nbMenu i { font-size:12px !important; }
}

/* pageup ----------*/
#pageup { opacity:0; position:fixed; bottom:10px; right:10px; z-index:9999; display:none;
transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; }
#pageup.view { opacity:1; }
#pageup a { display:block; width:50px; height:50px; background-color:rgba(50,50,50,0.8); text-decoration:none; text-align:center; }
#pageup a i { line-height:50px; font-size:20px; color:#FFF; }
@media screen and (max-width:1024px) { /* iPad 横*/
	#pageup { display:block; }
}

/* footer ----------*/
#footer { background-color:#FFF; padding:40px 0 160px 0; position:relative; z-index:3001; }
#footer p { text-align:center; color:#777; font-size:12px; margin-bottom:15px; }
@media screen and (max-width:1024px) { /* iPad 横*/
	#footer {  padding:40px 0; }
	#fixFooter { display:none; }
}

/* fixFooter ----------*/
#fixFooter { opacity:0; position:fixed; bottom:-100%; left:0; width:100%; z-index:9998; background-color:#333;
transition:all 1s ease-out; -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; -ms-transition:all 1s ease-out; }
#fixFooter.view { opacity:1; bottom:0; }
#fixFooter-tel { width:calc( 100% - 360px ); float:left; padding:0 20px; text-align:center; }
#fixFooter-tel img { position:relative; display:block; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);  }
#fixFooter-link { width:300px; float:left; text-align:center; position:relative; }
#fixFooter-link .top { display:block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
#fixFooter-link .top a { display:inline-block; border:solid 1px rgba(255,255,255,0.2); background-color:#FFF; text-decoration:none; font-weight:bold; color:#333; font-size:15px; padding:2px 10px;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; }
#fixFooter-link .top a i { vertical-align:baseline; }
#fixFooter-link .top a span { font-size:12px; vertical-align:baseline; }
#fixFooter-link .top a:hover { color:#FFF; background-color:transparent; }
#fixFooter-pageup { width:60px; height:60px; float:left; }
#fixFooter-pageup a { width:60px; height:60px; display:block; background-color:rgba(0,0,0,0.6); text-align:center; color:#FFF; }
#fixFooter-pageup a i { font-size:20px; line-height:60px; }
#fixFooter-pageup a:hover { background-color:#FFF; color:#333; }
#fixFooter .row-fs {  border-bottom:solid 1px rgba(255,255,255,0.15); }
#fixFooter .col-4 { margin-bottom:0; margin-right:0; width:33.33%; }
#fixFooter .col-4 a { display:block; position:relative; text-align:center; font-size:18px; color:#FFF; font-weight:bold; text-decoration:none; padding:5% 1%; border-right:solid 1px rgba(255,255,255,0.15); }
#fixFooter .col-4 a i { position:absolute; height:20px; top:0; bottom:0; right:20px; margin:auto; }
#fixFooter .col-4 a:hover { background-color:#FFF; color:#003880; }
@media screen and (max-width:1200px) { 
	#fixFooter .col-4 a { font-size:16px; }
}
@media screen and (max-width:1024px) { /* iPad 横*/
	#fixFooter { display:none; }
}

/* main ----------*/
#main { position:relative; z-index:10; }
#main .inner { padding-top:5%;  padding-bottom:5%; }
#main .h2wrap { background-color:#003880; }
#main .h2wrap h2 { color:#FFF; font-size:40px; padding:3%; text-align:center; }
#main .btn { position:relative; display:inline-block; color:#FFF; font-size:20px; padding:3% 15%; text-align:center; background-color:#1873FF; text-decoration:none; font-weight:bold; border:solid 5px #FFF;
transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;}
#main .btn i { position:absolute; height:20px; top:0; bottom:0; right:20px; margin:auto; }
#main .btn:hover { background-color:#FFF; border-color:#1873FF; color:#1873FF; }
#main .in { text-indent:-1.2em; margin-left:1.2em; }
#main .np { display:inline-block; width:1em; height:1em; line-height:1.4em; vertical-align:middle; }
@media screen and (max-width:850px) {
	#main .h2wrap h2 { font-size:26px; }
}

/* secA ----------*/
#secA { background-image:url(../_img/sec_a_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }
#secA .inner { text-align:center; }
#secA h2 { font-size:40px; line-height:1.4em; border:solid 1px rgba(255,255,255,0.3); color:#FFF; display:inline-block; padding:3% 6%; margin-bottom:4%; }
#secA h3 { font-size:26px; line-height:2.5em; margin-bottom:4%; color:#FFF; }
#secA h3 span { background-color:#FFFF73; color:#333; }
#secA .box { background-color:rgba(0,0,0,0.75); padding:3%; text-align:left; color:#FFF; }
#secA .box h4 { font-size:20px; text-align:center; margin-bottom:2%; }
#secA .box table { width:100%; border-collapse:collapse; border:solid 1px rgba(200,213,227,0.2); }
#secA .box table th, #secA .box table td { padding:15px; border-right:solid 1px rgba(200,213,227,0.2); border-bottom:solid 1px rgba(200,213,227,0.2); }
#secA .box table th { color:#FFF; background-color:rgba(255,255,255,0.2); text-align:center; padding:10px; position:relative; width:20%; }
#secA .box table td {}
#secA .box table th.pt { position:relative; background-image: linear-gradient(to top right, transparent, transparent 49%, #7A7E82 49%, #7A7E82 50%, transparent 50%, transparent); }
#secA .box table th.pt .pt1 { position:absolute; bottom:6px; left:10px; }
#secA .box table th.pt .pt2 { position:absolute; top:6px; right:10px; }
@media screen and (max-width:850px) {
	#secA { background-attachment:inherit; }
	#secA h2 { font-size:26px; }
	#secA h3 { font-size:20px; line-height:1.6em; }
	#secA .box table th, #secA .box table td { width:auto; padding:10px; }
	#secA .box table tr, #secA .box table th, #secA .box table td { display:block; }
	#secA .box table tr { float:left; }
	#secA .box table .vam { display:block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
	#secA .box table tr:nth-child(1) { width:25%; }
	#secA .box table tr:nth-child(2) { width:75%; }
	#secA .box table th.pt .pt1 { position:absolute; top:6px; right:10px; bottom:auto; left:auto; }
	#secA .box table th.pt .pt2 { position:absolute; top:auto; right:auto; bottom:6px; left:10px; }
}

/* secC ----------*/
#secC { background-image:url(../_img/bg3.png); background-color:#265693; background-position:center center; background-attachment:fixed; background-repeat:no-repeat; }
#secC .row { margin-bottom:2%; }
#secC .row li { width:50%; float:left; background-color:rgba(0,58,128,0.8); padding:15px; }
#secC .row li:nth-child(2), #secC .row li:nth-child(3)  { background-color:rgba(68,119,181,0.8); }
#secC .row li span { display:table-cell; vertical-align:middle; }
#secC .row li .i { width:17%; max-width:100px; }
#secC .row li .i img { width:100px; }
#secC .row li .t { width:83%; color:#FFF; font-weight:bold; font-size:28px; line-height:1.2em; padding-left:15px; }
#secC .row li .t i { font-size:18px; font-style:normal; }
#secC h3 { text-align:center; color:#FFF; font-weight:bold; font-size:26px; line-height:1.6em; }
#secC h3 span { background-color:#FFFF73; color:#265693 }
@media screen and (max-width:850px) {
	#secC .row li { width:100%; }
	#secC .row li:nth-child(2), #secC .row li:nth-child(4)  { background-color:rgba(68,119,181,0.8); }
	#secC .row li:nth-child(3)  { background-color:rgba(0,58,128,0.8); }
	#secC .row li .t { font-size:20px; }
}
@media screen and (max-width:667px) {
	#secC { background-attachment:inherit; }
	#secC h3 { font-size:18px; }
}

/* secD ----------*/
#secD { background-image:url(../_img/bg1.jpg); background-position:center center; background-attachment:fixed; background-repeat:no-repeat; }
#secD .box { background-color:rgba(24,115,255,0.05); text-align:center; padding:20px; font-weight:bold; margin-bottom:3%; font-size:22px; }
#secD .box strong { color:#00387F; }
#secD .row span { display:block; }
#secD .row li { position:relative; }
#secD .row li:after { content:""; position:absolute; width:23px; height:36px; background-image:url(../_img/arrow1.png); background-repeat:no-repeat; top:0; bottom:0; right:-23px; margin:auto; }
#secD .row li:nth-child(3):after { display:none; }
#secD .row .p { width:70%; margin:0 auto; margin-bottom:6%; }
#secD .row .t { color:#00387F; font-weight:bold; font-size:24px; text-align:center;  margin-bottom:6%; line-height:1.3em; }
#secD .row .t span { font-size:18px; }
#secD .row .t2 { font-weight:bold; font-size:20px; text-align:center;  margin-bottom:6%; line-height:1.3em; }
#secD .row .t2 span { font-size:18px;}
#secD .row .t3 {}
@media screen and (max-width:850px) {
	#secD .row .col-4 { width:48%; }
	#secD .row li:after { display:none; }
}
@media screen and (max-width:667px) {
	#secD .box { font-size:18px; }
	#secD { background-attachment:inherit; }
}
@media screen and (max-width:375px) {
	#secD .row .col-4 { width:100%; }
}

/* secE ----------*/
#secE { background-image:url(../_img/bg2.png); background-color:#FAFAED; background-position:center center; background-attachment:fixed; background-repeat:no-repeat; }
#secE .c0 { color:#1872FF; }
#secE .c1 { color:#FF4C4C; }
#secE .c2 { color:#FF7F00; }
#secE .c3 { color:#59B200; }
#secE .c4 { color:#999; }
#secE .box { background-color:rgba(255,255,255,0.8); text-align:center; padding:20px; margin-bottom:3%; }
#secE .box .l { font-size:20px; }
#secE table { margin:0 auto; }
#secE .pt { border-bottom:solid 1px #003880; padding:3% 0; }
#secE .ptfs { border-top:solid 1px #003880; }
#secE .pt h3 { font-size:30px; font-weight:bold; color:#00387F; border-bottom:solid 4px #FFFF73; display:inline-block; margin-bottom:3%; line-height:1.4em; }
#secE .pt h3 .ib { font-size:20px; }
#secE .pt ul {}
#secE .pt li { font-size:20px; line-height:1.4em; margin-bottom:2%; overflow:hidden;  }
#secE .pt li .w1 { display:block; float:left; margin-right:0.5em; }
#secE .pt li .w1 .np { margin-right:1em; }
#secE .pt li .w2 { display:block;  overflow:hidden; }
#secE .pt li .t { font-size:30px; vertical-align:middle; }
#secE .pt li strong { vertical-align:middle; }
@media screen and (max-width:667px) {
	#secE { background-attachment:inherit; }
	#secE .pt li .w1 .np { margin-right:0.5em; }
}
@media screen and (max-width:375px) {
	#secE .pt h3 { font-size:26px; }
	#secE .pt li { font-size:18px; }
	#secE .pt li .t { font-size:26px; }
	#secE table th, #secE table td { display:block; }
	#secE table th { text-align:center; }
}

/* secG ----------*/
#secG { background-image:url(../_img/bg1.jpg); background-position:center center; background-attachment:fixed; background-repeat:no-repeat; }
#secG table { width:100%; border-collapse:collapse; border:solid 1px #C8D5E3; background-color:rgba(255,255,255,0.8); }
#secG table th, #secG table td { padding:15px; border-right:solid 1px #C8D5E3; border-bottom:solid 1px #C8D5E3; }
#secG table th { color:#00387F; background-color:rgba(200,213,227,0.8); text-align:center; padding:0 42px; position:relative; }
#secG table th br { display:none; }
#secG table td {font-size: 1.5vh;}
#secG .btn span { font-size:14px; line-height:2em; }
@media screen and (max-width:850px) {
	#secG table th, #secG table td { padding:10px; }
	#secG table tr, #secG table th, #secG table td { display:block; }
	#secG table tr { float:left; }
	#secG table th br { display:block; }
	#secG table .vam { display:block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
	#secG table tr:nth-child(1) { width:30%; }
	#secG table tr:nth-child(2) { width:70%; }
	#secG .row .col-6 { width:100%; }
}

/* secH ----------*/
#secH { background-image:url(../_img/bg2.png); background-color:#E5EBF2; background-position:center center; background-attachment:fixed; background-repeat:no-repeat; }
#secH h3 { font-size:30px; margin-bottom:6%; }
#secH ul {}
#secH ul li { overflow:hidden; border-bottom:dotted 1px #003880; padding-top:3%; }
#secH ul li .t {}
#secH ul li .t strong { display:block; font-size:30px; }
#secH ul li .l { text-align:right; }
#secH ul li .l .btn { border:none; background-color:#003880; font-size:16px;  padding:3% 20% 3% 6%; text-align:left; }
#secH ul li .l .btn:hover { background-color:#FFF; color:#003880; }
@media screen and (max-width:850px) {
	#secH h3 { font-size:26px;  }
	#secH ul li .t strong { font-size:24px; }
	#secH ul li .col-9 { width:100%; }
	#secH ul li .col-3 { width:100%; }
	#secH ul li .l { text-align:center; }
	#secH ul li .l .btn { font-size:14px; }
}


table .caption_a{
	text-align: left;
	margin-bottom: .3em;
}