@charset 'UTF-8';
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";










 html {
overflow-y: scroll; }
body {
-webkit-text-size-adjust: none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, tbody, tfoot, thead, object, iframe, code, fieldset, legend, caption, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas ,a,img,span {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
font-weight: 300;
}
q:before, q:after {
content: '';
}
object, embed {
vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 300;
}
img, abbr, acronym, fieldset {
border: 0;
}
li {
list-style-type: none;
zoom: 1;
}
a:active, a:focus {
outline: none;
}
a {
color: #1e272e;
}
a:hover {
text-decoration: underline;
}
br {
letter-spacing: normal;
}
img {
-ms-interpolation-mode: bicubic;
vertical-align: bottom;
max-width: 100%;
}
input,
textarea {
margin: 0;
font-size: 100%; border: none;
outline: none;
-webkit-border-radius: 0;
} html {
font-size: 62.5%;
}
body {
color: #000;
background: #fff;
font-size: 14px; line-height: 1.85;
font-family:'Noto Sans JP', sans-serif;
}
* html body { font-family:'Noto Sans JP', sans-serif;
}
 .br {
display: block;
}
.brN {
display: none;
}
@media screen and (max-width: 767px) {
.br {
display: none;
}
.brN {
display: block;
}
} .tacPC {
text-align: center!important;
}
@media screen and (max-width: 767px) {
.tacPC {
text-align: left!important;
}
}
.talPC {
text-align: left!important;
}
@media screen and (max-width: 767px) {
.talPC {
text-align: center!important;
}
}
.markerY {
} .w100 {
width: 100px!important;
}
.w150 {
width: 150px!important;
}
.w200 {
width: 200px!important;
}
.w250 {
width: 250px!important;
}
.w300 {
width: 300px!important;
}
.w350 {
width: 350px!important;
}
.w400 {
width: 400px!important;
}
.w450 {
width: 450px!important;
}
.w500 {
width: 500px!important;
} .m1 {
margin: 1px!important;
}
.m3 {
margin: 3px!important;
}
.m5 {
margin: 5px!important;
}
.m10 {
margin: 10px!important;
}
.m20 {
margin: 20px!important;
}
.m30 {
margin: 30px!important;
}
.mt0 {
margin-top: 0 !important;
}
.mt1 {
margin-top: 1px!important;
}
.mt2 {
margin-top: 2px!important;
}
.mt3 {
margin-top: 3px!important;
}
.mt4 {
margin-top: 4px!important;
}
.mt5 {
margin-top: 5px!important;
}
.mt6 {
margin-top: 6px!important;
}
.mt7 {
margin-top: 7px!important;
}
.mt8 {
margin-top: 8px!important;
}
.mt9 {
margin-top: 9px!important;
}
.mt10 {
margin-top: 10px!important;
}
.mt11 {
margin-top: 11px!important;
}
.mt12 {
margin-top: 12px!important;
}
.mt13 {
margin-top: 13px!important;
}
.mt14 {
margin-top: 14px!important;
}
.mt15 {
margin-top: 15px!important;
}
.mt20 {
margin-top: 20px!important;
}
.mt25 {
margin-top: 25px!important;
}
.mt30 {
margin-top: 30px!important;
}
.mt35 {
margin-top: 35px!important;
}
.mt40 {
margin-top: 40px!important;
}
.mt50 {
margin-top: 50px!important;
}
.mt60 {
margin-top: 60px!important;
}
.mt70 {
margin-top: 70px!important;
}
.mt80 {
margin-top: 80px!important;
}
.mt90 {
margin-top: 90px!important;
}
.mr1 {
margin-right: 1px!important;
}
.mr2 {
margin-right: 2px!important;
}
.mr3 {
margin-right: 3px!important;
}
.mr4 {
margin-right: 4px!important;
}
.mr5 {
margin-right: 5px!important;
}
.mr6 {
margin-right: 6px!important;
}
.mr7 {
margin-right: 7px!important;
}
.mr8 {
margin-right: 8px!important;
}
.mr9 {
margin-right: 9px!important;
}
.mr10 {
margin-right: 10px!important;
}
.mr11 {
margin-right: 11px!important;
}
.mr12 {
margin-right: 12px!important;
}
.mr13 {
margin-right: 13px!important;
}
.mr14 {
margin-right: 14px!important;
}
.mr15 {
margin-right: 15px!important;
}
.mr20 {
margin-right: 20px!important;
}
.mr25 {
margin-right: 25px!important;
}
.mr30 {
margin-right: 30px!important;
}
.mr40 {
margin-right: 40px!important;
}
.mr50 {
margin-right: 50px!important;
}
.mr60 {
margin-right: 60px!important;
}
.mr70 {
margin-right: 70px!important;
}
.mr80 {
margin-right: 80px!important;
}
.mr90 {
margin-right: 90px!important;
}
.mr100 {
margin-right: 100px!important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb1 {
margin-bottom: 1px!important;
}
.mb2 {
margin-bottom: 2px!important;
}
.mb3 {
margin-bottom: 3px!important;
}
.mb4 {
margin-bottom: 4px!important;
}
.mb5 {
margin-bottom: 5px!important;
}
.mb6 {
margin-bottom: 6px!important;
}
.mb7 {
margin-bottom: 7px!important;
}
.mb8 {
margin-bottom: 8px!important;
}
.mb9 {
margin-bottom: 9px!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.mb11 {
margin-bottom: 11px!important;
}
.mb12 {
margin-bottom: 12px!important;
}
.mb13 {
margin-bottom: 13px!important;
}
.mb14 {
margin-bottom: 14px!important;
}
.mb15 {
margin-bottom: 15px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb25 {
margin-bottom: 25px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
.mb50 {
margin-bottom: 50px!important;
}
.mb60 {
margin-bottom: 60px!important;
}
.mb70 {
margin-bottom: 70px!important;
}
.mb80 {
margin-bottom: 80px!important;
}
.mb90 {
margin-bottom: 90px!important;
}
.mb100 {
margin-bottom: 100px!important;
}
.ml0 {
margin-left: 0px!important;
}
.ml1 {
margin-left: 1px!important;
}
.ml2 {
margin-left: 2px!important;
}
.ml3 {
margin-left: 3px!important;
}
.ml4 {
margin-left: 4px!important;
}
.ml5 {
margin-left: 5px!important;
}
.ml6 {
margin-left: 6px!important;
}
.ml7 {
margin-left: 7px!important;
}
.ml8 {
margin-left: 8px!important;
}
.ml9 {
margin-left: 9px!important;
}
.ml10 {
margin-left: 10px!important;
}
.ml11 {
margin-left: 11px!important;
}
.ml12 {
margin-left: 12px!important;
}
.ml13 {
margin-left: 13px!important;
}
.ml14 {
margin-left: 14px!important;
}
.ml15 {
margin-left: 15px!important;
}
.ml20 {
margin-left: 20px!important;
}
.ml25 {
margin-left: 25px!important;
}
.ml30 {
margin-left: 30px!important;
}
.ml40 {
margin-left: 40px!important;
}
.ml50 {
margin-left: 50px!important;
}
.ml60 {
margin-left: 60px!important;
}
.ml70 {
margin-left: 70px!important;
}
.ml80 {
margin-left: 80px!important;
}
.ml90 {
margin-left: 90px!important;
}
.ml100 {
margin-left: 100px!important;
}
.mtmb5 {
margin-top: 5px;
margin-bottom: 5px!important;
}
.mtmb10 {
margin-top: 10px;
margin-bottom: 10px!important;
}
.mtmb15 {
margin-top: 15px;
margin-bottom: 15px!important;
}
.mlmrAuto {
margin-left: auto!important;
margin-right: auto!important;
} .m01em {
margin: 0.1em!important;
}
.m02em {
margin: 0.2em!important;
}
.m03em {
margin: 0.3em!important;
}
.m04em {
margin: 0.4em!important;
}
.m05em {
margin: 0.5em!important;
}
.m10em {
margin: 1.0em!important;
}
.m12em {
margin: 1.2em!important;
}
.m14em {
margin: 1.4em!important;
}
.m16em {
margin: 1.6em!important;
}
.m18em {
margin: 1.8em!important;
}
.m20em {
margin: 2.0em!important;
}
.mt01em {
margin-top: 0.1em!important;
}
.mt02em {
margin-top: 0.2em!important;
}
.mt03em {
margin-top: 0.3em!important;
}
.mt04em {
margin-top: 0.4em!important;
}
.mt05em {
margin-top: 0.5em!important;
}
.mt10em {
margin-top: 1.0em!important;
}
.mt12em {
margin-top: 1.2em!important;
}
.mt14em {
margin-top: 1.4em!important;
}
.mt16em {
margin-top: 1.6em!important;
}
.mt18em {
margin-top: 1.8em!important;
}
.mt20em {
margin-top: 2.0em!important;
}
.mr01em {
margin-right: 0.1em!important;
}
.mr02em {
margin-right: 0.2em!important;
}
.mr03em {
margin-right: 0.3em!important;
}
.mr04em {
margin-right: 0.4em!important;
}
.mr05em {
margin-right: 0.5em!important;
}
.mr10em {
margin-right: 1.0em!important;
}
.mr12em {
margin-right: 1.2em!important;
}
.mr14em {
margin-right: 1.4em!important;
}
.mr16em {
margin-right: 1.6em!important;
}
.mr18em {
margin-right: 1.8em!important;
}
.mr20em {
margin-right: 2.0em!important;
}
.mb01em {
margin-bottom: 0.1em!important;
}
.mb02em {
margin-bottom: 0.2em!important;
}
.mb03em {
margin-bottom: 0.3em!important;
}
.mb04em {
margin-bottom: 0.4em!important;
}
.mb05em {
margin-bottom: 0.5em!important;
}
.mb10em {
margin-bottom: 1.0em!important;
}
.mb12em {
margin-bottom: 1.2em!important;
}
.mb14em {
margin-bottom: 1.4em!important;
}
.mb16em {
margin-bottom: 1.6em!important;
}
.mb18em {
margin-bottom: 1.8em!important;
}
.mb20em {
margin-bottom: 2.0em!important;
}
.ml01em {
margin-left: 0.1em!important;
}
.ml02em {
margin-left: 0.2em!important;
}
.ml03em {
margin-left: 0.3em!important;
}
.ml04em {
margin-left: 0.4em!important;
}
.ml05em {
margin-left: 0.5em!important;
}
.ml10em {
margin-left: 1.0em!important;
}
.ml12em {
margin-left: 1.2em!important;
}
.ml14em {
margin-left: 1.4em!important;
}
.ml16em {
margin-left: 1.6em!important;
}
.ml18em {
margin-left: 1.8em!important;
}
.ml20em {
margin-left: 2.0em!important;
}
.mtmb01em {
margin-top: 0.1em;
margin-bottom: 0.1em!important;
}
.mtmb02em {
margin-top: 0.2em;
margin-bottom: 0.2em!important;
}
.mtmb03em {
margin-top: 0.3em;
margin-bottom: 0.3em!important;
}
.mtmb04em {
margin-top: 0.4em;
margin-bottom: 0.4em!important;
}
.mtmb05em {
margin-top: 0.5em;
margin-bottom: 0.5em!important;
}
.mtmb10em {
margin-top: 1.0em;
margin-bottom: 1.0em!important;
}
.mtmb12em {
margin-top: 1.2em;
margin-bottom: 1.2em!important;
}
.mtmb14em {
margin-top: 1.4em;
margin-bottom: 1.4em!important;
}
.mtmb16em {
margin-top: 1.6em;
margin-bottom: 1.6em!important;
}
.mtmb18em {
margin-top: 1.8em;
margin-bottom: 1.8em!important;
}
.mtmb20em {
margin-top: 2.0em;
margin-bottom: 2.0em!important;
}
.mlmr01em {
margin-left: 0.1em;
margin-right: 0.1em!important;
}
.mlmr02em {
margin-left: 0.2em;
margin-right: 0.2em!important;
}
.mlmr03em {
margin-left: 0.3em;
margin-right: 0.3em!important;
}
.mlmr04em {
margin-left: 0.4em;
margin-right: 0.4em!important;
}
.mlmr05em {
margin-left: 0.5em;
margin-right: 0.5em!important;
}
.mlmr10em {
margin-left: 1.0em;
margin-right: 1.0em!important;
}
.mlmr12em {
margin-left: 1.2em;
margin-right: 1.2em!important;
}
.mlmr14em {
margin-left: 1.4em;
margin-right: 1.4em!important;
}
.mlmr16em {
margin-left: 1.6em;
margin-right: 1.6em!important;
}
.mlmr18em {
margin-left: 1.8em;
margin-right: 1.8em!important;
}
.mlmr20em {
margin-left: 2.0em;
margin-right: 2.0em!important;
} .m01rem {
margin: 0.1rem!important;
}
.m02rem {
margin: 0.2rem!important;
}
.m03rem {
margin: 0.3rem!important;
}
.m04rem {
margin: 0.4rem!important;
}
.m05rem {
margin: 0.5rem!important;
}
.m10rem {
margin: 1.0rem!important;
}
.m12rem {
margin: 1.2rem!important;
}
.m14rem {
margin: 1.4rem!important;
}
.m16rem {
margin: 1.6rem!important;
}
.m18rem {
margin: 1.8rem!important;
}
.m20rem {
margin: 2.0rem!important;
}
.mt01rem {
margin-top: 0.1rem!important;
}
.mt02rem {
margin-top: 0.2rem!important;
}
.mt03rem {
margin-top: 0.3rem!important;
}
.mt04rem {
margin-top: 0.4rem!important;
}
.mt05rem {
margin-top: 0.5rem!important;
}
.mt10rem {
margin-top: 1.0rem!important;
}
.mt12rem {
margin-top: 1.2rem!important;
}
.mt14rem {
margin-top: 1.4rem!important;
}
.mt16rem {
margin-top: 1.6rem!important;
}
.mt18rem {
margin-top: 1.8rem!important;
}
.mt20rem {
margin-top: 2.0rem!important;
}
.mr01rem {
margin-right: 0.1rem!important;
}
.mr02rem {
margin-right: 0.2rem!important;
}
.mr03rem {
margin-right: 0.3rem!important;
}
.mr04rem {
margin-right: 0.4rem!important;
}
.mr05rem {
margin-right: 0.5rem!important;
}
.mr10rem {
margin-right: 1.0rem!important;
}
.mr12rem {
margin-right: 1.2rem!important;
}
.mr14rem {
margin-right: 1.4rem!important;
}
.mr16rem {
margin-right: 1.6rem!important;
}
.mr18rem {
margin-right: 1.8rem!important;
}
.mr20rem {
margin-right: 2.0rem!important;
}
.mb01rem {
margin-bottom: 0.1rem!important;
}
.mb02rem {
margin-bottom: 0.2rem!important;
}
.mb03rem {
margin-bottom: 0.3rem!important;
}
.mb04rem {
margin-bottom: 0.4rem!important;
}
.mb05rem {
margin-bottom: 0.5rem!important;
}
.mb10rem {
margin-bottom: 1.0rem!important;
}
.mb12rem {
margin-bottom: 1.2rem!important;
}
.mb14rem {
margin-bottom: 1.4rem!important;
}
.mb16rem {
margin-bottom: 1.6rem!important;
}
.mb18rem {
margin-bottom: 1.8rem!important;
}
.mb20rem {
margin-bottom: 2.0rem!important;
}
.ml01rem {
margin-left: 0.1rem!important;
}
.ml02rem {
margin-left: 0.2rem!important;
}
.ml03rem {
margin-left: 0.3rem!important;
}
.ml04rem {
margin-left: 0.4rem!important;
}
.ml05rem {
margin-left: 0.5rem!important;
}
.ml10rem {
margin-left: 1.0rem!important;
}
.ml12rem {
margin-left: 1.2rem!important;
}
.ml14rem {
margin-left: 1.4rem!important;
}
.ml16rem {
margin-left: 1.6rem!important;
}
.ml18rem {
margin-left: 1.8rem!important;
}
.ml20rem {
margin-left: 2.0rem!important;
}
.mtmb01rem {
margin-top: 0.1rem;
margin-bottom: 0.1rem!important;
}
.mtmb02rem {
margin-top: 0.2rem;
margin-bottom: 0.2rem!important;
}
.mtmb03rem {
margin-top: 0.3rem;
margin-bottom: 0.3rem!important;
}
.mtmb04rem {
margin-top: 0.4rem;
margin-bottom: 0.4rem!important;
}
.mtmb05rem {
margin-top: 0.5rem;
margin-bottom: 0.5rem!important;
}
.mtmb10rem {
margin-top: 1.0rem;
margin-bottom: 1.0rem!important;
}
.mtmb12rem {
margin-top: 1.2rem;
margin-bottom: 1.2rem!important;
}
.mtmb14rem {
margin-top: 1.4rem;
margin-bottom: 1.4rem!important;
}
.mtmb16rem {
margin-top: 1.6rem;
margin-bottom: 1.6rem!important;
}
.mtmb18rem {
margin-top: 1.8rem;
margin-bottom: 1.8rem!important;
}
.mtmb20rem {
margin-top: 2.0rem;
margin-bottom: 2.0rem!important;
}
.mlmr01rem {
margin-left: 0.1rem;
margin-right: 0.1rem!important;
}
.mlmr02rem {
margin-left: 0.2rem;
margin-right: 0.2rem!important;
}
.mlmr03rem {
margin-left: 0.3rem;
margin-right: 0.3rem!important;
}
.mlmr04rem {
margin-left: 0.4rem;
margin-right: 0.4rem!important;
}
.mlmr05rem {
margin-left: 0.5rem;
margin-right: 0.5rem!important;
}
.mlmr10rem {
margin-left: 1.0rem;
margin-right: 1.0rem!important;
}
.mlmr12rem {
margin-left: 1.2rem;
margin-right: 1.2rem!important;
}
.mlmr14rem {
margin-left: 1.4rem;
margin-right: 1.4rem!important;
}
.mlmr16rem {
margin-left: 1.6rem;
margin-right: 1.6rem!important;
}
.mlmr18rem {
margin-left: 1.8rem;
margin-right: 1.8rem!important;
}
.mlmr20rem {
margin-left: 2.0rem;
margin-right: 2.0rem!important;
}  .p1 {
padding: 1px!important;
}
.p3 {
padding: 3px!important;
}
.p5 {
padding: 5px!important;
}
.p10 {
padding: 10px!important;
}
.p15 {
padding: 15px!important;
}
.p20 {
padding: 20px!important;
}
.pt1 {
padding-top: 1px!important;
}
.pt2 {
padding-top: 2px!important;
}
.pt3 {
padding-top: 3px!important;
}
.pt4 {
padding-top: 4px!important;
}
.pt5 {
padding-top: 5px!important;
}
.pt6 {
padding-top: 6px!important;
}
.pt7 {
padding-top: 7px!important;
}
.pt8 {
padding-top: 8px!important;
}
.pt9 {
padding-top: 9px!important;
}
.pt10 {
padding-top: 10px!important;
}
.pt11 {
padding-top: 11px!important;
}
.pt12 {
padding-top: 12px!important;
}
.pt13 {
padding-top: 13px!important;
}
.pt14 {
padding-top: 14px!important;
}
.pt15 {
padding-top: 15px!important;
}
.pt20 {
padding-top: 20px!important;
}
.pt25 {
padding-top: 25px!important;
}
.pt30 {
padding-top: 35px!important;
}
.pr1 {
padding-right: 1px!important;
}
.pr2 {
padding-right: 2px!important;
}
.pr3 {
padding-right: 3px!important;
}
.pr4 {
padding-right: 4px!important;
}
.pr5 {
padding-right: 5px!important;
}
.pr6 {
padding-right: 6px!important;
}
.pr7 {
padding-right: 7px!important;
}
.pr8 {
padding-right: 8px!important;
}
.pr9 {
padding-right: 9px!important;
}
.pr10 {
padding-right: 10px!important;
}
.pr11 {
padding-right: 11px!important;
}
.pr12 {
padding-right: 12px!important;
}
.pr13 {
padding-right: 13px!important;
}
.pr14 {
padding-right: 14px!important;
}
.pr15 {
padding-right: 15px!important;
}
.pr16 {
padding-right: 16px!important;
}
.pr17 {
padding-right: 17px!important;
}
.pr18 {
padding-right: 18px!important;
}
.pr19 {
padding-right: 19px!important;
}
.pr20 {
padding-right: 20px!important;
}
.pr25 {
padding-right: 25px!important;
}
.pr30 {
padding-right: 30px!important;
}
.pb1 {
padding-bottom: 1px!important;
}
.pb2 {
padding-bottom: 2px!important;
}
.pb3 {
padding-bottom: 3px!important;
}
.pb4 {
padding-bottom: 4px!important;
}
.pb5 {
padding-bottom: 5px!important;
}
.pb6 {
padding-bottom: 6px!important;
}
.pb7 {
padding-bottom: 7px!important;
}
.pb8 {
padding-bottom: 8px!important;
}
.pb9 {
padding-bottom: 9px!important;
}
.pb10 {
padding-bottom: 10px!important;
}
.pb11 {
padding-bottom: 11px!important;
}
.pb12 {
padding-bottom: 12px!important;
}
.pb13 {
padding-bottom: 13px!important;
}
.pb14 {
padding-bottom: 14px!important;
}
.pb15 {
padding-bottom: 15px!important;
}
.pb20 {
padding-bottom: 20px!important;
}
.pb25 {
padding-bottom: 25px!important;
}
.pb30 {
padding-bottom: 30px!important;
}
.pl1 {
padding-left: 1px!important;
}
.pl2 {
padding-left: 2px!important;
}
.pl3 {
padding-left: 3px!important;
}
.pl4 {
padding-left: 4px!important;
}
.pl5 {
padding-left: 5px!important;
}
.pl6 {
padding-left: 6px!important;
}
.pl7 {
padding-left: 7px!important;
}
.pl8 {
padding-left: 8px!important;
}
.pl9 {
padding-left: 9px!important;
}
.pl10 {
padding-left: 10px!important;
}
.pl11 {
padding-left: 11px!important;
}
.pl12 {
padding-left: 12px!important;
}
.pl13 {
padding-left: 13px!important;
}
.pl14 {
padding-left: 14px!important;
}
.pl15 {
padding-left: 15px!important;
}
.pl20 {
padding-left: 20px!important;
}
.pl25 {
padding-left: 25px!important;
}
.pl30 {
padding-left: 30px!important;
}
.ptpb5 {
padding-top: 5px;
padding-bottom: 5px!important;
}
.ptpb10 {
padding-top: 10px;
padding-bottom: 10px!important;
}
.ptpb15 {
padding-top: 15px;
padding-bottom: 15px!important;
}
.plpr5 {
padding-left: 5px;
padding-right: 5px!important;
}
.plpr10 {
padding-left: 10px;
padding-right: 10px!important;
}
.plpr15 {
padding-left: 15px;
padding-right: 15px!important;
}
.plpr20 {
padding-left: 20px;
padding-right: 20px!important;
}
.plpr25 {
padding-left: 25px;
padding-right: 25px!important;
}
.plpr30 {
padding-left: 30px;
padding-right: 30px!important;
} .p01em {
padding: 0.1em!important;
}
.p02em {
padding: 0.2em!important;
}
.p03em {
padding: 0.3em!important;
}
.p04em {
padding: 0.4em!important;
}
.p05em {
padding: 0.5em!important;
}
.p10em {
padding: 1.0em!important;
}
.p12em {
padding: 1.2em!important;
}
.p14em {
padding: 1.4em!important;
}
.p16em {
padding: 1.6em!important;
}
.p18em {
padding: 1.8em!important;
}
.p20em {
padding: 2.0em!important;
}
.pt01em {
padding-top: 0.1em!important;
}
.pt02em {
padding-top: 0.2em!important;
}
.pt03em {
padding-top: 0.3em!important;
}
.pt04em {
padding-top: 0.4em!important;
}
.pt10em {
padding-top: 1.0em!important;
}
.pt12em {
padding-top: 1.2em!important;
}
.pt14em {
padding-top: 1.4em!important;
}
.pt16em {
padding-top: 1.6em!important;
}
.pt18em {
padding-top: 1.8em!important;
}
.pt20em {
padding-top: 2.0em!important;
}
.pr01em {
padding-right: 0.1em!important;
}
.pr02em {
padding-right: 0.2em!important;
}
.pr03em {
padding-right: 0.3em!important;
}
.pr04em {
padding-right: 0.4em!important;
}
.pr05em {
padding-right: 0.5em!important;
}
.pr10em {
padding-right: 1.0em!important;
}
.pr12em {
padding-right: 1.2em!important;
}
.pr14em {
padding-right: 1.4em!important;
}
.pr16em {
padding-right: 1.6em!important;
}
.pr18em {
padding-right: 1.8em!important;
}
.pr20em {
padding-right: 2.0em!important;
}
.pb01em {
padding-bottom: 0.1em!important;
}
.pb02em {
padding-bottom: 0.2em!important;
}
.pb03em {
padding-bottom: 0.3em!important;
}
.pb04em {
padding-bottom: 0.4em!important;
}
.pb05em {
padding-bottom: 0.5em!important;
}
.pb10em {
padding-bottom: 1.0em!important;
}
.pb12em {
padding-bottom: 1.2em!important;
}
.pb14em {
padding-bottom: 1.4em!important;
}
.pb16em {
padding-bottom: 1.6em!important;
}
.pb18em {
padding-bottom: 1.8em!important;
}
.pb20em {
padding-bottom: 2.0em!important;
}
.pl01em {
padding-left: 0.1em!important;
}
.pl02em {
padding-left: 0.2em!important;
}
.pl03em {
padding-left: 0.3em!important;
}
.pl04em {
padding-left: 0.4em!important;
}
.pl05em {
padding-left: 0.5em!important;
}
.pl10em {
padding-left: 1.0em!important;
}
.pl12em {
padding-left: 1.2em!important;
}
.pl14em {
padding-left: 1.4em!important;
}
.pl16em {
padding-left: 1.6em!important;
}
.pl18em {
padding-left: 1.8em!important;
}
.pl20em {
padding-left: 2.0em!important;
}
.ptpb01em {
padding-top: 0.1em;
padding-bottom: 0.1em!important;
}
.ptpb02em {
padding-top: 0.2em;
padding-bottom: 0.2em!important;
}
.ptpb03em {
padding-top: 0.3em;
padding-bottom: 0.3em!important;
}
.ptpb04em {
padding-top: 0.4em;
padding-bottom: 0.4em!important;
}
.ptpb05em {
padding-top: 0.5em;
padding-bottom: 0.5em!important;
}
.ptpb10em {
padding-top: 1.0em;
padding-bottom: 1.0em!important;
}
.ptpb12em {
padding-top: 1.2em;
padding-bottom: 1.2em!important;
}
.ptpb14em {
padding-top: 1.4em;
padding-bottom: 1.4em!important;
}
.ptpb16em {
padding-top: 1.6em;
padding-bottom: 1.6em!important;
}
.ptpb18em {
padding-top: 1.8em;
padding-bottom: 1.8em!important;
}
.ptpb20em {
padding-top: 2.0em;
padding-bottom: 2.0em!important;
}
.plpr01em {
padding-left: 0.1em;
padding-right: 0.1em!important;
}
.plpr02em {
padding-left: 0.2em;
padding-right: 0.2em!important;
}
.plpr03em {
padding-left: 0.3em;
padding-right: 0.3em!important;
}
.plpr04em {
padding-left: 0.4em;
padding-right: 0.4em!important;
}
.plpr05em {
padding-left: 0.5em;
padding-right: 0.5em!important;
}
.plpr10em {
padding-left: 1.0em;
padding-right: 1.0em!important;
}
.plpr12em {
padding-left: 1.2em;
padding-right: 1.2em!important;
}
.plpr14em {
padding-left: 1.4em;
padding-right: 1.4em!important;
}
.plpr16em {
padding-left: 1.6em;
padding-right: 1.6em!important;
}
.plpr18em {
padding-left: 1.8em;
padding-right: 1.8em!important;
}
.plpr20em {
padding-left: 2.0em;
padding-right: 2.0em!important;
} .p01rem {
padding: 0.1rem!important;
}
.p02rem {
padding: 0.2rem!important;
}
.p03rem {
padding: 0.3rem!important;
}
.p04rem {
padding: 0.4rem!important;
}
.p05rem {
padding: 0.5rem!important;
}
.p10rem {
padding: 1.0rem!important;
}
.p12rem {
padding: 1.2rem!important;
}
.p14rem {
padding: 1.4rem!important;
}
.p16rem {
padding: 1.6rem!important;
}
.p18rem {
padding: 1.8rem!important;
}
.p20rem {
padding: 2.0rem!important;
}
.pt01rem {
padding-top: 0.1rem!important;
}
.pt02rem {
padding-top: 0.2rem!important;
}
.pt03rem {
padding-top: 0.3rem!important;
}
.pt04rem {
padding-top: 0.4rem!important;
}
.pt10rem {
padding-top: 1.0rem!important;
}
.pt12rem {
padding-top: 1.2rem!important;
}
.pt14rem {
padding-top: 1.4rem!important;
}
.pt16rem {
padding-top: 1.6rem!important;
}
.pt18rem {
padding-top: 1.8rem!important;
}
.pt20rem {
padding-top: 2.0rem!important;
}
.pr01rem {
padding-right: 0.1rem!important;
}
.pr02rem {
padding-right: 0.2rem!important;
}
.pr03rem {
padding-right: 0.3rem!important;
}
.pr04rem {
padding-right: 0.4rem!important;
}
.pr05rem {
padding-right: 0.5rem!important;
}
.pr10rem {
padding-right: 1.0rem!important;
}
.pr12rem {
padding-right: 1.2rem!important;
}
.pr14rem {
padding-right: 1.4rem!important;
}
.pr16rem {
padding-right: 1.6rem!important;
}
.pr18rem {
padding-right: 1.8rem!important;
}
.pr20rem {
padding-right: 2.0rem!important;
}
.pb01rem {
padding-bottom: 0.1rem!important;
}
.pb02rem {
padding-bottom: 0.2rem!important;
}
.pb03rem {
padding-bottom: 0.3rem!important;
}
.pb04rem {
padding-bottom: 0.4rem!important;
}
.pb05rem {
padding-bottom: 0.5rem!important;
}
.pb10rem {
padding-bottom: 1.0rem!important;
}
.pb12rem {
padding-bottom: 1.2rem!important;
}
.pb14rem {
padding-bottom: 1.4rem!important;
}
.pb16rem {
padding-bottom: 1.6rem!important;
}
.pb18rem {
padding-bottom: 1.8rem!important;
}
.pb20rem {
padding-bottom: 2.0rem!important;
}
.pl01rem {
padding-left: 0.1rem!important;
}
.pl02rem {
padding-left: 0.2rem!important;
}
.pl03rem {
padding-left: 0.3rem!important;
}
.pl04rem {
padding-left: 0.4rem!important;
}
.pl05rem {
padding-left: 0.5rem!important;
}
.pl10rem {
padding-left: 1.0rem!important;
}
.pl12rem {
padding-left: 1.2rem!important;
}
.pl14rem {
padding-left: 1.4rem!important;
}
.pl16rem {
padding-left: 1.6rem!important;
}
.pl18rem {
padding-left: 1.8rem!important;
}
.pl20rem {
padding-left: 2.0rem!important;
}
.ptpb01rem {
padding-top: 0.1rem;
padding-bottom: 0.1rem!important;
}
.ptpb02rem {
padding-top: 0.2rem;
padding-bottom: 0.2rem!important;
}
.ptpb03rem {
padding-top: 0.3rem;
padding-bottom: 0.3rem!important;
}
.ptpb04rem {
padding-top: 0.4rem;
padding-bottom: 0.4rem!important;
}
.ptpb05rem {
padding-top: 0.5rem;
padding-bottom: 0.5rem!important;
}
.ptpb10rem {
padding-top: 1.0rem;
padding-bottom: 1.0rem!important;
}
.ptpb12rem {
padding-top: 1.2rem;
padding-bottom: 1.2rem!important;
}
.ptpb14rem {
padding-top: 1.4rem;
padding-bottom: 1.4rem!important;
}
.ptpb16rem {
padding-top: 1.6rem;
padding-bottom: 1.6rem!important;
}
.ptpb18rem {
padding-top: 1.8rem;
padding-bottom: 1.8rem!important;
}
.ptpb20rem {
padding-top: 2.0rem;
padding-bottom: 2.0rem!important;
}
.plpr01rem {
padding-left: 0.1rem;
padding-right: 0.1rem!important;
}
.plpr02rem {
padding-left: 0.2rem;
padding-right: 0.2rem!important;
}
.plpr03rem {
padding-left: 0.3rem;
padding-right: 0.3rem!important;
}
.plpr04rem {
padding-left: 0.4rem;
padding-right: 0.4rem!important;
}
.plpr05rem {
padding-left: 0.5rem;
padding-right: 0.5rem!important;
}
.plpr10rem {
padding-left: 1.0rem;
padding-right: 1.0rem!important;
}
.plpr12rem {
padding-left: 1.2rem;
padding-right: 1.2rem!important;
}
.plpr14rem {
padding-left: 1.4rem;
padding-right: 1.4rem!important;
}
.plpr16rem {
padding-left: 1.6rem;
padding-right: 1.6rem!important;
}
.plpr18rem {
padding-left: 1.8rem;
padding-right: 1.8rem!important;
}
.plpr20rem {
padding-left: 2.0rem;
padding-right: 2.0rem!important;
} .fl {
float: left;
}
.fr {
float: right;
} .cf:after {
content: "."; display: block; clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}
.cf {
min-height: 1px;
}
* html .cf {
height: 1px;/*\*//*/height: auto;
overflow: hidden;/**/}
.cb {
clear: both;
} .tac {
text-align: center!important;
}
.tar {
text-align: right!important;
}
.tal {
text-align: left !important;
}
.vat {
vertical-align: top!important;
}
.vam {
vertical-align: middle!important;
}
.vab {
vertical-align: bottom!important;
} .fs09 {
font-size: 0.9rem!important;
}
.fs10 {
font-size: 10rem!important;
}
.fs11 {
font-size: 1.1rem!important;
}
.fs12 {
font-size: 1.2rem!important;
}
.fs13 {
font-size: 1.3rem!important;
}
.fs14 {
font-size: 1.4rem!important;
}
.fs15 {
font-size: 1.5rem!important;
}
.fs16 {
font-size: 1.6rem!important;
}
.fs17 {
font-size: 1.7rem!important;
}
.fs18 {
font-size: 1.8rem!important;
}
.fs19 {
font-size: 1.9rem!important;
}
.fs20 {
font-size: 2.0rem!important;
}
.fs21 {
font-size: 2.1rem!important;
}
.fs22 {
font-size: 2.2rem!important;
}
.fs23 {
font-size: 2.3rem!important;
}
.fs24 {
font-size: 2.4rem!important;
}
.fs25 {
font-size: 2.5rem!important;
} .fs01em {
font-size: 0.1em!important;
}
.fs02em {
font-size: 0.2em!important;
}
.fs03em {
font-size: 0.3em!important;
}
.fs04em {
font-size: 0.4em!important;
}
.fs05em {
font-size: 0.5em!important;
}
.fs06em {
font-size: 0.6em!important;
}
.fs07em {
font-size: 0.7em!important;
}
.fs08em {
font-size: 0.8em!important;
}
.fs09em {
font-size: 0.9em!important;
}
.fs10em {
font-size: 1.0em!important;
}
.fs11em {
font-size: 1.1em!important;
}
.fs12em {
font-size: 1.2em!important;
}
.fs13em {
font-size: 1.3em!important;
}
.fs14em {
font-size: 1.4em!important;
}
.fs15em {
font-size: 1.5em!important;
}
.fs16em {
font-size: 1.6em!important;
}
.fs18em {
font-size: 1.8em!important;
}
.fs20em {
font-size: 2.0em!important;
} .ffroboto {
font-family: 'Roboto', sans-serif;
} .fcred {
color: #ff3f34 !important;
}
.fcorange {
color: #ea5413 !important;
}
.fcblue {
color: #293a7e !important;
}
.fcBrown {
color: #994C18 !important;
}
.fcBeige {
color: #7A6955 !important;
} .fwl {
font-weight: 300;
}
.fwr {
font-weight: 400;
}
.fwm {
font-weight: 500;
}
.fwb {
font-weight: 700;
}
.fbb {
font-weight: 900;
} .ftransform {
transform: scale(1,1.12);
} .les004em {
letter-spacing: 0.04em;
}
.les006em {
letter-spacing: 0.06em;
}
.les008em {
letter-spacing: 0.08em;
}
.les012em {
letter-spacing: 0.12em;
}
.les016em {
letter-spacing: 0.16em;
}
.les018em {
letter-spacing: 0.18em;
}
.les024em {
letter-spacing: 0.24em;
} .lh0p5 {
line-height: 0.5em!important;
}
.lh1p0 {
line-height: 1.0em!important;
}
.lh1p2 {
line-height: 1.2em!important;
}
.lh1p4 {
line-height: 1.4em!important;
}
.lh1p6 {
line-height: 1.6em!important;
}
.lh1p8 {
line-height: 1.8em!important;
}
.lh2p0 {
line-height: 2.0em!important;
} .bgNone {
background-image: none!important;
}
.bgGray {
background: #fafafa!important;
} .bdr01 {
border: solid 1px #dedede!important;
}
.bdrT01 {
border-top: solid 1px #dedede!important;
}
.bdR01 {
border-right: solid 1px #dedede!important;
}
.bdrB01 {
border-bottom: solid 1px #dedede!important;
}
.bdrL01 {
border-left: solid 1px #dedede!important;
}
.bdrBDotted {
border-bottom: dotted 1px #dedede!important;
}
.brdNone {
border: 0 !important;
}
.brdbNone {
border-bottom: 0 !important;
} .bdrEMB {
border: 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
margin: 20px 0;
}
@media screen and (max-width: 767px) {
.bdrEMB {
border: 0;
border-top: 1px solid #f4f1ea;
border-bottom: 1px solid #fff;
margin: 10px 0;
margin-left: -14px;
margin-right: -14px;
}
} a {
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
a:hover {
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.op {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.op:hover {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.visible-pc {
display: block;
}
.visible-ts {
display: none;
}
@media screen and (max-width: 1024px) {
.visible-ts {
display: block;
}
.visible-pc {
display: none;
}
}
.flex-center-center{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center !important;
}
.flex-center-between{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.flex-bottom-between{
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.flex-center-left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.flex-top-left{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.flex-center-right{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.flex-bottom-center{
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: center;
}

@font-face {
font-family: myfont01;
src: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/font/Bee-Three.ttf);
}
@font-face {
font-family: myfont02;
src: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/font/DINEngschriftStd.otf);
}
@font-face {
font-family: myfont03;
src: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/font/Copperplate-Gothic-Std-31-AB.ttf);
}
.hdm{
position: absolute;
top: -50px;
left: 0;
width: 100%;
z-index: 2;
text-align: center;
}
.hdm01{
top: -138px;
}
.hdt{
text-align: center;
}
.hdt .en{
font-size: 150px;
font-family: myfont01;
color: #994b18;
line-height: 0.8;
letter-spacing: 3px;
display: block;
text-align: center;
}
.hdt .ja{
display: block;
font-size: 16px;
text-align: center;
}
.hdl{
text-align: center;
}
.hdl .en{
font-size: 80px;
color: #c9bc9c;
line-height: 0.8;
letter-spacing: 3px;
display: block;
text-align: center;
font-family: myfont02;
}
.hdl .ja{
display: block;
font-size: 16px;
text-align: center;
}
.hdo{
display: inline-block;
text-align: center;
}
.hdo .en{
display: block;
font-size: 30px;
color: #fff;
letter-spacing: 2px;
font-family: myfont03;
}
.hdo .ja{
display: block;
font-size: 14px;
margin-top: 5px;
color: #fff;
}
.hdo .ico{
display: block;
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.hdm{
position: absolute;
top: -25px;
left: 0;
width: 100%;
z-index: 2;
text-align: center;
}
.hdm img{
width: 105px;
}
.hdm01{
top: -25px;
}.hdt{
text-align: center;
}
.hdt .en{
font-size: 85px;
font-family: myfont01;
color: #994b18;
line-height: 0.8;
letter-spacing: 2px;
display: block;
text-align: center;
}
.hdt .ja{
display: block;
font-size: 12px;
text-align: center;
}
.hdl{
text-align: center;
}
.hdl .en{
font-size: 50px;
color: #c9bc9c;
line-height: 1;
letter-spacing: 2px;
display: block;
text-align: center;
font-family: myfont02;
}
.hdl .ja{
display: block;
font-size: 14px;
text-align: center;
}
.hdo{
display: inline-block;
text-align: center;
}
.hdo .en{
display: block;
font-size: 26px;
color: #fff;
letter-spacing: 2px;
font-family: myfont03;
}
.hdo .ja{
display: block;
font-size: 14px;
margin-top: 5px;
color: #fff;
}
.hdo .ico{
display: block;
margin-top: 25px;
}
.hdo .ico img{
width: 60px;
}
}
.hdl{
}
.hdt{
} #header {
position: relative;
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
#header .headerBox {
display: flex;
}
#header .headerBox .logo {
background: rgba(255, 140, 0, 0.1);
padding: 1vw 3vw;
display: flex;
align-items: center;
}
#header .headerBox .logo.bg_opacity {
background: #fbefe1;
}
#header .headerBox .logo img {
max-width: 15.6vw;
}
#header .headerBox .others_logo {
display: flex;
}
#header .headerBox .others_logo .palm_spring {
background: #fff;
padding: 1.3vw 2vw 0.7vw;
}
#header .headerBox .others_logo .palm_spring:hover {
background: #fff5e9;
}
#header .headerBox .others_logo .palm_spring img {
max-width: 15vw;
}
#header .headerBox .others_logo .txt_link {
display: flex;
margin-top: 1.1vw;
}
#header .headerBox .others_logo .txt_link a {
font-size: 1.4rem;
color: #000;
}
#header .headerBox .others_logo .txt_link a + a {
margin-left: 1.25vw;
}
#header .headerBox .others_logo .burbank {
background: #fafafa;
padding: 1.3vw 2vw 0.7vw;
}
#header .headerBox .others_logo .burbank:hover {
background: #ececec;
}
#header .headerBox .others_logo .burbank img {
max-width: 13.6vw;
}
#header .headerLinks {
flex: 1;
}
#header .headerLinks .hd_link01 {
background: #fff;
padding: 1.45vw 2.7vw 1vw;
display: flex;
}
#header .headerLinks .hd_link01 li {
margin-right: 2.25vw;
}
#header .headerLinks .hd_link01 li a {
display: block;
font-size: 1.3rem;
}
#header .headerLinks .hd_link01 li a:hover {
color: #919191;
}
#header .headerLinks .hd_link02 {
background: #ff8c00;
padding: 1vw 2.7vw;
display: flex;
} 
#header .headerLinks .hd_link02 li {
margin-right: 2.1vw;
}
#header .headerLinks .hd_link02 li a {
display: flex;
align-items: center;
font-size: 1.4rem;
color: #fff;
}
#header .headerLinks .hd_link02 li a .ico {
width: 3.2rem;
margin-right: 0.7vw;
}
#header .headerLinks .hd_link02 li:nth-child(2) a .ico {
width: 2.4rem;
}
#header .headerLinks .hd_link02 li a:hover {
color: #994b18;
}
#header .headerLinks .hd_link02 li a img {
vertical-align: middle;
}
.inner_s {
max-width: 1020px;
margin: 0 auto;
}
.inner {
max-width: 1120px;
margin: 0 auto;
}
.inner_m {
max-width: 1280px;
margin: 0 auto;
} #breadcrumb a:hover {
text-decoration: underline;
}
#footer {
background: #994b18;
padding: 7rem 0 8rem;
}
.footerIn {
max-width: 1300px;
margin: 0 auto;
}
.footerIn .ft_tit {
padding: 4.5rem;
border-bottom: 1px solid #fff;
margin-bottom: 3rem;
}
.footerIn .accessBox {
display: flex;
padding-right: 1.5rem;
border-bottom: 1px solid #fff;
padding-bottom: 4.5rem;
margin-bottom: 3rem;
}
.footerIn .accessBox .accessDetail {
width: 468px;
}
.footerIn .accessBox .accessDetail .logo_img_ft {
margin-bottom: 1.5rem;
}
.footerIn .accessBox .accessDetail .txt {
color: #fff;
font-size: 1.5rem;
padding-bottom: 4rem;
border-bottom: 1px solid #fff;
}
.footerIn .accessBox .accessDetail .txt p + p {
margin-top: 1rem;
}
.footerIn .accessBox .accessmap {
flex: 1;
}
.footerIn .accessBox .accessmap iframe {
width: 100%;
height: 322px;
margin-bottom: 2.5rem;
}
.comBtn {
display: inline-block;
text-align: center;
color: #fff;
width: 196px;
border: 1px solid #fff;
font-size: 1.5rem;
padding: 1rem 5px;
}
.comBtn:hover {
background: rgba(255, 255, 255, 0.15);
}
.comBtn span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/arrow.svg) no-repeat right center;
padding-right: 4rem;
}
.comBtn + .comBtn {
margin-left: 2rem;
}
.sitemap {
display: flex;
align-items: center;
}
.sitemap .img_logo {
margin-bottom: 2rem;
}
.sitemap .btn_contact {
width: 400px;
}
.sitemap .btn_contact a {
display: block;
background: #ff8c00;
font-size: 1.8rem;
padding: 1.5rem 3rem;
text-align: center;
color: #fff;
}
.sitemap .btn_contact a span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/arrow.svg) no-repeat right center;
padding-right: 4rem;
}
.sitemap .btn_contact a:hover {
background: #ff9f2b;
}
.sitemap div + div {
margin-left: 6.5rem;
}
.sitemap ul.list01 li {
position: relative;
padding-left: 2rem;
}
.sitemap ul.list01 li:before {
position: absolute;
content: '―';
font-size: 1.3rem;
color: #fff;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.sitemap ul li a {
display: block;
color: #fff;
font-size: 1.3rem;
}
.sitemap ul.list02 {
margin-top: 5rem;
}
.sitemap ul.list02 li {
list-style-type: disc;
color: #fff;
}
.copyright {
background: #fff;
padding: 2rem;
text-align: center;
}
.copyright span {
color: #994b18;
font-size: 1.4rem;
font-weight: 500;
}
.copyright a {
color: #994b18;
font-size: 1.3rem;
margin-left: 5rem;
font-weight: 500;
}
.pagetop {
position: fixed;
right: 5rem;
bottom: 10%;
z-index: 9;
}
.bgstyle01 {
background: #fff3e5;
}
@media screen and (max-width: 1300px) {
#header { }
#header .headerLinks .hd_link01 {
padding: 1.45vw 1.5vw 1vw;
}
#header .headerLinks .hd_link01 li {
margin-right: 1vw;
}
#header .headerLinks .hd_link01 li:last-child {
margin-right: 0;
}
#header .headerLinks .hd_link01 li a {
font-size: 1.1vw;
}
#header .headerLinks .hd_link02 {
padding: 1.5vw;
}
#header .headerLinks .hd_link02 li {
margin-right: 1vw;
}
#header .headerLinks .hd_link02 li:last-child {
margin-right: 0;
}
#header .headerLinks .hd_link02 li a {
font-size: 1.2vw;
}
#header .headerLinks .hd_link02 li a .ico {
width: 2.2vw;
margin-right: 0.35vw;
}
#header .headerLinks .hd_link02 li:nth-child(2) a .ico {
width: 1.8vw;
}
}
@media screen and (max-width: 1024px) {
.inner_s {
padding: 0 2rem;
}
.inner {
padding: 0 2rem;
}
.inner_m {
padding: 0 2rem;
}
#headerSP {
display: flex;
align-items: center;
background: #ffdcb2;
}
#headerSP.active {
background: #fff;
}
#headerSP .headerlogo {
width: calc(100% - 120px);
}
#headerSP .headerlogo a {
padding: 0 3.5vw;
display: block;
}
#headerSP .headerlogo a img{
max-height: 30px;
vertical-align: middle;
}
#headerSP .headermess {
width: 120px;
display: flex;
justify-content: flex-end;
}
#headerSP .btn_email {
width: 60px;
}
#headerSP.active .btn_email {
display: none;
}
.navbar-toggle {
width: 60px;
height: 60px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/pict_menu.svg) center center no-repeat #994b18;
background-size: 21px auto;
}
.navbar-toggle.on {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/pict_close.svg) center center no-repeat #994b18;
background-size: 16px auto;
}
.navbar-collapse {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 7;
}
.navbar-collapse .navbarbox { width: 100%;
height: 90%;
padding-top: 6rem;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/bg_nav.png)no-repeat bottom 5vw center #fff;
background-size: contain;
overflow-y: auto;
padding-bottom: 30vw;
}
.menulink .linktit {
padding: 2rem 2.5rem 2rem 3.5rem;
display: flex;
position: relative;
}
.menulink .linktit img {
max-height: 35px;
}
.menulink .linktit a {
width: 70%;
}
.navbar-collapse .menulink .linktit .menuplus {
position: absolute;
right: 30px;
top: 50%;
width: 20px;
height: 20px;
z-index: 1;
transform: translate(0, -50%);
}
.navbar-collapse .menulink .linktit .menuplus:before {
position: absolute;
content: "";
background: #fff;
width: 100%;
height: 2px;
left: 0;
top: 50%;
margin-top: -1px;
z-index: 1;
}
.navbar-collapse .menulink .linktit.bgstyle01 .menuplus:before {
background: #f9951d;
}
.navbar-collapse .menulink .linktit.bgGray .menuplus:before {
background: #a0a0a0;
}
.navbar-collapse .menulink .linktit .menuplus:after {
position: absolute;
content: "";
background: #fff;
width: 2px;
height: 100%;
left: 50%;
top: 0;
margin-left: -1px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
z-index: 1;
}
.navbar-collapse .menulink .linktit.bgstyle01 .menuplus:after {
background: #f9951d;
}
.navbar-collapse .menulink .linktit.bgGray .menuplus:after {
background: #a0a0a0;
}
.navbar-collapse .menulink .linktit.on .menuplus:after {
transform: rotate(90deg);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.pullmenu { margin-bottom: 3.5rem;
}
.linkchild {
display: flex;
border-top: 1px solid #eed2b0;
flex-wrap: wrap;
background: #fff3e5;
}
.linkchild.bgGray {
padding: 0;
border-top: 1px solid #d9d9d9;
}
.linkchild li {
width: 50%;
display: block;
padding: 1rem 2rem;
text-align: center;
border-bottom: 1px solid #eed2b0;
font-size: 1.6rem;
}
.linkchild.bgGray li {
border-bottom: 1px solid #d9d9d9;
}
.linkchild li:nth-child(2n + 1) {
border-right: 1px solid #eed2b0;
}
.linkchild.bgGray li:nth-child(2n + 1) {
border-right: 1px solid #d9d9d9;
}
.linkchild li:last-child { }
.linkchild li.w_auto {
width: 100%;
border-right: 0;
}
.link_has_ico {
margin-top: 3.5rem;
}
.link_has_ico li {
background: #ff8c00;
border-bottom: 1px solid #fff;
}
.link_has_ico li a {
display: block;
font-size: 1.6rem;
color: #fff;
padding: 1.5rem 3rem;
}
.link_has_ico li a span {
display: inline-block;
vertical-align: middle;
}
.link_has_ico li a .ico {
width: 2.7rem;
margin-right: 1rem;
text-align: left;
}
.link_has_ico li a .ico img {
vertical-align: middle;
}
.link_has_ico li:nth-child(1) a .ico img,
.link_has_ico li:nth-child(2) a .ico img {
height: 25px;
}
.navbar-collapse .otherLink {
display: flex;
align-items: center;
margin-top: 3.5rem;
justify-content: center;
}
.navbar-collapse .otherLink li + li {
margin-left: 4rem;
}
.navbar-collapse .otherLink li a {
font-size: 1.6rem;
}
#footer {
background: #994b18;
padding: 5rem 2rem;
}
.footerIn .ft_tit {
padding: 0 0 2rem;
margin-bottom: 2rem;
}
.footerIn .accessBox {
display: block;
}
.footerIn .accessBox .accessDetail {
width: auto;
}
.footerIn .accessBox .accessDetail .logo_img_ft img {
max-width: 70%;
}
.footerIn .accessBox .accessmap .flexCol {
display: flex;
justify-content: center;
}
.sitemap {
display: block;
}
.sitemap div + div {
margin-left: 0;
}
.sitemap .palm_spring_link,
.sitemap .burbank_link,
.sitemap .others_link {
display: none;
}
.sitemap .btn_contact {
width: 85%;
margin: 0 auto;
}
.sitemap .btn_contact a {
padding: 1.5rem 1rem;
font-size: 1.6rem;
}
.copyright a {
display: none;
}
.link_sp {
margin-top: 2rem;
}
.link_sp a {
color: #fff;
font-size: 1.6rem;
}
.link_sp a + a {
margin-left: 2rem;
}
.pagetop {
position: fixed;
right: 1rem;
bottom: 10%;
z-index: 9;
width: 40px;
}
}
@media screen and (max-width: 767px) {
.footerIn .accessBox .accessmap .flexCol {
display: flex;
justify-content: space-between;
}
.footerIn .accessBox .accessmap .flexCol .comBtn {
width: 48%;
font-size: max(3vw, 1rem);
}
.comBtn + .comBtn {
margin-left: 0;
}
.comBtn span {
padding-right: 2.5rem;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .toppage {
display: none;
}
#loader-bg {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background: #f9951d;
z-index: 9999;
}
#loader-bg .loaderin {
display: flex;
width: 100%;
height: 100%;
padding: 30px;
align-items: center;
justify-content: center;
text-align: center;
}
.top_service {
padding: 7rem 0 0;
margin-bottom: 6.6rem;
position: relative;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top/bg_service.png) no-repeat bottom;
}
.top_service .serviceBox {
display: flex;
max-width: 1200px;
margin: 0 auto 4.5rem;
}
.top_service .serviceBox .subTit {
margin-bottom: 4rem;
}
.top_service .serviceBox .ttl_img {
width: 208px;
margin-top: -7vw;
}
.top_service .serviceBox .serviceTxt {
margin-left: 5rem;
width: calc(100% - 208px - 5rem);
}
.comTxt {
font-size: 1.6rem;
line-height: 2;
font-weight: 500;
}
.twoCol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4rem;
margin-left: -4rem;
}
.twoCol li {
width: 50%;
padding-left: 4rem;
}
.servicePoint .item {
background: #fffae8;
border-radius: 10px;
padding: 3rem 1rem;
text-align: center;
}
.servicePoint .img_tit {
margin-bottom: 2rem;
}
.servicePoint .point_txt {
font-size: 1.5rem;
}
.threeCol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4rem;
margin-left: -4rem;
}
.threeCol li {
width: 33.33%;
padding-left: 4rem;
}
.bgGray {
background: #fafafa;
padding: 9rem 0;
}
.flexCol {
display: flex;
align-items: center;
}
.flex-reverse {
flex-direction: row-reverse;
}
.flex-end {
align-items: flex-end;
}
.flexImg,
.flexBox {
width: 50%;
}
.flexTxt {
padding-left: 7rem;
padding-right: 9rem;
}
.flexTxt .img {
margin-bottom: 3rem;
}
.flexTxt .img img {
max-width: 385px;
}
.flexTxt .img span {
display: block;
font-size: 1.3rem;
margin-top: 1.5rem;
}
.list_icon {
margin-top: 5rem;
}
.list_icon ul {
display: flex;
align-items: flex-start;
}
.list_icon ul li + li {
margin-left: 2rem;
}
.thumb_img ul {
margin-top: 4rem;
display: flex;
margin-bottom: 4.5rem;
}
.thumb_img ul li + li {
margin-left: 7px;
}
.top_message {
padding: 0px 0 116px;
}
.top_message .ttl_img {
margin-top: -5rem;
margin-bottom: 7rem;
}
.twoColumn {
display: flex;
align-items: center;
}
.top_message .twoColumnImgL {
width: 592px;
margin-right: 4rem;
}
.top_message .twoColumnTxt {
width: calc(100% - 592px - 4rem);
}
.top_message .subTit {
margin-bottom: 3.5rem;
}
.comTxt p + p {
margin-top: 1.5rem;
}
.top_news {
position: relative;
}
.top_news .ttl_img {
width: 100%;
position: absolute;
text-align: center;
left: 0;
top: -5rem;
}
.top_news .news_slider {
padding-top: 15rem;
}
.top_news .item {
margin: 0 2rem;
}
.top_news .item .img {
margin-bottom: 1.5rem;
}
.top_news .item .img img{
width: 100%;
height: 240px;
object-fit: cover;
}
.top_news .item .tit {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 1.5rem;
}
.top_news .item .tags {
display: flex;
}
.top_news .item .tags a {
width: 125px;
font-size: 1.3rem;
color: #602600;
background: #ffde60;
text-align: center;
padding: 5px 0;
margin-right: 7px;
display: flex;
justify-content: center;
align-items: center;
}
.top_news .item .tags a.burbank{
background: #804e21;
color: #fff;
}
.top_news .item .tags a.palm-springs{
background: #ff8c00;
color: #fff;
}
.top_news .item .tags .date_time {
font-size: 1.5rem;
font-weight: 500;
display: block;
text-align: center;
margin-left: 5px;
}
.top_news .slick-prev, .top_news .slick-next {
z-index: 9;
}
.top_news .slick-prev:before, .top_news .slick-next:before {
display: none;
}
.top_news .slick-prev {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/slider_prev.png) no-repeat center;
width: 19px;
height: 31px;
}
.top_news .slick-next {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/slider_next.png) no-repeat center;
width: 19px;
height: 31px;
}
.top_news .slick-prev:hover,
.top_news .slick-prev:focus {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/slider_prev.png) no-repeat center;
opacity: 0.7;
}
.top_news .slick-next:hover, .top_news .slick-next:focus {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/slider_next.png) no-repeat center;
opacity: 0.7;
}
.top_news .list_news {
margin-top: 8.5rem;
margin-bottom: 5rem;
}
.top_news .list_news dl {
display: table;
width: calc(100% - 5rem);
padding: 2.5rem 2.5rem;
border-bottom: 2px solid #e7e7e7;
font-size: 1.8rem;
}
.top_news .list_news dl dt,
.top_news .list_news dl dd {
display: table-cell;
vertical-align: middle;
}
.top_news .list_news dl dt {
width: 350px;
}
.top_news .list_news dl dd {
width: calc(100% - 350px);
padding-left: 3.5rem;
}
.top_news .list_news dl dt .flexCol {
justify-content: space-between;
}
.top_news .list_news dl dt span {
width: 40%;
text-align: center;
}
.top_news .list_news dl dt .cat_name {
width: 58%;
padding: 1rem 0;
text-align: center;
color: #fff;
font-size: 1.5rem;
display: inline-block;
}
.bgOrange {
background: #ff8c00 !important;
}
.bgOrange02 {
background: #ffde60 !important;
color: #602600 !important;
}
.bgBrown {
background: #994b18 !important;
}
@media screen and (max-width: 1024px) {
.top_service {
padding: 5rem 2rem;
background: #fff;
margin-bottom: 0;
}
.top_service .serviceBox {
display: block;
max-width: 100%;
margin: 0 auto 4rem;
}
.top_service .serviceBox .serviceTxt {
margin-left: 0;
width: auto;
}
.twoCol {
display: block;
margin-bottom: 2rem;
margin-left: 0;
}
.twoCol li {
width: auto;
padding-left: 0;
margin-bottom: 1.5rem;
}
.threeCol {
display: block;
margin-left: 0;
margin-bottom: 0;
}
.threeCol li {
width: auto;
padding-left: 0;
margin-bottom: 1.5rem;
}
.bgGray {
padding: 5rem 0;
}
.flexCol {
display: block;
}
.flexImg, .flexBox {
width: auto;
}
.flexImg img {
width: 100%;
}
.flexTxt {
padding: 3.5rem 2rem;
}
.flexTxt .img img {
max-width: 70%;
}
.list_icon ul li + li {
margin-left: 2vw;
}
.thumb_img ul {
flex-wrap: wrap;
margin-left: -1rem;
}
.thumb_img ul li {
width: 33.33%;
padding-left: 1rem;
margin-bottom: 1rem;
}
.thumb_img ul li img {
width: 100%;
}
.thumb_img ul li + li {
margin-left: 0;
}
.twoColumn {
display: block;
}
.top_message {
padding: 5rem 0 8rem;
}
.top_message .twoColumnImgL {
width: auto;
margin-right: 0;
margin-bottom: 2.5rem;
text-align: center;
}
.top_message .twoColumnTxt {
width: auto;
}
.top_message .subTit {
margin-bottom: 2rem;
}
.top_message .manage_name {
text-align: right;
}
.top_news .slick-next {
right: -1rem;
}
.top_news .slick-prev {
left: -1rem;
}
.top_news .list_news {
margin: 5rem 0;
}
.top_news .list_news dl {
display: block;
width: auto;
padding: 1.5rem;
border-bottom: 1px solid #e7e7e7;
font-size: 1.6rem;
}
.top_news .list_news dl dt, .top_news .list_news dl dd {
display: block;
}
.top_news .list_news dl dt {
width: auto;
margin-bottom: 1rem;
}
.top_news .list_news dl dd {
padding: 0;
width: auto;
}
.top_news .list_news dl dt .cat_name {
width: 160px;
padding: 0.5rem 1rem;
margin-right: 1rem;
}
}
@media screen and (max-width: 767px) {
.top_news .item .img img {
height: 45vw;
}
}
 #mainimg{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/bg_mainimg.jpg) no-repeat top center;
