@charset "utf-8";
/* Version: 10000.0 Theme Name: hit */
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');
@import url(/asset/cnt/themes/hit/css/drawer.min.css);
@import url(/asset/cnt/themes/hit/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:'Roboto', 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing:0.03em; color:#000033; text-align:center; font-size: 16px; line-height:1.8;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;font-size: 16px; 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:#231815; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
.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: #162e8a;}.navy{color: #003399;}.red{color: #cc0000;}.white{color: #fff;}
.tG1,.tG2,.tG3{font-family:'Roboto', 'Noto Sans JP', sans-serif;}.tG1{font-weight:300;}.tG2{font-weight:500;}.tG3{font-weight:700;}
.tM1,.tM2,.tM3{font-family: 'Noto Serif JP', serif;}.tM1{font-weight:200;}.tM2{font-weight:400;}.tM3{font-weight:500;}
.tE1,.tE2{font-family: 'Montserrat', sans-serif;}.tE1{font-weight:300;}.tE2{font-weight:500;}
.ls{letter-spacing: 0.05em;}
h1,h2,h3,h4,h5{ font-family:'Roboto', '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;}
.tOver{text-decoration: line-through;}
input:not([type=checkbox] ),textarea,select{color:#231815; font-family:'Roboto', 'Noto Sans JP', sans-serif;font-weight: 300; font-size: 16px; border:none; padding:15px; margin:5px 0px;box-sizing: border-box;  border-radius: 5px;}
input:not([type=checkbox] ),textarea{width: 100%;}
input.s{max-width: 100px;}input.m{max-width: 200px;}
.checkbox .wpcf7-list-item {display:block; padding-left:1.5em; text-indent: -1.5em; margin: 3px auto; }
div,span,li,section,p,ul,ol{box-sizing: border-box;}
.wrap{ width:1000px; margin:auto;}.wrapSW{ width:1100px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}.wrapS{ width:700px; margin:auto;}
.fade{ display:none;}
.pc{}.tb,.sp{ display:none;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.pd{padding: 100px 0;}
.bg{background:#f3f3f3;}
.frame{border:2px solid #000; padding: 50px;}
.indent p, p.indent{padding-left:1em; text-indent: -1em; line-height: 1.4; margin: 5px auto;}
.tLine{text-decoration: line-through;}

/* ==========================================================================
   common
   ========================================================================== */
header ul.drawer-menu{padding: 300px 0;}
header ul.drawer-menu li a{color: #fff; padding: 10px 0; display: block; letter-spacing: 0.1em;}
footer{padding:50px 0 15px 0; background-image: url( /asset/cnt/themes/hit/img/footer_bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed;}
footer .logo{margin-bottom: 25px;}
footer h2{margin: 8px auto 15px auto;}
footer .cr{ line-height: 1.5; }
#page-top{position:fixed; bottom:0; right:0; line-height:0; z-index:9999;}
#page-top a{display: block; color:#003399;  font-size:30px; padding:20px;}
#page-top a:hover{color:#ccc;}

/* common */
.mTtl{margin-bottom: 40px; }
.slider,.main div{height: 900px; }
.slider{overflow: hidden;}
.slider img { transform-origin: center top; transform: scale(1.2); transition: 5s ease-out; }
.slider .slick-active img { transform: scale(1.05);}
.slider li img.sp{display: none;}
.main{position: absolute; z-index: 1; right:0; left:0; margin:auto; display:table;}
.main div{display: table-cell; vertical-align: middle; width: 2000px; color: #fff;}
.main p {opacity: 0; letter-spacing: 0.1em; line-height: 1.4; display: block;}
.main p.logo{padding-bottom: 30px;}
.main p.en{margin-top: 20px;}
ol.dot{display: inline-block; margin: auto;}
ol.dot li{list-style: disc; text-align: left; width: auto; margin: 3px auto;}

#concept{background-image: url( /asset/cnt/themes/hit/img/concept_bg.jpg); background-size: cover; background-position: top center; background-attachment: fixed;}
@media screen and (min-width:769px) {
#concept .txt{ -ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align: left;display: inline-block;}
#concept .txt div{vertical-align: top; display: block; background: #ccc;}
}
#mission{background-image: url( /asset/cnt/themes/hit/img/product_bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed;}
#mission h2{letter-spacing: 0.1;}
#company{background-image: url( /asset/cnt/themes/hit/img/company_bg) ; background-size: cover; background-position: center center; background-attachment: fixed;}
#company table th,#company table td{padding: 15px; border-top:1px solid #ccc; text-align: left;}
#company table th{text-align: right; font-weight:400;}
dt{ float: left; }
dt span{letter-spacing:0.55em; }
dd{ margin-left: 80px; padding-left:40px;}
#contact{background-image: url( /asset/cnt/themes/hit/img/contact_bg) ; background-size: cover; background-position: center center; background-attachment: fixed;}
#contact table th,#contact table td{padding: 3px 10px;}
#contact table th{text-align: right; color: #fff;}
#contact table td{text-align: left;}
#contact table td.acceptance,#contact td.btn{text-align: center;}
#contact table td.btn{text-align: center;}
table td.btn input{width: auto; background: #003399; color: #fff; padding: 20px 40px; }
table td.btn input:hover{background: #333;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #cc0000; background: #cc0000; color: #fff;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #004898;}
.wpcf7 form .wpcf7-response-output {border-color: #004898; background: #004898; color: #fff;}
.wpcf7-checkbox#block .wpcf7-list-item{display: block; margin: 3px auto;}
.wpcf7-form-control{font-size: 16px;}

/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:1400px) {
.wrapW{ width:100%;}

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

}
@media screen and (max-width:1100px) {
.wrapSW{ width:100%;}
.slider img { height: 900px; width: 100%;}
}
@media screen and (max-width:1000px) {
.wrapW,.wrap{ width:100%;}
}
@media screen and (max-width:769px) {
.pc{display:none;}.tb{ display:inline-block;}
input:not([type=checkbox] ){-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}
.rpsTaLeft{text-align: left;}
.wrapN,.wrapS{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}.wps80{width: 80%; margin: auto;}
.slider,.main div{height: 700px; }
.main p.logo img{width: 380px;}
.main p.en{margin-top: 20px;}

#concept,#mission,#company,#contact,footer{background-attachment: scroll;}
#entry table{width: 100%;}
#entry table th,#entry table td{display: block; width: 100%; }
#entry table th{text-align: left; white-space: normal;}
#entry input:not([type=checkbox]){width: 100%;}
}
@media screen and (max-width:640px) {
.sp{ display:inline-block;}
.sptaleft{text-align: left; display: inline-block;}
header ul.drawer-menu{padding:200px 0;}
footer .logo img{width: 200px;}
#page-top a{font-size:20px; padding:12px;}
.slider li img.pc{display: none;}
.slider li img.sp{display: block;}
.main p.logo img{width: 250px;}
.main p.t34{font-size: 28px;}
.main p.en{font-size:12px;}
#concept .t20{ font-size: 16px;}
#mission h2.tM2{ font-size: 20px;}
#company table th,#company table td{display: block; }
#company table th{text-align: left;}
#contact table th,#contact table td{display: block; }
#contact table th{text-align: left; }
}