@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

@media print {

/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }body { line-height: 1; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }nav ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }/* change colours to suit your needs */ins { background-color: #ff9; color: #000; text-decoration: none; }/* change colours to suit your needs */mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }del { text-decoration: line-through; }abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }table { border-collapse: collapse; border-spacing: 0; }/* change border colour to suit your needs */hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }input, select { vertical-align: middle; }


/*
 * defaut style
 */
html { height: 100%; overflow-y: scroll; font-size: 15px; margin-top:0!important; background:transparent; }
body { /* min-height:100%; */  font-size: 100%; color: #333333; word-wrap: break-word; overflow:hidden; background:transparent; -webkit-font-smoothing: antialiased;  }
body { font-family:'Roboto','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:1050px; }
table { word-break: break-word; }
img { max-width: 100%; height: auto; width: auto; vertical-align: bottom; border: none; }
li { list-style-type: none; }
ol { margin-bottom:1.5em; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:180%; }
.section ul { margin-bottom:1.5em; }
.section ul li {  margin-left:20px; padding-left:5px; list-style-type:disc; margin-bottom:0.5em; line-height:180%; }
dt { font-weight:bold; line-height:160%; margin-bottom:0.5em; font-size:15px; }
dd { margin-bottom:1.5em; line-height:160%; font-size:15px; }
p { margin-bottom: 2em; line-height:200%; }
p:last-child { margin-bottom:0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
sup { position: relative; font-size: 100%; top: -5px; }
sub { position: relative; font-size: 100%; bottom: -5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.sp { display: none!important; }
.center { text-align:center; }
.pc-center { text-align:center; }
.right { text-align:right; } 
.pc-right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
* { box-sizing:border-box; }
.eng { font-family:"Montserrat"; }

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999;
}
#loader {
  display: none;
  position: fixed;
  top: calc(50%);
  left: 0%;
  width: 100%;
  height: 2;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;
  color: #333;
  z-index: 10000;
}
#loader .circle { position:relative; top:-5px; }
#loader .circle > span { display:inline-block; width:8px; height:8px; margin:4px; background:#162a75; border-radius:50%; opacity:0.2; }
#loader .bar { display:none; background:#ff9900; height:2px; width:0%; transition:0.5s ease-in-out; }


/*
 * header & footer
 */
#container { }
body.loading #container { visibility:hidden; }


#header { margin-top:80px; width:100%; z-index:1000;  }
#header-inner { position:absolute; width:100%; height:80px; left:0; top:-0px; z-index:2000; background:rgba(255,255,255,0.85); }
#header .logo { padding:29px 28px 0 28px; position: relative; z-index: 2; pointer-events: none; }
#header .logo a { pointer-events:auto; }
#header .logo img { }
#header .contact-btn { position:absolute; right:0; top:0; z-index:4; }
#header .contact-btn a { background:#e60012; color:#fff; display:table-cell; width:148px; height:80px; text-align:center; vertical-align:middle; font-size:15px; line-height:180%; }
#header .contact-btn a:hover { text-decoration:none; opacity:0.7; }

body.members #header .contact-btn a { background:#0e2452;  }

#footer { background:#1d1d1d; margin-top:1px; }
#footer-inner { position:relative; box-sizing:content-box; width:100%; padding:45px 30px; margin:0 auto; color:#fff; }
#footer-inner a { color:#fff; }
#footer .page-top { position:absolute; right:30px; bottom:45px; z-index:999;  }
#footer .page-top a { /* position:fixed; bottom:45px; margin-left:-80px; */ color:#23793a; background:url(../img/pagetop.png) no-repeat left center; background-size:	80px 79px; width:80px; height:79px; display:block; text-indent:-9999px; }
#footer .footer-gnav { margin-bottom:42px; display:flex; border-right:2px solid #343434; }
#footer .footer-gnav .nav { border-left:2px solid #343434; padding:10px 4%; display:flex; }
#footer .footer-gnav ul { /* display:table-cell; */ }
#footer .footer-gnav ul:nth-child(2) { padding-left:40px; }
#footer .footer-gnav li { font-size:13px; font-weight:500; padding:0; position:relative; padding-left:18px; margin-bottom:14px; line-height:130%; white-space:nowrap; }
#footer .footer-gnav li:last-child { margin-bottom:0; }
#footer .footer-gnav li:before { content:""; display:block; width:5px; height:5px; background:#545454; position:absolute; left:0; top:50%; transform:translateY(-50%); }
#footer .footer-gnav li.child { font-size:12px; font-weight:400; }
#footer .footer-gnav li.child:before { display:none; }
#footer .footer-gnav li a:hover { opacity:0.7; text-decoration:none; }
#footer .logo { margin-bottom:50px; }
#footer .logo img { vertical-align:middle; }
#footer .logo img:nth-child(2) { width:182px; margin-left:28px;  }
#footer .copyright { font-size:12px; background:#2a2a2a; padding:0 25px; line-height:79px; height:79px; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:1px; }

body.members #footer .footer-gnav { display:block; border:none; }
body.members #footer .footer-gnav ul { display:block; padding:0; margin-bottom:12px; }
body.members #footer .footer-gnav ul li { display:inline-block; margin-right:30px; padding:0; }
body.members #footer .footer-gnav li:before { display:none; }
body.members.login { min-height:100%; }
body.members.login #footer { background:#fff; border-top:1px solid #001125; }
body.members.login #footer #footer-inner { padding:0; }
body.members.login #footer .page-top,
body.members.login #footer .logo,
body.members.login #footer .footer-gnav { display:none; }
body.members.login #footer .copyright { background:#fff; color:#333; text-align:center; }

.page-title { margin-top:0px; margin-bottom:80px; position:relative; }
.page-title h1 { color:#fff; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.page-title h1 span:nth-child(1) { font-size:22px; display:inline-block; position:relative; min-width:204px; padding:0 26px; }
.page-title h1 span:nth-child(1):before { content:""; display:block; background:#fff; width:26px; height:2px; position:absolute; left:-26px; top:50%; }
.page-title h1 span:nth-child(1):after { content:""; display:block; background:#fff; width:26px; height:2px; position:absolute; right:-26px; top:50%; }
.page-title h1 span:nth-child(2) { font-size:15px; display:block; margin-top:16px; }
.page-title-second { margin-top:30px; margin-bottom:40px; position:relative; background:#f4f8fb; font-size:22px; padding:25px 0; }
.page-title-second h1 { width:100%; margin:0 auto;  }


body.members .page-title { background:url(../../member_users/img/pho_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:450px; text-indent:-9999px; }
body.members.login .page-title { background:url(../../member_users/img/pho_main2.jpg) no-repeat center center; background-size:cover; text-align:center; height:450px; text-indent:-9999px; }
body.company .page-title { background:url(../../company/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:400px; }
body.policy .page-title,
body.topics .page-title { background:url(../../topics/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:400px; }
body.privacy .page-title { background:url(../../privacy/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:400px; }
body.contact .page-title { background:url(../../privacy/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:400px; }
body.service .page-title { background:url(../../service/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:400px; }

.footer-contact { background:#f4f4f4; }
.footer-contact > .inner { width:100%; transform:translateX(-50%); left:50%; position:relative; padding:70px 0 100px;  }
.footer-contact .title { font-size:22px; text-align:center; margin-bottom:35px; }
.footer-contact .box { background:#fff; padding:30px 100px; position:relative; }
.footer-contact .box .box-left { width:363px; float:left; }
.footer-contact .box .box-right { width:363px; float:right; }
.footer-contact .box .box-right:before { content:""; display:block; position:absolute; left:50%; top:40px; width:1px; height:110px; background:#b2c5e0; }
.footer-contact .box img { margin-top:10px;}
.footer-contact .box .btn a { display:block; background:#e60012; color:#fff; font-size:20px; text-align:center; line-height:70px; }
.footer-contact .box .btn a:hover { text-decoration:none; opacity:0.7; }
.footer-contact .box .ttl { font-size:16px; margin-bottom:20px; }


/*
 * contents
 */
.contents { }
.content-wrapper { }
.main-content { width:100%; margin:0 auto; padding:0 30px; position:relative; box-sizing:content-box; }
body.members.second .content-wrapper { width:100%; margin:0 auto 60px; padding:0 30px; position:relative; box-sizing:content-box; }
body.members.second .main-content { float:left; width:calc(100% - 350px); padding:0; }
body.members.second .sub-content { float:right; width:300px; }

.topic-path { display:none; width:100%; margin:20px auto; font-size:13px; }
.topic-path a { color:#333; }
.topic-path li { display:inline; }
.topic-path li:after { content:" >"; margin:0 3px; display:inline; }
.topic-path li:last-child:after { display:none; }

/* 汎用 */
.section { margin-bottom:100px; width:100%; margin-top:-80px; padding-top:80px; }
.section:first-child { margin-top:0px; padding-top:0px; }
.article { margin:0 40px; }
.article p { line-height:200%; }
.indent01 { margin:0 45px 0; }
.red { color:#e60012; }
.note { font-size:15px; }
.section p a { text-decoration:underline; }
.section p a:hover { color:#2ca7d5; text-decoration:none; }

.main-title { margin-bottom:80px; position:relative; margin-top:-210px; margin-bottom:230px; }
.main-title h1 > span { position:relative; display:inline-block; white-space: nowrap; }

.title01 { text-align:center; margin:70px auto; }
.title01 span:nth-child(1) { font-size:23px; font-weight:900; display:inline-block; min-width:140px; margin-bottom:15px; position:relative; padding:0 26px; }
.title01 span:nth-child(1):before { content:""; display:block; width:26px; height:2px; background:#0e2452; position:absolute; left:-26px; top:50%; transform:translateY(-50%); }
.title01 span:nth-child(1):after { content:""; display:block; width:26px; height:2px; background:#0e2452; position:absolute; right:-26px; top:50%; transform:translateY(-50%); }
.title01 span:nth-child(2) { font-size:15px; display:block; color:#e60012; }
.title02 { text-align:center; margin:70px auto; }
.title02 span:nth-child(1) { font-size:25px; font-weight:700; display:inline-block; min-width:140px; margin-bottom:15px; position:relative; padding:0 26px; }
.title02 span:nth-child(1):after { content:""; display:block; width:40px; height:3px; background:#2ca7d5; position:absolute; bottom:-18px; left:50%; transform:translateX(-50%); }
.title03 { text-align:center; margin:70px auto; }
.title03 span:nth-child(1) { font-size:25px; font-weight:700; display:inline-block; min-width:140px; margin-bottom:15px; position:relative; padding:0 26px; }
.title03 span:nth-child(1):after { content:""; display:block; width:40px; height:3px; background:#e60012; position:absolute; bottom:-18px; left:50%; transform:translateX(-50%); }
.title04 { font-size:19px; border-bottom:2px solid #e5e5e5; padding-bottom:15px; margin:100px 0 35px; }
.title05 { font-size:19px; margin:85px 0 50px; text-align:center; line-height:150%; }
.title06 { font-size:17px; font-weight:500px; margin:65px 0 35px; line-height:150%; }
.title07 { font-size:17px; font-weight:500px; margin:65px 0 35px; line-height:150%; border-bottom:1px solid #cccccc; padding-bottom:10px; font-weight:bold; }
.title08 { font-size:17px; font-weight:500px; margin:70px 0 25px; line-height:150%; padding:5px 0 5px 16px; position:relative; }
.title08:first-child { margin-top:0; }
.title08:before { content:""; display:block; width:5px; height:100%; background:url(../img/bg_bar2.png) no-repeat; background-size:cover; position:absolute; left:0; top:0; }

.btn01 a { display:block; color:#fff; background:#0e2452; display:block; padding:16px 0; width:320px; text-align:center; margin:50px auto; }
.btn01 a:hover { opacity:0.7; }
.btn01 a span { display:inline-block; font-size:16px; background:url(../img/ico_list.png) no-repeat left center; background-size:20px 14px; line-height:22px; padding-left:35px; color:#fff; }

.btn02 { position:relative; margin:40px auto; }
.btn02 a { color:#333; background:#fff; border:2px solid #000; display:block; padding:calc(35px) 0; text-align:center; font-size:16px; font-weight:bold; position:relative; transition-duration: .4s; }
.btn02:before{
content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.btn02:hover > * { color:#fff; background-color:#e60012; border:2px solid #e60012; }
.btn02:hover:before{ border-color:#fff; }
.btn02 a:hover { text-decoration:none; }
.btn03 { position:relative; margin:40px auto; }
.btn03 a { color:#fff; background:#0e2452; border:2px solid #0e2452; display:block; padding:calc(35px) 0; text-align:center; font-size:16px; font-weight:bold; position:relative; transition-duration: .4s; }
.btn03:before{
content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.btn03:hover a { opacity:0.7; }

.btn03 a:hover { text-decoration:none; }

.btn04 { position:relative; margin:40px auto; }
.btn04 a { color:#fff; background:#0e2452; border:2px solid #0e2452; display:block; padding:calc(25px) 0; text-align:center; font-size:16px; font-weight:bold; position:relative; transition-duration: .4s; }
.btn04:before{
content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.btn04:hover a { opacity:0.7; }
.btn04 a:hover { text-decoration:none; }



.btns01	{ width:calc(690 / 1100 * 100%); margin:40px auto 0; }
.btns01 > *[class^="btn0"] { width:calc(300 / 690 * 100%); }
.btns01 > *[class^="btn0"]:first-child { float:left; }
.btns01 > *[class^="btn0"]:last-child { float:right; }
.btns02	{ width:592px; margin:40px auto 0; }
.btns03	{ width:300px; margin:40px auto 0; }


.box-left *:last-child,
.box-right *:last-child { margin-bottom:0; }
.box01 { margin:50px 0; position:relative; }
.box01 .box-left { width:calc(660 / 1100 * 100%); float:left; }
.box01 .box-right { width:calc(370 / 1100 * 100%); float:right; }

.img01 { margin-bottom:100px; position:relative; margin-top:50px; }

.box-flex01 { display:flex; flex-wrap:wrap; width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex01 > .item { width:calc(100 / 3 * 1%); text-align:center; } 
.box-flex02 { display:flex; flex-wrap:wrap; width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex02 > .item { width:calc(530 / 1100 * 100%); margin-right:calc(40 / 1100 * 100%);  } 
.box-flex02 > .item:nth-child(2n) { margin-right:0; }
.box-flex02 > a.item:hover { text-decoration:none; opacity:0.7; }
.box-flex02 .thumb { margin-bottom:30px; }
.box-flex02 .title { font-weight:bold; margin-bottom:15px; line-height:180%; }
.box-flex02 .date { margin-bottom:15px; }
.box-flex02 .desc { line-height:180%;}
.box-flex03 { display:flex; flex-wrap:wrap; width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex03 > .item { width:calc(350 / 1100 * 100%); margin-right:calc(25 / 1100 * 100%); margin-bottom:30px;  } 
.box-flex03 > a.item:hover { text-decoration:none; opacity:0.7; }
.box-flex03 > .item:nth-child(3n) { margin-right:0; }
.box-flex03 .thumb { margin-bottom:25px; }
.box-flex03 .title { font-size:16px; font-weight:bold; margin-bottom:12px; line-height:180%; }
.box-flex03 .title .eng { font-size:15px; font-weight:300; margin-left:20px; letter-spacing:1.5px; }
.box-flex03 .date { margin-bottom:15px; }
.box-flex03 .desc { line-height:180%;}

.table01 { position:relative; }
.table01 a { text-decoration:underline; }
.table01 a:hover { color:#ff9900; text-decoration:none; }
.table01 table { /* border-spacing:30px; margin:-30px; */ border-collapse:separate; }
.table01 th { line-height:200%; border-bottom:1px solid #d2d2d2; width:calc(150 / 1100 * 100%); min-width:120px; padding:25px 30px 25px 30px; white-space:nowrap; }
.table01 td { line-height:200%; color:#333; border-bottom:1px solid #d2d2d2; padding:25px 0 25px 30px; }
.table01 tr:first-child th { border-top:1px solid #d2d2d2; padding-top:30px; }
.table01 tr:first-child td { border-top:1px solid #d2d2d2; padding-top:30px; }
.table01 .img { position:absolute; right:0; top:0; width:calc(370 / 1100 * 100%); padding-left:50px; padding-bottom:50px; background:#fff; box-sizing:content-box; }

/* lnav */
.lnav ul { display:block; text-align:center; margin:75px 0; }
.lnav ul li { display:inline-block; border-left:1px solid #7f7f7f; padding:4px 30px; line-height:140%; margin-left:0; }
.lnav ul li:last-child { border-right:1px solid #7f7f7f; }
.lnav a { }
.lnav a:hover { color:#ff9900; text-decoration:none; }



/* home */
body.home .main-content { max-width:none; width:100%; }
body.home .section {max-width: 1150px; transform: translateX(-50%);left: 50%;position: relative;padding: 70px 0 100px; }
body.home .section > .inner { width:100%; transform:translateX(-50%); left:50%; position:relative;  }
.first-view { position: relative; width: 100%; height:calc(100vh - 80px); min-height:600px; /* background:url(../../img/video.jpg) no-repeat; */ background-size:cover;  }
.first-view .video-wrapper { position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#000; }
.first-view .cover { position: absolute; left:0; top:0; width:100%; height:100%; /* background:url(../../img/bg_video.png) repeat; */ }
.first-view .video { position: absolute; width: 100%; pointer-events: none; }
.first-view video { transition-duration: 1s; transition-property:opacity; opacity:1; }
.first-view .btn { position:absolute; left:50%; bottom:55px; transform: translateX(-50%); }
.first-view .main-title { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); margin:0; padding: 0 20px; }
.first-view .main-title h1 { color:#fff; font-size:24px; font-weight:500; line-height:200%; text-align:center; }
.first-view .main-title h1 * { display:block; margin:0 auto 35px; }
.service-box .item { position:relative; }
.service-box .texts { background:url(../../img/bg_service.png) no-repeat; background-size:cover; width:100%; height:150px; color:#fff; position:absolute; left:0; bottom:0; padding:25px; }
.service-box .thumb { overflow:hidden; }
.service-box .thumb img { transition-duration:0.3s; width:100%; }
.service-box .title { font-size:22px; font-weight:500; margin-bottom:18px; }
.service-box .desc { font-size:15px; line-height:160%; }
.service-box .item:hover img { transform:scale(1.1,1.1); }
.message-box { position:relative;  }
.message-box .swiper-slide { position:relative; }
.message-box *[class^="slide-texts"] > * { }
.message-box .slide-texts01 { background:url(../../img/slide001.jpg) no-repeat center center; background-size:cover; min-height:924px; }
.message-box .slide-texts01 .ttl { font-size:60px; color:#fff; padding-top:80px; text-align:center; line-height:130%; margin-bottom:35px; }
.message-box .slide-texts01 .txt { font-size:22px; color:#fff; text-align:center; }
.message-box .slide-texts02 { background:url(../../img/slide002.jpg) no-repeat center center; background-size:cover; min-height:924px; }
.message-box .slide-texts02 .txt { font-size:22px; color:#333; text-align:center; line-height:260%; padding-top:80px; }
body.home .section.voice-box { background:url(../../img/bg_voice.png) no-repeat; background-size:cover; padding:1px 0 80px; }
body.home .section.voice-box .title01 { margin-bottom:30px; }
body.home .section.voice-box .img { margin-top:-50px; }
.news-items ul li { position:relative; padding:20px 40px 20px 195px; margin:0; line-height:140%; list-style-type:none; }
.news-items ul li:nth-child(2n+1) { background:#f4f8fb; }
.news-items ul li:nth-child(2n) { background:#fff; }
.news-items .date { font-weight:bold; position:absolute; left:40px; }
.message-box { overflow:hidden; }
.message-box .swiper-pagination { pointer-events:auto; left:50%; bottom:20px; transform:translateX(-50%); }
.message-box .swiper-pagination-bullet { width:13px; height:13px; opacity:0.3; background:#fff; margin:0 20px; }
.message-box .swiper-pagination-bullet-active { opacity:1; }



/* company */
.profile-name { margin-top:80px; }
.map { width:100vw; max-width:none; transform:translateX(-50%); left:50%; position:relative; margin:0; padding:0px 0px; height:800px; margin-bottom:20px; }
.map iframe { position:absolute; left:0; top:0; }
.notice-box p,
.notice-box li { font-size:16px; }


/* service */
.index-lead { margin:-5px 0 92px; }
.article-header { border-top:3px solid #000; border-bottom:1px solid #ccc; padding-top:20px; padding-bottom:30px; position:relative; margin-bottom:40px; }
.article-header .title { font-size:20px; font-weight:500; margin-bottom:20px; line-height:160%; }
.article-header .name { font-size:16px; font-weight:500; display:inline; margin-right:20px; }
.article-header .date {  display:inline; }
.article-header .category { position:absolute; right:0; bottom:30px; }
.article-header .category > * { background:#f9e6e7; font-size:12px; padding:5px 15px; min-width:124px; display:inline-block; text-align:center; margin-left:15px; }
.article-header .category > a:hover { text-decoration:none; opacity:0.7; }
.topics-header { position:relative; margin-bottom:40px; }
.topics-header .title { border-top:1px solid #cccccc; border-bottom:2px solid #ccc; padding-top:18px; padding-bottom:18px; font-size:18px; color:#0e2452; font-weight:500; margin-bottom:20px; line-height:160%; }
.topics-header .date { font-weight:bold; }
.company-box { border:1px solid #bfbfbf; padding:30px 45px; }
.company-box .thumb { width:190px; float:left; margin-right:60px; }
.company-box .texts { float:left; width:750px; line-height:200%; }
.company-box .texts p:last-child { margin-bottom:0; }
.company-box .text1 { float:left; width:350px; }
.company-box .text2 { float:right; width:350px; }
.company-box .group { line-height:160%; margin-bottom:0.5em; }
.company-box .row { position:relative; padding-left:45px; }
.company-box .row > span { position:absolute; left:0; top:0; }
.master-img .title05 { z-index:2; position:relative; }
.master-img .img01 { margin-top:-10%; margin-bottom:-50px;  }
.maker-list { max-width:940px; margin:0 auto; }
.maker-list .cat { margin:45px 0; position:relative; font-weight:bold; }
.maker-list .cat:after { content:""; display:block; width:calc(100% - 50px); height:1px; background:#ccc; position:absolute; right:0; top:50%; }
.maker-list ul { list-style-type:none; margin-bottom:80px; }
.maker-list ul li { float:left; width:25%; list-style-type:none; padding:0; margin:0; padding-right:20px; }
.users-maker-list-ttl { margin:30px 0; font-size:15px; }
.users-maker-list { margin:0px 0 80px;  }
.users-maker-list .ttl { margin:0 0 30px; font-size:13px; }
.users-maker-list ul { list-style-type:none; margin-bottom:60px; display:flex; flex-wrap:wrap; }
.users-maker-list ul:last-child { margin-bottom:0; }
.users-maker-list ul li { width:23%; list-style-type:none; padding:0; margin:0; padding-right:30px; list-style-type:disc; font-size:13px; margin-left:20px; }
.users-box { height:700px; width:100vw; max-width:none; transform:translateX(-50%); left:50%; position:relative; margin:0; padding:45px 0px 0; }
.users-box .bg { width:100%; height:100%; position:absolute; z-index:-1; left:0; top:0; background:url(../../service/img/users/pho01.jpg) no-repeat center center; background-size:cover; }
.users-box .ttl { margin-top:0; }
.users-box p { margin-top:-20px; padding:0 20px; }
.users-box .img img { margin:0 auto; }
.users-function-list .desc { min-height:50px; }
.estimate-box { border:1px solid #ccc; padding:calc(60 / 1100 * 100%) calc(80 / 1100 * 100%); font-size:16px; }
.estimate-box p { text-align:center; border-bottom:1px solid #dfdfdf; padding-bottom:calc(60 / 1100 * 100%); margin-bottom:0; }
.estimate-box .group { border:1px solid #dfdfdf; border-top:none; padding:45px; font-weight:500; min-height:80px; white-space:nowrap; }
.estimate-box .group .ttl { margin-right:50px; display:inline-block; height:42px; line-height:42px; vertical-align:middle; }
.estimate-box input { background:#f0f0f0; border:none; width:115px; height:42px; margin:0 15px; padding:0 20px; text-align:right; }
.estimate-box input[type=checkbox]{ display: none; }
.estimate-box input[type=checkbox] + label{ margin:0 40px 0 15px; padding-left:60px; position:relative; white-space:nowrap; }
.estimate-box input[type=checkbox] + label:before { content:""; display:block; cursor:pointer; display:block; width:42px; height:42px; background:#f0f0f0; color:#fff; font-weight:bold; position:relative; vertical-align:middle; position:absolute; left:0px; top:50%; transform:translateY(-50%) }
.estimate-box input[type=checkbox]:checked + label:after { content:""; display:block; cursor:pointer; display:block; width:33px; height:33px; background:url(../../service/img/estimate/ico_check.png); background-size:33px 33px; color:#fff; font-weight:bold; position:relative; vertical-align:middle; position:absolute; left:14px; top:-14px; }
.estimate-box .result-block .ttl { font-size:20px; text-align:center; font-weight:bold; margin:60px 0 30px; }
.estimate-box .result-block table { width:100%; margin-top:20p; border-top:1px solid #ccc; }
.estimate-box .result-block table tr:nth-child(2n) > * { background:#f0f0f0; }
.estimate-box .result-block table th { font-size:20px; font-weight:bold; padding:15px; text-align:right; width:428px; }
.estimate-box .result-block table td { font-size:28px; font-weight:500; padding:15px; text-align:right; padding-right:274px; }
.estimate-box .result { background:#0f2553; color:#fff; font-size:36px; padding:15px 20px; position:relative; margin:0 auto 0; text-align:right; padding-right:274px; }
.estimate-box .result .label { font-size:20px; font-weight:bold; position:absolute; left:276px; top:50%; transform:translateY(-50%); }
.option-text { margin:65px 0 80px; }
.option-text .ttl { font-size:16px; font-weight:bold; text-align:center; margin-bottom:40px; }
.option-text dt { font-size:16px; }
.option-text dd { margin-bottom:35px; }
.member-list p { margin-bottom:0.3em; margin-bottom: 0.5em; line-height: 160%; }
.member-list .thumb { position:relative; }
.member-list .thumb img:nth-child(2) { position:absolute; left:0; top:0; }
.member-list .item:hover .thumb img:nth-child(2) { opacity:1; }


/* topics */
.news-list { border-top:1px solid #ccc; }
.news-list .item { display:block; border-bottom:1px solid #ccc; padding:26px 0; }
.news-list .item:hover { opacity:0.7; text-decoration:none; }
.news-list .thumb { float:left; width:calc(220 / 1100 * 100%); }
.news-list .texts { float:right; width:calc(855 / 1100 * 100%); }
.news-list .title { font-size:16px; color:#0e2452; margin-bottom:10px; line-height:160%; font-weight:500; }
.news-list .date { font-size:15px; line-height:160%; font-weight:bold; margin-bottom:15px; }
.news-list .desc { font-size:16px; line-height:160%; }

/* contact */
.progress { margin:58px 0; }
.progress div { width:calc(336 / 1100 * 100%); margin-right:calc(45 / 1100 * 100%); list-style-type:none; float:left; }
.progress div:last-child { margin-right:0; }
.contact-form-items { border:1px solid #d2d2d2; padding:70px 0; font-size:16px; }
.contact-form-items table { max-width:calc(900 / 1100 * 100%); margin:0 auto; }
.contact-form-items th { padding:20px 0; vertical-align:middle; padding-right:25px; line-height:160%; width:calc(220 / 830 * 100%); text-align:right; white-space:nowrap; }
.contact-form-items td { padding:20px 0; line-height:160%; font-size:15px; }
.contact-form-items th span { white-space:nowrap; display:inline-block; }
.contact-form-items select { background:#fff; border:1px solid #ccc; width:100%; padding:22px 20px; position:relative; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.contact-form-items select:after { content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.contact-form-items input[type=text] { background:#f0f0f0; border:none; width:100%; padding:22px 20px; }
.contact-form-items input[name^="group"],
.contact-form-items input[name^="birthday"] { width:32%; margin-right:2%; }
.contact-form-items input[name^="group"]:last-child,
.contact-form-items input[name^="birthday"]:last-child { margin-right:0; }
.contact-form-items textarea { background:#f0f0f0; border:none; height:180px; width:100%; padding:22px 20px; }
.contact-form-items .form-must { color:#ff6600; }
.contact-form-items .agree-input{ display: none; }
.contact-form-items .agree-input + label{ cursor:pointer; display:inline-block; min-width:114px; background:#b2b2b2; color:#fff; line-height:48px; padding:0px; text-align:center; }
.contact-form-items .agree-input:checked + label{ background:#e60012; }
.contact-form-items input[type=radio] { margin:0 5px 0 0; }
.contact-form-items .error { background:#c00; color:#fff; border-radius:5px; padding:15px; margin:10px 0; }
.contact-form-items .thanks { max-width:calc(830 / 1100 * 100%); margin:0 auto -30px; }



/* members */
body.members .logo-sub { font-family:"Montserrat"; font-size:16px; font-weight:700; margin-left:30px; text-decoration:none; }
body.members .section { width:100vw; max-width:none; transform:translateX(-50%); left:50%; position:relative; margin:0; padding:0px 0px; }
body.members .section:nth-child(2n) { background:#f4f8fb; padding:1px 0; }
body.members .section:nth-child(2n) .news-items ul li:nth-child(2n+1) { background:#fff; }
body.members .section:nth-child(2n) .news-items ul li:nth-child(2n) { background:#f4f8fb; }
body.members .section > .inner { width:100%; transform:translateX(-50%); left:50%; position:relative;  }
.users-bbs-box { background:#fff; padding:40px 55px 20px; margin-bottom:60px; }
.users-bbs-box .ttl { font-size:18px; margin-bottom:30px; text-align:center; font-weight:bold; }
.users-bbs-box .ttl:before { content:""; display:block; vertical-align:middle; background:url(../../member_users/img/img_person.png) no-repeat; width:86px; height:68px; margin:0 auto 25px; }
.users-bbs-box .bbp-body > ul { display:none!important; }
.users-bbs-box .bbp-body > ul:nth-child(1),
.users-bbs-box .bbp-body > ul:nth-child(2),
.users-bbs-box .bbp-body > ul:nth-child(3),
.users-bbs-box .bbp-body > ul:nth-child(4),
.users-bbs-box .bbp-body > ul:nth-child(5) { display:table-row!important; }
.users-bbs-box .bbp-breadcrumb { display:none!important; }
.users-bbs-box .bbp-pagination { display:none!important; }
.users-bbs-box .bbp-topics ul li { line-height:14px; }


body.members.second .section { width:auto; max-width:none; transform:none; left:auto; }
body.members.second .section:nth-child(2n) { background:#fff; padding:0; }
body.members.second .section > .inner { max-width:none; transform:none; left:auto; padding:0; }
body.members.second .news-list .thumb { width:calc(220 / 750 * 100%); }
body.members.second .news-list .texts { width:calc(505 / 750 * 100%); }

.members-header { position:relative; margin-bottom:40px; }
.members-header .title { border-top:1px solid #2ca7d5; border-bottom:2px solid #0e2452; padding-top:18px; padding-bottom:18px; font-size:18px; color:#0e2452; font-weight:500; margin-bottom:20px; line-height:160%; }
.members-header .date { font-weight:bold; }

.manual-box { margin-top:60px; }
.manual-box ul:nth-child(1) { float:left; }
.manual-box ul:nth-child(2) { float:left; margin-left:20%; }
.manual-box ul li { margin-bottom:30px; }


/* bbs */
.bbp-topic-wrapper .bbp-pagination { display:none; }
.entry-title { font-size:18px; margin-bottom:30px; text-align:center; }
.bbp-forum-content .entry-title:before { content:""; display:inline-block; vertical-align:middle; background:url(../../member_users/img/img_person.png) no-repeat; width:86px; height:68px; margin-right:30px }
#bbpress-forums form { background:none; }
.bbp-template-notice { display:none; }
.form-allowed-tags { display:none; }
.bbp-user-edit-link { display:none; }
.edit-link { display:none; }
.forums.bbp-replies li .wpulike { display:none; }
.forums.bbp-replies li .wpulike + br + p { display:none; }
.forums.bbp-replies li .tiles  { display:none; }
.forums.bbp-replies li:nth-child(3) .wpulike { display:block; margin:20px 0;}
#bbp-container { width:100%; border:1px solid #d2d2d2; padding:38px; }
li.bbp-topic-title { width:47%; }
li.bbp-topic-voice-count,
li.bbp-topic-reply-count { width:9%; }
.bbp-topic-like-count { text-align: center; float: left; width: 13%; }
.bbp-topic-like-count .wpulike { display:block; margin:0px 0;}
.bbp-topic-like-count .wpulike + br + p { display:none; }
.bbp-topic-like-count .tiles  { display:none; }

#bbpress-forums li.bbp-header { display:table; width:100%; border-collapse:collapse; padding:0; background:#f0f0f0!important; }
#bbpress-forums li.bbp-header ul { font-weight:normal; display:table-row; }
#bbpress-forums li.bbp-header ul li { padding:16px; font-weight:normal; display:table-cell; border:1px solid #d2d2d2; border-bottom:none;  float:none; vertical-align:middle; }
#bbpress-forums li.bbp-body { display:table; width:100%; border-collapse:collapse; }
#bbpress-forums li.bbp-body ul { background:#fff!important; display:table-row; width:100%; justify-content: center;  align-items: center; position:relative; }
#bbpress-forums li.bbp-body ul li { padding:20px 16px 10px; display:table-cell; float:none; vertical-align:middle; border:1px solid #d2d2d2; }
.bbp-topics { border:none!important; }
.bbp-topics ul { }
.bbp-topics li { font-size:15px; }
.bbp-topic-title { position:relative; }
.bbp-topic-title .rw-rating-table { margin-top:10px; }
.bbp-topic-title p.bbp-topic-meta { position:absolute; left:100px; bottom:14px; }
.bbp-topics .bbp-author-avatar { display:none; }
.rw-ui-info-container { display:none!important; }
.bbp-author-name { cursor:default; text-decoration:none!important; }
.bbp-footer,
.bbp-forum-content .bbp-breadcrumb { display:none; }
.bbp-breadcrumb .bbp-breadcrumb-root,
.bbp-breadcrumb .bbp-breadcrumb-home,
.bbp-breadcrumb-sep:nth-child(2),
.bbp-breadcrumb-sep:nth-child(4) { display:none; }
.bbp-breadcrumb-sep { margin:0 5px; }
.bbp-topic-voice-count{ display:none!important; }
.bbp-topic-started-in { display:none; }
.rw-ui-container a.rw-report-link { display:none!important; }


/* bbs form */
.bbp-form { border:none!important; padding:0 0 80px!important; margin:80px 0 0!important; position:relative; }
.bbp-form legend { font-size:18px; font-weight:bold; margin-bottom:10px; }
.bbp-form p:nth-child(3),
.bbp-form p:nth-child(4) { display:none; }
.bbp-form input[type=text] { background:#f0f0f0; border:none; width:100%; padding:22px 20px; }
.bbp-form textarea { background:#f0f0f0; border:none; width:100%; padding:22px 20px; }
.bbp-form .submit { color:#fff; background:#000; border:2px solid #000; display:block; padding:calc(25px) 0; text-align:center; font-size:16px; font-weight:bold; position:relative; transition-duration: .4s; width:250px; margin:0 auto 0; cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); bottom:0; }
.bbp-form .submit:hover { opacity:0.7; }
.bbp-form .submit:before{
content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}



/* bbs detail */
.bbp-replies .bbp-header,
.bbp-replies .bbp-body { display:none!important; }
.bbp-replies .rw-rating-table { display:none; }
.bbp-replies .rw-rating-table:last-child { display:none; }
.bbp-replies li:nth-child(3) .rw-rating-table:last-child { display:block; }
.bbp-reply-author .rw-ui-container { display:none; }
img.avatar { margin:20px 0 10px!important; }
.bbp-reply-content { font-size:15px; }
.bbp-author-role,
.bbp-reply-ip,
.bbp-admin-links,
.bbp-reply-permalink { display:none; }
.bbp-reply-content p { line-height:160%; }
.bbp-reply-header { padding:16px!important; font-size:15px; }
.bbp-reply-header { border-top:none!important; }
.bbp-replies { border:1px solid #d2d2d2!important; }
.bbp-replies li:nth-child(3) .bbp-reply-header { border-bottom:1px solid #d2d2d2!important; }


/* login */
.login-box { max-width:580px; margin:-292px auto 50px; padding:45px; background:#fff; }
.login-form { max-width:500px; margin:50px auto; padding:50px; border:1px solid #9a9a9a; font-size:16px; }
.login-form .group { margin-bottom:30px; }
.login-form input { background:#f0f0f0; border:none; width:100%; padding:22px 20px; margin-top:10px; }
.login-form .btn04 { margin-bottom:0; }




.sub-list { border-top:1px solid #ccc; }
.sub-list .item { display:block; border-bottom:1px solid #ccc; padding:15px 0; }
.sub-list a.item:hover { opacity:0.7; text-decoration:none; }
.sub-list .text { line-height:160%; margin-bottom:6px; }
.sub-list .date { display:inline; font-weight:bold; font-size:13px; margin-right:15px;  }
.sub-list .category { display:inline; font-weight:bold; color:#2ba4d3; font-size:10px; }

.sub-list2 { margin-top:-10px;  }
.sub-list2 .item { display:block; border-bottom:1px solid #ccc; padding:20px 0; }
.sub-list2 a.item:hover { opacity:0.7; text-decoration:none; }
.sub-list2 .text { line-height:160%; margin-bottom:6px; }
.sub-list2 .date { font-weight:bold; font-size:13px; margin-top:10px;  }
.sub-list2 .thumb { width:calc(110 / 300 * 100%); float:left; }
.sub-list2 .text { width:calc(175 / 300 * 100%); float:right; }




.pager { text-align:center; margin:50px 0; }
.pager a { margin:0 8px; color:#333; text-decoration:underline; }
.pager a.current { text-decoration:none; }
.article-nav { position:relative; width:320px; margin:80px auto 0; }
.article-nav .prev-next { position:absolute; width:100%; height:100%; top:0%; }
.article-nav .prev-next a { display:block; text-indent:-9999px; }
.article-nav .prev-next a:before{
content:"";
display:block;
width: 8px;
height: 8px;
border-top: 3px solid #0e2452;
border-right: 3px solid #0e2452;
position:absolute;
transition-duration: .4s;
z-index:2;
}
.article-nav .prev-next .prev a:before {
	transform: scaleX(-1) rotate(45deg) translate(0,-60%);
	left:-40px;
	top:50%;
}
.article-nav .prev-next .next a:before {
	transform: rotate(45deg) translate(0,-60%);
	right:-40px;
	top:50%;
}
.article-nav .btn01 { position:relative; z-index:2; }

.yarpp-related a { font-weight:normal!important; }


/* wordpress エディター */
.editor { margin-top:15px; }
.editor a { color:#333; text-decoration:underline; }
.editor a:hover { text-decoration:none; }
.editor p { }
.editor h1 { font-size:18px; font-size:500; border-left:4px solid #e60012; padding:10px 10px 10px 18px; margin:80px 0 45px; line-height:160%;}
.editor h2 { font-size:16px; font-weight:bold; margin:60px 0 30px; border-bottom:2px solid #eeeeee; padding-bottom:10px; line-height:160%;}
.editor h3,
.editor h4,
.editor h5,
.editor h6 { }
.editor li { line-height:150%; margin-bottom:5px; font-size:16px; }
.editor ol li { margin-left:0; }
.editor figcaption { line-height: 160%; font-size: 85%; text-align:center; }

.editor  .alignleft {
	float: left;
	margin: 0 28px 28px 0;
	max-width:520px;
	width:calc(520 / 1100 * 100%);
}

.editor  .alignright {
	float: right;
	margin: 0 0 28px 28px;
	max-width:520px;
	width:calc(520 / 1100 * 100%);
}

.editor  .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 28px;
}

.editor  blockquote.alignleft,
.editor  blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.editor  blockquote.alignleft p,
.editor  blockquote.alignright p {
	margin-bottom: 17px;
}

.editor  ul,
.editor  ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 20px;
	overflow:hidden;
}

.editor  ul li {
	list-style: disc;
}

.editor  ol li {
	list-style: decimal;
	margin-left:0!important;
}

.editor  li > ul,
.editor  li > ol {
	margin: 0 0 0 20px;
}


.editor table { width:100%; margin:0 auto 40px; line-height:180%; border:1px solid #bfbfbf; border-collapse:collapse; font-size:16px; }
.editor table th { position:relative; border:1px solid #bfbfbf; padding:15px 25px; font-weight:normal; text-align:center; }
.editor table td { position:relative; border:1px solid #bfbfbf; padding:15px 25px; font-weight:normal; }
.editor table tr *:nth-child(1) { width:145px; }
.editor table tr:nth-child(2n+1) > * { background:#f5f5f5; }


.editor blockquote { color:#666; font-style:italic; position:relative; padding:10px 10px 10px 35px; background:#f6f6f6; margin-bottom:2.5em; }
.editor blockquote:before { content:'"'; font-size:50px; position:absolute; left:0; top:20px; }

.editor figure { margin-bottom:2.5em; max-width:100%; }
.editor figure img { margin-bottom:10px; }















	#header .header-gnav { position:absolute; right:192px; top:0; z-index:1; height:80px; }
	#header .header-gnav > ul { position:absolute; right:0px; top:0; width:1100px; display:block; text-align:right; }
	#header .header-gnav > ul > li { display:inline-block; color:#fff; margin-left:-4px; }
	#header .header-gnav > ul > li > a { font-size:14px; color:#000; display:inline-block; padding:0; line-height:80px; text-align:center; position:relative; transition:0.3s ease-in-out; }
	#header .header-gnav > ul > li > a > span { border-left:1px solid #b6b6b6; padding:2px 18px; position:relative; line-height:16px; }
	#header .header-gnav > ul > li:last-child > a > span { border-right:1px solid #b6b6b6;}
	#header .header-gnav > ul > li > a:before { content:""; display:block; position:absolute; left:5px; bottom:0px; width:0%; height:3px; background:#e60012; pointer-events: none; transition:0.3s ease-in-out; }
	#header .header-gnav > ul > li > a:hover:before { width:calc(100% - 10px); }
	#header .header-gnav > ul > li.login > a > span { background:url(../img/icon_person.png) no-repeat 16px center; background-size:16px 16px; padding-left:42px; }
	#header .header-gnav > ul > li:hover > a { text-decoration:none; }

	#header .header-gnav > ul > li { /* position:absolute; right:0px; top:0px; */ }
	#header .header-gnav > ul > li .sub { display:none; white-space:nowrap; position:absolute; right:-192px; top:80px; width:552px; text-align:left; padding:35px 0; }
	#header .header-gnav > ul > li .sub .ttl { position:absolute; left:-152px; top:50%; transform:translateY(-50%); text-align:center; }
	#header .header-gnav > ul > li .sub .ttl span:nth-child(1) { display:block; font-size:18px; margin-bottom:12px; }
	#header .header-gnav > ul > li .sub .ttl span:nth-child(2) { display:block; font-size:13px; color:#e60012; font-weight:900; }
	#header .header-gnav > ul > li .sub .nav { display:flex; }
	#header .header-gnav > ul > li .sub ul { font-size:15px; margin-left:60px; }
	#header .header-gnav > ul > li .sub ul:nth-child(1) { border-left:1px solid #e60012; padding-left:40px; margin-left:0; }
	#header .header-gnav > ul > li .sub li { margin-bottom:22px; }	
	#header .header-gnav > ul > li .sub li:last-child { margin-bottom:0; }
	#header .header-gnav > ul > li .sub li > a {  font-weight:500; background:url(../img/ico_arrow01.png) no-repeat left center; padding-left:16px; }
	#header .header-gnav > ul > li .sub li > a .large { font-size:16px; }
	#header .header-gnav > ul > li .sub li.child { margin-bottom:15px; }
	#header .header-gnav > ul > li .sub li.child > a {  font-weight:400; background:none; position:relative; padding-left:12px; margin-left:20px; }
	#header .header-gnav > ul > li .sub li.child > a:before { content:""; position:absolute; left:0; top:50%; transform:translateX(-50%); width:10px; height:1px; background:#e60012;  }
	#header .header-gnav > ul > li .sub li > a:hover { color:#e60012; text-decoration:none; }
	#header .gnav-sub-area { display:none;  opacity:0; background:#000; height:190px; width:100%; position:absolute; left:0; top:80px; transition:opacity 0.3s ease-in-out; pointer-events: none; }
	
	body.members #header { height:130px; margin-top:0; }
	body.members #header .header-gnav { position:absolute; right:auto; top:80px; width:100%; border-top:1px solid #ccc; background:#fff; height:50px; }
	body.members #header .header-gnav .logout { position:absolute; right:162px; top:-36px; font-size:12px; }
	body.members #header .header-gnav .logout > a > span { background:url(../img/icon_person2.png) no-repeat 16px center; background-size:16px 16px; padding-left:42px; display:inline-block; line-height:16px; }
	body.members #header .header-gnav .logout > a:hover span { text-decoration:underline; }
	body.members #header .header-gnav .site-name { position:absolute; right:162px; top:-65px; font-size:12px; }
	body.members #header .header-gnav .site-name:before {
		content:"";
		display:block;
		width: 5px;
		height: 5px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg) translate(0,-50%) scale(0.6,0.6);
		position:absolute;
		top:50%;
		left:-17px;
		margin-top:-2px;
		z-index:2;
	}
	body.members #header .header-gnav > ul { text-align:left; right:auto; left:50%; transform:translateX(-50%); }
	body.members #header .header-gnav > ul > li > a { width:220px; line-height:50px; font-size:14px; }
	body.members #header .header-gnav > ul > li > a > span { border:none; }
	body.members #header .header-gnav > ul > li > a:before { background:url(../img/bg_bar.png) no-repeat; background-size:cover; top:0; }
	
	body.members.login #header { height:80px!important; }
	body.members.login .header-gnav { height:0px!important; }
	body.members.login .contact-btn,
	body.members.login .logout,
	body.members.login .header-gnav > ul { display:none!important; }
	body.members.login #header .header-gnav .site-name { right:20px; top:-46px; }
	
	
	.voice-box {  }
	.voice-imgs { width:90%; max-width:400px; margin:0px auto 0; position:relative; }
	.voice-imgs img { width:50%; position:relative; }
	.voice-imgs img:nth-child(1) { }
	.voice-imgs img:nth-child(2) { position:absolute; right:0; top:0; }
	.voice-imgs img:nth-child(3) { left:50%; transform:translateX(-50%)!important; }
	.voice-imgs img:nth-child(4) { position:absolute; right:0; bottom:0; }
	.voice-imgs img:nth-child(5) {  }
	


}