@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:881px) {
.pc   {display:none}
.sp   {display:block}
}

/* ----------------------------------------------------------

Fonts

---------------------------------------------------------- */
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:100;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:200;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:300;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:400;
   src:local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:500;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:700;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:900;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
}

/* ----------------------------------------------------------

Common

---------------------------------------------------------- */
div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dd  {
word-break:break-all;
padding:0;
margin:0;
box-sizing:border-box;
outline:none;
/*font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;*/
font-family:"Noto Sans JP", sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-weight:normal;padding:0;margin:0}
ul,ul li          {list-style:none;padding:0;margin:0}

/*clearfix*/
* html .clearfix,
*+html .clearfix  {zoom:1}
.clearfix:after   {height:0;visibility:hidden;content:".";display:block;clear:both}

/*clear*/
.clear-both   {clear:both}
.clear-left   {clear:left}
.clear-right  {clear:right}

/*position*/
.center       {text-align:center}
.left         {text-align:left}
.right        {text-align:right}

/*text*/
.red          {color:#e31c24}
.strong       {font-weight:bold}
.xlarge       {font-size:140%}
.large        {font-size:120%}
.marker       {background:#fefcd3;padding:0.35em}

/*link*/
a             {cursor:pointer;color:#111}
a:hover       {cursor:pointer}

/*img*/
img           {vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}
.img_border   {border:1px solid #dedede;box-sizing:border-box}
.alignnone,
.alignleft,
.alignright,
.aligncenter  {max-width:100%;margin:0;width:auto}
.alignnone    {margin-bottom:5px} 
.alignleft    {display:inline;float:left;margin-top:5px;margin-right:25px;margin-bottom:25px}
.alignright   {display:inline;float:right;margin-top:5px;margin-left:25px;margin-bottom:25px}
.aligncenter  {clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center}
 @media only screen and (max-width:767px) {
.alignnone,
.alignleft,
.alignright,
.aligncenter  {display:block;float:none;text-align:center;margin:1em auto}
}

/* ----------------------------------------------------------

Table Layout

---------------------------------------------------------- */
.table {width:100%;table-layout:fixed;border:none;padding:0;margin:0;border-collapse:collapse}
.table tbody th ,
.table tbody td  {border:1px solid #dedede;font-weight:normal;background:#fff;padding:20px 16px;font-size:90%;line-height:1.78em}
.table tbody th  {width:33%!important;background:#F7F7F7;font-weight:600}
.table_striped tbody th ,
.table_striped tbody td  {border:none;font-weight:normal;padding:20px 16px;font-size:90%;line-height:1.78em}
.table_striped tbody th  {width:33%!important;font-weight:600}
.table_striped tbody tr:nth-child(odd) th,
.table_striped tbody tr:nth-child(odd) td {background:#EFF4FD}
.table_striped tbody tr:nth-child(even) th,
.table_striped tbody tr:nth-child(even) td {background:#fff}
@media only screen and (max-width:991px) {
.table tbody th,
.table tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px}
.table tbody th  {padding:10px!important;box-sizing:border-box}
.table tbody td  {padding:10px 0!important;box-sizing:border-box}
}

/* ----------------------------------------------------------

Form Layout

---------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {
width:95%;
max-width:95%;
border:1px solid #ddd;
background:#fff;
font-size:90%;
min-height:40px;
padding:10px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0;
outline:0
}
input[type=submit] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
box-sizing:border-box;s
cursor:pointer;
}
select {margin:0 0.12em;border:1px solid #ddd;font-size:100%;outline:0}
@media only screen and  (max-width:991px) {
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {width:100%;max-width:95%}
}

/*btn*/
.btn, 
input[type=submit]  {border-radius:4px;display:block;text-align:center;text-decoration:none;position:relative;font-size:100%;line-height:normal;font-weight:bold}
.btn_primary        {
color:#fff;
padding:1.25em 1em;
border:none;
background:#33bfdc;
background:-moz-linear-gradient(-45deg,  #33bfdc 0%, #0d57a1 100%);
background:-webkit-linear-gradient(-45deg,  #33bfdc 0%,#0d57a1 100%);
background:linear-gradient(135deg,  #33bfdc 0%,#0d57a1 100%);
border-bottom:3px solid #0d57a1
}

.btn_primary:after  {position:absolute;top:39%;right:10px;content:'\f054';color:#fff;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.btn_primary:hover,
.btn_primary:focus  {background:#0d57a1} 
.btn_default        {background:#dedede;color:#555;padding:1em 0.5em;border:none}
.btn_default:hover,
.btn_default:focus  {background:#f7f7f7} 
@media only screen and  (max-width:991px) {
.form_submit        {margin:15px auto 0}
input[type="submit"],
.btn_primary        {padding:28px 10px}
}

/* ----------------------------------------------------------

Layout

---------------------------------------------------------- */
body,
div                 {position:relative;margin:auto}
.section            {position:relative}
body                {width:100%;font-size:15pt;line-height:1.85em;text-align:justify!important;font-weight:400;overflow-x:hidden}
body.sitemap        {text-align:left!important}
#wrapper            {background:#fff}
.container          {max-width:1024px}
.container_narrow   {max-width:880px}
.container_x_narrow {max-width:600px}
@media only screen and (max-width:991px) {
body                {font-size:13pt;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}
.container,
.container_narrow,
.container_x_narrow {max-width:100%;margin:auto}
#wrapper            {overflow-x:hidden}
}

/* ----------------------------------------------------------

Header

---------------------------------------------------------- */
/*header*/
.topbar           {background:#fff;padding:0 }
.topbar_logo      {display:inline-block;width:34%;vertical-align:middle;;z-index:100;margin:0!important;padding:0!important}
.topbar_menu      {display:inline-block;width:65%;vertical-align:middle}
.topbar_logo .logo        {display:inline-block;width:40%;vertical-align:middle;margin-right:5px}
.topbar_logo .topbar_text {display:inline-block;width:49%;vertical-align:middle;font-size:9pt;color:#444;line-height:1.45em}
.topbar h1 img    {margin:auto;max-width:128px}
@media only screen and (max-width:991px) {
.topbar         {padding:10px;box-sizing:border-box}
.topbar h1      {display:block;width:100%}
.topbar h1 img  {margin:0 0 10px;max-width:72px}
.topbar_menu    {display:block;width:100%}
.topbar_logo .topbar_text    {display:none}
}

/*gnav*/
.gnav.pc                  {position:relative;margin:auto}
.gnav.pc .gnav-box        {margin:auto;text-align:right}
.gnav.pc .gnav-list li    {display:inline-block;vertical-align:middle;text-align:center;padding:0;margin:0 -2.5px}
.gnav.pc .gnav-list li a  {display:block;text-decoration:none!important;font-size:80%;padding:2.25em 1.75em;font-weight:600}
.gnav.pc .gnav-list li a:hover,
.gnav.pc .gnav-list li a:focus,
.gnav.pc .gnav-list li.active a {background:#0D57A1;color:#fff}
@media only screen and (max-width:991px) {
.collapse-button          {top:-35px;right:10px;width:30px;margin:0;position:absolute;cursor:pointer;z-index:100000}
.collapse-button a        {position:relative;display:block;height:20px;box-sizing:border-box}
.collapse-button span     { 
  position:absolute;
  display:inline-block;
  left:0;
  width:100%;
  height:2px;
  background-color:#0D57A1;
  border-radius:2px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s;
  box-sizing:border-box;
}
.collapse-button span:nth-of-type(1) {top:0}
.collapse-button span:nth-of-type(2) {top:9px}
.collapse-button span:nth-of-type(3) {bottom:0}
.collapse-button span:nth-of-type(2)::after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  width:100%;
  height:2px;
  background-color:#0D57A1;
  border-radius:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
}
.collapse-button .active span:nth-of-type(2) {
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.collapse-button .active span:nth-of-type(2)::after {
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
}
.collapse-button .active span:nth-of-type(1) {
  -webkit-transform:translateY(20px) scale(0);
      -ms-transform:translateY(20px) scale(0);
          transform:translateY(20px) scale(0);
}
.collapse-button .active span:nth-of-type(3) {
  -webkit-transform:translateY(-20px) scale(0);
      -ms-transform:translateY(-20px) scale(0);
          transform:translateY(-20px) scale(0);
}
/*collapse-menu*/
.collapse-menu ul,
.collapse-menu li       {margin:0;padding:0;list-style:none}
.collapse-menu          {display:none}
.collapse-menu          {width:100%;text-align:left;-webkit-overflow-scrolling:touch;z-index:1000000}
.collapse-menu ul       {margin-bottom:-1px;border-bottom:1px solid #dedede}
.collapse-menu ul li    {position:relative;border-top:1px solid #dedede;background:#fff}
.collapse-menu ul li a  {display:block;color:#222;cursor:pointer;text-decoration:none;padding:8px 10px;font-size:100%}
.collapse-menu ul li .glyphicon {float:right}
.collapse-menu ul li a:focus,
.collapse-menu ul li a:hover    {color:#fff;text-decoration:none;background:#0D57A1;opacity:1}
}

/*slider*/
.slider       {margin:auto;width:100%}
.slider img   {height:auto;width:100%}
.slick-prev:before,
.slick-next:before {color:rgba(255,255,255,0.5);font-size:40pt}
.slick-prev   {left:2.5%;z-index:1000}
.slick-next   {right:5%}
.slick-dots   {bottom:-45px}
.slick-dots li,
.slick-dots li button {width:30px;height:30px}
.slick-dots li button:before   {color:#3C80D3!important;font-size:14px}
@media only screen and (max-width:991px) {
.slick-dots li button {width:15px;height:15px}
.slick-dots li button:before   {font-size:10px}
}

/*mainvisual*/
.page .mainvisual       {position:relative;width:100%;margin:auto}
.contact .mainvisual,
.page-template-page-confirm .mainvisual,
.page-template-page-thanks .mainvisual    {background:url(../img/contact_bg.jpg) top center no-repeat;background-size:cover}
.company .mainvisual    {background:url(../img/company_bg.jpg) top center no-repeat;background-size:cover}
.service .mainvisual    {background:url(../img/service_bg.jpg) top center no-repeat;background-size:cover}
.transport .mainvisual  {background:url(../img/transport_bg.jpg) top center no-repeat;background-size:cover}
.warehouse .mainvisual  {background:url(../img/warehouse_bg.jpg) top center no-repeat;background-size:cover}
.single-news .mainvisual,
.tax-news_category .mainvisual,
.post-type-archive .mainvisual  {background:url(../img/news_bg.jpg) top center no-repeat;background-size:cover}
.mainvisual_inner       {position:relative;width:100%;height:250px}
.mainvisual_title       {position:absolute;top:50%;right:0;bottom:0;left:0;margin:auto;width:100%;height:250px}
.mainvisual_title span  {
display:block;
font-size:200%;
line-height:2.5em;
text-align:center;
color:#fff;
font-weight:bold;
text-shadow:0 0 30px rgba(0,0,0,1)
}
@media only screen and (max-width:991px) {
.mainvisual_inner       {width:100%;height:200px}
.mainvisual_title       {height:200px}
}

/* ----------------------------------------------------------

Section

---------------------------------------------------------- */
/*section*/
.section.border         {border-bottom:1px solid #dedede}
.section_title span     {display:block;text-align:center;margin:auto}
.section_title span.ja  {color:#000;font-size:110%;font-weight:600}
.section_title span.en  {color:#ccc;font-size:11pt;font-weight:500}
.section_block      {padding:100px 0;background:#fff;box-sizing:border-box}
.section_content    {padding:50px 0 0}
.section_content p  {font-size:90%;line-height:2em}
.more_link          {text-align:right;position:relative}
.more_link a        {display:block;font-size:72%;text-decoration:none}
.more_link a:after  {
position:absolute;
top:30.5%;
right:-20px;
content:'\f138';
color:#3C80D3;
font-size:90%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.shadow           {box-shadow:0 0 30px rgba(15,15,15,0.35)}
.shadow_bottom    {box-shadow:0px 15px 9px -9px rgba(15,15,15,0.35)}
@media only screen and (max-width:991px) {
.section_block      {padding:50px 1em;background:#fff;max-width: 660px}
}

/*bread*/
.bread                    {width:100%;margin:0;background:#f2f2f2}
.bread .container         {padding:0;margin:auto}
.bread .container p       {font-size:10pt;padding:10px 0 }
.bread .container a       {text-decoration:underline}
@media only screen and (max-width:991px) {
.bread .container         {padding:0 10px;box-sizing:border-box}
}

/*service_menu*/
.service_menu             {width:100%;background:#e4f8ff;position:relative;z-index:1}
.home .service_menu       {background:#0D57A1}
.service_menu_block       {padding:50px 0}
.home .service_menu_block {padding:75px 0}
.service_menu .service1   {background:url(../img/service_menu01_bg.jpg) bottom center no-repeat;background-size:cover}
.service_menu .service2   {background:url(../img/service_menu02_bg.jpg) bottom center no-repeat;background-size:cover}
.parent {
width:50%;
height:350px;
border:1px solid #fff;
border-left:none;
border-right:none;
overflow:hidden;
position:relative;
float:left;
display:inline-block;
cursor:pointer;
}
.parent:first-child {border-right:1px solid #fff}
.child              {height:100%;width:100%;background-size:cover;background-repeat:no-repeat;transition:all .5s}
.parent:hover .child, .parent:focus .child {transform:scale(1.2)}
.parent:hover .child:before, .parent:focus .child:before ,
.parent:hover a, .parent:focus a {display:block}
.service_menu a     {display:block; text-align:center;width:100%;height:100%;position:relative;background:rgba(0,0,0,0.5)}
.service_menu span  {display:block;font-size:140%;font-weight:600;color:#fff;line-height:1}
.service_menu span:after   {
position:absolute;
margin-left:10px;
margin-top:3px;
content:'\f138';
color:#fff;
font-size:90%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.service_menu .service_menu_title {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:0}
@media only screen and (max-width:767px) {
.service_menu_block       {padding:25px 0}
.home .service_menu_block {padding:25px 0}
.parent {width:100%;height:200px;margin-bottom:-1px}
}

/* ----------------------------------------------------------

Home

---------------------------------------------------------- */
/*home_news*/
.home_news          {width:100%;background:#ffff;position:relative;z-index:1000}
.home_news_block    {padding:100px 0 50px}
.home_news_content  {padding:50px 0 15px}
.home_news_list     {padding:0 ;margin:0.15em 0;font-size:86%}
.home_news_list dt  {width:15%;display:inline-block;vertical-align:top;font-weight:500}
.home_news_list dd  {width:74%;display:inline-block;vertical-align:top}
.home_news .more_link  {right:20px}
@media only screen and (max-width:991px) {
.home_news_block    {padding:25px 1em;box-sizing:border-box;max-width: 660px}
.home_news_list     {margin:0.5em 0;padding:0.5em 0;font-size:86%;border-bottom:1px dotted #aaa}
.home_news_list dt  {width:100%;display:block;margin:0;padding:0}
.home_news_list dd  {width:100%;display:block;margin:0;padding:0}
}

/*home_philosophy*/
.home_philosophy          {width:100%;background:#e4f8ff;position:relative;z-index:1001}
.home_philosophy_block    {padding:75px 0}
.home_philosophy_content  {padding:50px 0 0}
.home_philosophy_content figure     {padding:0;margin:0 auto;text-align:center}
.home_philosophy_block p  {text-align:center;margin-top:10px;line-height:1.6789em}
@media only screen and (max-width:991px) {
.home_philosophy_block    {padding:50px 0;max-width: 660px}
.home_philosophy_content  {padding:25px 0}
.home_philosophy_block p  {padding:0 1em;box-sizing:border-box;font-size:90%}
}

/* ----------------------------------------------------------

Company

---------------------------------------------------------- */
/*message*/
.message              {width:100%;background:#ffff;position:relative;z-index:1000}
.message_block        {padding:100px 0}
.message_content      {padding:50px 0 0}
.message_content p    {font-size:90%;line-height:2.56789em}
.message_img          {text-align:right;margin:2.5em 0 0}
@media only screen and (max-width:991px) {
.message_block        {padding:50px 1em;box-sizing:border-box;max-width: 660px}
.message_content p.center    {font-size:88%;text-align:left}
}

/*message*/
.company_info         {width:100%;background:#e4f8ff;position:relative;z-index:1000}
.company_info_block   {padding:100px 0}
.company_info_content {padding:50px 0 0}
.company_info_list    {
padding:1.5em 2em;
background:#fff;
box-sizing:border-box;
font-size:90%;
margin:5px auto;
box-shadow:0 0 30px rgba(155,155,155,0.15)
}
.company_info_list dt {width:25%;display:inline-block;vertical-align:middle;font-weight:bold}
.company_info_list dd {width:74%;display:inline-block;vertical-align:middle}
.access_map           {width:100%;margin:auto;background:#fff}
.access_map iframe    {width:100%;height:500px;border:none;margin-bottom:-10px}
@media only screen and (max-width:991px) {
.company_info_block   {padding:50px 1em;box-sizing:border-box;max-width: 660px}
.access_map iframe    {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
.company_info_content {padding:25px 0 0}
.company_info_list    {padding:0.85em}
.company_info_list dt {width:100%;display:block}
.company_info_list dd {width:100%;display:block}
}

/* ----------------------------------------------------------

Service

---------------------------------------------------------- */
/*service*/
.service1           {width:100%;background:#ffff;position:relative;z-index:1000}
.service_block      {padding:100px 0}
.service_content    {padding:0}
.service_content p  {font-size:108%;line-height:2.56789em}
@media only screen and (max-width:991px) {
.service_block      {padding:50px 1em;box-sizing:border-box}
}

/*service2*/
.service2           {width:100%;background:#e4f8ff;position:relative;z-index:1000}
.service_list_block {padding:100px 0}
.service_list       {
box-shadow:0 0 30px rgba(15,15,15,0.15);
position:relative;
border-top:3px solid #0D57A1;
background:#fff;
padding:1em;
box-shadow:0 0 30px rgba(15,15,15,0.15);
margin-bottom:100px
}
.service_list:nth-last-child(1)         {margin-bottom:0}
.service_list .service_list_img         {position:absolute;width:468px}
.service_list .service_list_text        {padding:2em 1em;box-sizing:border-box}
.service_list.list1 .service_list_img   {top:-50px;left:-30px}
.service_list.list1 .service_list_text  {margin-left:450px}
.service_list.list2 .service_list_img   {top:-50px;right:-30px}
.service_list.list2 .service_list_text  {margin-right:450px}
.service_list .service_list_title       {font-size:160%;font-weight:600;text-align:center;margin-bottom:1.5em}
.service_list .service_list_comment     {font-size:82.5%;line-height:1.9em}
.service_list .service_list_button      {max-width:400px;margin:30px auto}
@media only screen and (max-width:991px) {
.service_list_block   {padding:50px 1em;box-sizing:border-box}
.service_list         {margin-bottom:25px}
.service_list .service_list_img         {position:relative;width:100%;max-width:468px}
.service_list .service_list_text        {padding:0.5em 1em;box-sizing:border-box}
.service_list.list1 .service_list_img   {top:0;left:0}
.service_list.list1 .service_list_text  {margin-left:0}
.service_list.list2 .service_list_img   {top:0;right:0}
.service_list.list2 .service_list_text  {margin-right:0}
.service_list .service_list_title       {margin:1em auto}
}

/* ----------------------------------------------------------

Transport

---------------------------------------------------------- */
/*transport1*/
.transport1           {width:100%;background:#ffff;position:relative;z-index:1000}
.transport_block      {padding:100px 0}
.transport_content    {padding:0}
.transport_content p  {font-size:112%;line-height:2.56789em}
@media only screen and (max-width:991px) {
.transport_block      {padding:50px 1em;box-sizing:border-box}
.transport_content p  {font-size:100%;line-height:2em}
}

/*transport2*/
.transport2           {width:100%;background:#e4f8ff;position:relative;z-index:1000}
.transport_detail_block      {
padding:250px 0 75px;
background:url(../img/transport_detail_bg.jpg) top center no-repeat #e4f8ff;
background-size:100%
}
.transport_detail                 {position:relative;padding:2.5em;box-sizing:border-box;background:#fff;margin-top:120px}
.transport_detailt_img            {float:left;width:48%}
.transport_detailt_text           {float:right;width:52%;padding:0 0 0 4%;box-sizing:border-box}
.transport_detailt_img span       {display:block;margin-bottom:25px}
.transport_detailt_caution        {margin-top:-25px;font-size:10pt;text-align:center;;}
.transport_detail .transport_detailt_comment {font-size:95%;line-height:1.6789em;margin-bottom:25px}
.transport_detailt_list_container {background:#f2f2f2;margin:30px auto 0;padding:5px 10px 10px;box-sizing:border-box;position:relative}
.transport_detailt_list_title     {font-weight:600;font-size:90%;margin:0 0 10px}
.transport_detailt_list           {width:100%;padding:20px;box-sizing:border-box;background:#fff}
.transport_detailt_list_left,
.transport_detailt_list_right     {display:block;width:100%;vertical-align:top}
.transport_detailt_list dl        {width:100%;margin:0;padding:0}
.transport_detailt_list dl dt,    
.transport_detailt_list dl dd     {font-size:80%;display:inline-block;vertical-align:top}
.transport_detailt_list dl dt     {width:75%}
.transport_detailt_list dl dd     {width:24%}
.transport_detailt_list dl dt:before {content:'●';padding-right:0.1em}
@media only screen and (max-width:767px) {
.transport_detail_block         {padding:15px 0 ;background-size:120%}
.transport_detail               {padding:1em}
.transport_detailt_img  ,
.transport_detailt_text         {float:none;width:100%;padding:0}
.transport_detailt_img          {margin-top:25px}
.transport_detailt_img img      {display:block}
.transport_detailt_list         {padding:10px}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.transport_detail_block         {padding:15px 0 ;background-size:120%}
.transport_detail               {padding:1em}
.transport_detailt_img  ,
.transport_detailt_text         {float:none;width:100%;padding:0}
.transport_detailt_img          {margin-top:25px}
.transport_detailt_img img      {display:block;max-width: 468px;text-align:center;;margin:auto;}
.transport_detailt_list_container {max-width: 468px}
.transport_detailt_list         {padding:10px}
}

/* ----------------------------------------------------------

Warehouse

---------------------------------------------------------- */
/*warehouse1*/
.warehouse1           {width:100%;background:#ffff;position:relative;z-index:1000}
.warehouse_block      {padding:100px 0}
.warehouse_content    {padding:0}
.warehouse_content p  {font-size:112%;line-height:2.56789em}
@media only screen and (max-width:991px) {
.warehouse_block      {padding:50px 1em;box-sizing:border-box}
.warehouse_content p  {font-size:100%;line-height:2em}
}

/*warehouse2*/
.warehouse2                 {width:100%;background:#e4f8ff;position:relative;z-index:1000}
.warehouse_detail_block     {
padding:250px 0 75px;
background:url(../img/warehouse_detail_bg.jpg) top center no-repeat #e4f8ff;
background-size:100%
}
.warehouse_detail           {position:relative;padding:2.5em;box-sizing:border-box;background:#fff;margin-top:120px}
.warehouse_detailt_img      {float:left;width:48%}
.warehouse_detailt_text     {float:right;width:52%;padding:0 0 0 4%;box-sizing:border-box}
.warehouse_detailt_img span {display:block;margin-bottom:25px}
.warehouse_detailt_caution  {margin-top:-25px;font-size:10pt}
.warehouse_detail .warehouse_detailt_comment {font-size:95%;line-height:1.6789em;margin-bottom:25px}
@media only screen and (max-width:767px) {
.warehouse_detail_block     {padding:15px 0 ;background-size:120%}
.warehouse_detail           {padding:1em}
.warehouse_detailt_img  ,
.warehouse_detailt_text     {float:none;width:100%;padding:0}
.warehouse_detailt_img      {margin-top:25px}
.warehouse_detailt_img img  {display:block}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.warehouse_detail_block     {padding:15px 0 ;background-size:120%}
.warehouse_detail           {padding:1em}
.warehouse_detailt_img  ,
.warehouse_detailt_text     {float:none;width:100%;padding:0}
.warehouse_detailt_img      {margin-top:25px}
.warehouse_detailt_img img  {display:block;max-width: 468px;text-align:center;;margin:auto;}
}

/* ----------------------------------------------------------

Contact

---------------------------------------------------------- */
/*contact*/
.contact            {width:100%;background:#ffff;position:relative;z-index:1000}
.contact_block      {padding:100px 0}
.contact_content    {padding:50px 0 0}
.contact_content p  {font-size:90%;line-height:2.56789em}
.mw_wp_form_input   {margin-top:2.5em}
.contact .req       {font-weight:normal;background:#dd0000;color:#fff;padding:0.15em 0.5em;font-size:9pt;margin-left:0.5em}
.contact_content.confirm span.req  {display:none}
.form_submit        {width:100%;margin:auto ;text-align:center;position:relative}
.form_submit .btn   {width:420px;margin:25px auto ;text-align:center;position:relative}
.form_submit .btn_default     {background:#dedede;color:#555;padding:1em 0.5em;border:none}
@media only screen and (max-width:991px) {
.contact_block      {padding:50px 1em;box-sizing:border-box;max-width: 660px}
.form_submit .btn   {width:90%}
}
  
/* ----------------------------------------------------------

Sitemap

---------------------------------------------------------- */
/*wsp-container*/
.wsp-container        {margin:auto;font-size:90%}
.wsp-container a      {text-decoration:underline;color:#000}
.wsp-pages-title ,
.wsp-newss-title      {border-top:1px solid #222;border-bottom:1px solid #222;padding:0.5em  0}
.wsp-container ul     {padding:10px 0 50px}
.wsp-container ul:nth-last-child(1)    {padding:10px 0 0}
ul.wsp-pages-list li  {padding:0.25em 0;display:inline-block;width:49%;vertical-align:top;text-align:left}
ul.wsp-newss-list li  {padding:0.25em 0;display:block;width:100%;vertical-align:top}
@media only screen and (max-width:991px) {
ul.wsp-pages-list li ,
ul.wsp-newss-list li  {padding:0.25em 0;display:block;width:100%;vertical-align:top}
}

/* ----------------------------------------------------------

News

---------------------------------------------------------- */
/*archive_news*/
.archive_news           {width:100%;background:#fff;position:relative;z-index:1000}
.archive_news_block     {padding:100px 0}
.archive_news_content   {padding:50px 0 0}
.archive_news_list      {
padding:1em;
background:#fff;
box-sizing:border-box;
font-size:90%;
margin:0;
position:relative;
border-bottom:1px solid #ccc;
}
.archive_news_list dt   {width:25%;display:inline-block;vertical-align:middle;font-weight:bold}
.archive_news_list dd   {width:74%;display:inline-block;vertical-align:middle}
@media only screen and (max-width:991px) {
.archive_news_block     {padding:50px 0;max-width: 660px}
.archive_news_list dt,
.archive_news_list dd   {width:100%;display:block;}
}

/*single-news*/
.news            {width:100%;background:#ffff;position:relative;z-index:1000}
.news_block      {padding:100px 0}
.news_title h2   {font-weight:600}
.news_content    {padding:50px 0 0}
.news_content p  {font-size:90%;line-height:2em}
.news_metadata         {width:100%;margin:auto;margin:25px 0}
.news_metadata a       {text-decoration:underline}
.news_metadata_list    {padding:0}
.news_metadata_list .date,
.news_metadata_list .news_category_list  {display:inline-block;vertical-align:top;margin-right:1em;font-size:80%;color:#999}
.news_metadata_list i  {color:#999;margin-right:0.25em}
@media only screen and (max-width:991px) {
.news_block      {padding:50px 1em;box-sizing:border-box;max-width: 660px}
.news_content    {padding:25px 0}
}

/*recent_news*/
.recent_news          {width:100%;background:#e4f8ff;position:relative;z-index:1000}
.recent_news_block    {padding:100px 0}
.recent_news .section_title  {font-size:120%}
.recent_news_content  {padding:50px 0 0}
.recent_news_list     {
padding:1.5em 2em;
background:#fff;
box-sizing:border-box;
font-size:90%;
margin:5px auto;
box-shadow:0 0 30px rgba(155,155,155,0.15)
}
.recent_news_list dt  {width:25%;display:inline-block;vertical-align:middle;font-weight:bold}
.recent_news_list dd  {width:74%;display:inline-block;vertical-align:middle}
.recent_news .more_link   {margin-right:20px}
@media only screen and (max-width:991px) {
.recent_news_block    {padding:50px 1em;box-sizing:border-box;max-width: 660px}
.recent_news_list dt,
.recent_news_list dd  {width:100%;display:block;}
}

/* ----------------------------------------------------------

Footer

---------------------------------------------------------- */
/*footer_sitemap*/
footer                    {background:#fff}
.footer_sitemap           {width:100%;background:#0D57A1;position:relative;z-index:1}
.footer_sitemap_list      {padding:40px 0;;margin:auto;text-align:center}
.footer_sitemap_list li   {display:inline-block;margin:auto;text-align:left}  
.footer_sitemap_list li a {display:block;color:#fff;margin:auto;font-size:80%;padding:0 0.85em;text-decoration:none}  
@media only screen and (max-width:991px) {
.footer_sitemap_list      {padding:30px 1em;box-sizing:border-box;max-width: 660px;text-align:left}
.footer_sitemap_list li   {display:inline-block;width:49%;text-align:left}  
}

/*footer_container*/
.footer_container         {padding:50px 0 0;;margin:auto;text-align:center}
.footer .container_narrow {max-width:660px;margin:auto;padding-bottom:50px;}
.footer_logo              {display:inline-block;width:45%;text-align:right}
.footer_information       {display:inline-block;width:54%;;text-align:left}
.footer_logo img          {display:block;text-align:center;margin:0 0 0 75.0px;max-width:128px}
.footer_information span  {display:block;font-size:76%;line-height:1.5678em}
.copyright                {border-top:1px solid #ccc;padding:25px}
.copyright address        {font-size:10pt;font-style:normal;color:#888}
.copyright a              {color:#888}
@media only screen and (max-width:991px) {
.footer_container         {padding:25px 10px 0;box-sizing:border-box}
.footer .container_narrow {max-width:100%}
.footer_logo,
.footer_information       {width:100%;float:none;text-align:center}
.footer_logo img          {text-align:center;display:block;margin:20px auto}
.copyright                {padding:15px}
.copyright address        {font-size:9pt}
}

/*pagetop*/
.pagetop    {position:fixed;z-index:10000;right:0px;bottom:10px;margin:0 auto}
.pagetop a  {font-size:300%;color:rgba(0,0,0,0.25);display:block;text-align:center;padding:0.25em 0.5em}
