@charset "utf-8";
/*
Theme Name: ngt
*/

/*
#E21E31 rgba(226,30,49,1.0)
#C81B2C rgba(200,27,44,1.0)
#000 rgba(0,0,0,1.0)
#222 rgba(34,34,34,1.0)
*/


/* common
---------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:bottom;border:0 none;}
ul,ol,li{list-style:none;}
strong{font-weight:500;color:inherit;}
em{font-style:normal;font-weight:500;color:inherit;}

/* HTML5 */
header, section, footer, aside, nav, article, figure, figcaption{margin:0;padding:0;display:block;}
canvas{display:block;vertical-align:bottom;}
/* IE8+, Chrome */
input,button{outline:0;}
/* Firefox */
input::-moz-focus-inner,button::-moz-focus-inner{border:0;}


/* base */
html {
  width:100%;
  background:#fff;
  font-size:62.5%;
  line-height:1.0;
  -webkit-tap-highlight-color: rgba(34,34,34,0.2);
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}
body{
  min-height:100svh; 
  color: #222;
  /*font-size: 1.56rem;*/
  font-size:18px;
  font-size:1.8rem;
  letter-spacing: 0.035em;
  font-style: normal;
  /*line-height: 1.82;*/
  line-height: 2.33;
  font-feature-settings:"palt" 1;
  font-family:'Noto Sans JP',"Plus Jakarta Sans",sans-serif;
  box-sizing:border-box;
}
::selection{background:rgba(34,34,34,0.2);}
::-moz-selection{background:rgba(34,34,34,0.2);}
@media only screen and (max-width: 1280px) {

}
@media (max-width:780px){
body{
  font-size:14.6px;
  font-size:1.46rem;
  line-height:1.6;
}
}
@media (max-width:480px){

}

/* link */
a{color:inherit;text-decoration:none;outline:none;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
a:hover{color:inherit;opacity:0.8;text-decoration:none !important;}
.a{display:inline-block;position:relative;line-height:1.4;padding-left:1px;padding-right:1px;}
.a:after{position:absolute;bottom:0;left:0;content:"";display:inline-block;width:100%;height:1px;border-bottom:dashed 1px currentColor;opacity:0.6;
}
.target{pointer-events:none;opacity: 0.68;}
a.target:after{border-bottom:none !important;}

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.tl{text-align:left !important;}
.ib{display:inline-block;}
br{height:0;width:0;line-height:0;}
.nobr{display:none;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !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;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.mt160{margin-top:160px !important;}
.pb0{padding-bottom:0 !important;}
.pt0{padding-top:0 !important;}
@media only screen and (max-width: 780px) {
.mt60{margin-top:40px !important;}
.mt70{margin-top:40px !important;}
.mt80{margin-top:40px !important;}
.mt90{margin-top:40px !important;}
.mt100{margin-top:40px !important;}
.mt120{margin-top:40px !important;}
.mt160{margin-top:40px !important;}
}
@media (max-width:1280px){
br.br1280{display:block;}
.nobr1280{display:none;}
}
@media (max-width:960px){
br.br960{display:block;}
.nobr960{display:none;}
}
@media (max-width:780px){
img{max-width:100%;}
br.br768{display:block;}
.nobr768{display:none;}
.mt70{margin-top:60px !important;}
.mt80{margin-top:60px !important;}
.mt90{margin-top:60px !important;}
.mt100{margin-top:60px !important;}
.mt120{margin-top:60px !important;}
}
@media (max-width:600px){
br.br600{display:block;}
.nobr600{display:none;}
}
@media (max-width:480px){
br.br480{display:block;}
.nobr480{display:none;}
}

/* for security */
img{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none; /*スマホ長押し禁止*/
}


/* loding */
.bg-init,
.animsition-overlay-slide {
  background: #ddd url(img/common/tire_logo.png?20250507) center center no-repeat!important;
  background-size: 60px auto !important;
}
.animsition-overlay-slide {
  z-index: 1000!important;
}
/*.bg-init,
.animsition-overlay-slide {
  background: rgba(34,34,34,0.96) url(img/common/wf_logo.png) calc(50% + 10px) center no-repeat !important;
  background-size: 50px auto !important;
}*/
.animsition-overlay-slide:before {
  background: linear-gradient(90deg,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.36) 3px,rgba(0,0,0,0.36) 92%,rgba(0,0,0,0.0) 98%);
  content: "";
  width: calc(50% - 50px);
  height: 2px;
  position: absolute;
  top:50%;
  right:0;
}
.animsition-overlay-slide:after {
  background: linear-gradient(-90deg,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.36) 3px,rgba(0,0,0,0.36) 92%,rgba(0,0,0,0.0) 98%);
  content: "";
  width: calc(50% - 50px);
  height: 2px;
  position: absolute;
  top:50%;
  left:0;
  z-index:2;
}
.invisible {
	transition: opacity 0.5s ease;
	opacity: 0.0;
}
.visible {
	transition: opacity 0.5s ease;
	opacity: 1.0;
}