height: 875px;
position: relative;
}
.mainimg_logo{
position: absolute;
top: 300px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
}
@media screen and (max-width: 767px) {
#mainimg{ background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/sp_bg_mainimg.png) no-repeat top center;
height: 95.6vw;
position: relative;
-webkit-background-size: cover;
background-size: cover;
}
.mainimg_logo{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
text-align: center;
z-index: 2;
}
.mainimg_logo img{
width: 40vw;
}
} .top_concept{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/bg_top01.jpg) no-repeat top center;
position: relative;
padding: 200px 0 195px;
}
.top_concept_txt{
font-size: 18px;
text-align: center;
color: #994b18;
}
.top_concept_img{
text-align: center;
margin: 34px 0 38px;
}
.top_concept_txt01{
font-size: 16px;
line-height: 2;
text-align: center;
}
.top_info{
background: #fff;
padding: 150px 0 170px;
position: relative;
}
.info_box+.info_box{
margin-top: 45px;
}
.info_box{
display: flex;
justify-content: flex-end;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/bg_top01.png) no-repeat bottom 33px center;
}
.info_box .img{
width: 960px;
padding-top: 95px;
order: 2;
}
.info_box .des{
order: 1;
width: 540px;
margin-right: 56px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_box01{
display: flex;
justify-content: flex-start;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/bg_top02.png) no-repeat bottom 33px center;
}
.info_box_bg{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/bg_top03.png) no-repeat bottom 40px center;
}
.info_box_bg .hdt .en{
color: #000;
}
.info_box01 .des{
order: 3;
margin-right: 0;
margin-left: 56px;
}
.info_box .des_txt{
margin: 100px 0 40px;
text-align: center;
font-size: 16px;
line-height: 2;
}
.info_box .des_img{
margin-top: 70px;
text-align: center;
}
.btn{
text-align: center;
}
.btn a{
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 220px;
text-align: center;
margin: 0 auto;
background: #994b18;
color: #fff;
font-size: 26px;
position: relative;
}
.btn a:before{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn.png) 0 0 no-repeat;
width: 28px;
height: 10px;
right: 24px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: '';
z-index: 2;
position: absolute;
}
.des_btn01 a{
background: #fff;
}
.info_box_bg .des_logo{
margin-top: 40px;
text-align: center;
}
.info_box_bg .des_txt{
color: #fff;
margin: 40px 0;
}
.top_access{
padding: 124px 0 200px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/bg_top04.jpg) no-repeat top center;
position: relative;
}
.top_access_box{
display: flex;
justify-content: flex-end;
}
.top_access_box .iframe_box{
width: 1320px;
max-width: 68.8%;
}
.top_access_box .iframe_box iframe{
width: 100%;
height: 670px;
background: #fff;
}
.top_access_box .des{
width: 430px;
padding-right: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_access_box .des_tit{
font-size: 24px;
color: #fff;
text-align: right;
font-weight: 700;
}
.top_access_box .des_txt{
font-size: 14px;
margin: 30px 0;
color: #fff;
line-height: 2;
text-align: right;
}
.top_access_box .des_btn a{
background: #fff;
}
.top_access_box .des_btn a:before{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn02.png) 0 0 no-repeat;
}
.news{
background: #c9bc9c;
padding: 125px 0 70px;
position: relative;
}
.news_box .news_tit{
margin: 12px 0;
font-size: 15px;
color: #000;
}
.news_box .img img {
width: 100%;
height: 240px;
object-fit: cover;
}
.news_flex{
display: flex;
justify-content: left;
align-items: center;
}
.news_flex .tag{
width: 120px;
line-height: 28px;
font-size: 12px;
color: #fff;
text-align: center;
margin-right: 8px;
background: #804e21;
} .news_flex .tag.news_cat {
color: #602600;
background: #ffde60;
}
.news_flex .tag.palm-springs {
background: #ff8c00;
color: #fff;
}
.news_flex .time{
font-size: 15px;
}
.news_btn{
margin-top: 60px;
text-align: center;
}
.news_btn a{
background: #7a6a55;
}
.news .slick-prev{
position: absolute;
top: 50%;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/prev.png) no-repeat center center;
left: -30px;
top: 110px;
z-index: 9;
}
.news .slick-next{
position: absolute;
top: 50%;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/next.png) no-repeat center center;
right: -30px;
top: 110px;
z-index: 9;
}
.news .slick-slide{
margin: 0 25px;
}
.news .slick-next::before{
content: '';
}
.news .slick-prev::before, .news .slick-next::before {
display: none;
}
@media screen and (max-width: 767px) {
.top_concept{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/sp_bg_top01.png) no-repeat bottom center #fbe4c8;
-webkit-background-size: contain;
background-size: contain;
position: relative;
padding: 34px 0 53px;
}
.top_concept .inner{
padding: 0;
}
.top_concept_txt{
font-size: 14px;
text-align: center;
color: #994b18;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_concept_img{
text-align: center;
margin: 14px 0 15px;
}
.top_concept_img img{
height: 43px;
}
.top_concept_txt01{
font-size: 12px;
line-height: 1.6;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.top_info{
background: #fff;
padding: 90px 0 40px;
}
.info_box+.info_box{
margin-top: 25px;
}
.info_box{
display: block;
justify-content: flex-end;
padding: 0 0 46px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/sp_info.png) no-repeat bottom center;
-webkit-background-size: contain;
background-size: contain;
}
.info_box .img{
width: 100%;
padding-top: 0;
order: 2;
margin-top: 60px;
}
.info_box_bg .img{
margin-top: 105px;
}
.info_box .des{
order: 1;
width: 100%;
margin-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_box01{
display: block;
justify-content: flex-start;
padding: 0 0 46px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/sp_info.png) no-repeat bottom center;
-webkit-background-size: contain;
background-size: contain;
}
.info_box_bg{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/sp_info02.png) no-repeat bottom center;
-webkit-background-size: contain;
background-size: contain;
}
.info_box_bg .hdt .en{
color: #000;
}
.info_box01 .des{
order: 3;
margin-right: 0;
margin-left: 0;
}
.info_box .des_txt{
margin: 15px 0 15px;
text-align: left;
font-size: 13px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
}
.info_box .des_img{
margin-top: 0;
margin-bottom: 35px;
text-align: center;
}
.info_box .des_img img{
width: 60%;
}
.btn{
text-align: center;
}
.btn a{
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 220px;
text-align: center;
margin: 0 auto;
background: #994b18;
color: #fff;
font-size: 26px;
position: relative;
}
.btn a:before{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn.png) 0 0 no-repeat;
width: 28px;
height: 10px;
right: 24px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: '';
z-index: 2;
position: absolute;
}
.des_btn01 a{
background: #fff;
}
.info_box_bg{
position: relative;
}
.info_box_bg .des_logo{
margin-top: 0;
position: absolute;
top: 100px;
left: 0;
width: 100%;
text-align: center;
}
.info_box_bg .des_logo img{
width: 80px;
}
.info_box_bg .des_txt{
color: #fff;
margin: 20px 0;
}
.top_access{
padding: 95px 0 55px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/sp_bg_top04.png) no-repeat top center;
-webkit-background-size: cover;
background-size: cover;
}
.top_access_box{
display: block;
}
.top_access_box .iframe_box{
width: 100%;
max-width: 100%;
}
.top_access_box .iframe_box iframe{
width: 100%;
height: 200px;
background: #fff;
}
.top_access_box .des{
width: 100%;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_access_box .des_tit{
font-size: 16px;
color: #fff;
text-align: left;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 700;
}
.top_access_box .des_txt{
font-size: 13px;
margin: 8px 0 25px;
color: #fff;
line-height: 2;
text-align: left;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_access_box .des_btn{
margin-top: 30px;
}
.top_access_box .des_btn a{
background: #fff;
}
.top_access_box .des_btn a:before{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn02.png) 0 0 no-repeat;
}
.news{
background: #c9bc9c;
padding: 100px 0 35px;
}
.news_box .news_tit{
margin: 14px 0 8px;
font-size: 14px;
color: #000;
}
.news_flex{
display: flex;
justify-content: left;
align-items: center;
}
.news_flex .tag{
width: 120px;
line-height: 25px;
font-size: 12px;
color: #fff;
text-align: center;
margin-right: 8px;
background: #804e21;
} .news_flex .time{
font-size: 14px;
}
.news_btn{
margin-top: 40px;
text-align: center;
}
.news_btn a{
background: #7a6a55;
}
.news .slick-prev{
position: absolute;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/prev.png) no-repeat center center;
-webkit-background-size: 12px;
background-size: 12px;
left: -5px;
top: 110px;
z-index: 9;
}
.news .slick-next{
position: absolute;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/next.png) no-repeat center center;
-webkit-background-size: 12px;
background-size: 12px;
right: -5px;
top: 110px;
z-index: 9;
}
.news .slick-slide{
margin: 0 25px;
}
.news .slick-next::before{
content: '';
}
.news .slick-prev::before, .news .slick-next::before {
display: none;
}
} .burbank_teaser{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/bg_teaser01.png) no-repeat top center;
height: 877px;
position: relative;
}
.teaser_logo{
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
transform: translateY(-50%);
}
#burbank .concept{
padding: 100px 0 90px;
position: relative;
text-align: center;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/burbank/bg_concept.jpg) no-repeat top center;
}
.concept_tit{
margin: 40px 0 32px;
color: #fff;
font-size: 24px;
text-align: center;
font-weight: 600;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.concept_txt{
font-size: 16px;
line-height: 2;
text-align: center;
color: #fff;
}
#burbank .info{
position: relative;
padding: 230px 0 220px;
background: #fafafa;
}
.burbank_info_box{
display: flex;
justify-content: left;
align-items: center;
}
.burbank_info_box .img{
width: 1100px;
order: 1;
position: relative;
z-index: 9;
}
.burbank_info_box .des{
order: 2;
width: 550px;
margin-left: 6.5vw;
background: rgba(255,255,255,0.7);
padding: 90px 10px 95px;
text-align: center;
position: relative;
z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in01 .burbank_info_box{
display: flex;
justify-content: flex-end;
align-items: center;
}
.info_in01 .burbank_info_box .img{
order: 3;
position: relative;
z-index: 9;
}
.info_in01 .burbank_info_box .des{
order: 2;
width: 550px;
margin-left: 0;
margin-right: 6.5vw;
}
.burbank_info_box .des_txt{
margin: 65px 0 35px;
text-align: center;
font-size: 16px;
line-height: 2;
}
.info_tit{
position: absolute;
top: 90px;
left: 0;
width: 100%;
z-index: 111;
text-align: center;
}
.info_in{
position: relative;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/burbank/bg_info01.png) no-repeat bottom 80px center;
}
.info_in01{
position: relative;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/burbank/bg_info02.png) no-repeat bottom 80px center;
}
.info_in .des_btn a{
background: #7a6a55;
}
.info_in .flex_img{
margin-top: 60px;
display: flex;
justify-content: flex-end;
padding-right: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in01 .flex_img{
justify-content: flex-start;
padding-right: 0;
padding-left: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in .flex_img img{
margin-left: 46px;
}
.info_in01 .flex_img img{
margin-right: 46px;
margin-left: 0;
}
.info_in+.info_in{
margin-top: 110px;
}
#burbank .info .pos01{
position: absolute;
top: 86px;
right: 0;
z-index: 2;
width: 20.5vw;
}
#burbank .info .pos02{
position: absolute;
bottom: -180px;
left: 0;
z-index: 2;
width: 21vw;
}
#burbank .info_in .pos01{
position: absolute;
top: -260px;
right: 0;
z-index: 2;
width: 20.5vw;
}
#burbank .info_in .pos02{
position: absolute;
bottom: -360px;
left: 0;
z-index: 2;
width: 21vw;
}
.top_access01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/burbank/bg_burbank02.png) no-repeat top center;
}
.top_access01 .top_access_box{
align-items: center;
}
.top_access_box .des_tit01{
font-size: 24px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.top_access01 .top_access_box .des{
width: 480px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#burbank .info .pos01{
display: none;
}
#burbank .info .pos02{
display: none;
}
#burbank .info .pos01{
position: absolute;
top: 84px;
right: 0;
z-index: 2;
}
.burbank_teaser{ background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/bg_teaser01.png) no-repeat top center;
-webkit-background-size: cover;
background-size: cover;
height: 95.6vw;
position: relative;
}
.teaser_logo{
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
transform: translateY(-50%);
}
.teaser_logo img{
width: 200px;
}
#burbank .concept{
padding: 50px 0 40px;
position: relative;
text-align: center;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/burbank/bg_concept.jpg) no-repeat top center;
-webkit-background-size: cover;
background-size: cover;
}
#burbank .concept .tit img{
width: 120px;
}
.concept_tit{
margin: 20px 0 16px;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: 600;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.concept_txt{
font-size: 14px;
line-height: 2;
text-align: center;
color: #fff;
}
#burbank .info{
position: relative;
padding: 100px 0 50px;
background: #fafafa;
}
.burbank_info_box{
display: block;
}
.burbank_info_box .img{
width: 100%;
order: 1;
}
.burbank_info_box .des{
order: 2;
width: 90%;
margin-left: 5%;
background: rgba(255,255,255,0.7);
padding: 40px 0 40px;
text-align: center;
position: relative;
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in{
position: relative;
z-index: 10;
}
.info_in01{
background: #7a6a55 !important;
}
.info_in01 .burbank_info_box{
display: block;
justify-content: flex-end;
align-items: center;
}
.info_in01 .burbank_info_box .img{
order: 3;
}
.info_in01 .burbank_info_box .des{
order: 2;
width: 90%;
margin-left: 5%;
background: rgba(255,255,255,0.7);
padding: 40px 0 40px;
margin-right: 0;
}
.burbank_info_box .des_txt{
margin: 30px 0 20px;
text-align: left;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 2;
}
.info_tit{
position: absolute;
top: 40px;
left: 0;
width: 100%; text-align: center;
}
.info_tit img{
width: 120px;
}
.info_in{
background: #c9bc9c;
padding-bottom: 40px;
}
.info_in .des_btn a{
background: #7a6a55;
}
.info_in .flex_img{
margin-top: 30px;
display: block;
justify-content: flex-end;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in01 .flex_img{
justify-content: flex-start;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_in .flex_img img{
width: 225px;
display: block;
margin: 0 auto 20px;
}
.info_in01 .flex_img img{
width: 225px;
display: block;
margin: 0 auto 20px;
}
.info_in+.info_in{
margin-top: 50px;
}
.top_access01{
background: #7a6a55;
}
.top_access01 .top_access_box{
align-items: center;
}
.top_access_box .des_tit01{
font-size: 18px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.top_access01 .top_access_box .des{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} .gochi_teaser{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/gochi/bg_teaser.jpg) no-repeat top center;
height: 1120px;
position: relative;
}
.teaser_logo01{
position: absolute;
left: 2vw;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.teaser_txt{
position: absolute;
left: 30vw;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
@media screen and (max-width: 1655px) {
.teaser_txt{
position: absolute;
left: auto;
right: 4vw;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
}
#gochi{
background: #000;
color: #fff;
}
.gochi_info .box{
display: flex;
justify-content: left;
}
.gochi_info .box .img{
width: 50%;
padding-top: 120px;
}
.gochi_info .box .des{
width: 590px;
position: relative;
margin-left: 3.3vw;
}
.gochi_info .box .des_tit{
font-size: 26px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
color: #fff;
}
.gochi_info{
padding: 230px 0 0;
}
.gochi_info .box .des_txt{
font-size: 16px;
line-height: 2;
margin: 20px 0;
}
.gochi_info .box .des_txt01{
font-size: 13px;
}
.gochi_info .box .des .hdo{
margin-bottom: 105px;
width: 160px;
}
.gochi_info .pos_bg{
position: absolute;
top: -230px;
left: 0;
width: 160px;
height: 490px;
background: rgba(255,255,255,0.1);
}
.gochi_foot{
padding: 100px 0;
}
.gochi_foot .inner{
max-width: 1300px;
}
.gochi_foot_box{
padding-left: 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_box+.gochi_foot_box{
margin-top: 50px;
}
.gochi_foot_tit{
font-size: 14px;
color: #fff;
padding-left: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.gochi_foot_tit span{
font-size: 21px;
color: #fff;
display: inline-block;
margin-right: 15px;
font-family: myfont03;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_list{
padding: 60px 80px 0 200px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_list .pos_bg{
position: absolute;
top: 0;
left: 565px;
width: 160px;
height: calc(100% + 90px);
background: rgba(255,255,255,0.1);
}
.gochi_foot_list .pos_bg01{
position: absolute;
top: -220px;
left: 565px;
width: 160px;
height: 220px;
background: rgba(255,255,255,0.1);
}
.gochi_foot_list .pos_bg02{
position: absolute;
bottom: -480px;
left: 565px;
width: 160px;
height: 390px;
background: rgba(255,255,255,0.1);
}
.atmosphere_box .img{
position: relative;
}
.atmosphere_box .img img{
position: relative;
z-index: 4;
}
.atmosphere_box .pos_bg03{
position: absolute;
top: -190px;
left: 70px;
width: 160px;
height: 700px;
background: rgba(255,255,255,0.1);
}
.gochi_foot_box ul{
display: flex;
position: relative;
z-index: 3;
justify-content: space-between;
}
.gochi_foot_box li{
width: 400px;
}
.gochi_foot_box .listtit{
font-size: 21px;
margin: 35px 0 8px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.gochi_foot_box .listtxt{
font-size: 15px;
line-height: 1.6;
}
.gochi_foot_box .listdes_tit{
font-size: 21px;
margin: 0 0 8px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.gochi_foot_box .listdes_txt{
font-size: 15px;
margin: 0 0 55px;
line-height: 1.6;
}
.gochi_foot_box .listimg+.listimg{
margin-top: 56px;
}
.atmosphere{
padding: 100px 0 150px;
}
.atmosphere .inner{
max-width: 1300px;
}
.atmosphere_tit{
display: flex;
justify-content: flex-end;
margin-bottom: 30px;
}
.atmosphere_tit .box{
width: 650px;
padding-left: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.atmosphere_box{
display: flex;
justify-content: left;
}
.atmosphere_box .img{
width: 650px;
order: 1;
}
.atmosphere_box .des{
order: 2;
width: 650px;
padding-top: 74px;
padding-left: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.atmosphere_box01 .img{
order: 3;
}
.atmosphere_box01 .des{
padding-left: 0;
padding-right: 70px;
text-align: right;
}
.atmosphere_box .des_tit{
font-size: 26px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
margin-bottom: 20px;
}
.atmosphere_box .des_txt{
font-size: 16px;
line-height: 2;
}
.atmosphere_box+.atmosphere_box{
margin-top: 90px;
}
.gochi_information{
background: #6e6e6e;
padding: 160px 0 100px;
}
.gochi_information .inner{
max-width: 1300px;
}
.gochi_information .box{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.gochi_information_mx{
width: 580px;
padding-top: 75px;
}
.gochi_information .des{
width: 650px;
}
.gochi_information dl{
display: flex;
justify-content: left;
border-bottom: 1px solid #fff;
}
.gochi_information dl dt{
width: 150px;
font-size: 18px;
color: #fff;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
padding: 20px 0 20px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_information dl dd{
width: calc(100% - 150px);
font-size: 14px;
color: #fff;
padding: 22px 0;
}
.gochi_information_btn{
margin-top: 56px;
display: flex;
justify-content: left;
padding-left: 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_information_btn a{
width: 200px;
line-height: 40px;
border: 1px solid #fff;
padding-left: 28px;
font-size: 15px;
margin-right: 34px;
color: #fff;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn.png) no-repeat right 13px center;
}
a:hover{
text-decoration: none;
}
.gochi_information .des{
position: relative;
}
.gochi_information .des .pos_bg{
position: absolute;
top: -420px;
left: 70px;
width: 160px;
height: 680px;
background: rgba(255,255,255,0.1);
}
.gochi_information .hdo{
padding-left: 20px;
}
.gochi_information .des .iframe_box{
margin-top: 70px;
width: 100%;
}
.gochi_information .des .iframe_box iframe{
width: 100%;
height: 400px;
}
.gochi_gallery{
padding: 125px 0 200px;
background: #000;
}
.gochi_gallery .inner{
max-width: 1300px;
}
.gochi_gallery .hdo{
padding-left: 52px;
}
.gochi_gallery .box{
position: relative;
}
.gochi_gallery .box .pos_bg{
position: absolute;
top: -128px;
left: 70px;
width: 160px;
height: 390px;
background: rgba(255,255,255,0.1);
}
.gochi_gallery_list{
margin-top: 115px;
padding-left: 230px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_gallery_list ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -38px;
}
.gochi_gallery_list li{
margin-bottom: 38px;
max-width: 32%;
}
.gochi_main_logo{
background: #ff8c00;
height: 120px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.gochi_link ul{
display: flex;
justify-content: space-between;
}
.gochi_link_btn{
padding: 65px 0 140px;
text-align: center;
background: #fff;
}
.gochi_link_btn a{
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #fff;
width: 340px;
background: #994b18;
font-family: myfont02;
letter-spacing: 2px;
}
.gochi_news{
padding: 210px 0 100px;
background: #fafafa;
}
.gochi_news .slick-prev{ display:none;
}
.gochi_news .slick-next{ display:none;
}
.gochi_news .tag{
background: #ffde60;
color: #602600;
}
.gochi_news .news_btn a{
background: #994b18;
}
@media screen and (max-width: 767px) {
.gochi_teaser{ background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/gochi/bg_teaser.jpg) no-repeat top center;
-webkit-background-size: cover;
background-size: cover;
height: 95.6vw;
position: relative;
}
.teaser_logo01{
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 100px;
}
.teaser_logo img{
width: 120px;
}
.teaser_txt{
position: absolute;
left: auto;
right: 10px;
top: 50%;
transform: translateY(-60%);
z-index: 2;
width: 90px;
}
#gochi{
background: #000;
color: #fff;
}
.gochi_info .box{
display: block;
justify-content: left;
}
.gochi_info .box .img{
width: 100%;
margin-top: 70px;
padding-top: 0;
}
.gochi_info .box .des{
width: 100%;
margin-top: 20px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-left: 0;
}
.gochi_info .box .des_tit{
font-size: 20px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
color: #fff;
}
.gochi_info{
padding: 40px 0 0;
}
.gochi_info .box .des_txt{
font-size: 14px;
line-height: 2;
margin: 10px 0;
}
.gochi_info .box .des_txt01{
font-size: 12px;
}
.gochi_info .box .des .hdo{
display: none;
}
.gochi_info .sp_tit{
text-align: center;
display: block;
width: 100%;
}
.gochi_information .sp_tit{
text-align: center;
display: block;
width: 100%;
position: relative;
}
.gochi_info .pos_bg{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 220px;
background: rgba(255,255,255,0.1);
}
.gochi_information .pos_bg{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 220px;
background: rgba(255,255,255,0.1);
}
.gochi_foot{
padding: 50px 0;
}
.gochi_foot .inner{
max-width: 100%;
}
.gochi_foot_box{
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_box+.gochi_foot_box{
margin-top: 25px;
}
.gochi_foot_tit{
font-size: 12px;
color: #fff;
padding-left: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.gochi_foot_tit span{
font-size: 18px;
color: #fff;
display: inline-block;
margin-right: 10px;
font-family: myfont03;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_list{
padding: 30px 10px 20px 10px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_foot_list .pos_bg{
display: none;
}
.gochi_foot_list .pos_bg01{
display: none;
}
.gochi_foot_list .pos_bg02{
position: absolute;
bottom: -480px;
left: 565px;
width: 160px;
height: 390px;
background: rgba(255,255,255,0.1);
}
.atmosphere_box .img{
position: relative;
}
.atmosphere_box .img img{
position: relative;
z-index: 4;
}
.atmosphere_box .pos_bg03{
display: none;
position: absolute;
top: -190px;
background: rgba(255,255,255,0.1);
left: 70px;
width: 160px;
height: 700px;
}
.gochi_foot_box ul{
display: block;
position: relative;
z-index: 3;
justify-content: space-between;
}
.gochi_foot_box li{
width: 100%;
}
.gochi_foot_box li+li{
margin-top: 20px;
}
.gochi_foot_box .listtit{
font-size: 18px;
margin: 16px 0 8px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.gochi_foot_box .listtxt{
font-size: 14px;
line-height: 1.6;
}
.gochi_foot_box .listdes_tit{
font-size: 18px;
margin: 0 0 8px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}
.gochi_foot_box .listdes_txt{
font-size: 14px;
margin: 0 0 25px;
line-height: 1.6;
}
.gochi_foot_box .listimg+.listimg{
margin-top: 25px;
}
.atmosphere{
padding: 50px 0 60px;
}
.atmosphere .inner{
max-width: 100%;
}
.atmosphere_tit{
display: block;
position: relative;
width: 100%;
justify-content: flex-end;
margin-bottom: 30px;
text-align: center;
}
.atmosphere_tit .box{
width: 100%;
padding-left: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.atmosphere_tit .pos_bg{
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 220px;
background: rgba(255,255,255,0.1);
}
.atmosphere_box{
display: block;
justify-content: left;
margin-top: 70px;
}
.atmosphere_box .img{
width: 100%;
order: 1;
}
.atmosphere_box .des{
order: 2;
width: 100%;
padding-top: 25px;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.atmosphere_box01 .img{
order: 3;
}
.atmosphere_box01 .des{
padding-left: 0;
padding-right: 0;
text-align: left;
}
.atmosphere_box .des_tit{
font-size: 20px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
margin-bottom: 20px;
}
.atmosphere_box .des_txt{
font-size: 14px;
line-height: 2;
}
.atmosphere_box+.atmosphere_box{
margin-top: 40px;
}
.gochi_information{
background: #6e6e6e;
padding: 50px 0 50px;
}
.gochi_information .inner{
max-width: 100%;
}
.gochi_information .box{
display: block;
}
.gochi_information_mx{
width: 100%;
padding-top: 40px;
}
.gochi_information .des{
width: 100%;
}
.gochi_information dl{
display: flex;
justify-content: left;
border-bottom: 1px solid #fff;
}
.gochi_information dl dt{
width: 90px;
font-size: 15px;
color: #fff;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight: 600;
padding: 10px 0 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_information dl dd{
width: calc(100% - 90px);
font-size: 14px;
color: #fff;
padding: 10px 0;
}
.gochi_information_btn{
margin-top: 30px;
display: flex;
justify-content: space-between;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_information_btn a{
width: 48%;
line-height: 35px;
border: 1px solid #fff;
padding-left: 15px;
font-size: 14px;
margin-right: 0;
color: #fff;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/top02/ico_btn.png) no-repeat right 13px center;
-webkit-background-size: 12px;
background-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a:hover{
text-decoration: none;
}
.gochi_information .des{
position: relative;
}
.gochi_information .des .pos_bg{
display: none;
position: absolute;
top: -420px;
left: 70px;
width: 160px;
height: 680px;
background: rgba(255,255,255,0.1);
}
.gochi_information .hdo{
padding-left: 0;
}
.gochi_information .des .iframe_box{
margin-top: 35px;
width: 100%;
}
.gochi_information .des .iframe_box iframe{
width: 100%;
height: 260px;
}
.gochi_gallery{
padding: 50px 0 50px;
background: #000;
}
.gochi_gallery .inner{
max-width: 1300px;
}
.atmosphere_tit_img{
margin-top: 50px;
}
.gochi_gallery .hdo{
padding-left: 0;
}
.gochi_gallery .box{
position: relative;
}
.gochi_gallery .box .pos_bg{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 220px;
background: rgba(255,255,255,0.1);
}
.gochi_gallery_list{
margin-top: 40px;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gochi_gallery_list ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -10px;
}
.gochi_gallery_list li{
margin-bottom: 10px;
max-width: 49%;
}
.gochi_main_logo{
background: #ff8c00;
height: 120px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.gochi_link ul{
display: block;
justify-content: space-between;
}
.gochi_link_btn{
padding: 35px 0 70px;
text-align: center;
background: #fff;
}
.gochi_link_btn a{
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
width: 320px;
background: #994b18;
font-family: myfont02;
letter-spacing: 2px;
}
.gochi_news{
padding: 120px 0 50px;
background: #fafafa;
}
.gochi_news .slick-prev{
position: absolute;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/gochi/prev.png) no-repeat center center;
-webkit-background-size: 12px;
background-size: 12px;
left: -5px;
top: 110px;
z-index: 9;
}
.gochi_news .slick-next{
position: absolute;
width: 18px;
height: 31px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/gochi/next.png) no-repeat center center;
-webkit-background-size: 12px;
background-size: 12px;
right: -5px;
top: 110px;
z-index: 9;
}
.gochi_news .tag{
background: #ffde60;
color: #602600;
}
.gochi_news .news_btn a{
background: #994b18;
}
}
.newsList {
display: flex;
flex-wrap: wrap;
margin-left: -4rem;
}
.newsList .item {
width: 33.33%;
padding-left: 4rem;
margin: 0 0 4rem;
}
#teaser_other {
background: #FFDE60;
height: 210px;
display: flex;
justify-content: center; align-items: center;
position: relative;
}
#teaser_other .teaser_tit {
font-size: 4rem;
color: #994b18;
font-weight: 500;
}
.bgSelectBox {
background: #DBDBDB;
padding: 35px 20px 30px;
margin: 0 auto 2em;
}
.bgSelectBox .selectList {}
.bgSelectBox .selectList .articleSelect,
.bgSelectBox .selectList .monthSelect {
font-size: 1.6rem;
padding-left: 3rem;
display: inline-block;
line-height: 24px;
}
.bgSelectBox .selectList ul {
margin-left: -50px;
overflow: hidden;
}
.bgSelectBox .selectList ul li {
float: left;
width: 50%;
padding-left: 50px;
box-sizing: border-box;
}
.selectArea {
border-radius: 3px;
width: 70%;
float: right;
line-height: 35px;
cursor: pointer;
overflow: hidden;
position: relative;
}
.selectArea .selectBox {
background: #f8f7f6;
overflow: hidden;
height: 35px;
margin: 0;
}
.selectArea .selectBox span {
display: block;
font-size: 1.2rem;
line-height: 35px;
padding-left: 25px;
}
.selectArea .selectBox select {
position: absolute;
left: 0;
top: 0;
z-index: 3;
height: 35px;
width: 100%;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/bg_select.png) no-repeat 98% center;
appearance: initial;
-webkit-appearance: initial; padding-left: 1rem;
}
.noticeBox .selectArea .selectBox select {}
@media screen and (max-width: 1024px) {
#teaser_other {
height: 100px; }
#teaser_other .teaser_tit {
font-size: 2rem;
}
.newsList {
display: block;
margin-left: 0;
}
.newsList .item {
width: auto;
padding-left: 0;
margin-bottom: 3rem;
}
.bgSelectBox {
padding: 20px;
width: 100%;
box-sizing: border-box;
}
.bgSelectBox .selectList {
padding-top: 0px;
}
.bgSelectBox .selectList ul {
margin-left: 0;
}
.bgSelectBox .selectList ul li {
float: none;
width: 100%;
padding-left: 0;
}
.bgSelectBox .selectList ul li+li {
margin-top: 15px;
}
.bgSelectBox .selectList .articleSelect,
.bgSelectBox .selectList .monthSelect {
margin-bottom: 5px;
background: none;
}
.selectArea {
width: 100%;
float: none;
line-height: 32px;
cursor: pointer;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.selectArea .selectBox {
background-color: #fff;
overflow: hidden;
height: 32px;
margin: 0;
}
.selectArea .selectBox span {
display: block;
font-size: 1.2rem;
line-height: 32px;
padding-left: 10px;
}
}
.gopage{
margin: 80px 0 70px;
}
.gopage a:hover{
text-decoration: none;
}
.gopage .page-numbers{
display: inline-block;
width: 59px;
height: 59px;
color: #1e272e;
text-align: center;
line-height: 59px;
font-weight: 500;
font-size: 18px;
margin-left: 13px;
background: #ffe37a;
}
.gopage .page-numbers:hover {
background-color: #ffd32a;
}
.gopage .page-numbers.current,
.gopage .next.current,
.gopage .pre.current,
.gopage .prev.current{
color: #1e272e;
background-color: #ffa801;
width: 69px;
height: 69px;
line-height: 69px;
}
.gopage .pre,
.gopage .prev{
display: inline-block;
width: 59px;
height: 59px;
background: #ffe37a url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/navi_arrow_left_active.svg) no-repeat center;
margin-right: 30px;
}
.gopage .pre.non,
.gopage .prev.non {
background: #f4f4f4 url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/navi_arrow_left_non.svg) no-repeat center;
}
.gopage .pre:hover,
.gopage .prev:hover{
background-color: #ffd32a;
}
.gopage .next{
display: inline-block;
width: 59px;
height: 59px;
background: #ffe37a url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/navi_arrow_right_active.svg) no-repeat center;
margin-left: 30px;
}
.gopage .next.non {
background: #f4f4f4 url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/common/navi_arrow_right_non.svg) no-repeat center;
}
.gopage .next:hover{
background-color: #ffd32a;
}
@media screen and (max-width: 1024px) {
.gopage {
margin: 5rem 0;
display: flex;
flex-wrap: wrap;
}
.gopage .page-numbers {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.4rem;
margin-left: 7px;
margin-bottom: 5px;
}
.gopage .page-numbers.current,
.gopage .next.current, .gopage .pre.current,.gopage .prev.current {
width: 42px;
height: 42px;
line-height: 42px;
}
.gopage .more {
margin: 0 0px 0 7px;
}
.gopage .pre,
.gopage .prev,
.gopage .next {
width: 35px;
height: 35px;
line-height: 35px;
margin-bottom: 5px;
}
.gopage .pre,
.gopage .prev {
margin-right: 1rem;
}
.gopage .next {
margin-left: 1rem;
}
}
.single_news {
display: table;
width: 100%;
margin-bottom: 7rem;
}
.main_news {
width: 71%;
padding-right: 2%;
display: table-cell;
padding-bottom: 5rem;
}
.main_news a {
color: #ff8c00;
text-decoration: underline;
}
.main_news a:hover {
text-decoration: underline;
}
.side_news {
width: 25%;
padding-left: 2%;
display: table-cell;
border-left: 2px solid #FFE170;
}
.single_ttl {
font-size: 3.2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #707070;
margin-bottom: 1.5rem;
}
.date_detail {
display: flex;
justify-content: space-between;
}
.date_detail .tag_single {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 3rem;
}
.date_detail .tag_single .tag {
width: 125px;
font-size: 1.3rem;
color: #602600;
background: #ffde60;
text-align: center;
padding: 5px 0;
margin-right: 7px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.date_detail .tag_single .tag:hover {
opacity: 0.7;
}
.date_detail .tag_single .tag.palm-springs {
background: #ff8c00;
color: #fff;
}
.date_detail .tag_single .tag.burbank {
background: #804e21;
color: #fff;
}
.date_detail .tag_single .single_date {
flex:1;
margin-left: 2rem;
}
.single_cont img{
display: block;
margin: 0 auto;
}
.counselor_column_cat {
margin-bottom: 3rem;
}
.counselor_column_cat > ul > li > a {
display: block;
font-size: 1.4rem;
color: #602600;
position: relative;
padding-left: 2rem;
}
.counselor_column_cat > ul > li {
padding: 1rem;
background: #ffde60;
border-bottom: 1px solid #fff;
}
.counselor_column_cat > ul > li > a:before {
content: 'â–¶';
color: #602600;
left: 0;
top: 50%;
position: absolute;
transform: translate(0,-50%);
font-size: 1.3rem;
}
.counselor_column_cat .menu-child {
margin-left: 3rem;
margin-bottom: 2rem;
}
.counselor_column_cat .menu-child li a {
display: block;
font-size: 1.4rem;
color: #602600;
position: relative;
padding: 1rem 2rem;
border-bottom: 1px solid #602600;
position: relative;
}
.counselor_column_cat .menu-child li a:before {
content: 'â–¶';
color: #602600;
left: 0;
top: 50%;
position: absolute;
transform: translate(0,-50%);
font-size: 1.3rem;
}
.counselor_column_cat a:hover {
opacity: 0.7;
}
.hdBox05 {
font-size: 2.2rem;
line-height: 1.3;
padding: 0 0px 0.4em;
margin-bottom: 2rem;
color: #ff8c00;
border-bottom: 1px solid #ff8c00;
}
.related_list {
margin-bottom: 3rem;
}
.related_list .item .img {
margin-bottom: 1.5rem;
}
.related_list .item .img img{
width: 100%;
height: 240px;
object-fit: cover;
}
.related_list .item .tit {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.related_list .item .date_time {
margin-bottom: 1.5rem;
text-align: right;
}
.related_list .item .tags {
display: flex;
}
.related_list .item .tags a {
width: 125px;
font-size: 1.3rem;
color: #602600;
background: #ffde60;
text-align: center;
padding: 5px 0;
margin-right: 7px;
display: flex;
justify-content: center;
align-items: center;
}
.related_list .item .tags a.burbank{
background: #804e21;
color: #fff;
}
.related_list .item .tags a.palm-springs{
background: #ff8c00;
color: #fff;
}
.related_list .item .tags .date_time {
font-size: 1.5rem;
font-weight: 500;
display: block;
text-align: center;
margin-left: 5px;
}
@media screen and (max-width: 1024px) {
.single_news {
display: block;
}
.main_news {
width: auto;
display: block;
padding-right: 0;
padding-bottom: 3rem;
}
.single_ttl {
font-size: 2.1rem;
}
.side_news {
width: auto;
padding-left: 0;
border-left: 0;
display: block;
}
.hdBox05 {
font-size: 1.8rem;
}
}
.info {
margin-top: 80px;
padding: 20px;
background-color: #f0f0f0;
margin-bottom: 4rem;
}
.info .list01 {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #cdcdcd;
}
.info .list01 li {
float: left;
width: 33.33%;
}
.info .list02 li {
float: left;
width: 50%;
font-size: 13px;
}
@media all and (min-width: 0) and (max-width: 1024px) {
.info {
margin-top: 4rem;
}
.info .list02 li {
margin-bottom: 10px;
float: none;
width: auto;
font-size: 12px;
text-align: left !important;
}
}
.info .list02 select.select01,
.info .list02 select.select02 {
padding-left: 10px;
width: 200px;
height: 32px;
font-size: 14px;
line-height: 1.84;
color: #565656;
border: 1px solid #000;
}
.info .list02 li .title {
padding-right: 5px;
display: inline-block;
font-size: 14px;
}
.info .list02 select.select01 option,
.info .list02 select.select02 option {
padding-left: 30px;
}
@media all and (min-width: 0) and (max-width: 1024px) {
.info .list02 select.select01,
.info .list02 select.select02 {
margin-top: 5px;
padding-left: 15px;
width: 100%;
height: 32px;
font-size: 14px;
line-height: 1.5;
}
.info .list02 select.select01 option,
.info .list02 select.select02 option {
padding-left: 15px;
}
}
.comBtn01 {
padding: 8px 10px 7px;
width: 218px;
display: inline-block;
font-size: 15px;
text-align: center;
color: #FFF;
font-family: 'Noto Sans JP', sans-serif;
text-decoration: none;
border: 1px solid #646464;
background-color: #646464;
}
.comBtn01:hover {
color: #000;
background-color: #FFF;
}
@media all and (min-width: 0) and (max-width: 1024px) {
.comBtn01 {
padding: 5px;
width: 80%;
display: inline-block;
font-size: 12px;
}
} .comBtn02 {
padding: 8px 10px 7px;
width: 218px;
display: inline-block;
font-size: 15px;
text-align: center;
color: #d7b300;
font-family: 'Noto Sans JP', sans-serif;
text-decoration: none;
border: 1px solid #d7b300;
background-color: #FFF;
}
.comBtn02:hover {
color: #000;
background-color: #d7b300;
}
@media all and (min-width: 0) and (max-width: 1024px) {
.comBtn02 {
padding: 5px;
width: 80%;
display: inline-block;
font-size: 12px;
}
}
 .hdM {
position: relative;
border-top: 1px dotted #ffffff;
margin:  0 0 4.5rem 0;
}
.hdM span{
display: inline-block;
font-size: 2.8rem;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 2;
background: #ff8c00;
padding: 0 3.5rem;
}
@media screen and (max-width: 767px) {
.hdM {
margin:  0 0 3rem 0;
}
.hdM span{
font-size:2rem;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 2;
background: #ff8c00;
padding: 0 1.5rem;
}
}
.hdXL {
font-size: 5rem;
line-height: 4.5rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.hdXL {
font-size: 4rem;
}
}
.hdL {
text-align: center;
margin:2rem 0 2rem 0;
}
.hdL .title{
color:#994b18;
display: inline-block;
font-size: 3.4rem;
background: none;
padding: 0 3.5rem;
}
@media screen and (max-width: 767px) {
.hdL .title{
font-size: 2rem;
padding: 0 0.5rem; }
}
.hdM02 {
font-size: 3rem;
line-height: 1.2;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.hdM02 {
font-size: 2em;
}
}
.hdS {
font-size: 2.2rem;
line-height: 1.2;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.hdS {
font-size: 1.5rem;
}
}
.hdS10 {
margin:0 auto 1em;
font-size:2rem;
background:#fff;
border:2px dotted #000000;
text-align:center;
padding:0.8rem 0;
position:relative;
}
@media screen and (max-width: 767px) {
.hdS10 {
max-width:370px;
font-size:1.5rem;
color:#033497;
background:#fff;
border:2px dashed #179ec2;
text-align:center;
padding:0.4rem 0;
position:relative;
}
} .hdBox01_1 {
font-size: 2rem;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/PIE.htc);
line-height: 1.3;
padding: 16px 12px 21px;
margin-bottom: 2.5rem;
color:#FFFFFF;
background-color:#ff8c00;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.hdBox01_1:after {
content: '';
display: block;
margin: 20px auto -31px;
width: auto;
height: 9px;
}
@media screen and (max-width: 767px) {
.hdBox01_1 {
padding: 10px 14px;
font-size: 1.8rem;
}
.hdBox01_1:after {
content: '';
display: block;
margin: 11px auto -31px;
width: auto;
height: 20px;
background-size:340px 5px;
}
}
.hdBox01_2 {
font-size: 2rem;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/PIE.htc);
line-height: 1.3;
padding: 16px 12px 21px;
margin-bottom: 2.5rem;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #602600;
background: #ffde60;
}
@media screen and (max-width: 767px) {
.hdBox01_2 {
padding: 10px 14px;
font-size: 1.8rem;
}
}
.hdBox01_3 {
font-size: 2rem;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/PIE.htc);
line-height: 1.3;
padding: 16px 12px 21px;
margin-bottom: 2.5rem;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #804e21;
color: #fff;
}
@media screen and (max-width: 767px) {
.hdBox01_3 {
padding: 10px 14px;
font-size: 1.8rem;
}
}
.hdBox02 {
font-size: 2.0rem;
text-align:left;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/PIE.htc);
line-height: 1.3;
padding: 16px 12px;
margin-bottom: 2rem;
background:#e9e9e9 url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_tit02.gif) left center no-repeat;
}
@media screen and (max-width: 767px) {
.hdBox02 {
font-size: 1.6rem;
padding: 10px 18px;
}
}
.hdBox03 {
font-size: 1.8rem;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/PIE.htc);
line-height: 1.3;
padding: 16px 12px;
margin-bottom: 1em;
background-color:#ff8c00;
margin-bottom: 1.5em;
color: #fff;
}
.hdBox03 span{
background: #F5E200;
font-size: 1.5rem;
color: #FFF;
text-align: center;
padding: 5px 10px 3px 10px;
left: -25px;
top: -1px;
float: left;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
line-height: 1.2;
}
@media screen and (max-width: 767px) { .hdBox03 span{
font-size: 1.2rem;
text-align: center;
width:50%;
min-width:200px;
padding:2px 3px 4px;
left: 0px;
top: 0px;
float: none;
margin-bottom: 4px;
position: relative;
display:block;
}
}
.hdBox04 {
font-size: 1.8rem;
padding: 5px 10px;
margin-bottom: 2rem;
background:#ff8c00;
color: #fff;
}
@media screen and (max-width: 767px) {
.hdBox04 {
padding: 5px 10px;
}
}
.hdM01 {
color:#000;
font-size: 2.4rem;
line-height: 1.2;
padding: 8px 0;
margin-bottom: -0.5em;
display:block;
overflow:hidden;
}
.hdM01:before {
border-bottom: 1px solid #ff8c00;
content: "";
display: block;
position: absolute;
height: 1px;
margin-top: -10px;
width: 50px;
}
@media screen and (max-width: 767px) {
.hdM01 {
font-size: 1.6rem;
line-height: 1.3;
overflow:hidden;
}
.hdM01:before {
border-bottom: 1px solid #5d5d5d;
content: "";
display: block;
position: absolute;
height: 1px;
margin-top: -10px;
width: 50px;
}
}
.hdM02 {
font-size:27px;
line-height: 1.2;
padding: 8px 0;
margin-bottom:0.5em;
}
.hdM02:after {
border-bottom: 1px solid #ff8c00;
content: "";
display: block;
position: absolute;
height: 1px;
margin-top: 8px;
width: 50px;
}
@media screen and (max-width: 767px) {
.hdM02 {
font-size: 1.6rem;
line-height: 1.3;
margin-bottom:8px;
}
.hdM02:after {
border-bottom: 1px solid #333;
content: "";
display: block;
position: absolute;
height: 1px;
width: 50px;
}
}
.hdM03 {
font-size: 22px;
text-align:center;
line-height:1.3;
margin-bottom:1em;
}
.hdM03 span{
font-size:14px;
display:block;
font-weight:normal;
}
.hdM03 span:before {
content: '';
display: block;
margin: 5px auto 8px;
width: 50px;
border-top: 1px solid #ff8c00;
}
@media screen and (max-width: 767px) {
.hdM03 {
font-size:20px;
}
}
.hdM04 {
color:#000;
font-size:27px;
text-align:center;
line-height:1.3;
padding-top:20px;
margin-bottom:1em;
}
.hdM04:after {
content: '';
display: block;
margin: 0.1em auto 0.5em;
width: 114px;
height: 20px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/tit_deco.png) no-repeat;
}
@media screen and (max-width: 767px) {
.hdM04 {
font-size:20px;
padding-top:10px;
background-size:340px 5px;
}
}
.hdS03 {
font-size: 25px;
line-height: 1.1;
margin-bottom: 0.8em;
}
@media screen and (max-width: 767px) {
.hdS03 {
font-size: 20px;
}
}
.hdComment{
font-size:1.3rem;
color:#ff8c00;
margin-top:2em;
margin-bottom:1em;
}
@media screen and (max-width: 767px) {
}
.hdM05 {
font-size:25px;
text-align:center;
line-height:1.3;
padding-top:20px;
margin-bottom:1em;
}
.hdM05 .tit {
display:block;
font-size:1.3rem;
position:relative;
}
.hdM05 .tit:before {
content: '';
display: block;
margin: 0.1em auto 0.5em;
width: 114px;
height: 20px;
top:0;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/tit_deco.png) center top no-repeat;
}
@media screen and (max-width: 767px) {
.hdM05 {
font-size:20px;
padding-top:10px;
background-size:340px 5px;
}
}
.hdM06 {
font-size: 23px;
margin-bottom: 20px;
color: #ff8c00;
}
@media screen and (max-width: 767px) {
.hdM06 {
font-size: 19px;
}
}
 a .iconMail {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_email.png) left 4px no-repeat;
padding-left: 22px;
background-size: 16px;
}
a:hover .iconMail {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_email_hover.png) left 4px no-repeat;
padding-left: 22px;
background-size: 16px;
} .iconFlag {
position: absolute;
width: 135px;
margin: 17px 0 0 -11px;
}
.iconFlagSide {
position: absolute;
right: -4px;
margin-top: 18px;
width: 66px;
}
@media screen and (max-width: 767px) {
.iconFlagSide {
position: absolute;
right: -8px;
margin-top: 16px;
width: 90px;
}
} .anime01 {
width:90px;
height:90px;
-webkit-animation: anime01 10s linear infinite;
animation: anime01 10s linear infinite;
}
@-webkit-keyframes anime01 {
0%	{ -webkit-transform: rotate(-0deg); }
100%	{ -webkit-transform :rotate(360deg); }
}
@keyframes anime01 {
0%	{ transform: rotate(-0deg); }
100%	{ transform :rotate(360deg); }
} .iconHome {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_home_off.png) left 0.2em no-repeat;
padding-left: 15px;
background-size: 10px;
}
a:hover .iconHome {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_home.png) left 0.2em no-repeat;
padding-left: 15px;
background-size: 10px;
}
.iconHomeSP {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_home.png) 98% center no-repeat;
background-size: 11px auto;
padding: 12px 8px 10px 10px;
font-size: 18px;
cursor: pointer;
font-weight: normal;
background-color: #f5f4ed;
color: #333;
border-bottom: 1px solid #dcdbd4;
} .ico_zoom {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_zoom.svg) 0 center no-repeat;
background-size:16px 16px;
color: #ff8c00!important;
padding-left: 19px;
display: inline-block;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.ico_zoom {
margin-right: 20px;
}
} .no {
font-family: Arial, Helvetica, sans-serif;
background: #ff8c00;
font-size: 13px;
font-weight: normal;
color: #FFF!important;
text-align: center;
width: 18px;
height: 18px;
left: 0;
top: 3px;
float: left;
margin-right: 8px;
padding-top: 2px;
margin-bottom: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
.no {
font-size: 12px;
width: 18px;
height: 15px;
padding-top:3px;
left: 0;
top: 1px;
}
} .iconPro01 {
display: inline-block;
font-size: 13px;
color: #FFF!important;
text-align: center;
background: #ff8c00;
min-width: 80px;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.iconPro02 {
display: inline-block;
font-size: 13px;
color: #FFF!important;
text-align: center;
background: #F5E200;
min-width: 80px;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.iconPro03 {
display: inline-block;
font-size: 13px;
text-align: center;
background: #006498;
min-width: 80px;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #b3b9bf;
} .iconNW {
padding: 0px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_nw.gif) 97% center no-repeat;
text-decoration: none;
}
.iconNW:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.iconNW {
padding: 0px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_nw.gif) 97% center no-repeat #FFF!important;
text-decoration: none;
}
.iconNW:hover {
text-decoration: none;
background-color: #F3F3F3!important;
}
} .link01 {
font-size: 1.6rem;
padding: 0 15px 0 0;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right center no-repeat;
background-size: 10px 10px;
padding-right: 10px;
color: #ff8c00;
}
.link01:hover {
text-decoration: underline;
}
.link02 {
font-size: 1.6rem;
padding: 1px 15px 0 0;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_nw.svg) right center no-repeat;
background-size: 9px 9px;
padding-right: 12px;
text-decoration: none;
color: #ff8c00;
}
.link02:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.link01, .link02 {
font-size: 1.4rem;
}
} .btnLarge01 a {
width:60%;
margin: 0 auto;
font-size: 1.6rem;
display: block;
padding: 25px 27px;
color: #ff8c00!important;
text-decoration: none;
text-align: center;
margin-bottom: 0.5em;
background-color:#FFF;
border:1px solid #ff8c00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnLarge01 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right 4px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge01 a:hover {
color: #FFF!important;
background:#ff8c00;
border:1px solid #ff8c00;
}
.btnLarge01 a:hover span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right 4px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
@media screen and (max-width: 767px) {
.btnLarge01 a {
padding: 10px;
}
} .btnLarge02 a {
width:60%;
margin: 0 auto;
font-size: 1.6rem;
display: block;
padding: 25px 27px;
color: #FFF!important;
text-decoration: none;
text-align: center;
margin-bottom: 0.5em;
background-color:#ff8c00;
border:1px solid #ff8c00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnLarge02 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge02 a:hover {
color: #ff8c00!important;
background:#FFF;
border:1px solid #ff8c00;
}
.btnLarge02 a:hover span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
@media screen and (max-width: 767px) {
.btnLarge02 a {
padding: 10px;
}
} .btnLarge03 a {
width:60%;
margin: 0 auto;
font-size: 1.6rem;
display: block;
padding: 25px 27px;
color: #602600!important;
text-decoration: none;
text-align: center;
margin-bottom: 0.5em;
background-color:#ffde60;
border:1px solid #ffde60;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnLarge03 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_brown.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge03 a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_brown.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge03 a:hover {
color: #602600!important;
background:#fff;
border:1px solid #602600;
}
@media screen and (max-width: 767px) {
.btnLarge03 a {
padding: 10px;
}
} .btnLarge04 a {
font-size: 1.6rem;
display: block;
padding: 25px 27px;
color: #FFF!important;
text-decoration: none;
text-align: center;
margin-bottom: 0.5em;
background-color:#ff8c00;
border: 1px solid #ff8c00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnLarge04 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge04 a:hover {
color: #ff8c00!important;
background-color:#FFF;
border: 1px solid #ff8c00;
}
.btnLarge04 a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
@media screen and (max-width: 768px) {
.btnLarge04 a {
padding: 10px;
font-size: 1.3rem;
}
} .btnLarge05 a {
width:60%;
margin: 0 auto;
font-size: 1.6rem;
display: block;
padding: 25px 27px;
color: #FFF!important;
text-decoration: none;
text-align: center;
margin-bottom: 0.5em;
background-color:#804e21;
border:1px solid #804e21;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnLarge05 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnLarge05 a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.btnLarge05 a {
padding: 10px;
font-size: 1.6rem;
}
} .btnList {
overflow: hidden;
margin-bottom: 0.5em;
margin-top: 0.8em;
}
.btnList li {
float: left;
margin-bottom:0px;
width: 49.6%;
}
.btnList li:nth-child(2) {
float:right;
}
.btnList li:nth-child(4) {
float:right;
}
@media screen and (max-width: 767px) {
.btnList {
overflow: hidden;
}
.btnList li {
margin: 0;
}
.btnList li:last-child {
margin:0px;
}
} .btnMid01 a {
font-size: 1.6rem;
width:240px;
margin:0 auto 0.5em;
display: block;
padding: 10px;
text-decoration: none;
text-align: center;
background:#FFF;
color: #ff8c00;
border:1px solid #ff8c00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnMid01 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}.btnMid01 a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right 5px no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnMid01 a:hover {
color: #FFF!important;
text-decoration: none!important;
border: 1px solid #ff8c00;
background:#ff8c00;
}
@media screen and (max-width: 767px) {
} .btnMid02 a {
font-size: 1.6rem;
width:240px;
margin:0 auto 0.5em;
display: block;
padding: 10px;
color: #FFF!important;
text-decoration: none;
text-align: center;
background:#ff8c00;
border:1px solid #ff8c00;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnMid02 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}.btnMid02 a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnMid02 a:hover {
color: #ff8c00!important;
text-decoration: none!important;
border: 1px solid #ff8c00;
background:#f5f0e1;
}
@media screen and (max-width: 767px) {
} .btnMid03 a {
font-size: 1.6rem;
width:240px;
margin:0 auto 0.5em;
border: 1px solid #ffde60;
display: block;
padding: 10px;
color: #602600;
text-decoration: none;
text-align: center;
background:#ffde60;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnMid03 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_brown.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnMid03 a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_brown.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnMid03 a:hover {
background:#fff;
}
@media screen and (max-width: 767px) {
} .btnMid04 a {
font-size: 1.6rem;
width:240px;
margin:0 auto 0.5em;
border: 1px solid #804e21;
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
text-align: center;
background:#804e21;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btnMid04 a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right center no-repeat;
background-size:6px 15px;
padding-right: 12px;
}
.btnMid04 a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
} .btnSmall02 {
margin-bottom: 20px;
}
.btnSmall02 a {
margin: 0 auto 20px;
text-align: center;
font-size: 1.8rem;
color: #6b6b6b!important;
text-decoration: none;
width: 250px;
display: block;
box-sizing: border-box;
margin-bottom: 0.2em;
padding: 8px 0;
background: #FFF;
border: 2px solid #f4f1ea;
}
.btnSmall02 a:hover {
background: #f4f1ea;
border: 2px solid #f4f1ea;
}
.btnSmall02 a span {
display: inline-block;
padding: 4px 10px 4px 0;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bk.gif) center right no-repeat;
}
.btnSmall02 a:hover span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bk.gif) center right no-repeat;
}
@media screen and (max-width: 767px) {
.btnSmall02 {
margin-bottom: 10px;
}
} .btnSmall03 a {
margin: 0 auto;
text-align: center;
font-size: 13px;
color: #6b6b6b!important;
text-decoration: none;
width: 250px;
display: block;
box-sizing: border-box;
margin-bottom: 15px;
padding: 8px 0;
background: #f4f1ea;
border: 2px solid #f4f1ea;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btnSmall03 a:hover {
background: #FFF;
border: 2px solid #f4f1ea;
}
.btnSmall03 a span {
display: inline-block;
padding: 4px 10px 4px 0;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bk.gif) center right no-repeat;
}
.btnSmall03 a:hover span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bk.gif) center right no-repeat;
} .btn01Geen a {
text-align: center;
margin: 24px auto 24px auto;
font-size: 12px;
display: block;
padding: 14px 8px;
color: #FFFFFF!important;
text-decoration: none;
background: #2dbe60;
width: 50%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btn01Geen a:hover {
text-decoration: none;
background: #14d272!important;
text-decoration: none!important;
}
.btn01Geen a span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_btn.png) left center no-repeat;
padding-left: 18px;
background-size: 14px;
}
@media screen and (max-width: 767px) {
.btn01Geen a {
line-height: 18px;
text-align: center;
margin: 12px auto 12px auto;
font-size: 15px;
width: 60%;
}
.btn01Geen a span {
padding-right: 10px;
}
}
.others_page {
font-size: 1.6rem;
}
.others_page table {
font-size: 1.6rem;
}
.others_page img {
border-radius: 15px;
}
.others_page #teaser {
background: #fff;
padding: 3.5rem 0;
text-align: center;
height: auto;
}
.others_page #teaser .tit {
font-size: 42px;
color: #ff8c00;
}
.others_page #teaser .txt {
font-size: 18px;
} @media screen and (max-width: 767px) {
#breadcrumb{
}
}
@media screen and (max-width: 767px) {
.others_page #teaser .tit {
font-size: 2rem;
}
.others_page #teaser .txt {
font-size: 1.6rem;
}
}
.bg_green {
background-color: #0fb9b1 !important;
}
.bg_blue {
background-color: #3867d6 !important;
}
.bg_orange {
background-color: #ff8c00 !important;
}
.bg_orange_light {
color: #602600 !important;
background: #ffde60 !important;
}
.bg_brown {
background-color: #804e21 !important;
color: #fff;
}
.bg_pink {
background-color: #ff8c00 !important;
}
.color_orange {
color: #ff8c00 !important;
}
.color_pink {
color: #eb3b5a !important;
}
.color_blue {
color: #3867d6 !important;
}
.color_green {
color: #0fb9b1 !important;
}
.brd_blue {
border-color: #3867d6 !important;
}
.brd_orange {
border-color: #ff8c00 !important;
}
.brd_orange_light {
border-color: #ffde60 !important;
color: #602600 !important;
}
.brd_bg_brown {
border-color: #804e21 !important;
color: #804e21 !important;
}
.brd_green {
border-color: #0fb9b1 !important;
}
.brd_pink {
border-color: #ff8c00 !important;
} .commonParts {
padding: 40px 0 80px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.commonParts {
font-size: 1.4rem;
}
}
.commonParts .topnews {
padding: 20px 0 26px;
}
.noSpace {
margin-bottom: 0.5em;
} .tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
width: 100%;
margin: 0 auto;
} .tab_item {
width: calc(85%/3);
height: 50px;
background-color: #ecf0f1;
line-height: 50px;
font-size: 14px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
cursor: pointer;
border-right: 1px solid #dfdfdf;
border-top: 1px solid #ecf0f1;
}
.tab_item:hover {}
@media screen and (max-width: 767px) {
.tab_item {
width: calc(90%/3);
font-size: 11px;
}
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #all:checked~#all_content,
#programming:checked~#programming_content,
#design:checked~#design_content {
display: block;
} .tabs input:checked+.tab_item {
background-color: #FFF;
color: #333;
border-top: 2px solid #ff8c00;
} .twoImgColumn02 {}
.twoImgColumn02 .show {
width: 100%;
}
.twoImgColumn02 .show ul {
margin-left: -40px;
}
.twoImgColumn02 .show ul li {
float: left;
width: 50%;
padding-left: 40px;
box-sizing: border-box;
margin-bottom: 2em;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox {
display: -webkit-box;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
max-height: 304px;
overflow: hidden;
margin-bottom: 0.8em;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox img {
height: auto;
}
.twoImgColumn02 .show ul li .imgColumnBox img {
max-height: inherit;
display: block;
width: inherit;
margin: 0 auto;
}
.twoImgColumn02 .show ul li .img span {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.twoImgColumn02 .show ul li .showTit {
padding-left: 10px;
font-size: 1.8rem;
line-height: 17px;
border-left: 5px #ff8c00 solid;
margin-bottom: 0.5em;
}
.twoImgColumn02 .show ul li .showTit span {
display: block;
font-size: 12px;
line-height: 15px;
margin-top: 6px;
}
.twoImgColumn02 .show ul li .showTit02 {
font-size: 19px;
color: #ff8c00;
margin-bottom: 13px;
}
.twoImgColumn02 .show ul li .columnTxt {
margin-bottom: 0.5em;
line-height: 2em;
text-align: justify;
text-justify: inter-word;
}
@media screen and (max-width: 767px) {
.twoImgColumn02 .show ul {
margin-left: 0px;
}
.twoImgColumn02 .show ul li {
float: none;
width: 100%;
padding-left: 0px;
padding-bottom: 1.5em;
margin: 25px 0 0 0;
border-bottom: 1px solid #cccccc;
}
.twoImgColumn02 .show ul li .showTit {
display: block;
padding-right: 0px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.twoImgColumn02 .show ul li .showTit02 {
font-size: 17px;
}
.twoImgColumn02 .show ul li .showTit a span {
font-weight: normal;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox {
display: none;
}
} .topInfo {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 1.5em;
}
.topInfoList {
border-top: 1px solid #e5e5e5;
}
.topInfoList ul li {
position: relative;
border-bottom: 1px solid #e5e5e5;
}
.topInfoList ul li a:before {
position: absolute;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) 0 0 no-repeat;
width: 5px;
height: 10px;
top: 50%;
margin-top: -3px;
right: 11px;
content: "";
z-index: 2;
}
.topInfoList ul li a {
text-decoration: none;
color: #ff8c00;
}
.topInfoList ul li a:hover div {
text-decoration: underline;
}
.topInfoList ul li .topInfoDate {
float: left;
font-size: 1.4rem;
padding: 14px 30px 8px 0;
overflow: hidden;
}
.topInfoList ul li .topInfoDate span.news {
padding: 0.5rem 1.1em 0.3rem;
text-align: center;
display: block;
float: right;
margin-left: 10px;
color: #FFF;
background: #ff8c00;
line-height: initial;
line-height: 1.2;
}
.topInfoList ul li .topInfoDate span.news img {
width: 60px;
}
.topInfoList ul li .topInfoTxt {
font-size: 1.4rem;
overflow: hidden;
padding: 14px 30px 8px 0;
box-sizing: border-box;
}
.topInfoList ul li .topInfoTxt .textNews {
font-size: 1.4rem;
text-align: justify;
text-justify: inter-word;
}
.topInfoList ul li .topInfoTxt span.tit {
font-size: 1.6rem;
margin-bottom: 0.5rem;
display: block;
}
.topInfoList ul li .topInfoTxt a {
color: #333;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.topInfo {}
.topInfoList {
padding-right: 5px;
}
.topInfoList ul li:before {
position: absolute;
background-size: 9px 17px;
width: 15px;
height: 17px;
top: 50%;
margin-top: -9px;
right: 0;
content: "";
z-index: 2;
}
.topInfoList ul li .topInfoDate {
padding: 8px 10px 0;
}
.topInfoList ul li .topInfoDate span.news {}
.topInfoList ul li .topInfoTxt {
padding: 6px 22px 9px 10px;
line-height: 1.75;
display: inline-block;
}
.topInfoList ul li .topInfoTxt span.tit {
line-height: 1.3;
}
} .step dl {
padding: 18px 0px;
overflow: hidden;
border-top: #e5e5e5 dotted 1px;
}
.step dl dt {
float: left;
width: 90px;
height: 140px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bm.svg) center bottom no-repeat;
text-align: center;
background-size: 15px 15px;
}
.step dl dt .stepBox {
color: #FFF;
background-color: #ff8c00;
padding: 15px 5px 15px 5px;
border-top: #fff 1px solid;
border-radius: 5px;
}
.step dl dt .stepBox .titStepEng {
font-size: 14px;
font-weight: normal;
font-family: "Arial", Gadget, sans-serif;
color: #fff;
}
.step dl dt .stepBox .titStepEng:after {
border-bottom: 1px solid #fff;
content: "";
display: block;
position: relative;
height: 1px;
width: 20px;
margin: 0.1em auto 0;
}
.step dl dt .stepBox .titStep {
font-size: 15px;
margin-top: 10px;
line-height: 1.3;
font-weight: normal;
}
.step dl dd {
float: right;
width: 85%;
}
.step dl dd p {
margin-top: -6px;
}
.step dl dd .photo {
width: 300px;
float: right;
margin-left: 20px;
text-align: center;
}
.step dl dd .photo img {
max-height: 160px;
}
@media screen and (max-width: 767px) {
.step dl {
margin: 0 0 5px 0;
padding-bottom: 10px;
display: block;
width: 100%;
}
.step dl dt {
width: 100%;
height: auto;
line-height: 1.5;
background: none;
float: none;
margin: 0 0 15px 0;
background: none;
background-size: 15px;
text-align: left;
}
.step dl dt .stepBox {
font-weight: normal;
padding: 5px;
border-top: none;
overflow: hidden;
}
.step dl dt .stepBox .titStepEng {
font-size: 12px;
float: left;
margin-right: 10px;
color: #000;
padding: 3px 10px;
background-color: #FFF;
}
.step dl dt .stepBox .titStepEng:after {
display: none;
}
.step dl dt .stepBox .titStep {
font-size: 18px;
margin-top: 2px;
line-height: 1.2;
float: left;
}
.step dl dd {
float: none;
width: 100%;
padding-bottom: 20px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_point_bm.svg) center bottom no-repeat;
background-size: 15px 15px;
}
.step dl dd .photo {
float: right;
width: 100px;
margin-top: 3px;
margin-bottom: 10px;
}
}
.boxWrapper {
background-color: #FFFFFF;
padding: 30px;
margin-top: 2em;
}
@media screen and (max-width: 767px) {
.boxWrapper {
padding: 0px;
}
} .twoColItem {
overflow: hidden;
margin-bottom: 50px;
}
.twoColItemImgL {
float: left;
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
}
.twoColItemImgR {
float: right;
margin-left: 20px;
margin-bottom: 10px;
display: inline-block;
}
.twoColItemImgL img,
.twoColItemImgR img {
max-height: 210px;
height: auto;
margin-top: 6px;
}
.twoColItemTxt {
margin-bottom: 0.5em;
line-height: 1.8; overflow: hidden;  }
@media screen and (max-width: 767px) {
.twoColItem {
margin: 0 auto 30px auto;
}
.twoColItemImgL {
float: none;
margin: 0 auto 10px auto !important;
text-align: center;
display: block;
max-width: inherit;
}
.twoColItemImgL span {
text-align: center !important;
}
.twoColItemImgR {
float: none;
margin: 0 auto 10px auto;
text-align: center;
display: block;
max-width: inherit;
}
.twoColItemImgR span {
text-align: center !important;
}
.twoColItemTxt {
margin-left: 0px;
margin-right: 0px;
}
.twoColItemImgL img,
.twoColItemImgR img {
max-width: 100%;
margin: 0 auto 0 auto;
}
} .twoImgColumn {
margin-bottom: 0.5em;
}
.twoImgColumn ul {
overflow: hidden;
margin-left: -2rem;
}
.twoImgColumn ul li {
float: left;
width: 50%;
}
.twoImgColumn ul li .imgColumnBox {
display: block;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
margin-left: 2rem;
}
.twoImgColumn .imgColumnBox .columnImg {
text-align: center;
}
.twoImgColumn .imgColumnBox .columnImg img {
max-height: 280px;
}
.twoImgColumn .columnTit {
font-size: 18px;
color: #000;
line-height: 1.2;
padding: 15px 0 10px 10px;
position: relative;
text-align: center;
}
@media screen and (max-width: 767px) {
.twoImgColumn {
overflow: hidden;
}
.twoImgColumn ul {
margin-left: 0;
}
.twoImgColumn ul li .imgColumnBox {
border: 1px solid #ff8c00;
margin-left: 0;
padding: 5px;
}
.twoImgColumn ul li:nth-child(2n) .imgColumnBox {
border-left: 0;
}
.twoImgColumn .imgColumnBox .columnImg img {
max-height: 170px;
display: block;
width: auto;
margin: 0 auto;
}
.twoImgColumn .columnTit { margin-bottom: 1rem;
text-align: center;
padding: 10px 0 5px 0px;
}
} .threeImgColumn {
overflow: hidden;
margin-bottom: 15px;
}
.threeImgColumn ul {
overflow: hidden;
margin-left: -2rem;
}
.threeImgColumn ul li {
float: left;
width: 31%;
}
.threeImgColumn ul li .imgColumnBox {
display: block;
margin-left: 6rem;
}
.threeImgColumn .columnTit {
color: #000;
font-size: 18px;
line-height: 1.2;
padding: 15px 0 10px 10px;
margin-bottom: 5px;
position: relative;
text-align: center;
}
.threeImgColumn .imgColumnBox .columnImg img {
max-height: 150px;
display: block;
width: inherit;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.threeImgColumn ul {
margin-left: 0;
}
.threeImgColumn ul li {
float: none;
width: 100%;
}
.threeImgColumn ul li .imgColumnBox {
margin-left: 0;
padding: 0.5rem;    margin-bottom: 30px;
}
.threeImgColumn ul li:nth-child(3) .imgColumnBox { }
.threeImgColumn ul li:last-child .imgColumnBox {
border-bottom: 1px solid #e9e7e3;
}
.threeImgColumn .columnTit { margin-bottom: 1rem;
line-height: 1.2;
padding: 10px 0 3px 0px;
position: relative;
text-align: center;
}
.threeImgColumn .imgColumnBox .columnImg img {
max-height: 210px;
}
} .fourImgColumn {
overflow: hidden;
margin-bottom: 1.5em;
}
.fourImgColumn ul {
overflow: hidden;
margin-left: -1.5rem;
}
.fourImgColumn ul li {
float: left;
width: 25%;
}
.fourImgColumn ul li .imgColumnBox {
display: block;
margin-left: 1.5rem;
}
.fourImgColumn .columnTit {
color: #000;
font-size: 1.5rem;
text-align: center;
line-height: 1.2;
padding: 10px 10px 0em;
margin-bottom: 0.5em;
position: relative;
}
.fourImgColumn .imgColumnBox .columnImg img {
max-height: 150px;
display: block;
width: inherit;
margin: 0 auto;
}
.columnTxt {
line-height: 1.8;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.fourImgColumn ul {
margin-left: 0;
}
.fourImgColumn ul li {
float: left;
width: 50%;
}
.fourImgColumn ul li .imgColumnBox { padding: 0.5rem 0.5rem 1.5rem 0.5rem;
margin-left: 0;
}
.fourImgColumn ul li:nth-child(2n) .imgColumnBox {
border-left: 0;
}
.fourImgColumn .columnTit {
font-size: 1.6rem;
line-height: 1.2;
padding: 10px 0 3px 0px;
position: relative;
text-align: center;
}
.fourImgColumn .imgColumnBox .columnImg img {
max-height: 120px;
}
.columnTxt {
line-height: 1.6;
font-size: 1.4rem;
}
} .threeColumnBL {
overflow: hidden;
margin-bottom: 2em;
}
.threeColumnBL .arrow_box {
text-align: center;
position: relative;
background: #ff8c00;
color: #FFF;
padding: 1em 1em 1em;
font-size: 16px;
line-height: 1.3; margin-bottom: 1em;
border-radius: 7px;
}
.threeColumnBL .arrow_box:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(28, 41, 81, 0);
border-top-color: #ff8c00;
border-width: 10px;
margin-left: -10px;
}
.threeColumnBL .BltextBox {
width: 30%;
height: 100%;  float: left;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
margin-left: 23px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
} .threeColumnBL .BltextBox img {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.threeColumnBL .BltextBox {
width: 100%;
height: auto !important;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 3rem;
border-right: none;
}
.threeColumnBL .BltextBox:first-child {
margin-left: 0;
}
.threeColumnBL .BltextBox:last-child {
border-right: none;
padding-right: 0px;
}
.threeColumnBL .BltextBox img {
max-height: 210px;
}
} .dlBox {
overflow: hidden;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
margin-bottom: 1.3rem;
}
.dlBoxTxt dl {
overflow: hidden;
}
.dlBoxTxt dl dt {
color: #000;
width: 120px;
float: left;
border-top: 1px solid #ff8c00;
margin-right: 15px;
padding: 10px 0;
}
.dlBoxTxt dl dd {
overflow: hidden;
border-top: 1px solid #e5e5e5;
padding: 10px 0;
}
.dlBoxImg {
float: right;
width: 240px;
margin-left: 20px;
}
.dlBoxTxt {
padding-left: 5px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.dlBoxImg {
float: none;
width: 100%;
margin-left: 0;
text-align: center;
}
.dlBoxTxt {
padding-left: 0;
margin-top: 10px;
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
.dlBoxTxt dl dt {
width: 100%;
float: none;
border-top: 1px solid #e5e5e5;
margin-right: 15px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 10px 0;
}
.dlBoxTxt dl dd {
overflow: hidden;
border-top: 1px solid #e5e5e5;
padding: 10px 0;
}
} .dlBoxTxt dl:first-child dt,
.dlBoxTxt dl:first-child dd {
border-top: 0;
padding: 0 0 10px;
}
@media screen and (max-width: 767px) {
.dlBoxTxt dl:first-child dd {
border-top: 1px solid #e5e5e5;
padding: 10px 0;
}
} .txtBox01 {
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 5px solid #ff8c00;
background: #fff;
padding: 10px 16px;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
margin-bottom: 5rem;
}
.txtBox02 {
overflow: hidden;
padding: 10px 16px;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
border-top: #e5e5e5 solid 1px;
margin-bottom: 5rem;
background: #e9e9e9;
}
.txtBox03 {
overflow: hidden;
box-sizing: border-box;
border: 3px solid #ff8c00;
background: #fff;
padding: 10px 16px;
margin-bottom: 50px;
}
.txtBox04 {
overflow: hidden;
background: #ff8c00;
padding: 10px 16px;
margin: 0px 0px 20px 0px;
color: #FFF;
margin-bottom: 5rem;
}
.txtBoxBase {
overflow: hidden;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.txtBox01,
.txtBox02,
.txtBox03,
.txtBox04 {
margin-bottom: 3rem;
}
.txtBox02 {
overflow: hidden;
box-sizing: border-box;
padding: 10px 16px;
box-shadow: inset 0 0 0 1px #e5e5e5;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
margin: 0px 0px 0.5em 0px;
border-top: #CCCCCC solid 1px;
}
.txtBox04 {
padding: 10px 16px;
margin: 0px 0px 20px 0px;
color: #FFF !important;
}
} .twoTxtColumn {
width: 49%;
float: left;
}
.twoTxtColumn+.twoTxtColumn {
float: right;
}
@media screen and (max-width: 767px) {
.twoTxtColumn {
width: 100%;
float: none;
}
.twoTxtColumn+.twoTxtColumn {
float: none;
margin-top: 10px;
}
} .question dl {
margin-bottom: 2.5em;
padding-bottom: 2.5rem;
border-bottom: 1px solid #e2d8ce;
}
.question dl dt {
color: #000;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_q.svg) left center no-repeat;
background-size: 23px 23px;
padding: 0 0 0 40px;
font-size: 2rem;
}
.question dl dd {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_a.svg) left 4px no-repeat;
background-size: 20px 20px;
padding: 0 0 0 40px;
margin-top: 6px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.question dl dd {}
} .numList01 {
margin-bottom: 1em;
}
.numList01 li {
position: relative;
padding-left: 30px;
padding-bottom: 10px;
margin-bottom: 0.5em;
border-bottom: 1px dashed #e5e5e5;
overflow: hidden;
}
.numList01 li .imgList {
float: right;
width: 100px;
margin-left: 20px;
margin-top: 5px;
}
.numList01 li .num01 {
font-family: Arial, Helvetica, sans-serif;
background: #e9e9e9;
font-size: 15px;
color: #333 !important;
text-align: center;
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top: 4px;
padding-top: 2px;
}
.numList01 li .num02 {
font-family: Arial, Helvetica, sans-serif;
background: #ff8c00;
font-size: 15px;
color: #fff !important;
text-align: center;
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 0;
top: 4px;
padding-top: 2px;
line-height: initial;
} .List01 {}
.List01 li {}
.iconCheck01 {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_check01.png) 0 5px no-repeat;
padding-left: 25px;
}
.iconCheck02 {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_check02.png) 0 5px no-repeat;
padding-left: 25px;
}
.List03 {
margin-bottom: 10px;
}
.List03 li {
margin-bottom: 5px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_check.svg) left 6px no-repeat;
background-size: 13px 13px;
padding-left: 18px; margin-right: 16px;
} .ListBox {
margin-bottom: 1em;
}
.ListBox li {
font-size: 14px;
color: #333;
text-align: center;
margin-bottom: 0.4em;
padding: 5px 8px 5px;
background-color: #e9e9e9;
display: inline-block;
width: 71.7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media screen and (max-width: 767px) {
.ListBox li {
float: left;
width: 42%;
}
.ListBox li:nth-child(even) {
float: right;
width: 45%;
}
} .discList01 {
padding: 0 0 2em 1.1em;
}
.discList01 li {
margin-bottom: 1em;
list-style-type: circle;
list-style-position: outside;
}
.discList01 li:last-child {
margin-bottom: 0px;
} .discList02 {
padding: 0 0 0 1.1em;
}
.discList02 li {
margin-bottom: 5px;
list-style-type: circle;
list-style-position: outside; margin-right: 35px;
}
.discList02 li:last-child {
margin-bottom: 0px;
margin-right: 0px;
} .numList02 {
padding: 0 0 0 1em;
}
.numList02 li {
margin-bottom: 0.5em;
list-style-type: disc;
list-style-type: decimal;
list-style-position: outside;
}
.numList02 li:last-child {
margin-bottom: 0px;
} .wp-pagenavi {
text-align: center;
color: #e5e5e5 !important;
margin: 30px 0;
font-family: Arial, Helvetica, sans-serif;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid #ff8c00 !important;
display: inline-block;
vertical-align: middle;
color: #ff8c00 !important;
padding: 5px 10px !important;
text-decoration: none;
margin-right: 8px;
font-size: 18px;
line-height: initial;
}
.wp-pagenavi span.pages {}
.wp-pagenavi a:hover {
text-decoration: none;
background: #ff8c00;
color: #FFF !important;
}
.wp-pagenavi span.current {
text-decoration: none;
background: #ff8c00;
color: #FFF !important;
}
.wp-pagenavi span.current {
font-weight: normal;
} .pagelink {
padding: 16px;
background: #e9e9e9;
margin-bottom: 0.5em;
font-size: 1.4rem;
}
.pagelink .back a {
float: left;
text-align: center;
color: #ff8c00;
text-decoration: none;
display: block;
width: 25%;
padding: 8px 10px;
text-decoration: none;
background: #FFF;
}
.pagelink .back a:hover {
text-decoration: none;
color: #FFF !important;
background: #ff8c00;
}
.pagelink .back a span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_list01a.svg) left center no-repeat;
display: inline-block;
background-size: 18px 15px;
padding-left: 27px;
}
.pagelink .back a:hover span {
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_list01b.svg) left center no-repeat;
display: inline-block;
background-size: 18px 15px;
padding-left: 27px;
}
.pagelink .next,
.pagelink .prev {
width: 30%;
float: right;
box-sizing: border-box;
background: #FFF;
}
.pagelink .next {
margin-left: 10px;
}
.pagelink .next a,
.pagelink .prev a {
display: block;
padding: 8px 0;
text-align: center;
color: #ff8c00;
text-decoration: none;
}
.pagelink .next a:hover,
.pagelink .prev a:hover {
color: #FFF;
background: #ff8c00;
}
.pagelink .next a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01a.svg) right center no-repeat;
background-size: 6px 15px;
padding-right: 15px;
}
.pagelink .next a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_01b.svg) right center no-repeat;
background-size: 6px 15px;
padding-right: 15px;
}
.pagelink .prev a span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_02a.svg) left 5px no-repeat;
background-size: 6px 15px;
padding-left: 15px;
}
.pagelink .prev a:hover span {
display: inline-block;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/icon_link_02b.svg) left 5px no-repeat;
background-size: 6px 15px;
padding-left: 15px;
}
@media screen and (max-width: 1023px) {
.pagelink .back a {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.pagelink {
padding: 10px;
font-size: 1.8rem;
margin: 0 0px 1em;
}
.pagelink .back a {
float: none;
width: auto;
padding: 10px;
margin-bottom: 5px;
}
.pagelink .back a:hover {
text-decoration: none;
background: #ff8c00;
}
.pagelink .back a span {
display: inline-block;
}
.pagelink .next,
.pagelink .prev {
margin: 0 auto;
width: auto;
float: none;
margin-bottom: 5px;
}
.pagelink .next {}
.pagelink .next a,
.pagelink .prev a {
display: block;
padding: 10px;
text-decoration: none;
}
.wp-pagenavi a, .wp-pagenavi span {
font-size: 16px;
}
} .tableBasic01 {
font-size: 1.5rem;
margin-bottom: 1em;
background-color: #FFFFFF;
width: 100%;
border-top: 1px solid #ff8c00;
border-bottom: 1px solid #ff8c00;
}
.tableBasic01 th {
color: #FFF;
border-top: 1px solid #FFF;
padding: 14px 15px;
font-weight: normal;
background: #ff8c00;
}
.tableBasic01 td {
border-top: 1px solid #ff8c00;
border-left: 1px solid #FFF;
padding: 8px 12px;
}
.tableBasic01 tr:nth-child(1) th {
border-top: 1px solid #ff8c00;
}
.tableBasic01 tr:nth-child(1) td {
border-top: 1px solid #ff8c00;
}
@media screen and (max-width: 767px) {
.tableBasic01 {
font-size: 1.1rem;
}
} .tableBasic02 {
font-size: 1.5rem;
overflow-x: auto;
margin-bottom: 1em;
background-color: #FFFFFF;
}
.tableBasic02::-webkit-scrollbar {
width: 5px;
background: #efefef;
}
.tableBasic02::-webkit-scrollbar:horizontal {
height: 5px;
background: #efefef;
}
.tableBasic02::-webkit-scrollbar-thumb {
background: #ff8c00;
border-radius: 2px;
}
.tableBasic02::-webkit-scrollbar-thumb:horizontal {
background: #ff8c00;
border-radius: 2px;
}
.tableBasic02 table {
width: 100%;
border: 1px solid #e5e5e5;
}
.tableBasic02 table th {
color: #FFF;
font-weight: normal;
background: #ff8c00;
border-left: 1px solid #fdc4d8;
padding: 14px 15px;
}
.tableBasic02 table td {
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
padding: 8px 12px;
}
.tableBasic02 table tr:nth-child(1) th {
border-top: 1px solid #e5e5e5;
border-left: 1px solid #FFFFFF;
}
@media screen and (max-width: 767px) {
.tableBasic02 {
font-size: 1.1rem;
}
.tableBasic02 table {
width: 150%;
}
} .tableRes {
width: 100%;
border-collapse: collapse;
background: #FFFFFF;
}
.tableRes td,
.tableRes th {
padding: 0.4em 0.4em;
border: 1px solid #e5e5e5;
}
.tableRes th {
font-weight: normal;
text-align: center;
}
.tableRes thead th {
background: #e9e9e9;
}
@media only screen and (max-width:767px) {
.tableRes {
display: block;
margin: 0.2em;
width: auto;
}
.tableRes thead {
display: none;
}
.tableRes tbody {
display: block;
}
.tableRes tbody tr {
display: block;
margin-bottom: 0em;
border-bottom: 1px solid #eeeeee;
}
.tableRes tbody th,
.tableRes tbody td {
display: block;
border: none;
padding: 0em 0.2em;
}
.tableRes tbody th {
font-size: 15px;
list-style-type: none;
background: #FFF;
text-align: left;
padding: 0.5em 0.2em 0.2em;
}
.tableRes tbody td {
padding: 0em 0.2em 0.3em;
}
} .formTable {
width: 100%;
font-size: 1.6rem;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 1em;
}
.formTable .cmt {
font-size: 1.1rem;
margin-top: 0.5em;
color: #A0A0A0;
}
.formTable th {
vertical-align: middle;
text-align: left;
width: 280px;
text-align: right;
border-top: 1px solid #804e21;
padding: 18px 33px 18px 0;
overflow: hidden;
font-weight: normal;
background-color:#fffae8;
color: #804e21;
}
.formTable td {
border-top: 1px solid #804e21;
padding: 20px;
}
.formTable thead th,
.formTable thead td {
padding: 0 0 1px 0;
text-align: left;
border: none;
}
.formTable td div {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 5px;
margin-bottom: 5px;
}
.formTable td div:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.formTable thead th div,
.formTable thead td div {
border-bottom: 1px solid #ff8c00 !important;
padding: 0;
margin: 0;
}
.must {
display: inline-block;
color: #FFF !important;
background: #ff8c00;
font-size: 11px;
padding: 2px 4px;
float: left;
margin-left: 10px;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#form input[type=text],
#form input[type=tel],
#form input[type=email] {
border: 1px solid #cdcdcd;
padding: 0;
margin: 0;
height: 36px;
line-height: 25px;
width: 100%;
}
.inputTextStyle01 {
width: 233px;
}
.inputTextStyle02 {
width: 79px;
}
#form input[type=checkbox] {
margin-right: 0px;
}
#form textarea {
border: 1px solid #cccccc;
padding: 0;
margin: 0;
width: 100%;
height: 153px;
} #form input[type=submit] {
width: 48%;
height: 60px;
border: 0;
margin: 0;
cursor: pointer;
color: #FFF !important;
text-decoration: none;
background: #ff8c00;
behavior: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/css/PIE.htc);
font-size: 15px;
-webkit-appearance: none;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#form input[type=submit]:hover {
text-decoration: none;
opacity: 0.7;
}
#form input[type=reset] {
width: 48%;
height: 60px;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
color: #FFF;
text-decoration: none;
background: #9d9d9d;
margin-left: 15px;
-webkit-appearance: none;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#form input[type=reset]:hover {
text-decoration: none;
color: #333;
background: #e9e9e9;
}
#form label {
margin-right: 10px;
}
.formBtn {
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
#form textarea {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.formTable thead {
display: none;
}
.formTable th,
.formTable td {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.formTable th {
text-align: left;
padding: 10px 0 10px;
font-size: 1.8rem;
font-weight: bold;
padding-left: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.must {
display: inline-block;
color: #FFF !important;
font-size: 11px;
padding: 0 3px 0 3px;
float: left;
margin-left: 10px;
margin-right: 20px;
height: 16px;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
float: right;
}
.inputTextStyle01 {
width: 100%;
}
#form input[type=submit] {
display: block;
margin: 10px auto 0;
width: 100%;
}
#form input[type=reset] {
display: block;
margin: 10px auto 0;
width: 100%;
font-size: 16px;
}
#form input[type=text],
#form input[type=tel],
#form input[type=email] {
height: 36px;
line-height: 36px;
font-size: 16px;
}
#form label {
display: block;
position: relative;
margin-right: 0px;
}
.formBtn {
background: #FFF;
padding: 0px;
text-align: center;
margin-bottom: 20px;
}
} .radio01-input {
display: none;
}
.radio01-parts {
padding-left: 20px;
position: relative;
margin-right: 20px;
}
.radio01-parts::before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
.radio01-input:checked+.radio01-parts {
color: #ff8c00;
}
.radio01-input:checked+.radio01-parts::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 3px;
width: 11px;
height: 11px;
background: #ff8c00;
border-radius: 50%;
} .checkbox01-input {
display: none;
}
.checkbox01-parts {
padding-left: 24px;
position: relative;
margin-right: 20px;
}
.checkbox01-parts::before {
content: "";
display: block;
position: absolute;
top: 1.5px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 4px;
}
.checkbox01-input:checked+.checkbox01-parts {
color: #ff8c00;
}
.checkbox01-input:checked+.checkbox01-parts::after {
content: "";
display: block;
position: absolute;
top: -3px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #ff8c00;
border-right: 3px solid #ff8c00;
} .baloonText {
margin-bottom: 1em;
}
.baloonText li {
position: relative;
padding-left: 210px;
padding-bottom: 10px;
margin-bottom: 0.5em;
border-bottom: 1px dashed #e5e5e5;
overflow: hidden;
}
.baloonText li ul li {
padding-left: 30px;
}
.baloonText li .imgList {
float: right;
width: 100px;
margin-left: 20px;
margin-top: 3px;
}
.baloonText li .baloon {
font-size: 15px;
text-align: center;
display: block;
position: absolute;
left: 0;
top: 0;
padding-top: 2px;
}
@media screen and (max-width: 767px) {
.baloonText li {
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 0.5em;
border-bottom: none;
overflow: hidden;
}
.baloonText li .baloon {
font-size: 15px;
text-align: center;
position: relative;
padding-top: 2px;
}
}
.balloonR {
color: #000; width: 180px;
line-height: 2.1;
position: relative;
background: #FFF;
border: 2px solid #ff8c00;
margin-bottom: 1em;
}
.balloonR:after,
.balloonR:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.balloonR:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #FFF;
border-width: 8px;
margin-top: -8px;
}
.balloonR:before {
border-color: rgba(28, 41, 81, 0);
border-left-color: #ff8c00;
border-width: 10px;
margin-top: -10px;
}
@media screen and (max-width: 767px) {
.balloonR {
width: auto;
position: relative;
background: #FFF;
border: 2px solid #ff8c00;
}
.balloonR:after,
.balloonR:before {
top: 100%;
left: 48%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.balloonR:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFF;
border-width: 8px;
margin-top: -2px;
}
.balloonR:before {
border-color: rgba(28, 41, 81, 0);
border-top-color: #ff8c00;
border-width: 8px;
margin-top: -0px;
}
}
.newsbox .newscont {
margin-top: 5.5rem;
border-bottom: 1px dotted #ff8c00;
}
.newscont dl {
display: table;
width: 100%;
padding: 20px 0;
background: #fff url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/ico_top10.png) no-repeat right 25px center;
border-top: 1px dotted #ff8c00;
}
.newscont dt {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #606060;
width: 150px;
font-family: 'Roboto', sans-serif;
}
.newscont dd {
display: table-cell;
vertical-align: middle;
text-align: left;
font-size: 1.4rem;
color: #404040;
padding-right: 40px;
}
.newscont dt span {
display: inline-block;
padding: 0 5px;
background: #ef8e30;
font-size: 1.4rem;
color: #fff;
font-family: 'Roboto', sans-serif;
vertical-align: middle;
}
.newscont dd a {
font-size: 1.4rem;
color: #404040;
}
.newscont dd a.ddlink {
text-decoration: underline;
color: #ff8c00;
}
.newscont dd a:hover {
color: #ff8c00;
}
.bgSelectBox {
background: #ff8c00;
padding: 35px 20px 30px; margin: 0 auto 2em;
}
.bgSelectBox .selectList .articleSelect,
.bgSelectBox .selectList .monthSelect {
font-size: 1.6rem;
color: #FFF;
padding-right: 20px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/arrow_white_r.svg) right center no-repeat;
background-size: 13px 13px;
display: inline-block;
line-height: 24px;
}
.bgSelectBox .selectList ul {
margin-left: -20px;
overflow: hidden;
display: flex;
}
.bgSelectBox .selectList ul li {
width: 50%;
padding-left: 20px;
box-sizing: border-box;
}
.selectArea {
border-radius: 3px;
width: 55%;
float: right;
line-height: 22px;
cursor: pointer;
overflow: hidden;
position: relative;
}
.selectArea .selectBox {
background: #f8f7f6;
overflow: hidden;
height: 30px;
margin: 0;
}
.selectArea .selectBox span {
display: block;
font-size: 1.6rem;
line-height: 30px;
padding-left: 25px;
}
.selectArea .selectBox select {
position: absolute;
left: 0;
top: 0;
z-index: 3;
height: 30px;
width: 100%;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/icon/bg_select.png) no-repeat 98% center;
appearance: initial;
-webkit-appearance: initial;
font-size: 1.6rem;
padding: 0 1rem; }
@media screen and (max-width: 767px) {
.bgSelectBox {
padding: 20px;
width: 100%;
box-sizing: border-box;
}
.bgSelectBox .selectList {
padding-top: 0px;
}
.bgSelectBox .selectList ul {
margin-left: 0;
display: block;
}
.bgSelectBox .selectList ul li {
float: none;
width: 100%;
padding-left: 0;
}
.bgSelectBox .selectList ul li+li {
margin-top: 15px;
}
.bgSelectBox .selectList .articleSelect,
.bgSelectBox .selectList .monthSelect {
margin-bottom: 5px;
background: none;
font-size: 1.4rem;
}
.selectArea .selectBox select {
font-size: 1.4rem;
}
.selectArea {
width: 100%;
float: none;
cursor: pointer;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.selectArea .selectBox {
background-color: #fff;
overflow: hidden;
margin: 0;
}
.selectArea .selectBox span {
display: block;
font-size: 1.2rem;
padding-left: 10px;
}
}
@media screen and (max-width: 480px) {
.newscont dl,
.newscont dl dt,
.newscont dl dd {
display: block;
}
.newscont dl {
width: auto;
padding: 10px;
}
.newscont dl dt {
width: auto;
text-align: left;
margin-bottom: 5px;
}
} .otherpage img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
.sptac {
text-align: center;
}
}
.youtube2 {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube2 iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 767px) {
.others_page {
font-size: 1.4rem;
}
.others_page table {
font-size: 1.4rem;
}
}
 #teaser.service01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service01/bg_teaser_service.png) no-repeat top center;
