@charset "utf-8";
@imgdir: "/transport/assets/images";
@maincolor: #4aa311;
.marginCenter {
  margin-left:auto;
  margin-right:auto;
}
.clearfix {
	display:block;
	clear:both;
}



html {
	display:block;
}
head {
	display:none;
}

img {
	max-width:100%;
}

ul {
   padding:0;
   margin:0;
}




body {
   /*font-family:"Noto Serif", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
   font-family: "Sawarabi Mincho", serif;
	font-size:17px;
	color:#4D4D4D;
	line-height:1.8em;
	margin:0;
}

#wrapper {
	background-color:transparent;
	text-align:center;
}






/* Header Style
-------------------------------------------------------------------------------*/
body.home {
	#main-header {
      text-align:left;

      #g-menu {
         margin-bottom:70px;

         ul {
            list-style:none;
            text-align:center;
            font-size:0;
            line-height:0;
            max-width:1000px;
            .marginCenter;

            li {
               display:inline-block;
               vertical-align: top;
               font-size:16px;
               line-height:1.6em;

               a {
                  display:block;
                  color:#000;
                  text-decoration: none;
                  padding:15px 30px;
                  -webkit-transition: all 0.3s ease;
                  -moz-transition: all 0.3s ease;
                  -ms-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  transition: all 0.3s ease;
               }
               a:hover {
                  color:#FFF;
                  background-color:@maincolor;
               }

               .jp {
                  display: block;
                  font-size:18px;
               }
               .en {
                  display:block;
                  margin-top:5px;
               }
            }
         }
      }

	}

   #main-visual {
      background:url("@{imgdir}/home/bg_mv.jpg") center top no-repeat;
      background-size:cover;
      color:#FFF;
      position:relative;

      .inner {
         max-width:950px;
         width:94%;
         .marginCenter;
         padding:90px 0;
      }
      .left-area {
         display:inline-block;
         text-align:center;

         .logo {
            margin-bottom:30px;
         }
      }
      .right-area {
         display: block;
         position:absolute;
         top:50%;
         left:50%;
         -moz-transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
      }
   }

}
body.page {
   #main-header {
      .inner {
         background-color:@maincolor;
         padding:25px 15px;
         text-align:center;
      }
      .left-area,
      .right-area {
         display:inline-block;
         vertical-align: middle;
         margin:0 25px;
      }

      .screen-reader-text {
          position: absolute;
          display: block;
          white-space: nowrap;
          width: 1px;
          height: 1px;
          overflow: hidden;
      }
   }
}
#g-menu {
   margin-bottom:70px;

   ul {
      list-style:none;
      text-align:center;
      font-size:0;
      line-height:0;
      max-width:1000px;
      .marginCenter;

      li {
         display:inline-block;
         vertical-align: top;
         font-size:16px;
         line-height:1.6em;

         a {
            display:block;
            color:#000;
            text-decoration: none;
            padding:15px 30px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
         }
         a:hover {
            color:#FFF;
            background-color:@maincolor;
         }

         .jp {
            display: block;
            font-size:18px;
         }
         .en {
            display:block;
            margin-top:5px;
         }
      }
   }
}








/* Footer Style
-------------------------------------------------------------------------------*/
#main-footer {
	width:100%;
	background-color:#FFCC00;
	font-size:15px;
	padding:15px 0;
   margin-top:100px;

	a {
		color:#4D4D4D;
		text-decoration:none;
	}

	nav a {
		display:inline-block;
		vertical-align:top;
		margin:0 16px;
		font-size:126%;
		font-family:"Noto Serif", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
      font-weight:bold;
	}

	.copyright {
		text-align:center;
		margin:7px 0 0;
		font-size:13px;
		line-height:1.6em;
	}
}







/* Common Style
-------------------------------------------------------------------------------*/

a:link {

}
a:visited {

}
a:hover {

}
a:active {

}


body.home {
   h1 {
   	font-size:116%;
      line-height:1.8em;
   	margin:0 auto;
   }
}
h1 {
   font-size:92%;
   line-height:1.6em;
   color:#FFF;
}

body.home {
   h2 {
   	font-size:32px;
      line-height:1.8em;
      color:#FFF;
      background-color:@maincolor;
      max-width:1000px;
      width:94%;
      .marginCenter;
      margin-bottom:30px;
   }
}
body.page {
   h2 {
      font-size:36px;
      margin-bottom:70px;
   }
}