#header_w{
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 100vw;
  background: #262626;
}
#header01{
  display: flex;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background:#262626;
  justify-content: space-between;
  align-items: center;
}
#header01 .logo a{
  display: block;
  line-height: 1.0;
  text-align: center;
  padding: 0.7em 1em;
}
#header01 .mnav_w{
  display: flex;
  justify-content:flex-end;
  align-items:center;
  font-size: 74%;
}
#header01 .mnav01{
  margin-left: auto;
  position: relative;
}
#header01 .mnav01_li{
  display: inline-block;
  padding:0 1em;
}
#header01 .mnav01_a{
  display: block;
  color: rgba(255,255,255,0.9);
  position:relative;
  font-weight: 500;
}
#header01 .mnav01_a:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 0;
  transform: translateX(-50%);
  background: #E21E31;
  transition: all 0.2s ease-out 0s;
}
#header01 .mnav01_a.none:after{
  content: none;
}
#header01 .mnav01_li:hover .mnav01_a:after{
  width: 100%;
}
#header01 .mnav01_a img{
  vertical-align: middle;
}
#header01 .mnav02{
  background: #E21E31;
  margin-left: 1em;
  /*clip-path: polygon(0 0,100% 0,100% 100%,0 100%,15% 50%);*/
  position: relative;
}
#header01 .mnav02:before{
  content: "";
  display: block;
  height: 100%;
  width: 2em;
  background: #262626;
  position: absolute;
  left:-1%;
  top: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#header01 .mnav02_ttl{
  position: absolute;
  right: 0;
  line-height: 0.86;
  color: rgba(255,255,255,0.27);
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  transform: scaleX(0.9);
  padding: 0.24em;
}
#header01 .mnav02_ttl span{
  font-size: 60%;
  display: block;
}
#header01 .mnav02_li {
  position: relative;
  z-index: 2;
}
#header01 .mnav02_a {
  display: block;
  color: rgba(255,255,255,0.9);
  font-weight: 700;
  padding: 1.2em 3.6em 1.2em 5.2em;
}
#header01 .mnav02_li .msnav02_w{
  position: absolute;
  right:0;
  z-index: -1;
  width: 46vw;
  opacity: 0;
  visibility:hidden;
  transform: translateY(-2px);
  transition: all 0.2s ease-out 0s;
}
#header01 .mnav02_li:hover > .msnav02_w{
  opacity: 1;
  visibility: visible;
}
#header01 .msnav02_bg{
  background: #C81B2C;
  width: 100%;
  padding: 0.7em 6% 1em;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 5px 10px rgba(29,49,58,0.16);
}
#header01 .msnav02{
  display: inline-block;
  text-align: left;
  width: 100%;
}
#header01 .msnav02_dl,
.drawer-nav .dnav01_dl{
  display: flex;
  align-items: flex-start;
  padding: 1.3em 0;
}
.drawer-nav .dnav01_dl.about_us{
  background:rgba(34,34,34,0.96);
  padding-left: 3vw;
}
.drawer-nav .dnav01_dl.recruit{
  background: linear-gradient(100deg, rgba(226,30,49,0.86) 30%, rgba(200,27,44,0.86));
  padding-left: 3vw;
}
#header01 .msnav02_dt,
.drawer-nav .dnav01_dt{
  color: rgba(255,255,255,0.86);
  text-align: left;
  font-size: 124%;
  font-weight: 700;
  width: 8em;
  position: relative;
  z-index: 2;
}
#header01 .msnav02_dt .msnav02_ttl,
.drawer-nav .dnav01_dt .dnav01_ttl{
  position: absolute;
  z-index: -1;
  line-height: 0.86;
  color: rgba(255,255,255,0.27);
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  transform: scaleX(0.9) translate(-1em,-0.2em);
  padding:0.24em;
  left: 0;
  top: 0;
  text-transform: uppercase;
}
.drawer-nav .dnav01_dt .dnav01_ttl{
  text-align: left;
  white-space:nowrap;
}
#header01 .msnav02_dt .msnav02_ttl span,
.drawer-nav .dnav01_dt .dnav01_ttl span{
  font-size: 60%;
  display: block;
}
#header01 .msnav02_dd,
.drawer-nav .dnav01_dd{
  width: calc(100% - 8em);
  text-align: left;
}
#header01 .msnav02_li,
.drawer-nav .dnav01_li{
  box-sizing: border-box;
  margin: 1em 2% 0;
  display: inline-block;
  width: 21%;
  min-width: 8em;
}
#header01 .msnav02_a,
.drawer-nav .dnav01_a{
  font-weight: bold;
  display: block;
  text-align: left;
  padding: 0.8em 0 0.7em 0.7em;
  border-bottom:solid 1px rgba(255,255,255,0.86);
  color: rgba(255,255,255,0.86);
	letter-spacing: 0.1em;
  line-height: 1.24;
}
.drawer-nav .dnav01_a{
  font-size: 86%;
}
#header01 .msnav02_a:hover,
.drawer-nav .dnav01_a:hover{
  opacity: 0.8;
}
@media screen and (max-width : 1020px) {
#header01 .mnav_w{
  display: none;
}
}
@media screen and (max-width : 780px) {
#header01 .logo a img{
  max-width: 68vw;
  height:auto;
  max-height:39px;
}
}