height: 323px;
position: relative; }
.teaser_tit{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
width: 600px;
padding: 20px 0;
background: rgba(255,255,255,0.8);
z-index: 2;
}
#teaser_other .teaser_tit{
background:none;
}
.teaser_tit .ja{
font-size: 30px;
color: #994C18;
display: block;
position: relative;
font-weight:bold;
}
.teaser_tit .ja:before{
background: #994C18;
width: 70px;
height: 1px;
left: 50%;
bottom: -7px;
transform: translateX(-50%);
content: '';
z-index: 2;
position: absolute;
}
.teaser_tit .en{
margin-top: 12px;
font-size: 16px;
color: #994C18;
display: block;
}
#breadcrumb{
background: #fbefe1;
}
.breadcrumb_link{
display: flex;
height: 35px;
font-size: 14px;
justify-content: left;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb_link a{
color: #000;
}
.breadcrumb_link span{
margin: 0 5px;
}
.service_top{
padding: 50px 0 200px;
}
.service_top_tit{
font-size: 30px;
color: #994C18;
text-align: center;
margin-bottom: 25px;
}
.service_top_txt{
font-size: 16px;
line-height: 2;
text-align: center;
}
.service_top_list{
margin-top: 160px;
position: relative;
}
.service_top_list .pos{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 26px;
border-radius: 50%;
color: #fff;
width: 150px;
height: 150px;
background: #ff9d26;
position: absolute;
top: -65px;
left: -75px;
z-index: 2;
}
.pageinner{
max-width: 1024px;
margin: 0 auto;
}
.service_top_list ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -60px;
}
.service_top_list li{
width: 490px;
text-align: center;
margin-bottom: 60px;
}
.service_top_list .listtit{
font-size: 20px;
color: #994C18;
margin: 15px 0;
}
.service_top_list .listtxt{
font-size: 15px;
}
.service_top_list .listbtn a{
font-size: 16px;
color: #FF9D26;
}
.service_top_other{
margin-top: 60px;
}
.service_top_other dl{
display: flex;
justify-content: left;
align-items: center;
height: 60px;
border-bottom: 1px solid #994C18;
}
.service_top_other dt{
font-size: 30px;
color: #994C18;
width: 230px;
}
.service_top_other dd{
width: calc(100% - 230px);
}
.service_top_other dd a{
margin-right: 80px;
font-size: 16px;
color: #FF9D26;
}
.service_life{
position: relative;
background: #fbefe1;
padding: 210px 0 150px;
}
.service_life .hdi{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.service_life_box+.service_life_box{
margin-top: 85px;
}
.service_life_tit{
font-size: 30px;
color: #994C18;
text-align: center;
margin-bottom: 50px;
}
.service_life ul{
margin: -20px 0 0 -26px;
}
.service_life li{
float: left;
width: 25%;
padding: 20px 0 0 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_life li .listbox{
height: 260px;
border: 3px solid #EDDAC2;
background: #FFFBE8;
border-radius: 8px;
padding: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_life li .listimg{
text-align: center;
}
.service_life li .listtit{
font-size: 20px;
color: #994C18;
text-align: center;
height: 72px;
display: flex;
justify-content: center;
align-items: center;
}
.service_life li .listtxt{
font-size: 14px;
line-height: 1.4;
}
.service_life li .listtxt a{
color: #FF9D26;
}
.service_life_btn{
margin-top: 45px;
text-align: center;
}
.service_life_btn a{
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #fff;
width: 220px;
background: #994b18;
letter-spacing: 2px;
}
.hdi{
display: block;
width: 208px;
height: 208px;
margin: 0 auto;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service01/bg_hdi.png) no-repeat 0 0;
text-align: center;
color: #fff;
padding-top: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hdi .en{
display: block;
font-size: 37px;
line-height: 1.4;
font-family: myfont02;
letter-spacing: 2px;
}
.hdi .ja{
display: block;
font-size: 18px;
}
.service_voice{
padding: 140px 0 270px;
}
.service_voice_box{
margin-top: 100px;
border-bottom: 3px solid #fbefe1;
}
.service_voice_cont{
padding: 55px 0 60px;
border-top: 3px solid #fbefe1;
display: flex;
justify-content: left;
}
.service_voice_cont .img{
width: 400px;
}
.service_voice_cont .img span{
display: block;
font-size: 16px;
color: #FF9D26;
margin-top: 10px;
}
.service_voice_cont .des{
width: calc(100% - 400px);
padding-left: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_voice_cont .des_tit{
font-size: 30px;
color: #994C18;
margin-bottom: 20px;
}
.service_voice_cont .des_txt{
font-size: 16px;
line-height: 2;
}
.service_event{
background: #fafafa;
padding: 165px 0;
position: relative;
margin-bottom: 100px;
}
.service_event .hdi{
position: absolute;
top: -105px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.service_event_txt{
font-size: 16px;
line-height: 2;
text-align: center;
margin-bottom: 90px;
}
.service_event_box{
display: flex;
justify-content: space-between;
}
.service_event_box .img{
order: 1;
width: 440px;
}
.service_event_box .des{
order: 2;
width: 560px;
}
.service_event_box .des dl{
display: flex;
justify-content: space-between;
}
.service_event_box .des dt{
width: 70px;
padding: 9px 0;
font-size: 16px;
margin-right: 10px;
border-bottom: 2px solid #FF8C00;
}
.service_event_box .des dd{
width: calc(100% - 80px);
padding: 9px 0;
font-size: 16px;
border-bottom: 2px solid #994C18;
}
@media screen and (max-width: 767px) {
#teaser.service01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service01/bg_teaser_service.png) no-repeat top center;
height: 160px; position: relative; }
.teaser_tit{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
width: 80%;
padding: 15px 0;
background: rgba(255,255,255,0.8);
z-index: 2;
}
.teaser_tit .ja{
font-size: 22px;
color: #994C18;
display: block;
position: relative;
}
.teaser_tit .ja:before{
background: #994C18;
width: 50px;
height: 1px;
left: 50%;
bottom: -5px;
transform: translateX(-50%);
content: '';
z-index: 2;
position: absolute;
}
.teaser_tit .en{
margin-top: 10px;
font-size: 14px;
color: #994C18;
display: block;
}
#breadcrumb{
background: #fbefe1;
}
.breadcrumb_link{
display: flex;
height: auto;
font-size: 14px;
padding: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
justify-content: left;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb_link a{
color: #000;
}
.breadcrumb_link span{
margin: 0 5px;
}
.service_top{
padding: 40px 10px 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_top_tit{
font-size: 22px;
color: #994C18;
text-align: center;
margin-bottom: 25px;
}
.service_top_txt{
font-size: 14px;
line-height: 2;
text-align: center;
}
.service_top_list{
margin-top: 80px;
position: relative;
}
.service_top_list .pos{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 16px;
border-radius: 50%;
color: #fff;
width: 100px;
height: 100px;
background: #ff9d26;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.pageinner{
max-width: 100%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.service_top_list ul{
display: block;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -30px;
}
.service_top_list li{
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.service_top_list .listtit{
font-size: 18px;
color: #994C18;
margin: 12px 0;
}
.service_top_list .listtxt{
font-size: 14px;
}
.service_top_list .listbtn a{
font-size: 14px;
color: #FF9D26;
}
.service_top_other{
margin-top: 50px;
}
.service_top_other dl{
display: block;
height: auto;
border-bottom: none;
}
.service_top_other dt{
font-size: 24px;
color: #994C18;
width: 100%;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #994C18;
}
.service_top_other dd{
width: 100%;
}
.service_top_other dd a{
margin-right: 30px;
font-size: 14px;
color: #FF9D26;
}
.service_life{
position: relative;
background: #fbefe1;
padding: 80px 0 50px;
}
.service_life .hdi{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.service_life_box+.service_life_box{
margin-top: 40px;
}
.service_life_tit{
font-size: 22px;
color: #994C18;
text-align: center;
margin-bottom: 25px;
}
.service_life ul{
margin: -8px 0 0 -12px;
}
.service_life li{
float: left;
width: 50%;
padding: 8px 0 0 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_life li .listbox{
height: 180px;
border: 2px solid #EDDAC2;
background: #FFFBE8;
border-radius: 8px;
padding: 12px 8px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_life li .listimg{
text-align: center;
}
.service_life li .listimg img{
width: 40px;
}
.service_life li .listtit{
font-size: 14px;
color: #994C18;
text-align: center;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.service_life li .listtxt{
font-size: 12px;
line-height: 1.6;
}
.service_life li .listtxt a{
color: #FF9D26;
}
.service_life_btn{
margin-top: 25px;
text-align: center;
}
.service_life_btn a{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #fff;
width: 220px;
background: #994b18;
letter-spacing: 2px;
}
.hdi{
display: block;
width: 105px;
height: 105px;
margin: 0 auto;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service01/bg_hdi.png) no-repeat 0 0;
-webkit-background-size: contain;
background-size: contain;
text-align: center;
color: #fff;
padding-top: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hdi .en{
display: block;
font-size: 19px;
line-height: 1.4;
font-family: myfont02;
letter-spacing: 2px;
}
.hdi .ja{
display: block;
font-size: 12px;
}
.service_voice{
padding: 50px 0 60px;
}
.service_voice_box{
margin-top: 50px;
border-bottom: 2px solid #fbefe1;
}
.service_voice_cont{
padding: 20px 0 25px;
border-top: 2px solid #fbefe1;
display: block;
justify-content: left;
}
.service_voice_cont .img{
width: 100%;
display: flex;
justify-content: left;
}
.service_voice_cont .img .img_box{
width: 50%;
}
.service_voice_cont .img .sp_tit{
width: 50%;
padding-left: 12px;
padding-top: 30px;
font-size: 16px;
color: #994C18;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_voice_cont .img span{
display: block;
font-size: 16px;
color: #FF9D26;
margin-top: 10px;
}
.service_voice_cont .des{
width: 100%;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service_voice_cont .des_tit{
display: none;
}
.service_voice_cont .des_txt{
font-size: 14px;
margin-top: 15px;
line-height: 2;
}
.service_event{
background: #fafafa;
padding: 80px 0 50px;
position: relative;
margin-bottom: 50px;
}
.service_event .hdi{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.service_event_txt{
font-size: 14px;
line-height: 2;
text-align: center;
margin-bottom: 30px;
}
.service_event_box{
display: block;
justify-content: space-between;
}
.service_event_box .img{
order: 1;
width: 100%;
margin-top: 20px;
}
.service_event_box .des{
order: 2;
width: 100%;
}
.service_event_box .des dl{
display: flex;
justify-content: space-between;
}
.service_event_box .des dt{
width: 70px;
padding: 9px 0;
font-size: 14px;
margin-right: 10px;
border-bottom: 2px solid #FF8C00;
}
.service_event_box .des dd{
width: calc(100% - 80px);
padding: 9px 0;
font-size: 14px;
border-bottom: 2px solid #994C18;
}
} #teaser.service02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service02/bg_teaser_service01.png) no-repeat top center;
height: 323px;
position: relative; }
.color01{
color: #7A6955 !important;
}
.color02{
color: #994C18 !important;
}
.bg01{
background: #7A6955 !important;
}
.hdi01{
display: block;
width: 208px;
height: 208px;
margin: 0 auto;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service02/bg_hdi01.png) no-repeat 0 0;
text-align: center;
color: #fff;
padding-top: 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.room_type_txt01{
text-align: center;
}
.hdi01 .en{
color: #DBC796 !important;
}
.hdi01 .ja{
color: #DBC796 !important;
}
.service02 .teaser_tit .ja:before {
background: #7A6955;
}
.service_life_btn01 a{
background: #7A6955 !important;
}
.service_life01{
background: #f5efef;
}
.service_life01 li .listbox{
border: 3px solid #DEDACB;
background: #FFFBE8;
}
@media screen and (max-width: 767px) {
#teaser.service02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service02/bg_teaser_service01.png) no-repeat top center;
height: 160px; -webkit-background-size: cover;
background-size: cover;
position: relative;
}
.color01{
color: #7A6955 !important;
}
.color02{
color: #994C18 !important;
}
.bg01{
background: #7A6955 !important;
}
.hdi01{
display: block;
width: 105px;
height: 105px;
margin: 0 auto;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/service02/bg_hdi01.png) no-repeat 0 0;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
color: #fff;
padding-top: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.room_type_txt01{
text-align: center;
}
.hdi01 .en{
color: #DBC796 !important;
}
.hdi01 .ja{
color: #DBC796 !important;
}
.service02 .teaser_tit .ja:before {
background: #7A6955;
}
.service_life_btn01 a{
background: #7A6955 !important;
}
.service_life01{
background: #f5efef;
}
.service_life01 li .listbox{
border: 3px solid #DEDACB;
background: #FFFBE8;
}
} #teaser.equipment01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/equipment01/bg_teaser_equipment.png) no-repeat top center;
height: 323px;
position: relative; }
#teaser.equipment02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/equipment02/bg_teaser_equipment.png) no-repeat top center;
height: 323px;
position: relative; }
.equipment_top_flex{
display: flex;
justify-content: left;
align-items: flex-end;
}
.equipment_top .img{
width: 800px;
}
.equipment_top .des{
width: calc(100% - 800px);
padding: 100px 40px 130px;
background: #fafafa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_top{
margin-top: 60px;
}
.equipment_top .des_tit{
font-size: 30px;
color: #994C18;
}
.equipment_top .des_tit span{
display: block;
font-size: 24px;
margin-top: 10px;
}
.equipment_top .des_txt{
font-size: 16px;
line-height: 2;
margin-top: 24px;
max-width: 630px;
}
.lounge{
padding: 180px 0 180px;
}
.lounge_box{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.lounge_box .left{
width: 570px;
}
.lounge_box .right{
width: 400px;
}
.lounge_tit{
font-size: 30px;
color: #994C18;
}
.lounge .left_txt{
font-size: 16px;
line-height: 2;
margin: 20px 0 30px;
}
.lounge .left_img{
display: flex;
justify-content: space-between;
}
.lounge .right a{
display: block;
margin-top: 15px;
font-size: 16px;
color: #FF9D26;
text-align: right;
}
.lounge_list{
margin-top: 100px;
}
.lounge_list ul{
display: flex;
margin-top: 25px;
justify-content: space-between;
}
.lounge_list li{
width: 320px;
}
.lounge_list ul .listtit{
font-size: 20px;
color: #994C18;
margin: 20px 0 12px;
}
.lounge_list ul .listtxt{
font-size: 16px;
line-height: 2;
}
.lounge_list ul .listtxt a{
color: #FF9D26;
}
.lounge_box01{
margin-top: 100px;
}
.equipment_point{
padding: 140px 0 340px;
}
.equipment_point_flex{
display: flex;
justify-content: left;
align-items: center;
}
.equipment_point_flex .img{
width: 513px;
order: 2;
}
.equipment_point_flex .des{
width: calc(100% - 513px);
order: 3;
}
.equipment_point_flex01 .des{
width: calc(100% - 513px);
order: 1;
}
.equipment_point_flex .des_en{
font-size: 24px;
color: #FF9D26;
padding-left: 60px;
padding-bottom: 20px;
border-bottom: 2px solid #FF9D26;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex .des_tit{
font-size: 30px;
color: #994C18;
padding-left: 60px;
margin: 20px 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex+.equipment_point_flex{
margin-top: 110px;
}
.equipment_point_flex .des_txt{
font-size: 16px;
line-height: 2;
padding-left: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex .des_en span{
font-size: 40px;
}
.equipment_gallery{
padding: 180px 0;
background: #fafafa;
position: relative;
margin-bottom: 100px;
}
.equipment_gallery .hdi{
position: absolute;
top: -100px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.equipment_gallery ul{
margin: -30px 0 0 -30px;
}
.equipment_gallery li{
float: left;
width: 33.33%;
padding: 30px 0 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex01 .des_en,
.equipment_point_flex01 .des_tit,
.equipment_point_flex01 .des_txt{
padding-left: 0;
}
@media screen and (max-width: 767px) {
#teaser.equipment01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/equipment01/bg_teaser_equipment.png) no-repeat top center;
height: 160px;
position: relative; -webkit-background-size: cover;
background-size: cover; }
#teaser.equipment02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/equipment02/bg_teaser_equipment.png) no-repeat top center;
height: 160px; position: relative;
-webkit-background-size: cover;
background-size: cover;
margin-top: 60px;
}
.equipment_top_flex{
display: block;
justify-content: left;
align-items: flex-end;
}
.equipment_top .img{
width: 100%;
}
.equipment_top .des{
width: 100%;
padding: 30px 10px 30px;
background: #fafafa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_top{
margin-top: 30px;
}
.equipment_top .des_tit{
font-size: 22px;
color: #994C18;
}
.equipment_top .des_tit span{
display: block;
font-size: 18px;
margin-top: 10px;
}
.equipment_top .des_txt{
font-size: 14px;
line-height: 2;
margin-top: 15px;
max-width: 100%;
}
.lounge{
padding: 50px 0 80px;
}
.lounge_box{
display: block;
justify-content: space-between;
align-items: flex-end;
}
.lounge_box .left{
width: 100%;
}
.lounge_box .right{
width: 100%;
}
.lounge_tit{
font-size: 22px;
color: #994C18;
}
.lounge .left_txt{
font-size: 14px;
line-height: 2;
margin: 15px 0 15px;
}
.lounge .left_img{
display: flex;
margin-bottom: 20px;
justify-content: space-between;
}
.lounge .left_img img{
width: 49%;
}
.lounge .right a{
display: block;
margin-top: 10px;
font-size: 14px;
color: #FF9D26;
text-align: right;
}
.lounge_list{
margin-top: 50px;
}
.lounge_list ul{
display: block;
margin-top: 20px;
justify-content: space-between;
}
.lounge_list li{
width: 100%;
}
.lounge_list li+li{
margin-top: 20px;
}
.lounge_list ul .listbox{
display: flex;
justify-content: left;
}
.lounge_list ul .listbox .listimg{
width: 35%;
}
.lounge_list ul .listbox .box{
width: 65%;
padding-left: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lounge_list ul .listtit{
font-size: 16px;
color: #994C18;
margin: 0 0 5px;
}
.lounge_list ul .listtxt{
font-size: 13px;
line-height: 1.6;
}
.lounge_list ul .listtxt a{
color: #FF9D26;
}
.lounge_box01{
margin-top: 50px;
}
.equipment_point{
padding: 50px 0 110px;
}
.equipment_point_flex{
display: flex;
justify-content: left;
align-items: center;
}
.equipment_point_flex .img{
width: 35%;
order: 2;
}
.equipment_point_flex .des{
width: 65%;
order: 3;
}
.equipment_point_flex01 .des{
width: 65%;
order: 1;
}
.equipment_point_flex .des_en{
font-size: 14px;
color: #FF9D26;
padding-left: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #FF9D26;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex .des_tit{
font-size: 16px;
color: #994C18;
padding-left: 10px;
margin: 10px 0 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex+.equipment_point_flex{
margin-top: 30px;
}
.equipment_point_flex .des_txt{
font-size: 13px;
line-height: 2;
padding-left: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex .des_en span{
font-size: 18px;
}
.equipment_gallery{
padding: 80px 0 50px;
background: #fafafa;
position: relative;
margin-bottom: 50px;
}
.equipment_gallery .hdi{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.equipment_gallery ul{
margin: -10px 0 0 -10px;
}
.equipment_gallery li{
float: left;
width: 33.33%;
padding: 10px 0 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.equipment_point_flex01 .des_en,
.equipment_point_flex01 .des_tit,
.equipment_point_flex01 .des_txt{
padding-left: 0;
}
} #teaser.room01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/room01/bg_teaser_room01.png) no-repeat top center;
height: 323px;
position: relative; }
#teaser.room02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/room02/bg_teaser_room02.png) no-repeat top center;
height: 323px;
position: relative; }
.equipment_top .des_txt01{
font-size: 16px;
background: #ff8b00;
line-height: 40px;
text-align: center;
max-width: 630px;
margin-top: 24px;
color: #fff;
}
.room_type{
padding: 220px 0;
}
.room_type_box{
margin-top: 70px;
}
.room_type_tit{
font-size: 30px;
color: #994C18;
padding-bottom: 10px;
border-bottom: 2px solid #994C18;
}
.room_type_tit01{
border-bottom: 2px solid #7A6955;
}
.room_type_txt{
font-size: 16PX;
line-height: 2;
margin: 30px 0 90px;
}
.room_type_flex{
display: flex;
justify-content: space-between;
}
.room_type_flex .img{
width: 430px;
}
.room_type_flex .img02{
margin: 10px;
}
.room_type_flex .right{
width: 556px;
}
.room_type_flex .right li+li{
margin-top: 20px;
}
.room_type_flex .right_vr{
margin-top: 18px;
padding-top: 18px;
display: flex;
align-items: flex-end;
justify-content: left;
border-top: 1px solid #FF9D26;
}
.room_type_flex .right_vr a{
color: #FF9D26;
margin-left: 20px;
display: inline-block;
font-size: 16px;
}
.room_type_flex .right_vr iframe{
width: 300px !important;
height: 186px !important;
}
.room_type_box01{
margin-top: 160px;
}
.room_design{
background: #fafafa;
padding: 170px 0;
}
.room_design_tit{
text-align: center;
margin-bottom: 60px;
font-size: 30px;
color: #994C18;
}
.room_design ul{
display: flex;
margin-top: 25px;
justify-content: space-between;
}
.room_design li{
width: 320px;
}
.room_design ul .listtit{
font-size: 20px;
color: #994C18;
margin: 20px 0 12px;
}
.room_design ul .listtxt{
font-size: 16px;
line-height: 2;
}
.room_attr{
padding: 120px 0 120px;
}
.room_attr ul{
margin-top: 80px;
margin-bottom: -50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.room_attr li{
width: 490px;
margin-bottom: 50px;
}
.room_attr li .listtit{
font-size: 20px;
color: #994C18;
margin: 14px 0 12px;
}
.room_attr li .listtxt{
font-size: 16px;
line-height: 2;
}
.room_design{
position: relative;
}
.room_design .hdi{
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.room_design ul.list01{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -60px;
}
.room_design ul.list01 li{
width: 490px;
margin-bottom: 60px;
}
.news_com{
margin: 150px 0 70px;
}
.lb-data .lb-number{
display: none !important;
}
@media screen and (max-width: 767px) {
#teaser.room01{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/room01/bg_teaser_room01.png) no-repeat top center;
height: 160px; position: relative;
-webkit-background-size: cover;
background-size: cover; }
#teaser.room02{
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/room02/bg_teaser_room02.png) no-repeat top center;
height: 160px; position: relative;
-webkit-background-size: cover;
background-size: cover; }
.equipment_top .des_txt01{
font-size: 14px;
background: #ff8b00;
line-height: 1.5;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
margin-top: 15px;
text-align: left;
color: #fff;
}
.room_type{
padding: 50px 0 90px;
}
.room_type_box{
margin-top: 35px;
}
.room_type_tit{
font-size: 22px;
color: #994C18;
padding-bottom: 10px;
border-bottom: 2px solid #994C18;
}
.room_type_tit01{
border-bottom: 2px solid #7A6955;
}
.room_type_txt{
font-size: 14PX;
line-height: 2;
margin: 15px 0 45px;
}
.room_type_flex{
display: block;
justify-content: space-between;
}
.room_type_flex .img{
width: 100%;
text-align: center;
}
.room_type_flex .img:first-child{
max-width:50%;
margin:0 auto;
}
.room_type_flex .img02{
width: 100%;
text-align: center;
margin: 10px 0;
}
.room_type_flex .floor_plan{
max-width:50%;
margin:0 auto;
}
.room_type_flex .right{
width: 100%;
margin-top: 20px;
}
.room_type_flex .right li+li{
margin-top: 20px;
}
.room_type_flex .right li.last img{
width: 100%;
}
.room_type_flex .right_vr{
margin-top: 10px;
padding-top: 10px;
display: block;
text-align: right;
align-items: flex-end;
justify-content: left;
border-top: 1px solid #FF9D26;
}
.room_type_flex .right_vr img{
width: 100%;
}
.room_type_flex .right_vr a{
color: #FF9D26;
margin-top: 10px;
margin-left: 0;
display: inline-block;
font-size: 14px;
}
.room_type_flex .right_vr iframe{
width: 100% !important;
height: 220px !important;
}
.room_type_box01{
margin-top: 40px;
}
.room_design{
background: #fafafa;
padding: 80px 0 50px;
}
.room_design_tit{
text-align: center;
margin-bottom: 30px;
font-size: 22px;
color: #994C18;
}
.room_design ul{
display: block;
margin-top: 25px;
justify-content: space-between;
}
.room_design li{
width: 100%;
}
.room_design li+li{
margin-top: 20px;
}
.room_design li .listbox{
display: flex;
justify-content: left;
}
.room_design li .listbox .listimg{
width: 35%;
}
.room_design li .listbox .box{
width: 65%;
padding-left: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.room_design ul .listtit{
font-size: 16px;
color: #994C18;
margin: 0 0 8px;
}
.room_design ul .listtxt{
font-size: 13px;
line-height: 1.6;
}
.room_attr{
padding: 50px 0 50px;
}
.room_attr ul{
margin-top: 40px;
margin-bottom: -25px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.room_attr li{
width: 100%;
margin-bottom: 25px;
}
.room_attr li .listtit{
font-size: 20px;
color: #994C18;
margin: 14px 0 12px;
}
.room_attr li .listtxt{
font-size: 14px;
line-height: 2;
}
.room_design{
position: relative;
}
.room_design .hdi{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.room_design ul.list01{
display: block;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -30px;
}
.room_design ul.list01 .listbox{
display: block;
}
.room_design ul.list01 .listimg{
width: 100%;
}
.room_design ul.list01 .listtit{
margin: 10px 0;
font-size: 18px;
}
.room_design ul.list01 li{
width: 100%;
margin-bottom: 30px;
}
.news_com{
margin: 50px 0 35px;
}
.lb-data .lb-number{
display: none !important;
}
}
.burbank_main_logo {
background: #000;
height: 120px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.burbank_link_btn a{
background: #000 !important;
} .kaisyalist dl dt{
width:310px;
}
.aboutcenter .hdBox05{
margin-top:10px;
font-size: 1.8rem;
}
.mtbb{
margin-top:80px;
}
@media screen and (max-width: 1599px) {
.mtbbimg{
margin-bottom:4%;
}
}
@media screen and (max-width: 1024px) {
.mtbbimg{
margin-bottom:0;
}
}
#gochi{
overflow:hidden;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/fonts/slick.eot);
src: url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/fonts/slick.woff) format('woff'), url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/fonts/slick.ttf) format('truetype'), url(https://www.sanko-indonesia.com/wp-content/themes/perm_gr/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.sanko-indonesia.com/wp-content/themes/perm_gr/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}