h3 {
	font-size:138%;
   line-height:1.8em;
   .marginCenter;
   margin-bottom:25px;
   border-bottom:1px solid #000;
   text-align:left;
   padding:4px 15px;
}


a.btn-style {
   display: inline-block;
   padding: 0.5em 1em;
   text-decoration: none;
   background:#E5801A;
   color: #FFF;
   border-bottom: solid 4px #D36602;
   border-radius: 3px;
   font-size:26px;
   margin-bottom:30px;
}
a.btn-style:active,
a.btn-style.touch {
   -ms-transform: translateY(4px);
   -webkit-transform: translateY(4px);
   transform: translateY(4px);
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
   border-bottom: none;
}

a.btn-contact {
   display:block;
   background-color:@maincolor;
   color:#FFF;
   max-width:480px;
   .marginCenter;
   font-size:26px;
   line-height:1.8em;
   padding:10px;
   position:relative;
   border:3px solid @maincolor;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;

   i {
      display:block;
      position:absolute;
      top:10px;
      left:30px;
      width:44px;
      height:45px;
      background:url("@{imgdir}/footer/icon_contact.svg") center center no-repeat;
   }
}
a.btn-contact:hover {
   background:none;
   text-decoration: none;
   color:@maincolor;
}

a#page-top {
   display: block;
   position: fixed;
   bottom:40px;
   right:40px;

   img {
      width:60px;
      height:60px;
   }
}

.clearfix:after {
   content:'';
   display:block;
   clear:both;
}







/* Sidebar Style
-------------------------------------------------------------------------------*/





/* Main Contents Style
-------------------------------------------------------------------------------*/
#main-contents {

}



/* Home Style
-------------------------------------------------------------------------------*/
body.home {
   section {
      margin-bottom:70px;

      p {
         max-width:760px;
         width:94%;
         .marginCenter;
         margin-bottom:40px;
         text-align:left;

         img {
            display: block;
            .marginCenter;
         }
      }
   }

   #top-msg {
		margin-top:40px;
      .movie-area {
         margin-bottom:50px;
      }
   }

   #sec01 {
      .bnr {
         max-width:700px;
         width:94%;
         .marginCenter;
         margin-bottom:40px;
      }
   }

   #sec03 {
      ul {
         text-align:center;
         font-size:0;
         line-height:0;
         max-width:740px;
         .marginCenter;
         margin-bottom:25px;

         li {
            display:inline-block;
            vertical-align:top;
            margin:0 6px 15px;
            position:relative;

            p {
               font-size:15px;
               line-height:2.1em;
               padding:10px 3px;
               background-color:rgba(255,255,255,0.83);
               text-align: center;
               position:absolute;
               left:0;
               bottom:0;
               margin:0;
               width:100%;
               color:#333;
            }
            a {
               color:#333;
            }
         }
      }
   }
}