.drawer--top .drawer-hamburger {
  z-index: 110!important;
  max-width: 90px;
  right: 1vw!important;
  background:#eee!important;
  padding:1.3em 1.7em 2em 1.0em;
  top: 0;
  mix-blend-mode: luminosity;
  display: none;
}
.drawer-hamburger-icon{
  animation: equalizer01 7000ms infinite;
  width: 40px;
  max-width: 90px;
  background: rgba(0,0,0,1.0)!important;
  height: 1.0px;
}
.drawer-hamburger-icon:before{
  animation: equalizer02 5000ms infinite;
  animation-delay: 0.33s;
  width: 60px;
  min-width: 30px;
  max-width: 90px;
  background: rgba(0,0,0,1.0)!important;
  height: 1.0px;
}
.drawer-hamburger-icon:after{
  animation: equalizer02 5000ms infinite;
  width: 20px;
  max-width: 90px;
  background: rgba(0,0,0,1.0)!important;
  height: 1.0px;
}
.drawer--top.drawer-open .drawer-hamburger-icon{
  animation:none;
  width: 0;
}
.drawer--top.drawer-open .drawer-hamburger-icon:before,
.drawer--top.drawer-open .drawer-hamburger-icon:after{
  animation:none;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}
.drawer--top.drawer-open .drawer-hamburger-icon:before{
  transform: translateX(-10%) rotate(45deg);
}
.drawer--top.drawer-open .drawer-hamburger-icon:after{
  transform: translateX(-10%) rotate(-45deg);
}
/*============
@keyframes
=============*/
@keyframes equalizer01 {
0% {width: 80%;}
10% {width: 50%;}
20% {width: 100%;}
30% {width: 20%;}
40% {width: 60%;}
50% {width: 80%;}
60% {width: 50%;}
70% {width: 30%;}
80% {width: 100%;}
90% {width: 40%;}
100%{width: 90%;}
}
@keyframes equalizer02 {
0% {width: 100%;}
10% {width: 70%;}
20% {width: 100%;}
30% {width: 50%;}
40% {width: 70%;}
50% {width: 90%;}
60% {width: 70%;}
70% {width: 50%;}
80% {width: 100%;}
90% {width: 50%;}
100%{width: 90%;}
}
.drawer-nav {
  position: fixed;
  z-index: 8;
  top: 0;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  /*background: linear-gradient(100deg, rgba(226,30,49,0.96) 30%, rgba(200,27,44,0.96));*/
  background: #494949!important;
  padding: 4vw 3vw 5vw;
  text-align: center;
  box-sizing: border-box;
  overflow-y: auto;
}
.drawer--right .drawer-nav {
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .6s cubic-bezier(.19,1,.22,1);
  transition: opacity .6s cubic-bezier(.19,1,.22,1);
}
.drawer--right.drawer-open .drawer-nav{
  opacity: 1;
  visibility:visible;
}
.drawer-nav .logo a{
  color: #fff;
  font-weight: bold;
  font-size: 240%;
}
.drawer-nav .logo span{
  font-size: 46%;
}
.drawer-nav .logo img{
  margin-left: -1em;
  vertical-align: -1em;
  max-width: 68vw;
}
@media screen and (max-width : 1020px) {
.drawer--top .drawer-hamburger {
  display: block;
}
}
@media screen and (max-width : 780px) {
.drawer-nav .dnav01_dl {
  flex-wrap: wrap;
  flex-direction: column;
}
.drawer-nav .dnav01_dt {
  margin: 0.2em 1em 1.2em;
}
.drawer-nav .dnav01_dd {
  width: 100%;
}
.drawer-nav .dnav01_li {
  width: 30%;
  min-width: 40vw;
}
}


main{
  width: 100%;
}
.content{
  overflow: hidden;
}
.inner{
  width:88%;
  margin:0 auto;
  padding:60px 0 80px;
}
.inner0{
  margin:0 auto;
  padding:60px 0 80px;
}
.max1280{
  max-width: 1280px;
  margin:0 auto;
}
.max880{
  max-width: 880px;
  margin:0 auto;
}
.inner01{
  padding:30px 2rem 26px;
  box-sizing:border-box;
  margin:0 auto;
}
.inner02{
  padding:30px 0 26px;
  box-sizing:border-box;
  margin:0 auto;
}
.inner03{
  padding:30px 2.0rem 26px;
  box-sizing:border-box;
  max-width: 1200px;
  margin:0 auto;
}
.inner04{
  padding:30px 2.0rem 26px;
  box-sizing:border-box;
  max-width: 880px;
  margin:0 auto;
}
@media screen and (max-width : 1020px) {
.inner03,
.inner04{
  max-width: 100%;
}
}
@media screen and (max-width : 780px) {
.inner{
  padding:30px 0 26px;
}
.inner0{
  padding:30px 0 26px;
}
.inner01,
.inner03,
.inner04{
  padding:30px 3% 26px;
}
}


