@charset "utf-8";

@media screen and (max-width: 670px) {

/* 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; background:#000; font-size:13px; min-height:600px; }
body { color:#333333;  word-wrap:break-word; background:#fff; -webkit-font-smoothing: antialiased; }
body { font-family:'Roboto','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
table { word-break:break-word; } 
img,input[type=image],video { max-width:100%; height:auto; width:auto; vertical-align:bottom; border:none; }
li { list-style-type:none; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:180%; }
.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; }
dd { margin-bottom:1.5em; line-height:160%; }
p { margin-bottom:1.5em; line-height:180%; }
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; }
.pc { display:none!important; }
.sp { display:block; }
img.sp { display:inline-block; }
.center { text-align:center; }
.right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
.container iframe { max-width:100%; height:200px; }
iframe[name=google_conversion_frame] { display:none; }
* { 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 { height:60px; width:100%; z-index:1000;  }

#header-inner { position:fixed; width:100%; height:60px; left:0; top:0; z-index:2000; background:rgba(255,255,255,0.85); }
#header .logo { padding:22px 10px 0 10px; position:relative; z-index:2; text-align:center;  }
#header .logo img { width:150px; }
#header .header-gnav { /* display:none; */ position:absolute; z-index:3; width:100%; background:#000; top:60px; padding-top:0px; height:calc(0px); overflow: auto; -webkit-overflow-scrolling: touch; transition:0.5s ease-in-out; }
#header .header-gnav.isopen { height:calc(100vh - 60px); /* display:block; */ }
#header .header-gnav > ul > li > a { line-height:140%; display:block; color:#fff; border-bottom:1px solid #444; padding:16px 20px; position:relative; text-decoration:none; }
#header .header-gnav > ul > li:nth-child(2) > a:before,
#header .header-gnav > ul > li:nth-child(3) > a:before{
content:"";
display:block;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
z-index:2;
}
#header .header-gnav > ul > li.sp-open > a:before{ transform: rotate(135deg); margin-top:-2px; margin-right:-2px; }
#header .header-gnav > ul > li .sub { display:none; }
#header .header-gnav > ul > li .sub.sp-open { display:block!important; }
#header .header-gnav > ul > li .sub .ttl { display:none; }	
#header .header-gnav > ul > li .sub ul > li > a { line-height:140%; display:block; color:#fff; background:#111; border-bottom:1px solid #444; padding:16px 20px 16px 40px; font-size:14px; text-decoration:none;  }
#header .header-gnav > ul > li .sub li > a .min { font-size:12px; margin-left:10px; }
#header .header-gnav > ul > li .sub ul > li.child > a:before { content:""; width:8px; height:1px; display:inline-block; vertical-align:middle; background:#fff; margin-right:10px; }
#header .header-gnav .logout,
#header .header-gnav .site-name { line-height:140%; display:block; color:#fff; border-bottom:1px solid #444; padding:16px 20px; position:relative; text-decoration:none; }
#header .contact-btn { position:absolute; right:0; top:0; z-index:4; }
#header .contact-btn a { background:#e60012; color:#fff; display:table-cell; width:80px; height:60px; text-align:center; vertical-align:middle; font-size:10px; line-height:180%; }
#header .contact-btn a:hover { text-decoration:none; opacity:0.7; }

#header #sp-menu .btn { display:block!important; z-index:4; cursor:pointer; display:block; width:60px; height:60px; background:url(../img/sp_menu.png) no-repeat; background-size:60px; position:absolute; left:0px; top:0px; transition:0.3s ease-in-out; }
#header #sp-menu .btn:last-child { background:url(../img/sp_menu.png) no-repeat; background-size:60px; opacity:0; }
#header #sp-menu.isopen .btn { background:url(../img/sp_menu_close.png) no-repeat!important; background-size:60px!important; }
#header .gnav-sub-area { display:none; opacity:0; background:#000; height:40px; width:100%; position:absolute; left:0; top:60px; transition:0.3s ease-in-out; pointer-events: none; }
body.members #header .contact-btn a { background:#0e2452;  }
body.members #header #sp-menu .btn { background-image:url(../img/sp_menu2.png); }
body.members #header #sp-menu .btn:last-child { background-image:url(../img/sp_menu2.png); }
body.members #header #sp-menu.isopen .btn { background-image:url(../img/sp_menu_close2.png)!important; }
body.members.login #header {  }
body.members.login .contact-btn,
body.members.login .logout,
body.members.login .header-gnav > ul { display:none!important; }


#footer { background:#1d1d1d; margin-top:1px; }
#footer-inner { position:relative; box-sizing:content-box; max-width:1100px; padding:20px 20px 0; margin:0 auto; color:#fff; }
#footer-inner a { color:#fff; }
#footer .page-top { position:absolute; right:40px; bottom:0px; z-index:999;  }
#footer .page-top a { /* position:fixed; bottom:0px; margin-left:-40px; */ color:#23793a; background:url(../img/pagetop.png) no-repeat left center; background-size:	40px; width:40px; height:40px; display:block; text-indent:-9999px; }
#footer .page-top.end { bottom:auto; top:0; }
#footer .page-top.end a { position:absolute; bottom:auto; top:0; }
#footer .logo { margin-bottom:20px; }
#footer .logo img { vertical-align:middle; width:150px; }
#footer .logo-group { position:absolute; right:60px; top:22px; }
#footer .logo-group img { vertical-align:middle; width:109px; }

#footer .p-logo { position: absolute; padding: 5px; right: 10px; bottom: 70px; background: #fff; }
#footer .p-logo img { height:35px; margin:0 5px 0 10px;  }
#footer .footer-gnav { display:block; border-right:none; }
#footer .footer-gnav .nav { border-left:none; padding:10px 0; display:block; }
#footer .footer-gnav ul { display:block; padding:0; }
#footer .footer-gnav ul:nth-child(2) { padding-left:0px; }
#footer .footer-gnav li { padding:0; font-size:12px; margin-bottom:14px; }
#footer .footer-gnav li.child { font-weight:200; margin-left:10px; }
#footer .footer-gnav li.child > a:before { content:""; width:8px; height:1px; display:inline-block; vertical-align:middle; background:#fff; margin-right:10px; }
#footer .footer-gnav li:last-child { }
#footer .footer-gnav li:before { display:none; }
#footer .footer-gnav li a .min { display:block; font-size:12px; margin-top:3px; }
#footer .copyright { font-size:8px; background:#2a2a2a; padding:25px 10px; margin:20px -20px 0; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:1px; text-align:center; }

body.members #footer .footer-gnav { margin:30px 0 40px; }
body.members #footer .footer-gnav ul { margin-bottom:30px; }
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; padding-top:0; }


.page-title { margin-top:0px; margin-bottom:40px; 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:16px; display:inline-block; position:relative; min-width:120px; padding:0 26px; }
.page-title h1 span:nth-child(1):before { content:""; display:block; background:#fff; width:18px; height:2px; position:absolute; left:-26px; top:50%; }
.page-title h1 span:nth-child(1):after { content:""; display:block; background:#fff; width:18px; height:2px; position:absolute; right:-26px; top:50%; }
.page-title h1 span:nth-child(2) { font-size:10px; display:block; margin-top:16px; }
.page-title-second { margin-top:20px; margin-bottom:20px; position:relative; background:#f4f8fb; font-size:16px; padding:20px 15px; }
.page-title-second h1 { 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:200px; 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:200px; 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:200px; }
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:200px; }
body.privacy .page-title { background:url(../../privacy/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:200px; }
body.contact .page-title { background:url(../../privacy/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:200px; }
body.service .page-title { background:url(../../service/img/bg_main.jpg) no-repeat center center; background-size:cover; text-align:center; height:200px; }
body.error .page-title { background:url(../img/bg_main_error.jpg) no-repeat center center; background-size:cover; text-align:center; height:200px; }



.footer-contact { background:#f4f4f4; margin-top:50px; }
.footer-contact > .inner { padding:30px 10px 10px;  }
.footer-contact .title { font-size:16px; text-align:center; margin-bottom:20px; }
.footer-contact .box { background:#fff; padding:20px 30px; position:relative; }
.footer-contact .box .btn a { display:block; width:250px; margin:0 auto; background:#e60012; color:#fff; font-size:14px; text-align:center; line-height:40px; }
.footer-contact .box .btn a:hover { text-decoration:none; opacity:0.7; }
.footer-contact .box .ttl { font-size:12px; margin-bottom:10px; }
.footer-contact .box .box-left { margin:0 auto; float:none; margin-bottom:30px; }
.footer-contact .box .box-right {  margin:0 auto; float:none; }
.footer-contact .box .box-right:before { display:none; }
.footer-contact .box img { width:250px; margin:0 auto; display:block; }
.footer-contact .banner { text-align:center; margin-top:10px; display:none; }
.footer-contact .banner a:hover { opacity:0.7; }
body.home .footer-contact .banner { display:block; }



/*
 * contents
 */
.contents { }
.content-wrapper { }
.main-content { margin:0 10px 0; position:relative; }
.sub-content { margin:50px 10px 0; position:relative; }
.topic-path { display:none; margin:10px; font-size:10px; }
.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-top:-60px; padding-top:60px; }
.section:first-child { margin-top:0px; padding-top:0px; }
body.privacy .section:first-child { margin-top:-95px; padding-top:60px; }
.section > .inner { }
.article { margin:0 20px; }
.article p { line-height:180%; }
.indent01 { margin:40px 0 0; }
.red { color:#e60012; }
.note { font-size:10px; }
.section p a { text-decoration:underline; }
.section p a:hover { color:#2ca7d5; text-decoration:none; }

.main-title { margin-bottom:100px; position:relative; margin-top:-110px; }
.main-title h1 { font-size:22px; font-weight:500; letter-spacing:5px; text-align:center; margin-bottom:50px; color:#fff; }
.main-title h1 > span { position:relative; display:inline-block; }

.title01 { text-align:center; margin:35px auto; }
.title01 span:nth-child(1) { font-size:16px; font-weight:900; display:inline-block; min-width:80px; margin-bottom:10px; position:relative; padding:0 18px; }
.title01 span:nth-child(1):before { content:""; display:block; width:18px; height:2px; background:#0e2452; position:absolute; left:-18px; top:50%; transform:translateY(-50%); }
.title01 span:nth-child(1):after { content:""; display:block; width:18px; height:2px; background:#0e2452; position:absolute; right:-18px; top:50%; transform:translateY(-50%); }
.title01 span:nth-child(2) { font-size:10px; display:block; color:#e60012; }
.title02 { text-align:center; margin:35px auto; }
.title02 span:nth-child(1) { font-size:16px; font-weight:900; display:inline-block; min-width:140px; margin-bottom:15px; position:relative; padding:0 18x; }
.title02 span:nth-child(1):after { content:""; display:block; width:50px; height:3px; background:#2ca7d5; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); }
.title03 { text-align:center; margin:35px auto; }
.title03 span:nth-child(1) { font-size:16px; font-weight:900; display:inline-block; min-width:140px; margin-bottom:15px; position:relative; padding:0 18x; }
.title03 span:nth-child(1):after { content:""; display:block; width:50px; height:3px; background:#e60012; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); }
.title04 { font-size:14px; border-bottom:2px solid #e5e5e5; padding-bottom:15px; margin:60px 0 20px; }
.title05 { font-size:14px; margin:45px 0 20px; text-align:center; line-height:150%; }
.title06 { font-size:14px; font-weight:500px; margin:40px 0 20px; line-height:150%; }
.title07 { font-size:14px; font-weight:500px; margin:40px 0 20px; line-height:150%; border-bottom:1px solid #cccccc; padding-bottom:10px; font-weight:bold; }
.title08 { font-size:14px; font-weight:500px; margin:35px 0 20px; line-height:150%; padding:2px 0 2px 12px; 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; }
.title09 { text-align:center; font-size:20px; font-weight:bold; margin:70px 0; line-height:150%; }
.title10 { background:#f0f0f0; padding:12px; margin-bottom:15px; }


.btn01 a { display:block; color:#fff; background:#0e2452; display:block; padding:12px 0; width:250px; text-align:center; margin:30px auto; }
.btn01 a:hover { opacity:0.7; }
.btn01 a span { display:inline-block; font-size:12px; background:url(../img/ico_list.png) no-repeat left center; background-size:15px 12px; line-height:15px; padding-left:25px; color:#fff; }
.btn02 { position:relative; margin:20px auto; }
.btn02 a { color:#333; background:#fff; border:2px solid #000; display:block; padding:calc(25px) 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:20px auto; }
.btn03 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; }
.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:20px auto; }
.btn04 a { color:#fff; background:#0e2452; border:2px solid #0e2452; display:block; padding:calc(15px) 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	{ margin:30px auto 0; max-width:250px; }
.btns02	{ margin:30px auto 0; }
.btns03	{ margin:30px auto 0; max-width:250px; }


.box-left *:last-child,
.box-right *:last-child { margin-bottom:0; }
.box01 { margin:30px 0; position:relative; }
.box01 .box-left { margin-bottom:30px; }
.box01 .box-right { margin-bottom:30px; text-align:center; }

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

.box-flex01 { width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex01 > .item { } 
.box-flex02 { width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex02 > .item { margin-bottom:30px; display:block; } 
.box-flex02 > a.item:hover { text-decoration:none; opacity:0.7; }
.box-flex02 .thumb { margin-bottom:20px; }
.box-flex02 .thumb img { width:100%; }
.box-flex02 .title { font-weight:bold; margin-bottom:10px; line-height:180%; }
.box-flex02 .date { margin-bottom:10px; }
.box-flex02 .desc { line-height:180%;}
.box-flex03 { width:100%; }
.box-flex03 > .item { margin-bottom:30px; display:block; } 
.box-flex03 > a.item:hover { text-decoration:none; opacity:0.7; }
.box-flex03 .thumb { margin-bottom:20px; }
.box-flex03 .thumb img { width:100%; }
.box-flex03 .title { font-weight:bold; margin-bottom:10px; line-height:180%; }
.box-flex03 .title .eng { font-size:10px; font-weight:bold; margin-left:20px; letter-spacing:1.5px; }
.box-flex03 .date { margin-bottom:10px; }
.box-flex03 .desc { line-height:180%;}
.box-flex04 .item { display:flex; flex-wrap:wrap; margin-bottom:30px; }
.box-flex04 .item .thumb { width:100px; padding:10px 0 10px 0 ; }
.box-flex04 .item .thumb .ttl { font-size:12px; font-weight:bold; text-align:center; margin-bottom:10px; }
.box-flex04 .item .thumb .img { width:40px; margin:0 auto; }
.box-flex04 .item .texts { width:calc(100% - 100px); padding:10px 0 10px 15px ; border-left:1px solid #e5e5e5; }
.box-flex04 .item .texts p { margin-bottom:0.5em; }
.box-flex04 .item .texts p.note { font-size:12px; }
.box-flex04 .item .texts *:last-child { margin-bottom:0; }
.box-flex06 .item { display:flex; flex-wrap:wrap; margin-bottom:30px; }
.box-flex06 .item .thumb { width:100px; padding:10px 0 10px 0 ; text-align:center; }
.box-flex06 .item .thumb img { width:60px; margin:0 auto; }
.box-flex06 .item01 .thumb img { padding-top:20px; }
.box-flex06 .item02 .thumb img { padding-top:10px; }
.box-flex06 .item .texts { width:calc(100% - 100px); padding:10px 0 10px 15px ; }
.box-flex06 .item .texts p { margin-bottom:0.5em; }
.box-flex06 .item .texts p.note { font-size:12px; }
.box-flex06 .item .texts *:last-child { margin-bottom:0; }
.box-flex07 {width:100%; /* max-width:800px; */ margin:0 auto; }
.box-flex07 > .item { margin-bottom:30px;  } 
.box-flex07 > .item .title { font-weight: bold; text-align: center; margin-bottom: 20px; }
.box-flex07 > .item .thumb { margin-bottom: 20px;}


.border-box01 { border:1px solid #ccc; padding:15px; line-height:220%; }
.border-box01.contact-box { margin:3em auto; text-align:center; }
.border-box02 { border:1px solid #ccc; padding:15px; line-height:220%; }

.table01 a { text-decoration:underline; }
.table01 a:hover { text-decoration:none; }
.table01 table { /* border-spacing:10px; margin:-10px; */ border-collapse:separate; }
.table01 th { line-height:160%; border-bottom:1px solid #d2d2d2; padding-bottom:10px; width:calc(150 / 1100 * 100%); min-width:60px; padding:10px 10px 10px 10px; }
.table01 td { line-height:160%; color:#333; border-bottom:1px solid #d2d2d2; padding:10px 0 10px 10px; }
.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:static; width:auto; padding:0; margin:30px auto; text-align:center; }
.table02 { position:relative; margin:0 auto; }
.table02 a { text-decoration:underline; }
.table02 a:hover { color:#ff9900; text-decoration:none; }
.table02 table { /* border-spacing:30px; margin:-30px; */ border-collapse:separate; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
.table02 th { line-height:200%; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; width:calc(150 / 1100 * 100%); min-width:120px; padding:10px; white-space:nowrap; }
.table02 td { line-height:200%; color:#333; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:10px; }
.table02 .img { position:absolute; right:0; top:0; width:calc(370 / 1100 * 100%); padding-left:50px; padding-bottom:50px; background:#fff; box-sizing:content-box; }
.table03 { position:relative; margin:0 auto 50px; border:2px solid #e5e5e5; }
.table03 table { /* border-spacing:30px; margin:-30px; */ width:100%; border-collapse:separate; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
.table03 th { line-height:200%; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; width:calc(150 / 1100 * 100%); padding:15px; white-space:nowrap; font-weight:normal; }
.table03 td { line-height:200%; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:15px; }



/* lnav */
.lnav ul { display:block; text-align:center; margin:40px 0; }
.lnav ul li { display:inline-block; border-left:1px solid #7f7f7f; padding:4px 15px; 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 */
.first-view { position: relative; width: 100%; height:calc(100vh - 60px);  }
.first-view .video-wrapper { position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1; }
.first-view .video-wrapper video { max-width:none; }
.first-view .video-wrapper .video-slide { width:100%!important; height:100%!important; position:relative; left:0!important; z-index:1; }
.first-view .video-wrapper .video-slide > div { width:100%!important; height:100%!important; position:absolute; left:0; top:0;  }
.first-view .video-wrapper .video-slide > div:nth-child(1) { z-index:13; }
/*.first-view .video-wrapper .video-slide > div:nth-child(2) { z-index:12; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(3) { z-index:11; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(4) { z-index:10; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(5) { z-index:9; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(6) { z-index:8; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(7) { z-index:7; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(8) { z-index:6; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(9) { z-index:5; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(10) { z-index:4; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(11) { z-index:3; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(12) { z-index:2; display:none; }
.first-view .video-wrapper .video-slide > div:nth-child(13) { z-index:1; display:none; }*/

.first-view .cover { position: absolute; left:0; top:0; width:100%; height:100%; background:url(../../img/bg_video.png) repeat; z-index:2; }
.first-view .btn { position:absolute; left:50%; bottom:30px; transform: translateX(-50%); z-index:2; }
.first-view .main-title { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); margin:0; padding: 0 20px; z-index:2; box-sizing:border-box; }
.first-view .main-title h1 { color:#fff; font-size:16px; font-weight:500; line-height:200%; text-align:center; letter-spacing:0px; }
.first-view .main-title h1 * { display:block; margin:0 auto 15px; }

.service-box { margin:0 -10px; width:calc(100% + 20px); }
.service-box .item { display:block; position:relative; text-align:center; transform: translateY(30px); opacity:0; }
.service-box .texts { background:url(../../img/bg_service.png) no-repeat; background-size:cover; width:100%; color:#fff; position:absolute; left:0; bottom:0; padding:25px; }
.service-box .thumb { overflow:hidden; }
.service-box .thumb img { transition-duration:0.3s; }
.service-box .title { font-size:15px; font-weight:500; margin-bottom:10px; line-height:120%; }
.service-box .desc { font-size:10px; line-height:160%; }
.service-box .item:hover img { transform:scale(1.1,1.1); }
.message-box { position:relative; margin:0 -10px; transform: translateY(30px); opacity:0; }
body.home .section.voice-box { background:url(../../img/bg_voice.png) no-repeat; background-size:cover; padding:1px 0 40px; margin:0 -10px; }
body.home .section.voice-box .title01 { margin-bottom:30px; }
body.home .section.voice-box .img { width:95%; margin:0 auto; }
.news-items ul li { position:relative; padding:10px 10px 10px 90px; margin:0; line-height:140%; list-style-type:none; }
.news-items ul li:nth-child(2n+1) { background:#f4f8fb; }
.news-items .date { font-weight:bold; position:absolute; left:10px; }
.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; }
.message-box .swiper-slide { position:relative; }
.message-box *[class^="slide-texts"] > * { opacity:0; }
.message-box .slide-texts01 { background:url(../../img/sp/slide001.jpg) no-repeat center center; background-size:cover; min-height:420px; }
.message-box .slide-texts01 .ttl { font-size:30px; color:#fff; padding-top:30px; text-align:center; line-height:130%; margin-bottom:35px; }
.message-box .slide-texts01 .txt { font-size:14px; color:#fff; text-align:center; line-height:160%; }
.message-box .slide-texts02 { background:url(../../img/sp/slide002.jpg) no-repeat center center; background-size:cover; min-height:420px; }
.message-box .slide-texts02 .txt { font-size:11px; color:#333; text-align:center; line-height:200%; padding-top:45px; margin:0 10px; }
.message-box .slide-texts02 .txt .ttl { font-size:12px; margin-bottom:15px; }
.voice-box {  }
.voice-imgs { width:90%; max-width:400px; margin:0px auto 0; position:relative; }
.voice-imgs img { width:50%; position:relative; opacity:0; }
.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) {  }




/* company */
.profile-name {  }
.map { width:100vw; max-width:none; transform:translateX(-50%); left:50%; position:relative; margin:0; padding:0px 0px; height:400px; margin-bottom:20px; }
.map iframe { position:absolute; left:0; top:0; }
.isms { width:250px; margin:0 auto; }
.dx-logo { line-height:180%; margin:50px 0 0; }
.dx-logo img { width:220px; display:block; margin:20px auto; }


/* service */
.index-lead { margin:-5px 0 50px; }
.article-header { border-top:3px solid #000; border-bottom:1px solid #ccc; padding-top:15px; padding-bottom:5px; position:relative; margin-bottom:25px; }
.article-header .title { font-size:16px; font-weight:500; margin-bottom:15px; line-height:160%; }
.article-header .name { font-size:12px; font-weight:500; display:inline; margin-right:10px; }
.article-header .date { display:inline; }
.article-header .category { margin-top:15px; }
.article-header .category > * { background:#f9e6e7; font-size:12px; padding:5px 10px;  display:inline-block; text-align:center; margin-right:12px; margin-bottom:12px; }
.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:16px; color:#0e2452; font-weight:500; margin-bottom:20px; line-height:160%; }
.topics-header .date { font-weight:bold; }
.company-box { border:1px solid #bfbfbf; padding:20px; }
.company-box .thumb img { width:100%; }
.company-box .texts { line-height:200%; margin-top:10px; }
.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; }
.maker-list { }
.maker-list .cat { margin:25px 0; position:relative; font-weight:bold; }
.maker-list .cat:after { content:""; display:block; width:calc(100% - 40px); height:1px; background:#ccc; position:absolute; right:0; top:50%; }
.maker-list ul { list-style-type:none; margin-bottom:40px; margin-left:20px; }
.maker-list ul li { list-style-type:none; padding:0; margin:0; padding-right:20px; }
.master-service { margin:-30px auto 0; }
.users-maker-list-ttl { margin:30px 0; font-size:13px; }
.users-maker-list { margin:0 0 80px;  }
.users-maker-list .ttl { margin:0 0 30px; }
.users-maker-list ul { list-style-type:none; margin-bottom:40px; }
.users-maker-list ul:last-child { margin-bottom:0; }
.users-maker-list ul li { list-style-type:disc; margin-left:20px; }
.users-box { height:700px; width:100vw; max-width:none; transform:translateX(-50%); left:50%; position:relative; margin:0; padding:30px 0px 0; }
.users-box .bg { width:100%; height:100%; position:absolute; 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; width:70%; }
.users-function-list .desc { min-height:50px; }
.estimate-box { border:1px solid #ccc; padding:calc(60 / 1100 * 100%) calc(50 / 1100 * 100%);  }
.estimate-box p { border-bottom:1px solid #dfdfdf; padding-bottom:calc(60 / 1100 * 100%); margin-bottom:0; }
.estimate-box .group { border-bottom:1px solid #dfdfdf; padding:20px; font-weight:500; padding-left:0; padding-right:0; text-align:left; }
.estimate-box .group.options { padding-bottom:0; }
.estimate-box .group .ttl { margin-right:50px; display:block; vertical-align:middle; margin-bottom:20px; }
.estimate-box input { background:#f0f0f0; border:none; width:70px; height:25px; margin:0 15px; padding:0 20px; text-align:right; }
.estimate-box input[type=checkbox]{ display: none; }
.estimate-box input[type=checkbox] + label{ display:inline-block; margin:0 5px 24px 10px; padding-left:40px; position:relative; white-space:nowrap; }
.estimate-box input[type=checkbox] + label:before { content:""; display:block; cursor:pointer; display:block; width:25px; height:25px; 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:20px; height:20px; background:url(../../service/img/estimate/ico_check.png); background-size:20px 20px; color:#fff; font-weight:bold; position:relative; vertical-align:middle; position:absolute; left:7px; top:-7px; }
.estimate-box .result-block .ttl { font-size:16px; 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:14px; font-weight:bold; padding:15px; text-align:right; white-space:nowrap; }
.estimate-box .result-block table td { font-size:20px; font-weight:500; padding:15px; text-align:right; width:35%; white-space:nowrap; position:relative; }
.estimate-box .result-block table .memo { font-size:10px; position:absolute; right:20px; bottom:10px; }
.estimate-box .result-block table tr:last-child td { padding-bottom:40px; }
.estimate-box .result { background:#0f2553; color:#fff; font-size:20px; padding:15px 20px; position:relative; margin:0 auto 0; text-align:right; }
.estimate-box .result .label { font-size:14px; font-weight:bold; position:absolute; right:50%; top:50%; transform:translateY(-50%); }
.option-text { margin:50px 0 50px; }
.option-text .ttl { font-weight:bold; text-align:center; margin-bottom:40px; }
.member-list p { margin-bottom:0.3em; margin-bottom: 0.5em; line-height: 160%; }
.member-list .thumb { position:relative; }
.member-list .thumb img { display:block; }
.member-list .thumb img:nth-child(2) { position:absolute; left:0; top:0; opacity:0; }
.member-list .item:hover .thumb img:nth-child(2) { opacity:1; }
.connect-in { background:#e5f5fd; padding:10px; }
.connect-out { background:#fdebec; padding:10px; }
.connect-alta { width:200px; border:1px solid #ccc; margin:0 auto 2.5em; }
.connect-alta a:hover { opacity:0.7; }
.connect-btns { margin-top:40px; }
.service-video { margin-bottom:60px; }
.service-video iframe { margin-bottom:0px; }
.wood-area .service-video { margin-bottom:0px; }
.certification-logo { text-align:center; margin-top:50px; }
.certification-logo img { width:150px; margin-bottom:20px; }
.partner-area .img01 { margin-bottom:50px;}
.partner-area .img01 + p { margin-bottom: 50px;}
.aws-text { }
.aws-img { text-align: right; margin-top: 30px; }
.aws-img img { width: 130px; }




/* topics */
.news-list { border-top:1px solid #ccc; }
.news-list .item { display:block; border-bottom:1px solid #ccc; padding:15px 0; }
.news-list .thumb { float:left; width:calc(220 / 640 * 100%); }
.news-list .texts { float:right; width:calc(400 / 640 * 100%); }
.news-list .title { font-size:14px; color:#0e2452; margin-bottom:10px; line-height:160%; font-weight:500; }
.news-list .date { font-size:12px; line-height:160%; font-weight:bold; margin-bottom:15px; }
.news-list .desc { font-size:12px; line-height:160%; }

/* contact */
.progress { margin:30px 0; }
.progress div { width:calc(336 / 1100 * 100%); margin-right:calc(30 / 1100 * 100%); list-style-type:none; float:left; }
.progress div:last-child { margin-right:0; }
.contact-form-items { border:1px solid #d2d2d2; padding:20px 0; }
.contact-form-items table { margin:0 auto; width:100%;}
.contact-form-items tr { display:block; padding:10px; }
.contact-form-items tr:last-child { }
.contact-form-items th { display:block; padding:10px 0; line-height:160%; text-align:left; }
.contact-form-items td { display:block; padding:10px 0; line-height:160%; }
.contact-form-items th span { white-space:nowrap; display:inline-block; }
.contact-form-items input[type=text] { background:#f0f0f0; border:none; padding:10px; width:100%; box-sizing:border-box; }
/*.contact-form-items input[type=text].length2 { width:19%; }*/
.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; padding:10px; width:100%; box-sizing:border-box; }
.contact-form-items select { background:#fff; border:1px solid #ccc; width:100%; padding:10px 10px; position:relative; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.contact-form-items select.work_hours { width:19%; background:#f0f0f0; border:none; }
.contact-form-items .form-must { color:#e60012; }
.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 label { margin-right:10px; white-space:nowrap; }
.contact-form-items input[type=radio] { margin:0 10px 0 10px; }
.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:30px auto; }
#contact_note { height:400px; border:1px solid #ccc; padding:20px; overflow:auto; margin:2em 0; }
#contact_note h3 { margin:2em 0 3em; text-align:center; }



/* error */
.error-nav { margin:60px 0; }
.error-nav ul { }
.error-nav li { list-style-type:none!important; margin-bottom:10px; margin-right:5%; }
.error-nav li:last-child { margin-right:0; }
.error-nav li a { text-decoration:none; position:relative; display:block; padding-left:20px; }
.error-nav li a:before{
content:"";
display:block;
width: 4px;
height: 4px;
border-top: 1px solid #e81727;
border-right: 1px solid #e81727;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
left:0px;
z-index:2;
}




/* member */
body.members .logo-sub { font-family:"Montserrat"; font-size:10px; font-weight:700; }
body.members .section {  margin:0 -10px; padding:0px 10px; }
body.members .section:nth-child(2n) { background:#f4f8fb; padding:1px 10px; }
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 { margin:0px; }
.users-bbs-box { background:#fff; padding:40px 10px 20px; margin-bottom:30px; }
.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 #header .logo { padding-top:16px; }
body.members 	#header .header-gnav > ul > li > a:before { display:none; }
body.members .logo-sub { display:block; margin-top:8px; }
body.members .section > .inner { padding:0; }

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:16px; color:#0e2452; font-weight:500; margin-bottom:20px; line-height:160%; }
.members-header .date { font-weight:bold; }

.manual-box { margin-top:30px; }
.manual-box ul li { margin-bottom:15px; }



/* bbs */
.bbp-topic-wrapper .bbp-pagination { display:none; }
.entry-title { font-size:14px; line-height:160%; position:relative; }
.bbp-forum-content .entry-title { margin:30px; padding-left:60px; }
.bbp-forum-content .entry-title:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; display:inline-block; vertical-align:middle; background:url(../../member_users/img/img_person.png) no-repeat; background-size:cover; width:43px; height:34px; 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%; }
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:14px; }
.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 50px!important; margin:60px 0 0!important; position:relative; }
.bbp-form legend { font-size:14px; 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%!important; padding:10px; }
.bbp-form textarea { background:#f0f0f0; border:none; width:100%; padding:10px; }
.bbp-form .submit { color:#fff; background:#000; border:2px solid #000; display:block; padding:calc(15px) 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:14px; }
#bbpress-forums div.bbp-reply-author { width:90px; }
.forums div.bbp-reply-author img.avatar { width:40px; }
#bbpress-forums div.bbp-reply-content { margin-left:90px; }
.bbp-author-role,
.bbp-reply-ip,
.bbp-admin-links,
.bbp-reply-permalink { display:none; }
.bbp-reply-header { padding:16px!important; font-size:14px; }
.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; }


/* bbs */
li.bbp-topic-title { width:80%; }
.bbp-topic-reply-count,
.bbp-topic-voice-count,
.bbp-topic-freshness { display:none!important; }


/* login */
.login-box { margin:-120px auto 30px; padding:40px 10px; background:#fff; }
.login-form { max-width:500px; margin:30px auto; padding:40px 25px; border:1px solid #ccc; font-size:16px; }
.login-form .group { margin-bottom:30px; }
.login-form input { background:#f0f0f0; border:none; width:100%; padding:16px 16px; 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:10px 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:10px 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:110px ; float:left; }
.sub-list2 .text { width:calc(100% - 130px); 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:250px; 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:-20px;
	top:50%;
}
.article-nav .prev-next .next a:before {
	transform: rotate(45deg) translate(0,-60%);
	right:-20px;
	top:50%;
}
.article-nav .btn01 { position:relative; z-index:2; }

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




/* wordpress エディター */

.editor { margin-top:10px; }
.editor #toc_container { padding:0; width:100%!important; border-color:#ccc; }
.editor #toc_container .toc_title { font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; padding:5px 10px; }
.editor #toc_container .toc_toggle { font-size:12px; font-weight:normal; }
.editor #toc_container .toc_list { padding:10px 20px; font-size:14px; }
.editor #toc_container .toc_list li { margin-bottom:5px; }
.editor #toc_container .toc_list li ul { margin:5px 20px; }
.editor #toc_container .toc_list li a:hover { text-decoration:none; opacity:0.7; }
.editor #toc_container .toc_number { font-weight:bold; margin-right:6px; }
.editor #toc_container .toc_number:after { content: "."; margin-left:6px; }
.editor .date { font-size:12px; font-weight:bold; display:inline; margin-right:10px; }
.editor .category { font-size:10px; font-weight:bold; display:inline-block; line-height:150%; }
.editor .category a { text-decoration:none; }
.editor .category a:after { content:" / "; }
.editor .category a:last-child:after { display:none; }
.editor .sns-buttons { margin:30px 0 30px; text-align:center; }
.editor .sns-buttons:last-child { margin-top:60px; }
.editor .sns-buttons a { display:inline-block; border-radius:2px; color:#fff; text-decoration:none; margin-right:2px; margin-bottom:5px; }
.editor .sns-buttons a:hover { opacity:0.7; }
.editor .sns-buttons a > span { display:inline-block; vertical-align:bottom; width:36px; height:36px; line-height:36px; font-size:10px; text-align:center; position:relative; }
.editor .sns-buttons a > span > span { display:none; }
.editor .sns-buttons a > span:before { position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:16px; }
.editor .sns-buttons .btn-facebook { background:#436198; }
.editor .sns-buttons .btn-twitter { background:#75c1ef; }
.editor .sns-buttons .btn-google { background:#ca5134; }
.editor .sns-buttons .btn-in { background:#457ab5; }
.editor .sns-buttons .btn-pocket { background:#cd5357; }
.editor:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.editor a { color:#333; text-decoration:underline; }
.editor a:hover { text-decoration:none; }
.editor h1 { font-size:16px; font-size:500; border-left:4px solid #e60012; padding:10px 10px 10px 18px; margin:40px 0 25px; line-height:160%; }
.editor h2 { font-size:14px; font-weight:bold; margin:30px 0 15px; border-bottom:2px solid #eeeeee; padding-bottom:10px; line-height:160%; }
.editor h3,
.editor h4,
.editor h5,
.editor h6 { margin:30px 0 15px; }
.editor li { line-height:150%; margin-bottom:5px; }
.editor ol li { margin-left:0; }
.editor figcaption { line-height: 160%; font-size: 85%; }

.editor figure { width:100%; }
.editor img {
	margin: 0 auto 1.5em;
	display:block;
	max-width:100%;
	width:auto;
}
.editor  .alignleft {
	margin: 0 auto 1.5em;
	display:block;
	float:none;
	max-width:100%;
}

.editor  .alignright {
	margin: 0 auto 1.5em;
	display:block;
	float:none;
	max-width:100%;
}

.editor  .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.5em;
	max-width:100%;
}

.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;
	overflow:hidden;
	margin: 0 0 24px 0px;
}
.editor  ol {
	padding-left: 20px;
}

.editor  ul {
	padding-left: 0px;
}


.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 25px; line-height:180%; border:1px solid #bfbfbf; border-collapse:collapse; font-size:12px; }
.editor table th { position:relative; border:1px solid #bfbfbf; padding:10px; font-weight:normal; text-align:center; }
.editor table td { position:relative; border:1px solid #bfbfbf; padding:10px; font-weight:normal; }
.editor table tr *:nth-child(1) { width:70px; }
.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; }

}


@media screen and (max-width: 670px) {

/* animation */
.standby { transform: translateY(30px); opacity:0; }
.is-animated { transition-delay:0.50s!important; transform: translateY(0px); opacity:1; transition-duration: .5s!important; transition-property:transform,opacity!important; }
.is-completed { transition-delay:0s!important; transition-duration:0s!important; }

h2.standby,
h3.standby,
h4.standby,
.users-box > .bg.standby { transform: translateY(0px); opacity:0; }
h2.is-animated,
h3.is-animated,
h4.is-animated,
.users-box > .bg.is-animated { transition-delay:0.50s; opacity:1;  transition-duration: .5s; transition-property:transform,opacity; }

.users-box > .ttl,
.users-box > p,
.users-box > .img { transition-delay:1.0s!important; }
.voice-imgs.is-animated img { transform: translateY(0px); opacity:1; transition-duration: .5s; transition-property:transform,opacity; }
.voice-imgs.is-completed img { transition-delay:0s!important; transition-duration:0s!important; }
.voice-imgs.is-animated img:nth-child(1) { transition-delay:1.0s; }
.voice-imgs.is-animated img:nth-child(2) { transition-delay:1.3s; }
.voice-imgs.is-animated img:nth-child(3) { transition-delay:1.7s; }
.voice-imgs.is-animated img:nth-child(4) { transition-delay:2.0s; }
.voice-imgs.is-animated img:nth-child(5) { transition-delay:2.3s; }
.anime-group.is-animated .service-box .item,
.anime-group.is-animated .message-box { transform: translateY(0px); opacity:1; transition-duration: .5s; transition-property:transform,opacity; }
.anime-group.is-completed .service-box .item,
.anime-group.is-completed .message-box { transition-delay:0s!important; transition-duration:0s!important; }
.anime-group.is-animated .message-box *[class^="slide-texts01"] > * ,
.anime-group.is-animated .message-box *[class^="slide-texts"] > *.is-animated  { transition-delay:1s; opacity:1; transition-duration: .5s; transition-property:transform,opacity; } 
.anime-group.is-animated .service-box .item:nth-child(1) { transition-delay:1.0s; }
.anime-group.is-animated .service-box .item:nth-child(2) { transition-delay:1.3s; }
.anime-group.is-animated .service-box .item:nth-child(3) { transition-delay:1.6s; }
.anime-group.is-animated .service-box .item:nth-child(4) { transition-delay:1.9s; }
.anime-group.is-animated .message-box { transition-delay:1.9s; }
.anime-group.is-animated .message-box *[class^="slide-texts01"] > * { transition-delay:2.2s; }


}

@media only screen and (max-width: 480px){
	#bbpress-forums div.bbp-reply-author img.avatar {
			position: relative!important;
			top: 0!important;
			left: 0!important;
			width: 40px!important;
			height: auto;
	}
	
	#bbpress-forums div.bbp-reply-author {
	
			position: relative;
	
	}
	
	#bbpress-forums div.bbp-reply-author a.bbp-author-name{
		margin:0 auto;
	}
}
@media screen and (max-width: 360px) {
	#header { height:40px; }
	#header-inner { height:40px; }
	#header .logo { padding:12px 10px 0 10px; margin-left:-35px; }
	#header .contact-btn a { width:80px; height:40px; }	
	#header .header-gnav { top:40px; }
	#header #sp-menu .btn { width:40px; height:40px; background-size:40px; }
	#header #sp-menu .btn:last-child { background-size:40px;  }
	#header #sp-menu.isopen .btn { background-size:40px!important; }
	
	body.members #header .logo { padding:8px 10px 0 10px; margin-left:-35px; }
	body.members #header .logo .logo-sub { margin-top:3px; }
	
}