/* Page Style
-------------------------------------------------------------------------------*/
body.page {
   section {
      max-width:700px;
      width:94%;
      .marginCenter;
      margin-bottom:70px;
      text-align:left;
   }
}
body.about {
   #company-info {
      max-width:700px;
      width:94%;
      .marginCenter;
      margin-bottom:70px;

      tr {
         border-bottom:1px dashed #000;
      }
      th,td {
         font-weight:normal;
         vertical-align: top;
         text-align:left;
         padding:10px;
      }
      th { width:150px; }
   }
}
body.price {
   article {
      max-width:1000px;
      width:94%;
      .marginCenter;
   }
   section {
      max-width:1000px;
      width:100%;
      .marginCenter;
   }
   table {
      max-width:1000px;
      width:100%;
      .marginCenter;
      margin-bottom:35px;
      border:1px solid #000;
   }
   table.split {
      float:left;
		width:47.8%;
		margin-left:1%;
		margin-right:1%;
   }
   caption {
      color:#000;
      font-size:126%;
      line-height:1.6em;
   }
   th,td {
      vertical-align: top;
      padding:4px;
      text-align:center;
      border:1px dashed #000;
   }
}
body.recruit {
   .msg {
      margin-bottom:15px;
   }
   table {
		width:100%;

      th,td {
         vertical-align: top;
         text-align: left;
         padding:10px;
         border-bottom:1px dashed #000;
      }
      th {
         width:180px;
         background-color:@maincolor;
         color:#FFF;
         border-bottom:1px dashed #FFF;
         font-weight:normal;
      }
   }
}
body.contact {
   article {
      max-width:750px;
      width:94%;
      .marginCenter;
   }
   .msg {
      margin-bottom:25px;
   }
   table {
      max-width:700px;
      width:94%;
      .marginCenter;
      margin-bottom:25px;
   }
   th, td {
      vertical-align: top;
      text-align:left;
      padding:10px;
   }
   th { width:30%; }
   .required {
      display: inline-block;
      color:red;
      margin-right:0.8em;
   }
   input[type="text"],
   input[type="tel"],
   input[type="email"],
   textarea {
      border:1px solid #000;
      -webkit-border-radius: 4px 4px 4px 4px;
      border-radius: 4px 4px 4px 4px;
      width:300px;
   }
   input.your-email,
   input.your-address {
      width:100%;
   }
   .your-message {
      width:100%;
      height:200px;
   }
   .privacy {
      .inner { text-align:left; }
   }
   .btn-send {
      width:185px;
      height:auto;
      margin:25px auto;
   }

   .wpcf7-form {
      text-align:center;
   }
   .screen-reader-response { display:none; }
   .wpcf7-not-valid-tip {
      display:inline-block;
      vertical-align: top;
      border:2px solid red;
      padding:0 10px;
   }
   .wpcf7-validation-errors {
      display:inline-block;
      vertical-align: top;
      border:2px solid yellow;
      padding:0 10px;
   }
   .wpcf7-mail-sent-ok {
      display:inline-block;
      vertical-align: top;
      border:2px solid green;
      padding:0 10px;
   }
}




#sp-menu-area {
	display:none;
}
/*@media screen and (max-width:67.5em) {

	body.price {
		table.split:nth-of-type(odd) {
			margin-right:4%;
		}
	}

}*/

@media screen and (max-width:53.7em) {

	#g-menu {
		width:525px;
		.marginCenter;
	}

}

@media screen and (max-width:40em) {

	#g-menu {
		display:none;
	}

	#sp-menu-area {
		display:block;
		text-align:right;

		#btn-sp-menu {
			position:fixed;
			top:10px;
			right:10px;
			z-index: 9999;
		}
		#sp-g-menu {
			display:none;
			list-style:none;
			text-align:left;
			position:fixed;
			top:75px;
			left:0;
			z-index: 9998;
			width:100%;

			a {
				display:block;
				background-color:rgba(255,255,255,0.94);
				border-bottom:2px solid @maincolor;
				width:100%;
				color:#000;
				text-decoration:none;
				padding:10px 20px;
			}
			a:hover,a.touch {
				color:#FFF;
				background-color:@maincolor;
			}
			.jp {
				font-size:120%;
			}
			.en {
				font-size:65%;
				margin-left:9px;
			}
		}
	}

	body.home {
		#main-visual {
			.inner {
				padding:50px 0;
			}

			.left-area {
				width:36%;
			}

			.right-area {
				left:auto;
				width:59%;
				right:8px;
			}
		}
		h1 {
			font-size:65%;
		}
		h2 {
			font-size:130%;
		}
		#top-msg {
			iframe {
				width:92%;
			}
		}
	}

	body.price {
		table.split {
			width:100%;
		}
		table.split:nth-of-type(odd) {
			margin-right:0;
		}
	}

	body.recruit {
		table {
			th { width:28%; }
		}
	}

	body.contact {
		th,td {
			float:left;
			width:100%;
		}
		input[type="text"],
		input[type="tel"],
		input[type="email"],
		textarea {
			width:100%;
		}
		input.your-zipcode {
			width:160px;
		}
	}

}
@media screen and (max-width:40em) and (orientation: landscape) {
	#sp-menu-area {
		#sp-g-menu {
			font-size:0;
			line-height:0;

			li {
				display:inline-block;
				vertical-align: top;
				width:50%;
				font-size:17px;
				line-height:1.8em;
			}
			li:nth-of-type(odd) {
				border-right:1px solid @maincolor;
			}
			li:nth-of-type(even) {
				border-left:1px solid @maincolor;
			}
		}
	}
}