.breadcrumb_w{
  padding:0 2.0rem;
  text-align: right;
  margin-bottom:1em;
  margin-top: -0.2em;
  font-size: 1.1rem;
}
.breadcrumb_w .inner{
  padding: 0;
  width: 100%;
}
.breadcrumb_w li{
  display: inline;
}
.breadcrumb_w li:before{
  content:"";
  display: inline-block;
  width: 1px;
  height: 1em;
  background: rgba(0,0,0,0.5);
  margin:0 1em;
  vertical-align: -0.2em;
  transform: rotate(12deg);
}
.breadcrumb_w li:first-child:before{
  content:none;
}
.breadcrumb_w a{
  font-size: 1.1rem;
  border-top:solid 2px rgba(34,34,34,0.5);
}
.breadcrumb_w li:last-child a{
  border-top:none;
  cursor:default;
  color:rgba(0,0,0,0.7);
  font-weight: 700;
  background:none !important;
}
.breadcrumb_w a:hover{
  color:rgba(0,0,0,0.7);
  background: rgba(255, 223, 27,0.6);
  border-top:solid 2px transparent;
}
.breadcrumb_w span{
  display: inline-block;
}


.page .content .h2_ttl_y{
  padding: 10rem 0 8rem 0;
}
.content .h2_ttl_y_en{
  font-weight: 700;
  font-size: 3.6em;
  letter-spacing: 0.025em;
  line-height: 1.0;
  display: inline-block;
  transform: scaleY(1.03);
}
.page .content .h2_ttl_y_en{
  font-size: 3.2em;
  padding-bottom: 2rem;
}
.content .h2_ttl_y_jp{
  padding-left: 0.9em;
  letter-spacing: 0.15em;
  display: inline-block;
  transform: translateY(-0.07em);
  font-size: 86%;
}
.page .content .h3_ttl_y{
  padding: 7rem 0 3rem 0;
}
.content .h3_ttl_y_en{
  font-weight: 600;
  font-size: 2.7em;
  letter-spacing: 0.025em;
  line-height: 1.0;
  display: inline-block;
  transform: scaleY(1.03);
}
.content .h3_ttl_y_jp{
  letter-spacing: 0.15em;
  display: inline-block;
  transform: translateY(-0.47em);
  font-size: 86%;
}
/*.content h2{
  padding: 13rem 0 14rem 6vw;
  font-size: 1.3rem;
  letter-spacing: 0.4em;
  line-height: 1.4;
}
.content h2 span{
  font-size: 5.8rem;
  transform: translateX(-0.06em);
  display: inline-block;
  color:rgba(0,55,131,1.0);
}
.content h3{
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-top:2.8em;
  margin-bottom:0.5em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#official-notice .content h3,
#iso-policy .content h3{
  font-size: 2.7rem;
}
.content h3.h2{
  padding: 4rem 0 4rem 0;
  font-size: 1.3rem;
  letter-spacing: 0.24em;
  line-height: 1.4;
  font-weight: 500 !important;
}
.content h3.h2 span{
  font-size: 4.8rem;
  transform: translateX(-0.06em);
  display: inline-block;
  color:rgba(0,85,164,1.0);
  font-weight:300;
}*/
.content p+p{
  margin-top:0.8em;
}
@media screen and (max-width : 1020px) {
.page .content .h2_ttl_y{
  padding: 6rem 0 2rem;
}
.page .content .h2_ttl_y_en{
  display: block;
}
.page .content .h2_ttl_y_jp{
  display: block;
  padding-left: 0;
}
}
@media screen and (max-width : 780px) {

}


.content .area_w{
  display: flex;
}
@media screen and (max-width : 1020px) {
.content .area_w{
  flex-wrap: wrap;
  flex-direction: column;
}
}
@media screen and (max-width : 780px) {

}


