.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css);
body{margin:0;padding:0;}
body, th, td, textarea { font-family:'YakuHanJP', 'Noto Sans JP', sans-serif; font-size:16px; color:#333;font-weight: 300;} .content{width:100%;max-width:1000px;margin:0 auto;} .thin{font-weight: 100;}
.light{font-weight: 200;}
.demilight{font-weight: 300;}
.normal{font-weight: 400;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}
.black{font-weight: 900;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:21px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f42{font-size:42px;}
.f48{font-size:48px;}
.f52{font-size:52px;}
@media screen and (max-width: 768px) {
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:18px;}
.f24{font-size:18px;}
.f28{font-size:21px;}
.f32{font-size:24px;}
.f34{font-size:24px;}
.f36{font-size:28px;}
.f42{font-size:32px;}
.f48{font-size:36px;}
.f52{font-size:39px;}
}
@media screen and (max-width: 599px) {
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:18px;}
.f24{font-size:18px;}
.f28{font-size:18px;}
.f32{font-size:20px;}
.f34{font-size:21px;}
.f36{font-size:22px;}
.f42{font-size:26px;}
.f48{font-size:28px;}
.f52{font-size:32px;}
} .lh15{line-height:1.5em;}
.lh17{line-height:1.7em;} .white{color:#fff;}
.green{color:#009780;}
.orange{color:#ff9a00;}
.red{color:#ff3333} .center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;} .mrgb10{margin-bottom:10px;}
.mrgb20{margin-bottom:20px;}
.mrgb30{margin-bottom:30px;}
.mrgb40{margin-bottom:40px;}
.mrgb50{margin-bottom:50px;}
.mrgb60{margin-bottom:60px;}
.mrgb70{margin-bottom:70px;}
.mrgb80{margin-bottom:80px;}
.mrgb90{margin-bottom:90px;}
.mrgb100{margin-bottom:100px;}
.mrgt10{margin-top:10px;}
.mrgt20{margin-top:20px;}
.mrgt30{margin-top:30px;}
.mrgt50{margin-top:50px;} .pad10{padding:10px;}
.pcnone{display:none;}
.spnone{display:inline;} a{color:#333;text-decoration:none}
a:hover{color:#ff9a00;text-decoration:underline;} .btn_area{margin:20px 0;}
.btn_area a{display:block;width:100%;max-width:300px;margin:0 auto;padding:15px;border-radius:5px;background:#009780;color:#fff;box-sizing:border-box;text-decoration:none;}
.btn_area a:hover{background:#ff9a00;} .list-green{list-style-position:inside;color:#009780;margin:0;padding-left:1em;text-indent:-1em;}
.list-green span{color:#333;} .t-graybox{background:#f5f3f2;padding:20px;}  .video-wrap {
position: relative;
} .video-box {
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
}
.video { position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index:-1;
} .overlay::after { position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.5);
} .video-box::after {
content: '';
display: block; position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.2);
background-image: radial-gradient(#333 30%, transparent 31%), radial-gradient(#333 30%, transparent 31%);
background-size: 4px 4px;
background-position: 0 0, 2px 2px;
z-index:-1;
} .top-text-box {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-height: 660px) {
.top-text-box {
position: absolute;
top: 30%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.video-box {
min-height:700px;
}
} #openbtn{
position: relative;
cursor: pointer;
width: 60px;
height:45px;
} #openbtn span{
display: inline-block;
transition: all .4s; position: absolute;
top:0;
left: 14px;
height: 5px;
background: #000;
width:100%;
}
#openbtn span:nth-of-type(1) {
top:0;
}
#openbtn span:nth-of-type(2) {
top:15px;
}
#openbtn span:nth-of-type(2)::after {
content:"Menu";
position: absolute;
top:10px;
left:-2px;
color: #000;
font-size: 1rem;
font-weight:bold;
letter-spacing:0.25rem;
text-transform: uppercase;
}
#openbtn.active span:nth-of-type(1) {
top: 5px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 60%;
}
#openbtn.active span:nth-of-type(2){
top: 17px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 60%;
}
#openbtn.active span:nth-of-type(2)::after {
content:"Close";
transform: translateY(0) rotate(-45deg);
top:6px;
left:0;
}
#openbtn.togray span{background: #333;}
#openbtn.togray span:nth-of-type(2)::after {color:#333;} .cntcbtn{fill: #333;} .nav-container{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,50%);
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
z-index:20;
}
.nav-container:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.nav-container.nav-on{
opacity: 1;
visibility: visible;
}
.nav-body{
position: relative;
display: inline-block;
vertical-align: middle;
width: 95%;
height:95%;
}
.nav-content{
vertical-align: middle;
background: rgba(255,255,255,90%);
border-radius:10px;
text-align: left;
height:100%;
overflow: auto;
} header{position:absolute;top:0;left:0;width:100%;height:110px;}
.header-area{position:relative;padding:20px;}
.logo-area{position:absolute;display:block;z-index:10;} .clip_logo{ clip-path: inset(0 0 0 0); }
@media screen and (max-width: 850px) {
.clip_logo{ clip-path: inset(0 200px 0 0); }
}
.tel-area{position:absolute;top:22px;right:220px;color:#000;z-index:10;}
.tel-area-copy br{display:none;}
.tel-area-copy a{color:#000;text-decoration:none;}
.ls02{letter-spacing:0.2em;}
.contact-area{position:absolute;top:30px;right:160px;z-index:100;display:block;}
.menubar-area{position:fixed;top:35px;right:80px;z-index:100;}  .top-logo-main{box-sizing:border-box;}
.top-logo-main img{max-width:600px;width:80%;height:auto;}
.top-logo{margin:20px 0;}
.top-logo img{max-width:300px;width:80%;height:auto;}
.top-copy{text-align:center;font-size:21px;color:#333;margin:30px 0;line-height:2em;} #topnewsarea{width:80%;max-width:650px;border-top:2px solid #333;border-bottom:2px solid #333;padding:10px 10px;margin:0 auto 35px auto;} #ul_news {
display: none;
}
div.newsticker {
position: relative;
width:50px;
height: 30px;
line-height: 30px;
overflow: hidden;
text-align:left;
}
div.newsticker a {
position: absolute;
margin-left:10px;
font-size:16px;font-weight:500;color:#333;
} .toplinks{margin-bottom:30px;}
.toplinks ul{padding:0;margin:0;list-style-type:none;text-align:center;}
.toplinks ul li{display:inline-block;border:2px solid #333;border-radius:3px;margin:10px;width:210px;height:auto;}
.toplinks ul li a{display:inline-block;width:100%;height:100%;font-size:18px;font-weight:bold;color:#333;text-decoration:none;background:rgba(255,255,255,0.2);padding:10px 0;box-sizing:border-box;}
.toplinks ul li a:hover{text-decoration:underline;background:rgba(255,255,255,0.5);} .top_scr_tit{line-height:1.5em;}
@media screen and (max-width: 768px) {
.toplinks ul li{width:auto;}
.toplinks ul li a{padding:10px 10px;}
}
@media screen and (max-width: 599px) {
.top-text-box{margin-top:20px;}
.toplinks ul li{width:auto;margin:5px;}
.toplinks ul li a{font-size:16px;}
.toplinks ul li a{padding:5px 10px;}
.top_scr_tit{line-height:1.0em;}
} .top-machine{
position: relative;
width: 100%;
background:#fff;
padding:40px 20px;
box-sizing:border-box;
}
.top-machine::-webkit-scrollbar{display: none;}
.machine-name-map{max-width:600px;width:100%;height:auto;margin:0 auto;padding:30px 0;text-align:center;}
.machine-name-map a{cursor:pointer;}
.machine-name-map a:hover:{color:#ff9a00;text-decoration:none;} .machine-links{font-size:21px;font-weoght:500;padding:20px 0;text-align:center;}
.machine-links ul{margin:0;padding:0;list-style-type:none;width:100%;}
.machine-links ul li{display:inline-block;padding:0 20px;border-right:1px solid #666;}
.machine-links ul li:last-child{border:none;}
.machine-links ul li a{text-decoration:none;color:#333;font-weight: 500;}
.machine-links ul li a:hover{text-decoration:underline;color:#333;} .tabexp{display:none;}
@media screen and (max-width: 1024px) {
.tabexp{display:block;}
} .st0{fill:#CCCCCC;stroke:#000000;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:#DDDDDD;stroke:#000000;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:#333333;}
.st3{font-family:'Noto Sans JP';}
.st4{font-size:21px;font-weight: 500;}
.st5{fill:#E5E5E6;stroke:#9E9E9F;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st6{fill:#F7F7F7;stroke:#9E9E9F;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st7{fill:#EEEEEF;stroke:#9E9E9F;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st8{fill:#EEEEEE;stroke:#000000;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st9{fill:#FFFFFF;stroke:#9E9E9F;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st10{fill:none;stroke:#333333;stroke-miterlimit:10;}
#nojiita:hover a .st0, #nojiita:hover a .st1, #nojiita:hover a .st2{fill:#ff9a00;}
#obiki:hover a .st8, #obiki:hover a .st2{fill:#ff9a00;}
#dodai:hover .st8, #dodai:hover .st1, #dodai:hover .st2{fill:#ff9a00;}
#taruki:hover .st8, #taruki:hover .st1, #taruki:hover .st2{fill:#ff9a00;}
#sujikai:hover a .st8, #sujikai:hover a .st2{fill:#ff9a00;}
#omoya:hover .st8, #omoya:hover .st1, #omoya:hover .st2{fill:#ff9a00;}
#nokigeta:hover .st8, #nokigeta:hover .st1, #nokigeta:hover .st2{fill:#ff9a00;}
#hiuchihari:hover .st8, #hiuchihari:hover .st2{fill:#ff9a00;}
#neda:hover a .st8, #neda:hover a .st2{fill:#ff9a00;}
#koyatsuka:hover a .st8, #koyatsuka:hover a .st2{fill:#ff9a00;}
#toushibashira:hover .st8, #toushibashira:hover .st1, #toushibashira:hover .st2{fill:#ff9a00;}
#mabashira:hover .st8, #mabashira:hover .st1, #mabashira:hover .st2{fill:#ff9a00;}
#kudabashira:hover .st8, #kudabashira:hover .st1, #kudabashira:hover .st2{fill:#ff9a00;}
#munagi:hover .st8, #munagi:hover .st1, #munagi:hover .st2{fill:#ff9a00;}
#hari:hover a .st8, #hari:hover a .st2{fill:#ff9a00;}
#koyabari:hover .st8, #koyabari:hover .st1, #koyabari:hover .st2{fill:#ff9a00;} .top-introduction_bg, .top-factory, .top-estimate{
position: relative;
width: 100%;
padding:40px 20px;
box-sizing:border-box;
}
.top-introduction_bg, .top-factory, .top-estimate{
background-repeat:no-repeat;
background-size:cover;
background-attachment: fixed;
background-position: center bottom;
}
.top-introduction_bg{
padding:0 0;
background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/top_bg_introduction.jpg);
background-position: center center;
}
.top-introduction{
text-align:center;
height: 100vh;
}
.top-factory{
background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/top_bg_factory_tour.jpg);
}
.top-estimate{
background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/top_bg_estimate.jpg);
}
@media screen and (max-width: 1000px) {
.top-introduction_bg, .top-factory, .top-estimate{background-attachment: scroll;}
}
.top-intro-box{
position: relative;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index:1;
box-sizing:border-box;
}
.top-intro-content, .top-factory-content,.top-estimate-content{
width: 92%;
max-width:800px;
margin:20px auto 0 auto;
background:rgba(255,255,255,0.8);
border-radius:5px;
padding:20px;
box-sizing:border-box;
}
.top-intro-content{
background:rgba(255,255,255,0.8);
padding:10px;
}
.line_btm{border-bottom:2px solid #999;padding-bottom:20px;margin-bottom:25px;text-align:center;}
.top-factory-content_cnt{max-width:20em;line-height:2em;margin:0 auto;}
.top-estimate-content_cnt{max-width:30em;line-height:2em;margin:0 auto;}
.top-content_form.top-content_form ul{margin:0;padding:0;list-style-type:none;text-align:center;}
.top-content_form ul li{display:inline-block;margin:20px;}
.form_btn{position:relative;top:-5px;border:1px solid #666;border-radius:3px;}
.form_btn a{display:inline-block;width:100%;height:100%;padding:5px 20px;box-sizing:border-box;border-radius:3px;color:#333;text-decoration:none;background:rgba(255,255,255,0.0);}
.form_btn a:hover{text-decoration:underline;background:rgba(255,255,255,0.8);} footer{background:#f3f3f3;z-index:100;}
.footer-copyright{text-align:center;padding:15px;background:#999;}
.footer-logo{text-align:center;padding:60px 0 60px 0;}
.nav-links{display:block;padding:0 20px 40px 20px;}
.nav-cat{display:inline-block;width:calc((100% / 6) - 3px);padding:5px;box-sizing:border-box;vertical-align:top;margin-bottom:0;padding:0 0;}
.nav-cat-tit{font-size:14px;font-weight:bold;border-bottom:2px solid #ccc;padding-bottom:5px;margin-bottom:5px;}
.nav-cat-link ul{margin:0;padding:0;list-style-type:none;text-align:left;}
.nav-cat-link ul li{font-size:14px;margin-bottom:5px;}
.nav-cat-link ul li a{text-decoration:none;color:#333;font-weight: 500;}
.nav-cat-link ul li a:hover{text-decoration:underline;color:#333;}
.footer-link{display:block;font-size:14px;padding:20px 0;text-align:center;}
.footer-link ul{margin:0;padding:0;list-style-type:none;}
.footer-link ul li{display:inline-block;padding:0 20px;border-right:1px solid #666;}
.footer-link ul li:last-child{border:none;}
.footer-link ul li a{text-decoration:none;color:#333;font-weight: 500;}
.footer-link ul li a:hover{text-decoration:underline;color:#333;} @media screen and (max-width: 1000px) {
.pcnone{display:none;}
.nav-cat{display:inline-block;width:calc((100% / 2) - 23px);padding:10px 10px;}
}
@media screen and (max-width: 768px) {
.pcnone{display:inline;}
.spnone{display:none;} .footer-logo{text-align:center;padding:80px 0 30px 0;}
.nav-links{display:none;}
.nav-cat{width:100%;margin-bottom:30px;padding:0 20px;}
.nav-links{padding:0 20px 0 20px;}
.nav-content .nav-links{display:block;}
.nav-content .footer-link{display:block;}
.nav-cat-tit{font-size:16px;}
.nav-cat-link ul li{font-size:16px;}
.footer-link{display:none;}
.footer-link{padding:0 40px 40px 40px;}
.footer-link{font-size:16px;text-align:left;}
.footer-link ul li{display:block;padding:0 0;border-right:none;}
} @media screen and (max-width: 599px) { .tel-area{position:absolute;top:15px;right:150px;color:#000;text-align:center;}
.ls02{letter-spacing:0em;}
.menubar-area{right:30px;}
.contact-area{right:100px;}
.text-box {top: 53%;}
.tel-area-copy{font-size:14px;}
.tel-area-copy br{display:inline;}
.ls02 .f24{font-size:14px;}
.ls02 .f36{font-size:24px;} .top-logo{margin-bottom:10px;}
.top-copy{margin-bottom:15px;font-size:18px;text-align:left;}
.top-scroll img{width:60px;height:auto;}
.top-scroll f24{font-size:18px;} .top-machine{padding:40px 20px;}
.top-machine .content .f48{font-size:36px;}
.machine-links{font-size:16px;text-align:center;padding:0;}
.machine-links ul{width:18em;margin:0 auto;}
.machine-links ul li{border-right:none;text-align:left;}
.machine-links ul li:nth-child(odd){width:6em;padding:0 20px;}
.machine-links ul li:nth-child(even){width:9em;padding:0 0;}
.machine-links ul li:last-child{width:15em;padding:0 0;} .pcnone{display:inline;}
}
@media screen and (max-width: 420px) { .contact-area{display:none;}
.tel-area{right:90px;}
} .pageTitleArea{position:relative;margin-top:110px;}
.pageContentArea{position:relative;max-width:1000px;margin:100px auto;padding:0 20px;overflow:hidden;}
.page_title_box{position:relative;padding:60px 0 160px 0;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.page_title_box_business, .page_title_bg_business{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_business.jpg);}
.page_title_box_company, .page_title_bg_company{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_company.jpg);}
.page_title_box_contact, .page_title_bg_contact{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_contact.jpg);}
.page_title_box_estimate, .page_title_bg_estimate{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_estimate.jpg);}
.page_title_box_factory, .page_title_bg_factory{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_factory.jpg);}
.page_title_box_machine, .page_title_bg_machine{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_machine.jpg);}
.page_title_box_precut, .page_title_bg_precut{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_precut.jpg);}
.page_title_box_privacy, .page_title_bg_privacy{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_privacy.jpg);}
.page_title_box_recruit, .page_title_bg_recruit{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_recruit.jpg);}
.page_title_box_sitemap, .page_title_bg_sitemap{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_sitemap.jpg);}
.page_title_box_news, .page_title_bg_news{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_news.jpg);}
.page_title_box_404, .page_title_bg_404{background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/page-header/ph_404.jpg);} .page_title_box:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
background-size: 4px 4px;
background-position: 0 0, 2px 2px;
z-index:0;
}
.page_title_bg{position:relative;padding:10px 10px 20px 10px;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:1;}
.page_title{max-width:1000px;margin:0 auto;}
.page_title_en{display:inline-block;font-size:69px;line-height:69px;font-weight:900;border-bottom:6px solid #009780;color:#fff;text-shadow: 1px 1px 3px #000;}
.page_title_jp{display:inline-block;font-size:30px;line-height:30px;border-top:6px solid #ff9a00;margin-top:-6px;padding-top:10px;color:#fff;text-shadow: 1px 1px 3px #000;}
.page_title_hatching{position:absolute;bottom:0;width:100%;height:100px;background-image:url(//e-pretec.co.jp/wp-content/themes/pretec/assets/images/pagetitle_bg_dot.svg);background-repeat:repeat-x;}
@media screen and (max-width: 768px) {
.page_title_en{font-size:48px;line-height:48px;}
.page_title_jp{font-size:18px;line-height:18px;}
} .pagetop{display: none;position: fixed;width: 60px;height: 60px;right: 10%;bottom: 10px;} .proccess_box{margin-bottom:50px;}
.proccess_tit{margin-bottom:50px;border-bottom:2px solid #ccc;}
.proccess_no{position:relative;top:-5px;display:inline-block;;width:35px;height:35px;text-align:center;line-height:35px;background:#ff9a00;color:#fff;border-radius:5px;font-size:21px;font-weight:500;}
.proccess_name{font-size:32px;font-weight:500;margin-left:10px;}
.model_tit{display:inline-block;width:120px;text-align:center;background:#009780;padding:5px 10px;border:1px solid #999;border-radius:5px 0 0 5px;color:#fff;font-size:14px;font-weight:700;}
.model_no{display:inline-block;width:120px;text-align:center;padding:5px;border:1px solid #999;border-radius:0 5px 5px 0;border-left:none;font-size:14px;font-weight:700;}
.model_tit_all{display:inline-block;width:240px;text-align:center;background:#009780;padding:5px 10px;border:1px solid #999;border-radius:5px;color:#fff;font-size:14px;font-weight:700;}
.proccess_txt{margin:20px 0;font-size:18px;font-weight:400;}
@media screen and (max-width: 768px) {
.proccess_name{font-size:24px;}
.proccess_no{top:-2px;width:24px;height:24px;line-height:21px;font-size:16px;}
} .imagebox {width: 100%;max-width:800px;aspect-ratio: 1.5 / 1;position: relative;margin:0 auto 20px auto;}
.imagebox img {width: 53%;height:auto;position: absolute;}
.imagebox .biz_img1 {top: 0;left: 0;z-index:10;}
.imagebox .biz_img2 {bottom: 0;right: 0;} .strong_hl{position:relative;padding-left:120px;margin-bottom:50px;box-sizing:border-box;}
.strong_hl::before{
content:"";
display:inline-block;
width:100px;
height:2px;
background-color:#0097A7;
position:absolute;
top:30px;
left:0px;
}
@media screen and (max-width: 768px) {
.strong_hl{padding-left:30px;margin-bottom:50px;}
.strong_hl::before{top:24px;width:20px;}
}
.indent1em{
padding-left:1em;
text-indent:-1em;
}
.pmachine ul{margin:0;padding:0;list-style-type:none;}
.pmachine ul li{display:inline-block;width:9em;margin-bottom:10px;}
.pmachine ul li:nth-child(2n){width:11em;} .precut_img ul{margin:0;padding:0;list-style-type:none;text-align:center;}
.precut_img ul li{display:inline-block;vertical-align:middle;}
.precut_img ul li img{width:80%;max-width:480px;height:auto;}
.img-arrow{
transform:rotate(0deg);
}
@media screen and (max-width: 768px) {
.img-arrow{
transform:rotate(90deg);
}
}
.lg_line{border-left:5px solid #009780;padding-left:10px;} .machine-list{border:1px solid #ccc;border-radius:5px;margin:20px 0;vertical-align:middle;}
.machine-list a{display:inline-block;width:100%;height:100%;padding:10px;box-sizing:border-box;border-radius:5px;text-decoration:none;background:#fff;}
.machine-list a:hover{background:#eee;}
.machine-list a img{width:120px;height:auto;vertical-align:middle;margin-right:20px;} .page_title_en_machine{font-size:69px;line-height:69px;}
.hl_machine{border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:50px;}
.hl_machine span{border-left:8px solid #009780;padding:5px 10px;}
.machine_image_area ul{margin:0; padding:0;list-style-type:none;text-align:center;}
.machine_image_area ul li{display:inline-block;box-sizing:border-box;vertical-align:top;}
.machine_image_area img{width:100%;height:auto;}
.mi_thum ul{position:relative;}
.li_mi_arrow{display:inline-block;width:20px;position:absolute;top:40%;left:-10px;opacity:1;}
.mi_img_video{width:68%;padding:0 10px 0 0;}
.mi_img_thum{width:26%;}
.mi_img_video video{width:100%;height:auto;}
.mi_img_thum_img{width:calc(100% - 25px);padding:0 0 10px 0;}
.machine_link_tit{text-align:center;border-bottom:1px solid #ccc;padding-bottom:10px;margin-top:100px;margin-bottom:30px;}
.machine_links ul{padding:0;margin:0;list-style-type:none;text-align:center;}
.machine_links ul li{display:inline-block;text-align:center;margin:10px 20px;}
.machine_link_tit a, .machine_links ul li a{color:#333;text-decoration:none;}
.machine_link_tit a:hover, .machine_links ul li a:hover{text-decoration:underline;}
.machine_links img{width:150px;height:auto;}
@media screen and (max-width: 768px) {
.page_title_en_machine{font-size:36px;line-height:36px;}
.machine_image_area ul li{display:block;}
.mi_img_video{width:100%;padding:10px 10px 40px 10px;}
.mi_img_thum{width:100%;padding:10px 10px 10px 10px;}
.li_mi_arrow{opacity:0;}
.mi_img_thum_img{width:100%;}
.machine_links ul li{display:block;margin:30px 20px;}
} .hl_subtitle{border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:50px;}
.hl_subtitle span{border-left:8px solid #009780;padding:5px 10px;}
.dl_tbl dl{border-bottom:1px dashed #ccc;padding:20px 0;margin:0;display:flex;flex-wrap:wrap;}
.dl_tbl dl dt{width:6em;font-weight:500;}
.dl_tbl dl dd{width:calc(100% - 6em);margin-left:0;margin-top:0;}
@media screen and (max-width: 768px) {
.dl_tbl dl{display:block;}
.dl_tbl dl dt{width:100%;}
.dl_tbl dl dd{width:100%;margin-top:10px;}
}
.access_map{text-align:center;}
.access_map iframe{width:90%;aspect-ratio: 4 / 3;}
.cpmachine ul{margin:0;padding:0;list-style-type:none;}
.cpmachine ul li{display:inline-block;width:9em;}
.cpmachine ul li:nth-child(2n){width:11em;} .form_btns{margin:0;padding:0;list-style-type:none;}
.form_btns li{display:inline-block;margin:0 20px;}
.submit_btn,.cancel_btn{width:200px;}
.submit_btn{background:#009780;color:#fff;border-color:#009780;}
.submit_btn:hover{background:#ff9a00;color:#fff;border-color:#ff9a00;}
.cancel_btn{background:#fff;}
.cancel_btn:hover{background:#eee;}
@media screen and (max-width: 599px) {
.form_btns li{display:block;margin:20px 0;}
} .news_list_btn{display:block;padding:10px 20px;margin:80px auto 0 auto;border:1px solid #ccc;border-radius:5px;width:90%;max-width:200px;text-align:center;background:#fff;}
.news_list_btn:hover{background:#ff9a00;color:#fff;}
.news_list_title{border-bottom:1px solid #ccc;padding:15px 0;margin-bottom:30px;}
.news_list_content{border-bottom:1px dashed #ccc;padding:15px 0;}
.page-numbers{display:inline-block;padding:10px 20px;border:1px solid #ccc;margin:10px;box-sizing:border-box;text-align:center;background:#fff;color:#333;}
a.page-numbers:hover{background:#ff9a00;color:#fff;}
.next, .prev{border:none;} .sitemap-cat{margin-bottom:30px;}
.sitemap-cat-tit{border-bottom:1px solid #ccc;padding:20px 0;font-weight:500;}
.sitemap-cat-link{padding:20px 0}
.sitemap-cat-link ul{margin:0;padding:0;list-style-type:none;}
.sitemap-cat-link ul li{display:inline-block;margin:0 20px;}
.sitemap-cat-tit-link{padding:20px 0;font-weight:500;}
@media screen and (max-width: 500px) {
.sitemap-cat-link ul li{display:block;}
} input,select,textarea{padding:5px;border:1px solid #ccc;border-radius:5px;}
textarea{font-weight:500;}
.full-input{width:100%;box-sizing:border-box;}
.half-input{width:50%;box-sizing:border-box;}
.form_tbl dl{border-bottom:1px dashed #ccc;padding:20px 0;margin:0;display:flex;flex-wrap:wrap;}
.form_tbl dl dt{width:10em;font-weight:500;}
.form_tbl dl dd{width:calc(100% - 10em);margin-left:0;margin-top:0;}
@media screen and (max-width: 768px) {
.form_tbl dl{display:block;}
.form_tbl dl dt{width:100%;}
.form_tbl dl dd{width:100%;margin-top:10px;}
}