@charset "utf-8";
/* Theme Name: lst */
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@300;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');
@import url(/cnt/themes/lst/css/drawer.min.css);
@import url(/cnt/themes/lst/css/animate.css);
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family: 'Noto Sans JP', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing:0.03em; color:#000; text-align:center; font-size: 15px; line-height:1.6;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;font-size: 15px; line-height:1.6; margin: auto;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0; max-width: 100%; height:auto;}
a,a:visited,a:active,a:hover{color:#1e90bf; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;} a.insurance{background: #1e90bf; color:#fff; padding:20px 50px; border-radius: 5px; box-shadow: 5px 5px #d3daee;}
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
.t8{ font-size:8px; line-height:14px;}.t9{ font-size:9px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t11{ font-size:11px; line-height:14px;}.t12{ font-size:12px;}.t13{ font-size:13px;}.t14{ font-size:14px;}.t15{ font-size:15px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:34px;}.t36{ font-size:36px;}.t38{ font-size:38px;}.t40{ font-size:40px;}.t42{ font-size:42px;}.t46{ font-size:46px;}.t50{ font-size:50px;}.t52{ font-size:52px;}.t54{ font-size:54px;}.t56{ font-size:56px;}
.gray{ color:#999;}.darkGray{ color:#666;}.blue{color: #1e90bf;}.orange{color: #f2941b;}
.tG1,.tG2,.tG3,.tG3{font-family: 'Noto Sans JP', sans-serif;}
.tG1{font-weight:300;}.tG2{font-weight:500;}.tG3{font-weight:700; margin:20px;}.tG4{font-weight:900;}
.tE1,.tE2,.tE3{font-family: 'Sen', sans-serif; line-height:1.4;}.tE1{ font-weight: 400;}.tE2{ font-weight: 700;}.tE3{ font-weight: 800;}
h1,h2,h3,h4,h5{ font-family: 'Noto Sans JP', sans-serif; margin:0; font-weight:900;}h1{ line-height: 1.4;}h2,h3,h4,h5{ line-height: 1.6;}
.alignright{float:right;margin:0 0 20px 20px;}.alignleft{float:left;margin:0 20px 20px 0;}.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.taLeft{ width: 100%; text-align:left;}
.taRight{ width: 100%; text-align:right;}
input:not([type=checkbox]),textarea{color:#000; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; border:1px solid #ccc;; padding:15px; margin:5px 0px;box-sizing: border-box; width: 100%; border-radius: 5px;}
select{color:#000; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; border:1px solid #ccc;; padding:15px; margin:5px 0px;box-sizing: border-box; border-radius: 5px;}
input.m{width:200px;}input.s{width:100px;}
.wrap{ width:1000px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}.wrapS{ width:700px; margin:auto;}
.pc{}.tb,.sp{ display:none;}
div,span,li,section,p,ul,ol{box-sizing: border-box;}
ol.num,ol.dot{display:inline-block; margin: auto;}
ol.num li{list-style: none; text-align: left; line-height: 1.5; display:flex; justify-content: center; padding: 10px 20px;}
ol.dot li{list-style: disc; text-align: left; line-height: 1.5; margin: 5px 0 5px 20px; }
 iframe{max-width: 100%;}
 
/* ==========================================================================
   common
   ========================================================================== */
@media screen and (min-width:768px) {
header .info{margin: 15px auto;}
header .info .logo{float: left; width:50%; text-align: left; }
header .info .sns{float: right; width:50%; text-align: right; font-size: 20px; margin-top: 15px;}
header .info .tel{float: right; width:50%; text-align: right; margin-top: 15px;}
header .info .sns a{margin-left: 15px;}
header nav{ background: #1e90bf; padding: 25px 15px;}
header nav ul li{display: inline-block; }
header nav ul li:not(:nth-of-type(2)):not(.tb) { border-left:1px solid #18789f;}
header nav ul li a,header nav ul li a:hover,header nav ul li a:visited{color: #fff; padding: 0 30px;}
}
footer{padding-bottom:10px ; color: #1e90bf; margin-top: 60px;}
footer a,footer a:hover,footer a:visited{color: #1e90bf;}
footer nav{background: #1e90bf; color: #fff; padding: 25px 20px;}
footer nav ul{display: inline-block;margin: 0 10px;}
footer nav ul > li{display: inline-block;}
@media screen and (min-width:768px) {
footer nav ul li:not(:last-child){ border-right:1px solid #18789f;}
}
footer nav ul li a,footer nav ul li a:hover,footer nav ul li a:visited{color: #fff;}
footer nav ul li a{padding: 0 30px;}
footer nav ul li.sns{margin-left: 20px;}
footer nav ul li.sns a{padding: 0 10px;}
footer .info{margin-top: 20px;}
footer .footer{ padding:20px 0 0 0;}
@media screen and (min-width:768px) {
}
footer .footer ul.b2_50.banner{margin-top: 30px;}
footer .footer ul.b2_50.banner li{padding-top: 0; padding-bottom: 0;}
footer .footer ul.b2_50.banner li:last-child{ padding: 25px 40px 5px 40px; display: inline-block; background: #e3f3fa;}
footer .footer .logo{margin: 40px auto 30px auto;}
footer .footer .cr{margin-top: 30px;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999;}
#page-top a{display: block; background:#fff; font-size:30px; padding:20px;}
#page-top a:hover{background:#ccc; color:#fff;}

/* common */
.more_btn{margin-top: 20px;}
.more_btn a{background: #1e90bf; color: #fff; padding: 7px 20px; display: inline-block;}
.more_btn a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
.snsshare{text-align: center; margin-top: 40px;}
.snsshare ul{background: url(/asset/cont/themes/nlba/img/common/bg_s.png); padding: 20px; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.snsshare .tag{margin-top: 10px;}
.snsshare .tag a{background: #ccc; color: #fff; padding:3px 12px; border: 0; border-radius: 3px; display: inline-block; margin:0 2px 2px 0;}
.pan{background: #e3f3fa; padding: 15px; margin-bottom: 40px; }
.pan .wrapW{ text-align: left; }
.pan .wrapW p{display: inline-block; padding: 0 20px;}
.pd{padding: 50px 0;}
.bg{background: #e3f3fa;}
.mTtl{text-align: left; margin-bottom: 30px;}
.mTtl .mark{background: url( /cnt/themes/lst/img/common/mark.png) no-repeat center center; background-size:auto 100%; height: 25px; text-align: center; margin-bottom: 10px;}
.mTtl > h3{line-height: 1.1; text-align: center;}
.slider li,.slider li div{max-height: 700px; max-width: 1700px;}
.slider li{width:100%; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.slider li div{display: table-cell; vertical-align: middle ; max-width:1700px; text-align: center; color: #fff; }
.slider li div h1{margin-bottom: 20px;}
.slider ul{display: flex; justify-content: center; padding: 0; margin: 0;}
ul.catNav li{display:inline-block;}
ul.catNav li a{display:inline-block; background: #000; color: #fff; padding: 3px 15px; }
ul.li_list li{vertical-align: middle; padding: 20px 0; }
ul.li_list li:not(:first-child){border-top: 1px solid #a9cfdf;}
ul.li_list li .date{display: inline-block; float: left; width: 11%; text-align: left;}
ul.li_list li .cat{display: inline-block; float: left; width: 14%; border:1px solid #1e90bf; background: #fff; text-align: center; color: #1e90bf; padding: 5px 10px; box-sizing: border-box;}
ul.li_list li h3{display: inline-block; float: right; width: 71%; text-align:left; }
.wp-pagenavi a, .wp-pagenavi span {}
.wp-pagenavi a:hover, .wp-pagenavi span.current {font-weight: 700;}
ul.b2_50 li{box-sizing: border-box; padding:15px;max-width: 100%; display: inline-block;}
ul.b2_55 li{box-sizing: border-box; padding:15px;max-width: 200px; display: inline-block;}
ul.b2_50 li > h3{margin: 25px auto 10px auto; text-align: center;}
ul.b2_50 li .taLeft{padding: 0 20px; box-sizing: border-box; }
ul.b2_50 li .ph{width: 200px; height: 280px; overflow: hidden; margin-bottom: 25px;}
ul.b3_33 li{float: left; width: 33.33%; box-sizing: border-box; padding:20px;}
ul.b2_50 li .ph_circle,ul.b3_33 li .ph_circle{width: 250px; height: 250px; border-radius: 250px; margin: auto;}
ul.b2_50 li h3,ul.b3_33 li h3{margin: 25px auto 10px auto; text-align: center; }
ul.b3_33 li .taLeft{padding: 0 20px; box-sizing: border-box; }
ul.b3_25 li{float: left; width: 25%; box-sizing: border-box; padding:20px;}
table.line{margin: auto;}
table.line tr,table.line td{padding: 20px; border-top:1px solid #a2d6ec; text-align: left;}
table.line th{text-align: right; color:#1e90bf; white-space: nowrap;}
.t20 p.note{font-size: 15px;padding: 20px;}

@media screen and (min-width:768px) {
ul.f_banner{position: absolute; z-index: 100; top:220px; right: 0;}
ul.f_banner li{text-align: left; margin: 10px auto;}
}
#top header,#top footer{margin: 0;}
#top .slider li,#top .slider li div{height: 700px;}
#top ul.banner_s{margin-top: 30px;}
#top ul.banner_s li{display: inline-block; margin: 5px 15px; vertical-align: top;}
#top .about h2{margin: 20px auto;}
#top .sns section{display: inline-block; float: left; width: 33.33%; padding: 20px;}
#company footer{margin: 0;}
#recruit footer{margin: 0;}
body#employee .ph{float: left; width: 35%; text-align: left;}
body#employee .ph div{width: 250px; height: 250px; border-radius: 300px; margin: auto;}
body#employee .article{float: right; width: 65%;}

article a,article a:visited{color:#1b5997; border-bottom: 1px dotted #1b5997;}
article a:hover{color:#ccc; border-color:#ccc;}
article .ph{width: 100%; height: 450px; margin-bottom: 40px;}
article .header{border-bottom: 2px solid #000; padding-bottom: 30px; margin-bottom: 30px; }
article .header .sub .cat{display: inline-block;  border:1px solid #b6d6e4; color: #1b5997; padding: 5px 10px; box-sizing: border-box; margin-left: 15px;}
article .header h1{line-height: 1.4; margin: 20px auto 0 auto;}
article .header .date{line-height: 1.4; }
article .bg_pg{text-align: center; padding: 50px 30px;}
article .frame{border: 2px solid #1e90bf; padding: 40px;}
article section{display: block; border-bottom: 2px solid #1b5997;}
article section.last{border: none;}
article section h3.subttl{background: #1b5997; color: #fff; padding: 10px 20px;}
article section ol.num li{list-style: decimal; margin:0 0 10px 30px;}
article section ul.dot li{list-style: disc; margin:0 0 10px 30px;}
article table{margin: auto; border: 1px solid #bbd4e6;}
article table th,article table td{border: 1px solid #bbd4e6; padding:15px 30px;}
article table th{text-align: right; padding-right: 20px; white-space: nowrap; background: #e3f3fa; font-weight:500;}
article table th span{display: inline-block; background: #1b5997; color: #fff; padding: 5px 8px; margin-right:5px; font-size: 10px; font-weight: normal;}
article table td:not(.btn){text-align: left;}
article table td.btn{padding-top: 10px; text-align: center;}
article table td.btn input{background:#1b5997; color: #fff; width: inherit; margin: 0 10px; padding: 10px 30px;}
.wpcf7-checkbox .wpcf7-list-item{display: block;}
.wpcf7 .wpcf7-validation-errors {color: #ff0000;background-color:none;border:none; text-align: center;}
.wpcf7 .wpcf7-mail-sent-ok {color: #1b5997; background-color: #fff;border: 2px solid #1b5997; text-align: center;}


/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:1400px) {
.wrapW{ width:100%;}
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1000px) {
.wrapW,.wrap{ width:100%;}
}
@media screen and (max-width:700px) {
.wrapS{ width:auto;}
}
@media screen and (max-width:768px) {
.pc{display:none;}.tb{ display:inline-block;}
input{-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}.sp{ display:inline-block;}
.rpsTaLeft{text-align: left;}
.wrapN{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}
header{padding: 15px;}
header .info{text-align: left;}
header .info .logo{float: none; width: 100%;}
header .info .logo img{width:220px;}
header nav ul li.logo{padding: 25px 0 20px 0;}
header nav ul li.logo img{width:200px; }
header nav ul li:not(.logo) {padding: 5px 0;}
header nav ul li.sns a{padding: 5px;}
header nav ul li.call{padding: 20px;}
/*header nav ul li.call img{border: 2px solid #1e90bf; padding: 15px; box-sizing: border-box;} */
footer nav ul li{display: block;}
/* footer nav ul li:not(.sns) {padding:5px;} */
footer .footer ul.b2_50.banner li{padding: 0;}
footer .footer ul.b2_50.banner li:last-child{ padding:20px 25px; margin-top: 10px;}
footer .footer a{color: #000;}
footer .footer ul.b2_50{width: 80%;}
footer .footer .logo img{max-width: 90%;}
.pan{font-size: 12px; padding:15px 5px;}
.pan .wrapW p{padding: 0 5px;}
ul.f_banner{margin-top: 20px;}
ul.f_banner li{padding: 5px;}

.slider li,.slider li div{height: 700px;}
ul.li_list li {text-align: left;}
ul.li_list li .date{display: inline-block; float: none; width:auto;}
ul.li_list li .cat{display: inline-block; float: none; width:auto; padding: 3px 10px; margin-left:10px;}
ul.li_list li h3{float: none; width: 100%; line-height: 1.4; margin-top: 10px; }
ul.b2_50 li,ul.b2_50 li:last-child{float: none; width: 100%;}
ul.b3_33 li,ul.b3_25 li{ width: 50%;}
#top .slider li,#top .slider li div{height: 450px;}
#top ul.banner_s li{float: left; width: 50%; display: block; margin: 5px 0; padding: 0 3px; box-sizing: border-box;}
#top .company{background-position: top center; background-size:100% auto; padding-top: 250px; text-align: center;}
#top .company section{padding:20px ; width: 90%; margin: auto; }
#insurance article{float: none; width: 100%; }
#insurance .sns_tl{float: none; width: 100%;  margin-top: 40px;}
#online_consultation .trouble .trouble{padding: 30px;}
#online_consultation .flow .notice{padding: 30px; width: 100%;}
body#employee .ph{width: 100%; float: none; height: auto;}
body#employee .ph div{width: 200px; height: 200px; background: #ccc;}
body#employee .article{float: none; width: 90%; margin-top: 20px;}
table.line th{text-align: left;}
article table th{text-align: left; padding-right: 0; display: block;}
article table td{display: block; padding-bottom: 10px;}
article table td.btn{text-align: center;}
article .ph{height: 300px;}
}


@media screen and (max-width:640px) {
#page-top a{font-size:20px; padding:12px;}
.sptaleft{text-align: left; display: inline-block;}
ul.b2_50 li .liph{width: 100%; height: 200px; overflow: hidden;}
ul.b3_33 li,ul.b3_25 li{float: none; width: 100%;}
ul.f_banner{top:auto; right: auto; bottom:0; padding: 10px; background: #fff; box-sizing: border-box;}
ul.f_banner li{float: left; width: 50%;}
ul.f_banner li img{width: 100%;}
}