.content .btn01_y{
  display: inline-block;
  margin: 1em;
}
.content .btn01_y.s{
  font-size: 86%;
}
.content .btn01_y a{
  display: flex;
  border: solid 1px #222;
  padding: 1em 1em 1.2em;
  box-sizing: border-box;
  width: 20em;
  align-items: flex-end;
  justify-content: space-around;
  position: relative;
  background: #fff;
}
.content .btn01_y a:hover{
  box-shadow: 0 0 0.3em rgba(0,0,0,0.16);
}
.content .btn01_y a:before,
.content .btn01_y a:after{
  content: "";
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  position: absolute;
  transition: all 0.2s ease-out 0s;
}
.content .btn01_y a:before{
  border-left: solid 1px #222;
  border-top: solid 1px #222;
  top:-0.5em;
  left:-0.5em;
}
.content .btn01_y a:hover:before{
  transform: scale(1.4);
  transform-origin: right bottom;
}
.content .btn01_y a:after{
  border-right: solid 1px #222;
  border-bottom: solid 1px #222;
  bottom:-0.5em;
  right:-0.5em;
}
.content .btn01_y a:hover:after{
  transform: scale(1.4);
  transform-origin: left top;
}
.content .btn01_y_en{
  font-weight: 700;
  font-size: 1.8em;
  letter-spacing: 0.045em;
  line-height: 1.0;
  display: inline-block;
  transform: scaleY(1.03);
  padding: 0 0.4em;
  text-align: center;
}
.content .btn01_y_jp{
  padding-left: 0.9em;
  letter-spacing: 0.15em;
  display: inline-block;
  font-size: 68%;
  min-width: 5em;
  text-align: left;
  line-height: 1.46;
  font-weight: 500;
}
.content .btn01_y_jp.l2{
  transform: translateY(20%);
}
@media screen and (max-width : 1020px) {

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

}


#pagetop{
  position:sticky;
  bottom:0;
  z-index: 5;
  left: calc(99vw - 80px);
  animation: key1 0.5s ease infinite alternate;
  display: inline-block;
  transform: translateY(-1.5rem);
  margin-bottom: -2.5rem;
}
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-5px);}
}
#pagetop img{
  display: block;
}
#pagetop a{
  display: block;
  transform: translateY(-1.5rem);
}
@media screen and (max-width : 780px) {
#pagetop{
  left: calc(100vw - 60px);
}
#pagetop img{
  max-height: 64px;
}
}



#footer_w{
  width: 100%;
  box-sizing: border-box;
  background:#262626;
  color: rgba(255,255,255,0.86);
}
#footer01{
  padding-top: 5em;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#footer01:after{
  content: "";
  display: block;
  width: 120vw;
  height: 24vw;
  background: url(img/common/f_bg.png) center top no-repeat;
  background: 100% auto;
  position: absolute;
  left: -10vw;
  top: 0;
  z-index: -1;
}
#footer01 .main_catch{
  text-align: center;
  padding: 1em 4%;
}
#footer01 .main_catch_en{
  font-size: 86%;
  opacity: 0.68;
  letter-spacing: 0.025em;
}
#footer01 .main_catch_jp{
  font-size: 110%;
  font-weight: 500;
}
#footer01 .fnav01 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 74%;
  margin: 3em 0 0;
}
#footer01 .fnav01_li {
  margin:0 1em;
}
#footer01 .fnav01_a {
  padding:0 1em;
}
#footer01 .fnav01_a img{ 
  vertical-align: middle;
  opacity: 0.86;
}
#footer01 .fnav02 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #E21E31;
  margin-left: 1em;
  font-size: 74%;
  display: flex;
  /*clip-path: polygon(0 0,100% 0,100% 100%,0 100%,15% 50%);*/
}
#footer01 .fnav02:before{
  content: "";
  display: block;
  height: 100%;
  width: 2em;
  background: #262626;
  position: absolute;
  left:-1px;
  top: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#footer01 .fnav02_ttl{
  position: absolute;
  left: 0.6em;
  line-height: 0.86;
  color: rgba(255,255,255,0.27);
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  transform: scaleX(0.9);
  padding: 0.24em;
}
#footer01 .fnav02_ttl span{
  font-size: 60%;
  display: block;
}
#footer01 .fnav02_li {
  position: relative;
  z-index: 2;
}
#footer01 .fnav02_a {
  display: inline-block;
  color: rgba(255,255,255,0.9);
  font-weight: 700;
  padding: 1.2em 3.6em 1.2em 5.2em;
}
#footer01 .fnav02_li .fsnav02_w{
  width: 0;
  opacity: 0;
  display: inline-block;
  transition: all 0.2s ease-out 0s;
}
#footer01 .fnav02_li:hover > .fsnav02_w{
  width: fit-content;
  opacity: 1;
  padding-right: 4vw;
  height: 100%;
  background:#C81B2C;
}
#footer01 .fsnav02{
  display: flex;
  text-align: left;
  width: 100%;
  padding-left: 1vw;
}
#footer01 .fsnav02_li{
  box-sizing: border-box;
  margin: 1em 2% 0;
  display: inline-block;
  width: 21%;
  min-width: 8em;
}
#footer01 .fsnav02_a{
  font-weight: bold;
  display: block;
  text-align: left;
  padding: 0.8em 0 0.7em 0.7em;
  border-bottom:solid 1px rgba(255,255,255,0.86);
  color: rgba(255,255,255,0.86);
	letter-spacing: 0.1em;
  line-height: 1.24;
}
#footer01 .fsnav02_a:hover{
  opacity: 0.8;
}

#footer02{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0.7em 1em;
  font-size: 90%;
}
#footer02 .finfo{
  line-height: 1.54;
}
#footer02 .finfo .logo{
  font-weight: 700;
}
#footer02 .finfo .finfo_txt{
  font-size: 80%;
  margin: 0.2em 0;
}
#footer02 .copyright{
  font-size: 68%;
  opacity: 0.68;
}
@media screen and (max-width : 1020px) {
#footer01 .main_catch {
  padding: 1em 4% 3em;
}
#footer01 .fnav01 {
  display: none;
}
#footer01 .fsnav02_w{
  display: none;
}
}
@media screen and (max-width : 780px) {
#footer02{
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
#footer02 .finfo{
  text-align: center;
}
#footer02 .copyright {
  margin: 2em 0 0.5em;
}
}


/* form
------------------------------*/
 .form{
  margin:20px 0; 
 }
.form dl {
  margin-bottom: 20px;
}
.form dl dt {
  padding-top:15px;
  vertical-align: top;
  font-weight: 500;
}
.form dl dd {
  /*height:51px;*/
  vertical-align: middle;
  color:rgba(0,0,0,0.68);
  background: #fff;
  position:relative;
}
.form dl dd {
  border:solid 1px rgba(0,0,0,0.1);
  border-radius: 0.2em;
}
.form dl dd.bdr {
  border-color:transparent;
}
.form dl dd.bdr {
  border-color:transparent;
}
.form dl dd.txt{
  height:auto !important;
}
.form dl dd.birth,
.form dl dd.male{
  background:#fff;
}
.form dl dd.male{
  display:flex;
  align-items:center;
}
.form dl dd.male .wpcf7-list-item{
  padding-left:30px;
}
.form .agr_check{
  clear:both;
  padding:10px 0 10px 100px;
  font-weight: 500;
  font-size: 15px;
  text-align:center;
}
.form .agr{
  line-height:40px;  
}
.form .submit{
  text-align:center;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"]/*,
.form input[type="date"]*/ {
  margin:0;
  padding: 15px 20px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  outline:none;
  line-height: 1.3;
  font-size: 1.56rem;
}
/*.form input[type="radio"] ,
.form input[type="checkbox"] {
  -webkit-appearance: none;
  border-radius: 0;
}
.form .birth input[type="text"]{
  width:100px;
}*/
.form select {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  z-index: 10
}
.form select:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#contact .form select:after {
  border-right: 2px solid rgba(62,58,57,0.5);
  border-bottom: 2px solid rgba(62,58,57,0.5);
}
#entry .form select:after {
  border-right: 2px solid rgba(231,56,32,1.0);
  border-bottom: 2px solid rgba(231,56,32,1.0);
}
.form textarea {
  margin:0;
  padding: 15px 20px;
  box-sizing: border-box;
  width: 100%;
  border: none;
  line-height: 20px;
  height: 150px;
  background: #fff;
  font-size: 15px;
  display:block;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  outline:none;
}
.form .submit input[type="submit"]{
  margin-left:100px;
  padding: 0;
  color: #fff;
  height: 50px;
  line-height: 50px;
  width: calc(100% - 100px);
  font-size: 1.8rem;
  text-align: center;
  border-radius: 2px;
  border:none;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  transition:.3s;
  -webkit-appearance: none;
  font-weight: 500 !important;
}
.form .submit input[type="submit"]{
  background: rgba(200,27,44,0.86);
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.form .submit input[type="submit"]:hover{
  background: rgba(34,34,34,1.0);
}
.form span.wpcf7-not-valid-tip{
  position:absolute;
  left:0;
  bottom:-30px;
  white-space: nowrap;
  background:rgba(234,85,20,0.8);
  color:#fff;
  padding:2px 10px 2px 18px;
  font-size:13px !important;
  z-index:3;
  line-height:1.5em;
  border-radius:1.5em;
  /*transform:translateY(-5px);*/
  font-weight:normal;
}
div.wpcf7-validation-errors {
  border: 2px solid rgba(234,85,20,0.8);
  background:rgba(255,255,255,0.8);
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #55b779;
  background:rgba(255,255,255,0.8);
}
div.wpcf7-response-output{
  -webkit-transform:translateY(-12px);
  -ms-transform:translateY(-12px);
  transform:translateY(-12px);
  color:#132615 !important;
  font-weight:500;
}
.form p.clear{
  padding:20px 0 0 100px;
  text-align: center;
  font-size: 1.3rem;
}
.form p a {
  border-bottom: dashed 1px rgba(0,0,0,0.2);
}
.form p a:hover {
  color:rgba(0,0,0,0.8);
}
.wpcf7-form-control-wrap {
    position: relative;
}
@media only screen and (min-width: 961px) {
.form dl {
  float: left;
  width: calc((100% - 41px) / 2);
}
.form dl.even {
  margin-left: 40px
}
.form dl.long {
  width: 100%;
  margin-left: 0
}
.form dl.long dd {
  width: calc((100% - 102px));
}
.form dl dt {
  width: 100px;
  float:left;
}
.form dl dd {
  margin-left:100px;
  width: calc((100% - 102px));
}
}
@media only screen and (max-width: 960px) {
 .form{
  margin:30px 0; 
 }
 .form dl.smpno{
  display: none;
}
.form dl dd.birth,
.form dl dd.male{
  min-height:51px;
  height:auto;
}
#contact p.text {
  font-size: 13px;
  line-height: 25px
}
.form .agr_check {
  padding:0 0 20px;
}
.form .submit {
  text-align: center;
}
.form .submit input[type="submit"]{
  width: 80%!important;
  margin-left: 0;
}
.form p.clear {
  margin-left: 0;
  padding-left:0;
}
}
@media only screen and (max-width: 600px) {
.form .submit input[type="submit"]{
  width: 100%!important;
}
}


/* info, search
------------------------------*/
.info01 .inner03{
  padding-top:0;
}
.info01 .time{
  margin-bottom:2em;
  font-size: 1.3rem;
  color:rgba(0,0,0,0.3);
  letter-spacing: 0.13em;
}
.info01 .cont{
  margin-top:60px;
  padding:50px 40px 70px 60px;
  border:double 5px rgba(0, 0, 0,0.1);
  width: 60%;
  position: relative;
  box-sizing: border-box;
}
.info01.search01 .cont{
  width: 100%;
  float: none!important;
}
.info01.single01 .cont{
  width: 100%;
  float: none!important;
}
.info01 .cont:before {
  content:"";
  width: 2em;
  height: 1.5em;
  background: rgba(255, 223, 27,0.8);
  position: absolute;
  top:30px;
  left:-1em;
  transform: rotate(-5deg) skewX(-6deg) translateZ(0px);
}
.info01 .cont:nth-child(2n+1){
  clear: both;
  float: left;
}
.info01 .cont:nth-child(2n){
  clear: both;
  float: right;
}
.info01 .content h3 {
  margin: 0;
  /*font-size: 2.4rem;
  letter-spacing: 0.04em;
  letter-spacing: 0.1em;
  line-height: 1.4;*/
}
.info01.search01 .content h3 {
  /*margin-bottom:1em;*/
  padding-left: 1em;
}
.info01 .content h3 a{
  color:rgba(0, 0, 0,0.96);
}
.info01 .content h3 a:hover{
  color:rgba(0, 0, 0,0.7);
}
.info01 .cont a{
  border-bottom:solid  1px rgba(0,0,0,0.2);
}
.info01 .cont a:hover{
  background: rgba(0,0,0,0.1);
}
.info01 img{
  max-width: 100%;
  height: auto;
}



.yokohama .info01 .cont {
  padding: 1em 1.4em;
  border: none;
}
.yokohama .info01 .cont:before {
  background: #C81B2C;
  transform: none;
  left: 0.5em;
  width: 0.2em;
  height: 2em;
}
.yokohama .info01 .iinfo_w{
  position: absolute;
  left: 0;
  bottom: -0.2em;
  z-index: 2;
}
.yokohama .info01 .iinfo{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  /*font-size: 86%;*/
}
.yokohama .info01 .iinfo_ttl_w{
  background: rgba(0,0,0,0.06);
  padding: 0.2em 0 0.3em;
  box-sizing: border-box;
  width: 100%;
  font-size: 110%;
}
.yokohama .info01 .iinfo_more{
  font-weight: 700;
  width: 10em;
  text-align: center;
  background: rgba(0,0,0,0.06);
  display: inline-block;
}
.yokohama .info01 .iinfo_time{
  padding:0.1em 0 0;
  font-weight: bold;
  transform: skewX(-5deg);
  display: inline-block;
  opacity: 0.86;
  font-size: 96%;
}
.yokohama .info01 .iinfo_ttl{
  transform: skewX(-5deg);
  display: inline-block;
}
.yokohama .info01 .iinfo_cont{
  width: 100%;
  margin-top: 0.7em;
  padding-left: 1em;
  font-size: 96%;
}





@media screen and (max-width : 780px) {
.info01 .cont{
  margin-top:3em;
  padding:2em 3% 2em 7%;
  width: 100%;
}
.info01 .time {
  margin-bottom: 1em;
}
.info01 .content h3 {
  font-size: 1.9rem;
}
}

.new{
  padding:0 0.5em 0.1em 0.6em;
  letter-spacing:0.2em;
  color:rgba(234,85,20,1.0);
  line-height: 1.0;
  border-top:1px solid rgba(234,85,20,1.0);
  border-bottom:1px solid rgba(234,85,20,1.0);
  display: inline-block;
  transform: scale(0.7);
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navigation {
  clear: both;
  max-width: 1100px;
  font-size: 15px;
  padding-top: 50px;
  text-align: center;
}
.wp-pagenavi{
  display: table;
  padding:0 8px !important;
  margin:0 auto;
  text-transform: uppercase;
  font-family: 'Jockey One','Noto Sans JP', sans-serif;
  letter-spacing: 0.06em;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend{
  display: table-cell;
  border:none;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: table-cell;
  font-size: 14px;
  border:none !important;
  padding:0 8px !important;
}
.pager_l{
  margin-left:30px;
  text-align: left;
}
.pager_r{
  margin-right:30px;
  text-align: right;
}
.pager_l a,
.pager_r a{
  font-size: 14px;
}
.pager_l a:hover,
.pager_r a:hover{
  color:rgba(62,58,57,1.0);
}
.wp-pagenavi a:hover{
  color:rgba(62,58,57,1.0);
}
.wp-pagenavi span.current {
  width:32px;
  height:32px;
  padding:0;
  font-size:13px;
  line-height:32px;
  border:none;
  border-radius: 16px;
  background: rgba(62,58,57,1.0);
  display:inline-block;
  font-weight:normal;
  letter-spacing:0;
  text-align:center;
  color:#fff;
  box-sizing:border-box;
  margin:0;
}
@media (max-width: 767px) {

}

#side{
  margin-top:60px;
}
#side li{
  list-style: none!important;
}
#side .widget-title,
#side .widgettitle{
  /*font-size: 1.7rem;*/
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-top:2.8em;
  margin-bottom:0.5em;
  padding:0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:rgba(34,34,34,0.9);
}
#side a{
  text-decoration: none !important;
  /*font-size: 1.4rem;*/
  font-size: 86%;
  color:rgba(34,34,34,0.9);
}
#side a:hover {
  color:rgba(34,34,34,0.7);
}
.widget.widget_search{
  width:calc(50% - 25px);
  float: right;
}
.widget.widget_recent_entries,
.widget.widget_archive,
.widget_categories{
  width:calc(50% - 25px);
}
.widget.widget_archive,
.widget_categories{
  margin-top:40px;
}
.widget-title,
.widgettitle{
  font-weight: 500;
  margin-bottom:10px;
}
.widget.widget_recent_entries li{
  width:100%;
  margin-bottom:8px;
  margin-top:3px;
}
.widget.widget_recent_entries li a{
  display: block;
  width: 100%;
  padding:0 !important;
}
/*.widget.widget_recent_entries li .post-date{
  display: block;
  color:rgba(62,58,57,0.7);
  font-size: 11px;
}*/
.widget.widget_archive .screen-reader-text{
  display: none;
}
.widget.widget_search{
  margin-top:40px;
}
.widget.widget_search label,
label.screen-reader-text,
.widget.widget_search .screen-reader-text{
  display: none;
}
.corporate .content h2.widget-title{
  display: block;
  font-size: 1.17em;
  font-weight: 500;
  margin: 1em 0;
  color:rgba(62,58,57,0.86);
  padding: 0;
}
.widget ul{
  padding-left:0;
  list-style: none;
}
.widget ul li{
  margin: 1em 0 !important;
}
.widget ul li a{
  border-bottom:solid 1px rgba(62,58,57,0.3);
  display: block;
}
#side select{
  width:100%;
  border: 1px solid rgba(0,184,238,1.0);
  border-radius: 2px;
  padding: 6px 10px 4px 10px;
  line-height: 40px !important;
  height: 40px !important;
}
#side select option{
}
#side .search-field,
#side .searchform{
  /*width:80%;*/
  width: 100%;
  /*height: 40px;*/
  height: 50px;
  border: 2px solid rgba(34,34,34,0.68);
  border-radius: 2px 0 0 2px;
  /*padding: 6px 10px 4px 10px;*/
  box-sizing: border-box;
  -webkit-appearance: none;
}
#side .searchform div{
  width: 100%;
  height: 100%;
}
#side .searchform #s{
  width: 80%;
  box-sizing: border-box;
  height: 46px;
  border: none;
  padding: 0 1em;
}
#side .search-submit,
#side #searchsubmit{
  width:20%;
  /*height: 40px;*/
  height: 46px;
  /*border-radius: 0 2px 2px 0;*/
  border: none;
  background:rgba(34,34,34,0.86);
  float: right;
  box-sizing: border-box;
  color:#fff;
  font-weight: 500;
}
#side .search-submit svg,
#side #searchsubmit svg{
  width:100%;
  max-height:22px;
  vertical-align: middle;
  fill:#fff;
}
#side .search-submit:hover svg,
#side #searchsubmit:hover svg{
  fill:rgba(255,255,255,0.7);
}
#side .search-submit:active svg,
#side #searchsubmit:active svg{
  position: relative;
  top:1px;
  left:-1px;
}
@media (max-width: 767px) {
.widget.widget_search{
  width:100%;
  float: none;
}
.widget.widget_recent_entries,
.widget.widget_archive,
.widget_categories{
  margin-top: 40px;
  width:100%;
}
}

.link-more{
  display: none;
}
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}
blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}
@media (max-width: 767px) {
}

.grecaptcha-badge{display:none !important;z-index:-100;}