@charset "UTF-8";
body {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
td, div, p, li, dt, dd, input, select, button, textarea, h1, h2, h3, h4, h5, pre {font-family:'Helvetica', 'Noto', Tahoma, Arial, sans-serif; line-height:1.5em; font-size:14px; font-weight:400; color:#333;}
html * {box-sizing:border-box; word-break:keep-all; word-wrap:break-word; overflow-wrap:break-word; -ms-word-break:keep-all;}
header, footer, section, article, nav, aside {display:block;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:#333;}
b, strong, .fb {font-weight:600;}
em, th {font-style:normal;}
input, button {overflow:visible; outline:none; padding:0; margin:0; border:0; appearance:none; background:none;}
button {cursor:pointer;}
img {max-width:100%;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:#333;}
a.line {text-decoration:underline; cursor:pointer;}
input[type=text], input[type=file], input[type=password], input[type=tel], input[type=number], input[type=email], select {height:40px; padding:0 15px; margin:0; border:1px solid #ccc; border-radius:3px; text-align:left; font-size:14px; appearance:none; background:#fff;}
input[readonly] {background:#fafafa;}
select {padding-right:48px; appearance:none; background:#fff url(../images/common/ic_arrow4.svg) no-repeat calc(100% - 15px) 50%;}
input:autofill, input:-webkit-autofill {box-shadow:0 0 0px 1000px white inset !important;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type=checkbox] {width:20px !important; height:20px; border:1px solid #dcdcdc; border-radius:2px; background:#fff;}
input[type=checkbox]:checked {background:#fff url(../images/common/ic_arrow2.svg) no-repeat 50% 50%;}
input[type=radio] {position:relative; width:22px; height:22px; border:1px solid #dcdcdc; border-radius:50%; background:#fff;}
input[type=radio]:checked:before {content:""; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px; border-radius:50%; background:#E71316;}
label input {margin:-3px 2px 0 0; vertical-align:middle;}

.scr {overflow-y:auto;}
.scr::-webkit-scrollbar {width:7px;height:7px;}
.scr::-webkit-scrollbar-button:start:decrement,
.scr::-webkit-scrollbar-button:end:increment {display:block; height:0;}
.scr::-webkit-scrollbar-track {background:#dcdcdc; border-radius:4px;}
.scr::-webkit-scrollbar-thumb {width:50px; height:50px; border-radius:4px; background:#666;}
.scr::-webkit-scrollbar-thumb:hover {background:#666;}

/* layout */
html, body {width:100%; height:100%;}
#wrapper {padding-top:78px;}
#header {position:fixed; left:0; right:0; top:0; z-index:10; height:78px; border-bottom:1px solid #dcdcdc; background:rgba(255,255,255,.9);}
#header .wrap {max-width:1170px; margin:0 auto;}
#header .wrap:after {content:""; display:block; clear:both;}
#header .logo {float:left; padding-top:17px;}
#header .util {float:right; padding-top:31px;}
#header .util p {float:left; font-size:16px; font-weight:500; line-height:1em;}
#header .util p+p:before {content:""; display:inline-block; width:1px; height:16px; margin:-2px 17px 0; vertical-align:middle; background:#ccc;}
#header .util p.mypage a {padding-left:22px; background:url(../images/common/ic_mypage.svg) no-repeat 0 50%;}
#container {max-width:1170px; padding:50px 0 150px; margin:0 auto;}
#footer {max-width:1170px; padding:31px 0 30px; margin:0 auto; border-top:1px solid #dcdcdc;}
#footer:after {content:""; display:block; clear:both;}
#footer .logo {float:left; margin-right:30px;}
#footer .customer {float:left;}
#footer .customer h2 {margin-bottom:8px; font-size:16px; font-weight:600; line-height:1em;}
#footer .customer .tel {color:#888; font-size:12px;}
#footer .customer .tel a {margin-right:8px; color:#333; font-size:25px; line-height:1em; font-weight:800;}
#footer .customer .email {color:#666; line-height:1em;}
#footer .customer .email a {color:#666;}
#footer .company {float:right;}
#footer .company ul {overflow:hidden; margin-bottom:13px;}
#footer .company li {float:left; line-height:1em; font-weight:600;}
#footer .company li+li:before {content:""; display:inline-block; width:1px; height:14px; margin:-2px 14px 0; vertical-align:middle; background:#ccc;}
#footer .company .info p {line-height:1em; font-size:13px; color:#666;}
#footer .company .info p+p {margin-top:8px;}
#footer .company .info p span+span:before {content:""; display:inline-block; width:1px; height:12px; margin:-2px 10px 0; vertical-align:middle; background:#ccc;}


/* common */
h1.typeA {margin-bottom:50px; font-weight:700; font-size:32px; line-height:1em;}
h1.typeB {margin-bottom:12px; font-size:20px; font-weight:600; line-height:1em;}
h1.typeC {margin-bottom:50px; font-size:24px; font-weight:700; line-height:1em;}
h2.typeA {margin:50px 0 12px; font-size:20px; font-weight:600; line-height:1em;}
h2.typeA:first-child {margin-top:0;}
h2.typeA .btnTypeA.sizeB {margin:-4px 0 0 4px; vertical-align:middle;}
h2.typeA .pa {position:absolute; right:0; top:-4px; margin:0;}
h2.typeA .pa .btnTypeA.sizeB {margin:0;}
h2.typeB {margin:30px 0 12px; font-size:18px; font-weight:600; line-height:1em;}
h3.typeA {margin:50px 0 12px; font-size:20px; font-weight:600; line-height:1em;}

.colorA {color:#E71316 !important;}

.btnArea {margin-top:50px; text-align:center;}
.btnArea *+button, .btnArea *+a {margin-left:15px;}
.btnTypeA {display:inline-block; min-width:160px; padding:0 50px; border:1px solid #E71316; line-height:49px; border-radius:3px; color:#fff !important; font-size:17px; font-weight:600; background:#E71316;}
.btnTypeB {display:inline-block; min-width:160px; padding:0 50px; border:1px solid #dcdcdc; line-height:49px; border-radius:3px; color:#1E8AE7 !important; font-size:17px; font-weight:600; background:#fff;}
.btnTypeC {display:inline-block; min-width:160px; padding:0 50px; border:1px solid #54545C; line-height:49px; border-radius:3px; color:#fff !important; font-size:17px; font-weight:600; background:#54545C;}
.sizeB {min-width:auto; padding:0 15px; line-height:32px; font-size:15px;}
.btnArea button:not(:only-child) {padding:0;}

.bgLayer {display:none; position:fixed; left:0; top:0; z-index:90; width:100%; height:100%; background:rgba(0,0,0,.8); transition:all 0.1s;}
.bgLayer.add {z-index:101;}
.popLayer {display:none; opacity:0; position:fixed; left:calc(50% - 230px); top:50%; max-height:calc(100% - 60px); z-index:100; overflow:hidden; width:460px; border-radius:3px; background:#fff; transform:translateY(-50%); transition:opacity 0.1s ease-in-out;}
.popLayer.on {opacity:1;}
.popLayer .close {position:absolute; right:22px; top:22px;}
.popLayer .content {overflow-y:auto;}
.popLayer.add {z-index:111;}

.paging {margin-top:30px; text-align:center;}
.paging * {vertical-align:middle; line-height:14px;}
.paging a:not(.btn) {margin:0 5px;}
.paging strong {margin:0 5px;}
.paging img {margin:-2px 4px 0;}

.paging.bltType {font-size:0; line-height:15px;}
.paging.bltType * {vertical-align:top;}
.paging.bltType li {display:inline-block; overflow:hidden; width:15px; height:15px; line-height:15px;}
.paging.bltType li +li {margin-left:15px;}
.paging.bltType li a, .paging.bltType li strong {display:inline-block; width:15px; height:15px; margin:0; border:1px solid #565859; border-radius:50%; font-size:0; text-indent:100%; white-space:nowrap; background:#fff;}
.paging.bltType li strong {background:#565859;}

.srchArea {position:relative; height:55px; margin-top:-43px; text-align:right;}
.srchArea select {display:inline-block;}
.srchArea .field {position:relative; display:inline-block; width:254px; height:40px; padding:0 48px 0 15px; border:1px solid #ccc; border-radius:3px;}
.srchArea .field input {width:100%; height:38px; padding:0; border:0;}
.srchArea .field button {position:absolute; right:15px; top:calc(50% - 8px);}
.srchArea >*+* {margin-left:6px;}

ul.caution li {position:relative; padding-left:10px;}
ul.caution li:before {content:""; position:absolute; left:3px; top:9px; width:2px; height:2px; border-radius:50%; background:#333;}
ul.caution li li {color:#666;}
ul.caution li li:before {left:0; top:9px; width:3px; height:1px; background:#666;}

.br {display:block;}
.forMobile {display:none;}


@media all and (max-width: 1000px) {
    #footer .company {clear:both; float:none; padding:25px 0 0 166px;}

}