@charset 'utf-8';

/* °ψΕλ */
body{ min-width:1200px; }
.inner { width:1200px; margin:0 auto; box-sizing:border-box; }
.cf:after,ul:after,dl:after { content:''; display:block; clear:both; }
#page{ padding:55px 0 150px; }

/* header */
header .header_inner{ padding:0 2.6%; box-sizing:border-box; height:90px; background:#fff; position:relative; overflow:hidden; }
header .header_inner > *{ float:left; }
header .header_inner h1{ padding-top:20px; width:8.5%; }
header nav{ /* width:78%; */ position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align:center; }
header .gnb{ display:inline-block; }
header .gnb li{ float:left; }
header .gnb li a{ font-size:18px; font-weight:500; color:#2c2c2c; display:block; line-height:90px; padding:0 25px; }
header .gnb li.on a{ background:#1a76bc; color:#fff; }
header .member_menu{ float:right; padding-top:33px; /* width:13.5%; */ }
header .member_menu p{ display:inline-block; margin-left:35px; }
header .member_menu p a{ font-size:14px; color:#313131; display:block; padding:5px 0 5px 25px; background:no-repeat left center; }
header .member_menu p:first-child a{ background-image:url(/img/common/header_icon01.png); }
header .member_menu p:nth-child(2) a{ background-image:url(/img/common/header_icon02.png); }

header .member_menu p.mypage a{ background-image:url(/img/common/header_icon01.png); }
header .member_menu p.logout a{ background-image:url(/img/common/header_icon02.png); }
header .member_menu p.name{ font-size:14px; color:#313131; padding:5px 0 5px 35px; position: relative; }
header .member_menu p.name::before{ content: ""; width: 25px; height: 25px; background: url(/img/sub/person_icon.png) no-repeat left center / contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
header .member_menu p.name span{ color: #1a76bc; }

header.bb{ border-bottom: 1px solid #dfdedd; } 

#visual{ width:100%; height:315px; display:table; text-align:center; background:url(/img/common/visual_img.jpg) no-repeat 70% center /cover; }
#visual > div{ display:table-cell; vertical-align:middle; }
#visual > div *{ color:#fff; }
#visual > div strong{ font-weight:700; font-size:36px; }
#visual > div p{ font-size:18px; margin-top:15px; }
#visual > div p span{ padding-left:35px; position:relative; }
#visual > div p span:before{ content:''; display:block; width:22px; height:22px; background:url(/img/common/visual_icon.png) no-repeat 0 0 /cover; position:absolute; left:0; top:3px; }


/* footer */
footer{ height:133px; background:#1a1a1a; padding:30px 2.6% 0; box-sizing:border-box; }
footer:after{ content:''; display:block; clear:both; }
footer .footLogo{ float:left; }
footer address{ float:right; text-align:right; }
footer address *{ color:#8a8a8a; font-size:14px; letter-spacing:-0.025em; }
footer address p{ line-height:2; }
footer address p span{ float:left; padding:0 10px; position:relative; }
footer address p span:after{ content:''; display:block; width:1px; height:8px; background:#adadad; position:absolute; right:0; top:10px; }
footer address p span:first-child{ letter-spacing:0.075em; }
footer address p span:last-child{ padding-right:0; }
footer address p span:last-child:after{ display:none; }




/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }