﻿
/****************************************
Resetting
@media screen and (max-width: 1024px) { }
@media screen and (max-width: 896px) { }
@media screen and (max-width: 480px) { }
*****************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header,
hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font-size: 100%;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{font-weight: 700}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main,hgroup, menu, nav, section {display: block;}
ol,ul,li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"],input[type="button"],input[type="reset"]{appearance: button;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-box-sizing:content-box;-webkit-appearance: button;}
a{text-decoration: none;}
img{vertical-align: top}
img{max-width:100%;height:auto;}


/* noto-sans-jp-500 - japanese */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/noto-sans-jp-v28-japanese-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/noto-sans-jp-v28-japanese-500.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-jp-v28-japanese-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-jp-v28-japanese-500.woff') format('woff'), /* Modern Browsers */
       url('https://lease.sanko-kk.net/fonts/noto-sans-jp-v28-japanese-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-jp-v28-japanese-500.svg') format('svg'); /* Legacy iOS */
}
/* mukta-800 - latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../font/mukta-v7-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/mukta-v7-latin-800.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/mukta-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/mukta-v7-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../font/mukta-v7-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/mukta-v7-latin-800.svg') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/oswald-v36-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/oswald-v36-latin-600.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/oswald-v36-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/oswald-v36-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../font/oswald-v36-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/oswald-v36-latin-600.svg') format('svg'); /* Legacy iOS */
}

/******************************************
normarise
******************************************/
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;}
html{width: 100%;height: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}
body{background: #fff; font-size: 14px;font-size: 1.6rem;line-height: 1.8em;
font-family: 'Noto Sans JP', sans-serif;font-feature-settings: "palt";font-weight: 500;width:100%;text-align: center; -webkit-text-size-adjust: 100%;}

a:link {color: #000;text-decoration: underline;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:visited {color: #000;}
a:hover,a:active{color:#F08829;text-decoration: none;}
a img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover img{opacity: 0.7}
@media screen and (max-width:767px){/*スマホ対応*/
body{font-size: 1.4rem}
.pc{display:none !important;}
}
@media screen and (min-width:768px){ /*PC独自設定*/
.sp{display:none !important;}

}
/******************************************
webfont
******************************************/
.engBold{font-family: 'Mukta', sans-serif;}
.eng2Bold{font-family: 'Oswald', sans-serif;}
/* ------------------------------------------------------------
Common Module
------------------------------------------------------------ */
.Tleft{ text-align:left;}.Tright{ text-align:right;}.Tcenter{ text-align:center;}.text10{ font-size: 1.0rem}.text11{ font-size: 1.1rem}.text12{ font-size: 1.2rem}.text13{ font-size: 1.3rem}.text14{ font-size: 1.4rem}.text15{ font-size: 1.5rem}.text16{ font-size: 1.6rem}.text17{ font-size: 1.7rem}.text18{ font-size: 1.8rem}.text19{ font-size: 1.9rem}.text20{ font-size: 2.0rem}.text25{ font-size: 2.5rem}.text30{ font-size: 3.0rem}.text50{ font-size: 5.0rem}
.mT10{margin-top: 10px;}.mT20{margin-top: 20px;}.mT30{margin-top: 30px;}.mT70{margin-top: 70px;}.mB10{margin-bottom: 10px;}.mB20{margin-bottom: 20px;}.mB30{margin-bottom: 30px;}.mL20{margin-left: 20px;}.pT10{padding-top: 10px;}.pT30{padding-top: 30px;}.pB30{padding-bottom: 30px;}.coution{margin-left: 1em;text-indent: -1em;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{justify-content: flex-start;-webkit-justify-content: flex-start;}.flex--center{justify-content: center;-webkit-justify-content: center;}.flex--end{justify-content: flex-end;-webkit-justify-content: flex-end;}.flex--bet{justify-content: space-between;-webkit-justify-content: space-between;}.flex--around{justify-content: space-around;-webkit-justify-content: space-around;}
.col1{width:100%;}.col2{width:48%;}.half{width:50%;}.col3{width:30%;}.col4{width:24%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}.vaC{align-items: center;}.vaB{align-items: baseline;}


.inner--base{margin: 0 auto;width: 1200px;position: relative;}
.inner--long{width: 96%;min-width: 1200px; margin: auto}
.inner--short{width: 80%;margin: 0 auto;}
.inner--veryshort{width: 70%;margin: 0 auto;}

@media screen and (max-width: 896px){
body{width:100%;overflow: hidden;}
.inner--base{margin: 0 auto;width: 100%;position: relative;}
.inner--long{width: 96%;min-width: 100%; margin: auto}
}
@media screen and (max-width: 480px) {
body{width: 100%}
.inner--base{margin: 0 auto;width: 96%;position: relative;}
.inner--long{width: 100%;min-width: 100%;margin: auto}
.inner--short{width: 80%;margin: 0 auto;}
.inner--veryshort{width: 70%;margin: 0 auto;}
}

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}

}


/****************************************
effect-fade
*****************************************/
.effect-fade{opacity : 0;transform : translate(0, 50px);  transition : all 1500ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}

.effect-fadeIn {opacity : 0;transition : all 1800ms;}
.effect-fadeIn.effect-scroll {opacity : 1;}

.effect-fadeleft {opacity : 0;transition-duration: 1s;transform : translateX(150px);transition : all 1800ms;}
.effect-fadeleft.effect-scroll {opacity : 1;transition-duration: 1s;transform : translateX(0);}

.effect-faderight {opacity : 0;transition-duration: 1s;transform : translateX(-150px);transition : all 1800ms;}
.effect-faderight.effect-scroll {opacity : 1;transition-duration: 1s;transform : translateX(0);}

@media print{
.effect-fade{transform : translate(0, 0px);opacity : 1;}
.effect-fadeIn{opacity : 1;}
.effect-fadeleft,
.effect-faderight{opacity : 1;transform :translateX(0);}
}

/****************************************
pagetop
*****************************************/
#pagetop{position:fixed;width: 60px; right:5px;bottom:50px;cursor:pointer;z-index:99;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#pagetop{bottom:10px;}
}

/****************************************
header
*****************************************/
.site-header{width: 100%;margin: auto;text-align: left;position: relative;position: fixed; top: 0;left: 0;z-index: 99;background: #fff}
.site-header #hlogo{text-align: left;width: 40%;padding: 20px 0}
.site-header #nav{width: 55%;font-size: 1.8rem;letter-spacing: 0.1em;text-indent: 0.1em}
.site-header #nav a {text-decoration: none;position: relative;	z-index: 0;display: block;padding: 8px 0;}
.site-header .sns{width: 5%; text-align: right;}
.site-header .sns a{display: block;}


@media screen and (min-width: 768px) {
.site-header #nav a:hover{color: #00A800}
.site-header #nav a:after {	position: absolute;	opacity: 0;	width: 0%;	height: 1px;	content: '';	background: #00A800;	transition: all 0.3s;right: 0px;left: 0;margin: auto; bottom: -1px;}

.site-header #nav a:hover:after,
.site-header #nav a:focus:after,
.site-header #nav a:active:after {	opacity: 1;	width: 100%;}

.toppage #n1 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
.featurespage #n2 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
.productspage #n3 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
.companypage #n4 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
.recruit1page #n5 a,
.recruit2page #n5 a,
.recruit3page #n5 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
.contactpage #n6 a{color: #00A800;position: relative;border-bottom: 1px solid #00A800;}
}

/*@media screen and (max-width:768px){*/
@media screen and (max-width: 896px){

#nav{display: none}
#humberger{display: block;position:fixed;top:15px;right:20px;z-index:99;width:30px;height:40px;cursor:pointer;}
body.drawer-opened{position: fixed}
body.drawer-opened #humberger .icon-bar{background:#000;}
body.drawer-opened #humberger :nth-child(1){transform:translate(0,8px) rotate(45deg);-webkit-transform:translate(0,8px) rotate(45deg);}
body.drawer-opened #humberger :nth-child(2){transform:translate(-20px ,0);-webkit-transform:translate(-20px ,0);opacity:0;}
body.drawer-opened #humberger :nth-child(3){transform:translate(0,-8px) rotate(-45deg);-webkit-transform:translate(0,-8px) rotate(-45deg);}
body.drawer-opened #nav{background: #00986B;color: #fff;left: 0;top: 47px;display: block;text-align: center;
position: fixed;width: 100%;z-index: 98;padding: 40px;
overflow:hidden;height: 100%; overflow: auto;-webkit-overflow-scrolling: touch;
-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */ }
body.drawer-opened #nav li{width: 100%;text-align: left}
body.drawer-opened #nav li a{color: #fff;border-bottom: 1px solid #fff;padding: 16px 0}
body.drawer-opened #nav li a::after{  content: "";  position: absolute;  top: 50%;  right: 5px;  width: 7px;  height: 7px;  border-top: 2px solid #fff;  border-right: 2px solid #fff;  transform: rotate(45deg);  margin-top: -5px;}

.icon-bar{height:2px;background:#000;display:block;margin-bottom:6px;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.icon-bar.last{margin-bottom:0}
.fixed-content{right:inherit;width:100%;z-index:2;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
#overlay{z-index:-1;opacity:0;background:#000;left:0;top:0;width:100%;height:100%;position:fixed;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000,0.000,0.000,1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000,1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}}
@media screen and (max-width: 896px){
.site-header #hlogo{width: 50%;margin:0;padding: 12px 0 3px;}
.site-header #hlogo img{width: 100%}

.site-header .sns{position: fixed; top: 10px; right: 60px; width: 30px;}
.site-header .sns a{display: block;}

}
@media screen and (max-width: 480px){
.site-header #hlogo{width: 96%;margin: auto;padding: 12px 0 6px}
.site-header #hlogo img{width: 70%}

}


/****************************************
footer
*****************************************/
.site-footer{padding: 40px 0;background: #333333;color: #fff}
.site-footer h2{font-size: 3rem;margin-bottom: 12px}
.site-footer a{text-decoration: none;color: #fff}
.site-footer address{font-size: 1.4rem;text-align: center;}
@media screen and (max-width:767px){/*スマホ対応*/
.site-footer h2{font-size: 2rem;}
.site-footer li img{width: 30px}
.site-footer address{font-size: 1.0rem;}
}

/*contact*/
#inner-contact{background: #E6E6E6;padding: 100px 0}
#inner-contact .inner--base{background: #fff;padding:80px 50px 30px;}
#inner-contact .title .engBold{text-indent: 0em;letter-spacing: 0em;top: -62px;left: -20px}
#inner-contact .title{width: 45%;text-align: left;}
#inner-contact .title h2{margin-bottom: 16px;}
#inner-contact .bt{margin:30px 0 0 -44px;text-align: center;}
#inner-contact .info{width: 55%;text-align: right; }
#inner-contact .info span{display: inline-block;font-size: 0; vertical-align: middle;margin-right: 8px}
#inner-contact .info img{vertical-align: middle}
#inner-contact .tel{font-size: 9rem;line-height: 1em}
#inner-contact .fax{font-size: 5.6rem;line-height: 1em}
#inner-contact .time{font-size: 1.5rem}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-contact{padding: 30px 0}
#inner-contact .inner--base{width: 90%; padding:50px 20px 20px}
#inner-contact .title{width: 100%;text-align: left;}
#inner-contact .title .engBold{left: -10px;top:-20px;}
#inner-contact .info{width: 100%;margin-top: 12px; text-align: center;}
#inner-contact .bt{margin:20px auto 0;width:80%;}
#inner-contact .tel{font-size: 3.8rem;line-height: 1.5em}
#inner-contact .fax{font-size: 2rem;line-height: 1.5em;}
#inner-contact .time{font-size: 1.1rem}
#inner-contact .info .tel span{margin-right: 3px;width: 30px}
#inner-contact .info .fax span{margin-right: 3px;width:20px}
}

/*features*/
#inner-features{margin: 100px 0;}
#inner-features .slide{margin: 40px 0}
#inner-features .title .engBold span img{vertical-align: bottom;margin-left: -20px}
#inner-features .title h2{text-indent: 0.2em;}
#inner-features .slide div img{width: 100%;height: auto;border-left: 1px solid #fff}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-features{margin: 50px 0;}
#inner-features .title .engBold span img{width: 20px;margin-left:-6px}
}
@media print{
#inner-features .slide{overflow: hidden}
#inner-features .slide div{float: left;width: 16%;}
#inner-features .slide div:nth-child(-n+6){display: block}
#inner-features .slide div img{visibility: visible;display: block}
}


/*products*/
#inner-products{background: url("../image/products_bg.jpg") no-repeat; background-size: cover;padding: 150px 0;overflow: hidden}
#inner-products .title{width: 50%;margin-left: auto;text-align: left}
#inner-products .title .engBold{text-indent: 0em;letter-spacing: 0em;color: #60615C;left: -25px;top:-85px;}
#inner-products .title h2,
#inner-products .title .catch{color: #fff}
#inner-products .bt{margin:30px 0 0;text-align: center;}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-products{padding: 50px 0;}
#inner-products .title{width: 90%;margin: auto}
#inner-products .title .engBold{left: -10px;top:-20px;color: #666;}
#inner-products .bt{margin:30px auto 0;width:70%;}
}

/*company*/
#inner-company{background: url("../image/company_bg.jpg") no-repeat; background-size: cover;padding: 150px 0;overflow: hidden}
#inner-company .title{width: 50%;margin-right: auto;text-align: left}
#inner-company .title .engBold{text-indent: 0em;letter-spacing: 0em;color: #CBCBCB;left: -25px;top:-75px;}
#inner-company .bt{margin:80px 0 0;text-align: center;}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-company{padding: 50px 0}
#inner-company .title{width: 90%;margin: auto}
#inner-company .title .engBold{left: -10px;top:-20px;}
#inner-company .bt{margin:60px auto 0;width:70%;}
}

.title{position: relative}
.title .engBold{position: absolute;display: inline-block;left: 0;right: 0;top:-35px; margin: auto; font-size: 9.4rem;color: #E0E0E0;letter-spacing: 0.2em;text-indent: 0.2em;z-index: 0;line-height: 1em}
.title h2{font-size: 4rem;letter-spacing: 0.2em;text-indent: 0em;position: relative;margin-bottom: 33px;z-index: 1;}
.title .catch{font-size: 2rem;line-height: 1.9em;letter-spacing: 0.1em;text-indent: 0.1em;position: relative;z-index: 1;}

.bt{position: relative;width: 300px;}
.bt a{background: #00A800;width: 300px;margin: auto; border: 1px solid #fff;display: block;position: relative;padding: 12px 0;letter-spacing: 0.1em;text-indent: 0.1em; text-decoration: none;color: #fff;font-size: 1.8rem}
.bt a:hover{border: 1px solid #000;color: #000;background: #fff}
.bt a::before,
.bt a::after{position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;content: "";vertical-align: middle;}
.bt a::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;}
.bt a::after{right: 14px;width: 3px;height: 3px;border-top: 1px solid #00A800;border-right: 1px solid #00A800;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.bt a:hover::before{background: #000;}
.bt a:hover::after{right: 14px;width: 3px;height: 3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.bt.kobito{width: 388px;margin: auto}
.bt .btkobito{position: absolute;top: 0px;left:0;}


@media screen and (max-width:767px){/*スマホ対応*/
.title .engBold{font-size: 3.3rem;letter-spacing: 0.1em;text-indent: 0.1em;top:-15px;}
.title h2{font-size: 2.5rem;margin-bottom: 20px}
.title .catch{font-size: 1.4rem;}
.bt{position: relative;width:60%;}
.bt a{font-size: 1.4rem;padding: 5px 0;width:100%;}
.bt.kobito{width: 60%;margin: auto}
.bt .btkobito{left: -30px;width: 30px}
}


/****************************************
2階層目
*****************************************/
#pan{text-align:left;font-size:85%;padding:12px 0;position: absolute;left: 0;right: 0;margin: auto; top: 50px}
#pan li{display:inline-block;text-align:left;position:relative;color: #000}
#pan li a{padding-right:20px;}
#pan li a:after{content:'';width:4px;height:4px;border:0px;border-top:solid 1px #999;border-right:solid 1px #999;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:8px;margin-top:-3px;}



.pagetitle{position: relative;padding-top: 150px;padding-bottom: 100px;}
.pagetitle .engBold{font-size: 11rem;letter-spacing: 0.15em;text-indent: 0.15em;z-index: 0;line-height: 1em;color:#13A639}
.pagetitle .engBold{opacity:0;}
.pagetitle .engBold span{opacity:0;}
.pagetitle h1{font-size: 4rem;letter-spacing: 0.2em;text-indent: 0.2em;margin: 20px 0 35px;}
.pagetitle .catch{font-size: 2rem;line-height: 1.9em;letter-spacing: 0.1em;text-indent: 0.1em;}
.pagetitle img{position: absolute;left: 0;right: 0;top: 96px;margin: auto}
@media screen and (max-width:767px){/*スマホ対応*/
.pagetitle{padding-top: 80px;padding-bottom: 50px;}
.pagetitle .engBold{font-size: 3.3rem;letter-spacing: 0.1em;text-indent: 0.1em;}
.pagetitle img{position: absolute;left: 0;right: 0;top: 50px;margin: auto}
.pagetitle h1{font-size: 2.5rem;}
.pagetitle .catch{font-size: 1.4rem;}
}

@media print{
html,body{width:1020px;overflow:hidden;}
.site-header{position:static;}
.sp{display:none !important;}
img{max-width: 100%;height: auto}
.inner--base{margin: 0 auto;width: 96%;position: relative}
.inner--long{width:100%;min-width:100%; margin: auto}
#inner-contact .tel{font-size: 7rem;line-height: 1em}
}