@charset "UTF-8";
@font-face{font-family:YakuHanJP;font-style:normal;font-weight:100;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Thin.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:200;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Light.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:300;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-DemiLight.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:400;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Regular.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:500;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Medium.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:700;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Bold.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:900;font-display:swap;src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Black.eot);src:url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"),url(//www.ot-transport.co.jp/css/yakuhanjp/fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}
  * { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;}
strong { font-weight: bold }
html { line-height: 1 }
ol, ul { list-style: none }
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
a:hover { text-decoration: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {word-break: break-all;-webkit-text-size-adjust: 100%;}
img { vertical-align: top }
body > span[style*="visibility: hidden"] { display: none !important }
main {display: block;overflow: hidden;}
button { background: none; border: none }
button:focus { outline: none }
input[type="submit"],
input[type="button"],
button { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; background: none }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration { display: none }
input[type="submit"]::focus,
input[type="button"]::focus,
button::focus { outline-offset: -2px }
b { font-weight: bold }
select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box }
select::-ms-expand { display: none }
@-moz-document url-prefix() { .form select { -moz-appearance: none; text-indent: 0.01px; text-overflow: '' } }  :root {
--header-height: 900px;
--header-menu-height: 100px;
--header-logo-width: 218px;
--header-logo-padding: 30px;
--header-dial-width: 221px;
--header-dial-padding: 33px;
--header-email-width: 113px;
--header-email-padding: 50px;
--gn-height: 74px;
--gn-child-li-height: 44px;
--footer-logo-width: 218px;
--child-header-height: 640px;
--child-header-height-noimg: 480px;
--smp-header-height: 667px;
--smp-header-logo-width: 132px;
--smp-header-menu-height: 60px;
--smp-child-header-height: 450px;
--smp-child-header-height-noimg: 320px;
--smp-footer-logo-width: 164px;
}  body { font-family: YakuHanJP, 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 16px;line-height: 1.75;color: #333 }
.en, ol > li::before, .faq dt::before, .faq dd::before { font-family: 'Rubik', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif }
::placeholder { color: #ccc }
a { color: #666 }
a:visited {color: #800080;}
blockquote > :first-child { margin-top: 0 !important }
blockquote > :last-child { margin-bottom: 0 !important }
blockquote p { margin: 10px auto }
blockquote {background: #F9F6F6;padding: 20px !important;margin: 30px 0;}
em { font-style: italic }
h1 { font-size: 48px; font-weight: bold; line-height: 1.3; border-top: 4px solid #D00000; padding: 30px 0 0; margin: 150px 0 30px; text-align: justify }
h2 { font-size: 30px; font-weight: bold; line-height: 1.5; border-top: 2px solid #D00000; background: #F9F6F6; margin: 150px 0 30px; padding: 10px 20px; text-align: justify }
h3 + * { margin-top: 0 }
h3 { font-size: 24px; font-weight: bold; line-height: 1.6; position: relative; padding-left: 20px; margin: 60px 0 10px; text-align: justify }
h3::before {content: "";position: absolute;left: 0;top: 7px;bottom: 6px;width: 6px;background: #D00000;}
h4 + * { margin-top: 0 !important }
h4 { font-size: 20px; font-weight: bold; margin: 60px auto 10px }
img { max-width: 100%; height: auto }
input,select,textarea {font-size: 16px;line-height: 1.75;font-family: inherit;padding: 5px 10px;outline: none;background: #fff;border: 1px solid #CBCBCB;max-width: 100%;box-sizing: border-box;}
main > *:last-child { margin-bottom: 0 !important }
main > :first-child { margin-top: 0 !important }
ol > li {position: relative;padding-left: 1.2em;counter-increment: ol;line-height: 1.3;}
ol > li::before {content: counter(ol)".";position: absolute;font-weight: bold;left: 0;}
ol > li:nth-child(n+10) { padding-left: 1.7em }
ol > li:nth-child(n+2) {margin-top: 15px;}
ol {margin: 50px auto;counter-reset: ol;}
p {margin: 30px auto;text-align: justify;}
select { background: url(//www.ot-transport.co.jp/img/cmn/selectbox-btn.png) right top/contain no-repeat; padding-right: 26px; cursor: pointer }
table + figcaption { margin: -30px 0 30px; text-align: center }
table {margin: 40px auto;width: 100%;}
td {color: #000;background: #fff;vertical-align: middle;padding: 13px 15px;border: 1px solid #E1E1E1;}
th {border: 1px solid #E1E1E1;background: #F9F6F6;color: #000;font-weight: bold;text-align: center;vertical-align: middle;padding: 13px 15px;}
ul > li {position: relative;padding-left: 1.2em;line-height: 1.3;}
ul > li::before {content: "\0030fb";font-weight: bold;font-size: 24px;position: absolute;left: 0;line-height: 20px;}
ul > li:nth-child(n+2) {margin-top: 15px;}
ul {margin: 50px auto;}
.bold { font-weight: bold !important }
.box_center { display: table !important; margin-left: auto !important; margin-right: auto !important }
.center { text-align: center !important }
.centerjustify { text-align: center !important }
.contain { background-size: contain !important }
.hover { transition: all ease .3s }
.hover:hover { opacity: .7 }
.important {text-align: center;padding: 60px 17px 0 !important;color: #f33;font-size: 18px;font-weight: bold;line-height: 1.5;}
.justify { text-align: justify !important }
.marker { background: linear-gradient(transparent 60%, #ff0 60%) }
.medium { font-weight: 500 !important }
.normal { font-weight: normal !important }
.red {color: #ad1b1b!important;}
.regular { font-weight: 400 !important }
.ta-l { text-align: left !important }
.ta-r { text-align: right !important }
.wn { white-space: nowrap !important }
.word { display: inline-block !important }
.fs1412 { font-size: 14px !important }
.fs1815 {font-size: 18px !important;}
.small { font-size: 12px !important }    #fv { max-width: 1024px; margin: auto; position: relative; height: calc(var(--header-height) - var(--gn-height)); padding: var(--header-menu-height) 17px 0; display: flex; align-items: center; z-index: 1000 }
#gn .en { font-size: 11px; display: block }
#gn .jp { font-size: 16px; font-weight: 500; margin-top: 5px }
#gn > ul > li > a { color: #fff; text-decoration: none; display: flex; height: 100%; align-items: center; flex-wrap: wrap; text-align: center; line-height: 1; justify-content: center; flex-direction: column; padding: 0 29px; transition: all ease .3s }
#gn > ul > li { display: flex; align-items: center; margin: 0 !important; padding: 0 !important; border-right: 1px solid rgba(255, 255, 255, .3); height: 100% }
.gn__item--unable {opacity: .3;pointer-events: none;}
#gn > ul > li.current > a, #gn > ul > li > a:hover { background: rgba(0, 0, 0, .2) }
#gn > ul > li::before { content: none }
#gn > ul > li:first-child { border-left: 1px solid rgba(255, 255, 255, .3) }
#gn > ul > li:hover .gn-child a { height: var(--gn-child-li-height); border-bottom: 1px solid rgba(255, 255, 255, .2) }
#gn > ul { display: flex; justify-content: center; align-items: center; margin: 0 !important; height: 100% }
#gn { position: absolute; bottom: 0; left: 0; right: 0; height: var(--gn-height); background: rgba(217, 0, 0, .7); z-index: 99999 }
#gn.fixed { position: fixed; top: 0 }
.gn-child .en {display: none !important;}
.gn-child .jp {font-size: inherit !important;font-weight: inherit !important;margin-top: 0 !important;}
#header { position: relative; background: #000; height: var(--header-height) }
#header.childpage #gn { top: var(--header-menu-height); bottom: auto }
#header.childpage #gn.fixed { top: 0 }
#header.childpage { height: auto; min-height: var(--child-header-height) !important }
#header.childpage::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(//www.ot-transport.co.jp/img/cmn/default-pagettl-img.jpg) center/cover;opacity: .6;background-attachment: fixed;}
#header.pagettl-noimg:not(body) { background: none; min-height: var(--child-header-height-noimg) !important }
#header.pagettl-noimg:not(body)::before { content: none }
#header_dial img { max-width: none }
#header_dial { padding: 0 var(--header-dial-padding) }
#header_dsc span { display: block;  text-overflow: ellipsis;  overflow: hidden; }
#header_dsc {font-size: 13px;font-weight: normal;line-height: 48px;white-space: nowrap;color: #666;height: 100px;border: none;border-left: 1px solid #E5E5E5;padding: 0 0 0 30px;width: calc( 100% - var(--header-logo-padding) - var(--header-logo-width) - ( var(--header-dial-padding) * 2 ) - var(--header-dial-width) - ( var(--header-email-padding) * 2 ) - var(--header-email-width) );margin: 0 0 0 30px !important;display: flex;align-items: center;}
#header_email img { max-width: none }
#header_email {display: flex;background: #DB6400;height: var(--header-menu-height);align-items: center;padding: 0 var(--header-email-padding);transition: all ease .3s;}
#header_email:focus, #header_email:hover { opacity: .6 }
#header_logo img { width: var(--header-logo-width); height: auto; max-width: none }
#header_logo { margin: 0 !important; padding-left: var(--header-logo-padding) }
.header_menu_sp {display: flex;justify-content: space-between;align-items: center;background: #fff;position: absolute;z-index: 99999;top: 0;left: 0;right: 0;overflow: hidden;}
#home_slide .slick-dots li + li { margin-top: 10px }
#home_slide .slick-dots li button::before { font-size: 12px; line-height: 12px; width: 12px; height: 12px; color: #ffffff; opacity: .5 }
#home_slide .slick-dots li { display: block; width: 12px; height: 12px; margin: 0 }
#home_slide .slick-dots li.slick-active button::before { opacity: 1; color: #d90000 }
#home_slide .slick-dots li::before { content: none }
#home_slide .slick-dots { position: absolute; top: calc(50% + var(--header-menu-height) / 2); transform: translateY(-50%); right: 30px; left: auto; bottom: auto; width: auto; z-index: 1000 }
#home_slide .slick-list { padding: 0 !important }
#home_slide .slick-track { transform: none !important }
#home_slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 !IMPORTANT }
#maintxt { color: #fff }
#pagettl { position: relative; padding: calc(var(--header-menu-height) + var(--gn-height) + 30px) 30px 30px; display: flex; justify-content: center; align-items: center; color: #fff; min-height: var(--child-header-height) }
.breadcrumbs a { color: #000; text-decoration: none; font-weight: normal }
.breadcrumbs a:hover { text-decoration: underline }
.breadcrumbs { max-width: 1024px; margin: auto; padding: 22px 17px; font-size: 12px; color: #c80505; font-weight: bold; line-height: 1.4 }
.breadcrumbs-sep { display: inline-block; text-indent: -99999px; border: 2px solid #A5A5A5; border-bottom: none; border-left: none; width: 6px; height: 6px; transform: rotateZ(45deg); margin: 0 8px; position: relative; top: 8px }
.breadcrumbs_wrap { background: #f5f5f5 }
.gn-child .current a, .gn-child a:hover { background: #000 }
.gn-child a { color: inherit; text-decoration: none; display: block; background: rgba(0, 0, 0, .7); line-height: 44px; padding: 0 35px 0 15px; height: 0; transition: all ease .3s; border-bottom: 0px solid rgba(255, 255, 255, 0) }
.gn-child li { margin: 0 !important; padding: 0 !important; overflow: hidden }
.gn-child li::before {content: "";display: block;position: absolute;border: 2px solid #FFFFFF;width: 6px;height: 6px;border-left: none;border-bottom: none;transform: translateY(-50%) rotate(45deg);left: auto;right: 15px;top: 50%;pointer-events: none;transition: all ease .1s;}
.gn-child li:hover::before { right: 12px }
.gn-child { position: absolute; top: 100%; margin: 0 !important; white-space: nowrap; font-size: 14px; color: #fff }
.home_slide { width: 100%; height: var(--header-height); padding: 0 !important; background-position: top center; background-size: cover; background-attachment: fixed }
.home_slide_1 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv01.jpg); opacity: .9 }
.home_slide_2 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv02.jpg); opacity: .7 }
.home_slide_3 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv03.jpg); opacity: .8 }
.maintxt-bgblack { font-size: 16px; line-height: calc(30 / 16); margin: 12px 0 0 !important }
.maintxt-txtbig { font-size: 78.75px; line-height: calc(75.93 / 78.75); margin: 0 !important }
.maintxt-txtmid { font-size: 32px; font-weight: bold; line-height: 1.4; margin: 12px 0 0 !important }
.pagettl-noimg #pagettl { min-height: var(--child-header-height-noimg); color: #333 }
.pagettl_txt .en { font-size: 24px; font-weight: 500; line-height: 1.3; display: block; text-align: center }
.pagettl_txt .jp .ls_wide { letter-spacing: .1em }
.pagettl_txt .jp .small { font-size: 40px !important; display: block; text-align: center; margin-top: .5em }
.pagettl_txt .jp { font-size: 60px; font-weight: bold; line-height: 1.3; text-align: justify; display: table; margin: auto }
.pagettl_txt { margin: 0 !important }    #container main { max-width: 650px; width: 100% }
#container { max-width: 1024px; margin: auto; padding: 120px 17px; display: flex; justify-content: space-between }
#copyright { background: #000; color: #fff; display: block; text-align: center; font-size: 10px; line-height: 40px }
#footer > .inner { max-width: 1024px; margin: auto; padding: 80px 17px 0; display: flex; flex-wrap: wrap; justify-content: space-between }
#footer-logo { width: var(--footer-logo-width); margin: 0 !important }
#footer-menu { display: flex; flex-wrap: wrap; justify-content: flex-start }
#footer-menu2 { width: 100%; border-top: 1px solid #E5E5E5; margin: 35px 0 30px }
#footer-menu2-list a { color: inherit; text-decoration: none }
#footer-menu2-list a:hover { text-decoration: underline }
#footer-menu2-list li { margin: 0 15px; padding: 0 !important }
#footer-menu2-list li::before { content: none }
.footer-menu2__item--unable {opacity: .3;pointer-events: none;}
#footer-menu2-list { display: flex; justify-content: center; flex-wrap: wrap; font-size: 14px; color: #666 }
#footer-office { margin-top: 15px }
#footer-office-address { font-size: 14px; line-height: 1.4; margin: 0 !important }
#footer-office-contact { font-size: 16px; font-weight: bold; margin: 0 !important }
#footer-office-head { font-size: 16px; font-weight: bold; margin: 0 !important }
#footer-office-link a { color: inherit; text-decoration: none; font-size: 14px; font-weight: bold }
#footer-office-link a:hover { text-decoration: underline }
#footer-office-link { margin: 0 0 20px !important }
#resdv .btn-orange { width: 363px; max-width: 90% }
#resdv > .inner { max-width: 1024px; margin: auto; padding: 90px 17px }
#resdv { background-image: url(//www.ot-transport.co.jp/img/cmn/resdv-bg.jpg); background-position: center; background-size: cover; background-attachment: fixed }
.footer-menu-head a { color: inherit; text-decoration: none; display: inline-block; position: relative; padding-right: 13px }
.footer-menu-head a::after {content: "";position: absolute;border: 2px solid #555;border-bottom: none;border-left: none;width: 6px;height: 6px;top: calc(50% - 2px);right: 3px;transform: rotateZ(45deg);transition: all ease .3s;}
.footer-menu-head a:hover { text-decoration: underline }
.footer-menu-head a:hover::after {right: -3px;}
.footer-menu-head { font-size: 16px; font-weight: 500; margin: 0 }
.footer-menu-list a { color: inherit; text-decoration: none; display: block; margin-top: 15px }
.footer-menu-list a:hover { text-decoration: underline }
.footer-menu-list p { padding: 0 !important; margin: 0 30px 0 0 !important; float: left }
.footer-menu-list { font-size: 14px; line-height: 1.3; margin: 0 !important; overflow: hidden }
.footer-menu-wrap + .footer-menu-wrap { margin-left: 60px }
.resdv-btns > * { margin: 0 !important; background: #fff; width: calc((100% - 30px) / 2); display: flex; align-items: center; height: 146px; justify-content: center; flex-direction: column; flex-wrap: wrap }
.resdv-btns { display: flex; justify-content: space-between; margin-top: 30px }
.resdv-btns-email { margin-bottom: 5px }
.resdv-btns-head {font-size: 16px;font-weight: bold;}
.resdv-btns-tel { margin-bottom: 5px }
.resdv-head .en { font-size: 16px; font-weight: 500; display: block }
.resdv-head .jp { display: block; font-size: 34px; font-weight: bold; line-height: 1.3 }
.resdv-head { color: #fff; text-align: center; margin: 0 !important }    #side .btn-email { width: 100%; max-width: 300px }
#side > .inner { position: sticky; top: 0 }
#side p { margin: 0; font-size: 14px }
#side ul { margin: 0 }
#side { width: 255px }
.side-block + .side-block { margin-top: 60px }
.side-block-child { border-top: 1px solid #EDEDED; padding: 20px 0 }
.side-block-head { font-size: 20px !important; font-weight: bold; line-height: 1.4; text-align: center; border-top: 4px solid; padding: 20px 0; margin: 0 !important }
.side-block-head2 { font-size: 16px !important; font-weight: bold }    .form .error { font-size: 13px }
.form .error_field { border: 2px solid #d33 !important }
.form > .inner > * {border-top: 1px solid #E5E5E5;}
.form-namae-sublabel { display: inline-block; width: 3em }
.form-normal_row { padding: 20px 0; display: flex; justify-content: space-between }
.form-normal_row-input { width: calc(100% - 200px - 20px) }
.form-normal_row-input_field + .form-namae-sublabel { margin-left: 1em }
.form-normal_row-input_field { display: inline-block; max-width: 100%; vertical-align: middle }
.form-normal_row-input_field:last-child .form_seimei { margin-right: 0 !important }
.form-normal_row-input_field:last-child {margin-right: 0 !important;}
.form-normal_row-label { width: 200px; font-weight: bold }
.form-normal_row-label.required label::after {content: "*";color: #a83626;}
.form-pp_row { padding: 20px 0 }
.form-pp_row-input { text-align: center }
.form-pp_row-input_field label { font-weight: 500; cursor: pointer }
.form-pp_row-label { text-align: center; margin-bottom: 10px }
.form-submit_row { text-align: center; padding: 40px 0 0 }
.form_seimei { width: 150px }
.form_submit { display: inline-block; background: #000; color: #fff !important; font-size: 16px; font-weight: bold; line-height: 1.2; text-decoration: none; padding: 20px 20px; min-width: 370px; border-radius: 100px; transition: all ease .3s }
.form_submit:hover { opacity: .6 }    .meta > * { margin: 0 !important }
.meta { font-size: 14px; font-weight: normal; line-height: 1.4; display: flex; justify-content: flex-end; text-align: right; margin: 30px auto }
.noposts:not(body) { color: #888; text-align: center; border: 1px solid #e5e5e5; padding: 1em }
.pagenavi a { display: block; color: inherit; text-decoration: none; position: relative }
.pagenavi a:hover { text-decoration: underline }
.pagenavi { display: flex; justify-content: space-between; font-size: 16px; font-weight: 500; line-height: 1.4; border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 120px }
.pagenavi-next a { padding-right: 20px }
.pagenavi-next a::after { border-bottom: none; border-left: none; right: 6px }
.pagenavi-next { text-align: right }
.pagenavi-prev a { padding-left: 20px }
.pagenavi-prev a::before {border-top: none;border-right: none;left: 6px;}
.pagenavi-prev a::before, .pagenavi-next a::after {content: "";position: absolute;top: 8px;border: 2px solid #888;width: 6px;height: 6px;transform: rotateZ(45deg);}
.pagenavi-prev, .pagenavi-next { min-width: 40px }
.pagination .arrow { position: relative; display: inline-block; width: 32px; height: 32px; vertical-align: middle }
.pagination .arrow.next::before { right: 11px; border-bottom: none; border-left: none }
.pagination .arrow.prev::before {left: 11px;border-top: none;border-right: none;}
.pagination .arrow::before { content: ""; position: absolute; top: 10px; border: 2px solid #db6419; height: 10px; width: 10px; transform: rotateZ(45deg) }
.pagination .current:not(body) { background: #db6419 }
.pagination .pager { font-size: 16px; font-weight: 500; letter-spacing: normal; display: inline-block; background: rgba(219, 100, 25, .7); color: #fff; text-decoration: none; width: 38px; line-height: 38px; height: 38px; text-align: center; vertical-align: middle; margin: 0.2em; border-radius: 4px }
.pagination .pager:hover { background: #db6419 }
.pagination {text-align: center;}    .block_gray > .wp-block-group__inner-container > :first-child { margin-top: 0 !IMPORTANT }
.block_gray > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !IMPORTANT }
.block_gray > .wp-block-group__inner-container { max-width: 1024px; margin: auto; padding: 60px 17px }
.block_gray { max-width: none !important; background: #F5F5F5; overflow: hidden; padding: 0 !important }
.block_gray2 > .wp-block-group__inner-container > :first-child { margin-top: 0 !IMPORTANT }
.block_gray2 > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !IMPORTANT }
.block_gray2 > .wp-block-group__inner-container { max-width: 1024px; margin: auto; padding: 80px 17px }
.block_gray2 { max-width: none !important; background: #F5F5F5; overflow: hidden; padding: 0 !important }
.block_left_img > .wp-block-column:not(body) { flex: auto; margin: 0 !important; padding: 30px 40px !important; width: 50% }
.block_left_img > .wp-block-column:nth-child(1) { padding: 0 !important }
.block_left_img img { width: 100% }
.block_left_img { display: flex; flex-flow: row wrap; background: #fff; margin: 60px auto }
.block_office > .wp-block-group__inner-container > :first-child { margin-top: 0 !important }
.block_office > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !important }
.block_office h3 { font-size: 22px; font-weight: bold; line-height: 1.6; position: relative; padding: 0; margin: 0 0 10px; text-align: justify }
.block_office h3::before { content: none }
.block_office:not(body) { background: #F9F6F6; padding: 30px; margin: 30px auto }
.block_ourservice .hd_enjp .en { color: #fff !important }
.block_ourservice .list_kome { color: inherit }
.block_ourservice > .wp-block-group__inner-container > :first-child { margin-top: 0 !important }
.block_ourservice > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !important }
.block_ourservice > .wp-block-group__inner-container { max-width: 1024px; margin: auto; padding: 110px 17px }
.block_ourservice { background: url(//www.ot-transport.co.jp/img/home/home-omakase.jpg) center/cover fixed; max-width: none; padding: 0; color: #fff }
.block_right_img > .wp-block-column { flex: auto; margin: 0 !important; padding: 30px 40px !important; width: 50% }
.block_right_img > .wp-block-column:nth-child(2) { padding: 0 !important }
.block_right_img img { width: 100% }
.block_right_img { display: flex; flex-flow: row wrap; background: #fff; margin: 60px auto }
.btn {background: #42953c;color: #fff !important;padding: 10px 20px;cursor: pointer;text-decoration: none;border-radius: 4px;display: block;transition: .3s;}
.btn:hover {background: #82c27d;}
.btn-email { color: #fff !important; font-size: 16px; font-weight: 500; line-height: 1.2; text-decoration: none; padding: 21px 20px 21px 60px; border-radius: 100px; text-align: center; transition: all ease .3s; display: inline-block; background: url(//www.ot-transport.co.jp/img/cmn/icon-email.svg) 20px center/24px 18px no-repeat #DB6400 }
.btn-email:hover, .btn-email:focus { opacity: .6 }
.btn-orange { color: #fff !important; font-size: 16px; font-weight: 500; line-height: 1.2; background: url(//www.ot-transport.co.jp/img/cmn/icon-email.svg) 20px center/36px 27px no-repeat #DB6400; text-decoration: none; padding: 21px 50px; border-radius: 100px; text-align: center; transition: all ease .3s; display: inline-block }
.btn-orange:hover, .btn-orange:focus { opacity: .6 }
.btn_black { display: inline-block; background: #000; color: #fff !important; font-size: 16px; font-weight: bold; line-height: 1.2; text-decoration: none; padding: 20px 20px; min-width: 370px; border-radius: 100px; transition: all ease .3s }
.btn_black:hover { opacity: .6 }
.btn_black_big { display: inline-block; background: #000; color: #fff !important; font-size: 22px; font-weight: bold; line-height: 1.2; text-decoration: none; padding: 27px 30px; min-width: 480px; border-radius: 100px; transition: all ease .3s }
.btn_black_big:hover { opacity: .6 }
.btn_black_small { display: inline-block; background: #000; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 1.2; text-decoration: none; padding: 14px 30px; min-width: 225px; border-radius: 100px; transition: all ease .3s }
.btn_black_small:hover { opacity: .6 }
.faq dd { font-size: 16px; padding: 0 15px 20px 45px; position: relative }
.faq dd::before {content: "A.";font-size: 18px;font-weight: 500;color: #cd5151;position: absolute;left: 20px;}
.faq dd:last-child { border-bottom: 1px solid #ededed }
.faq dt { font-size: 22px; font-weight: bold; line-height: 1.5; color: #26b1cc; position: relative; border-top: 1px solid #EDEDED; padding: 20px 15px 10px 32px }
.faq dt::before {content: "Q";background: #26b1cc;color: #fff;font-size: 18px;font-weight: 500;line-height: 24px;width: 24px;text-align: center;display: block;position: absolute;left: 0;border-radius: 100px;top: 25px;}
.faq { margin: 30px auto; text-align: justify }
.has-text-align-center {text-align: center;}
.hd_blackline:not(body) { font-size: 25px; font-weight: bold; line-height: 1.5; border-top: 2px solid; background: none; margin: 60px auto 10px; padding: 20px 0 0; text-align: justify }
.hd_bold2:not(body) { font-size: 40px; font-weight: bold; line-height: 1.4; border: none; background: none; margin: 60px auto 10px; padding: 0 !important; text-align: justify }
.hd_bold::before { content: none !important }
.hd_bold:not(body) { font-size: 32px; font-weight: bold; line-height: 1.3; position: relative; padding: 0 !important; margin: 60px 0 20px; text-align: justify; background: none; border: none }
.hd_enjp .en { font-size: 16px; font-weight: 500; color: #c80505; display: block }
.hd_enjp .jp { font-size: 40px; display: block; line-height: 1.3 }
.hd_enjp { font-size: 16px !important; font-weight: bold !important; line-height: 1.75 !important; border: none !important; background: none !important; margin: 110px auto 40px !important; padding: 0 17px 30px !important; text-align: center !important; position: relative }
.hd_enjp::after {content: "";position: absolute;bottom: 0;left: calc(50% - 30px);width: 60px;height: 2px;background: #c80505;}
.hd_redbar:not(body) + * { margin-top: 0 }
.hd_redbar:not(body) { font-size: 24px; font-weight: bold; line-height: 1.6; position: relative; padding: 0 0 0 20px; margin: 60px 0 10px; text-align: justify; border: none; background: none }
.hd_redbar:not(body)::before {content: "";position: absolute;left: 0;top: 7px;bottom: 6px;width: 6px;background: #D00000;}
.hd_redline { font-size: 48px; font-weight: bold; line-height: 1.3; border-top: 4px solid #d90000; background: none; margin: 150px 0 30px; padding: 20px 0 0; text-align: justify }
.home_banner_01 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner01.png) }
.home_banner_02 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner02.png) }
.home_banner_03 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner03.png) }
.homeTwk1 .hd_bold { margin-bottom: 10px !important }
.homeTwk1 .list_kome { margin-top: 0 !important }
.homeTwk1 p { margin-bottom: 15px !important; letter-spacing: -.5px; line-height: 1.5 }
.is-block-content table + figcaption { margin-top: 0 }
.job_posts {display: flex;flex-wrap: wrap;--num: 2;--gap: 30px;gap: var(--gap);}
.job_posts__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.job_posts__anchor {display: block;width: 100%;height: 100%;color: #333 !important;text-decoration: none !important;transition: .3s;}
.job_posts__thumb {width: 100%;height: auto;aspect-ratio: 1/1;}
.job_posts__thumb img {width: 100%;height: 100%;object-fit: cover;}
.job_posts__head {font-size: 18px !important;font-weight: bold;line-height: 1.4;padding: 0 0 0 15px !important;margin: 10px auto 0 !important;text-align: justify;}
.job_posts__head::before {content: "";position: absolute;left: 0;top: 0 !important;bottom: 0 !important;width: 3px !important;background: #d00000;}
.job_posts__exp {font-size: 16px;font-weight: normal;line-height: 1.5;margin: 10px auto 0;}
.job_posts__anchor:hover {opacity: .7;}
.link_arrow { text-decoration: none; padding-right: 15px; font-weight: bold; color: #333 }
.link_arrow::after {content: "";display: inline-block;border: 1.5px solid;width: 6px;height: 6px;border-bottom: none;border-left: none;transform: rotateZ(45deg);position: relative;top: -2px;left: 4px;transition: all ease .1s;color: #6F6F6F;}
.link_arrow:hover { text-decoration: underline }
.link_arrow:hover::after { left: 8px }
.link_arrow:visited, .link_arrow:visited::after { color: #800080 }
.link_blank { font-weight: bold; color: #333; text-decoration: none }
.link_blank::after {content: "";display: inline-block;background: url(//www.ot-transport.co.jp/img/cmn/icon-blank.png) center/cover no-repeat;width: 13px;height: 11px;position: relative;margin-left: 4px;}
.link_blank:hover { text-decoration: underline }
.link_blank:visited { color: #800080 }
.link_blank:visited::after { background-image: url(//www.ot-transport.co.jp/img/cmn/icon-blank-visited.png) }
.list_ba > li::before { content: none !important }
.list_ba li:not(body) { padding: 0 }
.list_ba-caption { position: absolute; top: 8px; left: 0; right: 0; background: rgba(123, 4, 4, .8); font-size: 20px; text-align: center; font-weight: bold; color: #fff; display: block; line-height: 1.5; padding: 2px 0 10px }
.list_ba-img img { width: 100% }
.list_ba-img { border: 8px solid rgba(123, 4, 4, .8) }
.list_ba:not(body) > li:nth-child(2) { margin-top: 80px }
.list_ba:not(body) > li:nth-child(2)::after {content: "";position: absolute;top: -62px;left: calc(50% - 22.5px);width: 45px;height: 43px;background: url(//www.ot-transport.co.jp/img/drainage/drainage-02.png) center/cover;}
.list_banners > li { width: calc( ( 100% - 60px ) / 3); padding: 0; margin: 0 !important; background: #fff; border-radius: 6px; transition: all ease .3s; overflow: hidden }
.list_banners > li::before { content: none !important }
.list_banners > li:hover .list_banners_head::after { right: 25px }
.list_banners > li:hover { box-shadow: 0 0 20px 5px #eee }
.list_banners > li:nth-child(n+4) { margin-top: 30px !important }
.list_banners a { text-decoration: none; color: inherit }
.list_banners { display: flex; flex-wrap: wrap; justify-content: space-between }
.list_banners_exp { margin: 0 !important; font-size: 14px; padding: 20px 30px }
.list_banners_head { font-size: 20px; font-weight: bold; color: #fff; position: relative; display: flex; align-items: center; height: 82px; padding: 0 60px 0 30px; margin: 0 !important; background-position: center; background-size: cover }
.list_banners_head::after {content: "";position: absolute;top: calc(50% - 11.5px);right: 30px;background: url(//www.ot-transport.co.jp/img/cmn/icon-arrow.png) center/cover no-repeat;width: 15px;height: 23px;transition: all ease .1s;}
.list_kome li::before { content: "\00203b"; font-size: inherit; font-weight: inherit; position: absolute; left: 0; line-height: 1.3 }
.list_kome { font-size: 14px; margin: 30px auto !important; color: #666; text-align: justify }
.list_link .current a { color: #D00000 }
.list_link a { text-decoration: none; color: inherit; display: block; padding: 16px 10px }
.list_link a::after { content: ""; position: absolute; top: calc( 50% - (8px / 2) ); left: auto; right: 15px; border: 2px solid #525252; width: 6px; height: 6px; border-bottom: none; border-left: none; transform: rotateZ(45deg); transition: all ease .1s }
.list_link a:hover { background: #efefef }
.list_link a:hover::after, .list_link a:focus::after { right: 12px }
.list_link a:visited { color: #800080 }
.list_link li {padding: 0;margin: 0 !important;border-bottom: 1px solid #EDEDED;}
.list_link li::before { content: none }
.list_link li:first-child { border-top: 1px solid #EDEDED }
.list_link__item--unable {opacity: .3;pointer-events: none;}
.list_link { font-size: 14px; font-weight: 500 }
.list_news > li::before { content: none }
.list_news a { color: inherit; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none }
.list_news a:hover { text-decoration: underline }
.list_news li { padding: 27px 0 !important; display: flex; border-bottom: 1px solid #EAEAEA }
.list_news li:first-child { border-top: 1px solid #EAEAEA }
.list_news time { font-size: 15px; white-space: nowrap; min-width: 10em }
.list_news {width: 100%;}
.list_news_ttl { font-size: 15px; color: #666; margin: 0 !important; overflow: hidden }
.oc > * { max-width: 1024px; margin-left: auto; margin-right: auto; padding: 0 17px }
.oc > h1:first-child { margin-top: 60px !important }
.oc > h2 { max-width: 990px; padding: 10px 20px }
.spacer-130-80 { height: 10px !important; margin: calc(120px / 2) auto }
.spacer-90 { height: 10px !important; margin: calc(90px / 2) auto !important }
.tbl_layoutonly:not(body) td { padding-left: .5em }
.tbl_layoutonly:not(body) th { white-space: nowrap }
.tbl_layoutonly:not(body) tr > * { border: none; background: none; font-weight: normal; padding: 0; vertical-align: top }
.tbl_layoutonly:not(body) { margin: 30px auto }
.tbl_officer * { border: honeydew }
.tbl_officer td:nth-child(2) { padding: 0 1em; white-space: nowrap }
.tbl_officer tr > * { padding: 0 }
.tbl_officer:not(body) { width: auto; margin: 0 }
.tbl_outline th {white-space: nowrap;}
.tbl_permitlist td { font-size: 14px; padding: 10px; text-align: center }
.tbl_permitlist th div { font-weight: normal }
.tbl_permitlist th { padding: 10px; font-size: 14px }
.tbl_permitlist2 table { table-layout: fixed; margin: 0 }
.tbl_permitlist2 td { text-align: center; padding: 10px 0 }
.tbl_permitlist2 th span {writing-mode: vertical-rl;white-space: nowrap;}
.tbl_permitlist2 th { font-size: 14px; padding: 10px 0; vertical-align: top }
.txt_kome { position: relative; padding-left: 1.2em }
.txt_kome::before {content: "\00203b";position: absolute;left: 0;}
.txt_tel { text-align: center !important; color: #db6419 }
.txt_tel-number { background: url(//www.ot-transport.co.jp/img/cmn/icon-tel.svg) no-repeat; background-size: 45px 45px; font-size: 54px; font-weight: 500; display: inline-block; line-height: 1; background-position: left center; padding: 0 0 0 55px }
.txt_tel-time { font-size: 23px }
.wp-block { max-width: 650px }
.wp-block-button__link {display: block;color: #fff !important;}
.wp-block-button__width-100 {width: 100%;}
.wp-block-column > :first-child { margin-top: 0 !important }
.wp-block-column > :last-child { margin-bottom: 0 !important }
.wp-block-column { flex: 1 1; margin: 0 !important; padding: 15px }
.wp-block-column:nth-child(n+2) { padding-left: 15px; padding-right: 0 !important }
.wp-block-columns { display: flex; flex-flow: row wrap }
figure.aligncenter { text-align: center }  @media ( min-width: 768px ) and ( max-width: 1024px ) {  .oc > h2, .oc > .hd_bold2, .oc > .hd_blackline { margin-left: 17px; margin-right: 17px }  }
@media ( min-width: 1025px ) {
.tb-only { display: none !important }
.tbsp-only { display: none !important }
}
@media ( min-width: 768px ) and ( max-width: 960px ) {  #container main { max-width: 100% }
#container { display: block }
#side { max-width: 100%; margin-top: 120px; width: auto }  }
@media ( min-width: 768px ) {  a[href^="tel:"] { color: inherit; text-decoration: inherit; cursor: inherit }
.pc-center { text-align: center !important }
.sp-only { display: none !important }
.only-425 { display: none !important }
#gn_sp { display: none }
#header_menubtn {display: none;}  }
@media (max-width: 767px) {  blockquote { padding: 15px !important; }
body { font-size: 14px }
h1 { font-size: 36px; border-width: 3px; padding: 20px 0 0; margin: 80px 0 20px }
h2 { font-size: 23px; margin: 60px 0 20px; padding: 8px 15px }
h3 + * { margin-top: 0 }
h3 { font-size: 18px; margin: 40px 0 10px; padding-left: 15px }
h3::before { top: 5px; bottom: 5px }
h4 { font-size: 16px; margin: 30px auto 10px }
ol { margin: 40px auto }
p { margin: 20px auto }
table + figcaption { font-size: 14px }
table { font-size: 12px }
td { padding: 8px }
th { padding: 8px }
ul > li::before { font-size: 20px }
ul { margin: 40px auto }
.pc-only { display: none !important }
.tb-only { display: none !important }
.centerjustify { text-align: justify !important }
.sp-center { text-align: center !important }
#container { flex-direction: column; padding: 74px 15px }
.fs1412 { font-size: 12px !important }
.fs1815 { font-size: 15px !important }    #gn { display: none }
#header_dial { display: none }
#header_dsc { display: none }
#header_email { padding: 0 8px; height: var(--smp-header-menu-height) }
#header_logo img { width: var(--smp-header-logo-width); height: auto }
#header_menubtn * {position: absolute;left: 15px;right: 15px;height: 2px;background: #D00000;transition: all ease .4s;}
#header_menubtn .item1 {top: calc(19px);}
#header_menubtn .item2 {top: calc(19px + 2px + 8px);}
#header_menubtn .item3 {top: calc(19px + 2px + 8px + 2px + 8px);}
#header_menubtn {cursor: pointer;position: relative;width: 60px;height: var(--smp-header-menu-height);}
#fv { height: var(--smp-header-height); padding: var(--smp-header-menu-height) 15px 0 }
#gn_sp { position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 100000; background: rgba(0, 0, 0, .9); padding: 60px 20px 20px; color: #fff; font-size: 16px; font-weight: 500; overflow-y: scroll; overflow-x: hidden; display: none }
#gn_sp_closebtn + .gn_sp_sec { padding-top: 0 !important; border-top: none !important }
#gn_sp_closebtn { width: 23px; height: 23px; position: fixed; top: 20px; right: 20px }
#gn_sp_closebtn::after { transform: rotate(-45deg) }
#gn_sp_closebtn::before { transform: rotate(45deg) }
#gn_sp_closebtn::before, #gn_sp_closebtn::after { content: ""; position: absolute; top: 11px; left: -5px; border-top: 2px solid #D00000; width: calc(100% * 1.41421356); }
#header { height: var(--smp-header-height) }
#header.childpage { min-height: var(--smp-child-header-height) !important }
#header.childpage::before { background-attachment: scroll }
#header.pagettl-noimg:not(body) { min-height: var(--smp-child-header-height-noimg) !important }
#header_dial_sp img { max-width: 301px }
#header_dial_sp { display: table; margin: auto }
#header_email_sp { display: table !important; margin: auto !important; font-size: 12px; min-width: 272px !IMPORTANT; padding: 15px 20px !IMPORTANT }
#header_logo {position: absolute;left: 0;padding-left: 15px;}
#pagettl { padding: calc(var(--smp-header-menu-height) + 20px) 20px 20px; min-height: var(--smp-child-header-height) }
.breadcrumbs { font-size: 10px; padding: 15px 15px }
.breadcrumbs-sep { width: 4px; height: 4px; border-width: 1px; top: 6px; margin: 0 5px }
body.openmenu { overflow: hidden }
.gn_sp_call_head { font-size: 12px; font-weight: bold; text-align: center; margin: 0 auto 5px }
.gn_sp_head .en { font-size: 11px; font-weight: normal; display: block; line-height: 1 }
.gn_sp_head a { text-decoration: none; color: inherit }
.gn_sp_head a:hover,.gn_sp_head a:focus { text-decoration: underline }
.gn_sp_list a + a { margin-top: 10px }
.gn_sp_list a { color: inherit; text-decoration: none; display: table; position: relative }
.gn_sp_list a::after { content: ""; border: 2px solid #fff; width: 6px; height: 6px; display: inline-block; transform: rotateZ(45deg); border-bottom: none; border-left: none; position: relative; left: 0; margin: 0 5px; transition: all ease .1s; }
.gn_sp_list a:hover,.gn_sp_list a:focus { text-decoration: underline }
.gn_sp_list a:hover::after,.gn_sp_list a:focus::after { left: 5px }
.gn_sp_list { font-size: 12px; float: left; width: 50%; margin: 0 !IMPORTANT }
.gn_sp_list:nth-child(even) { padding-left: 10px }
.gn_sp_list:nth-child(odd) { padding-right: 10px }
.gn_sp_list_wrap { overflow: hidden; margin-top: 10px }
.gn_sp_sec > :first-child { margin-top: 0 !important }
.gn_sp_sec > :last-child { margin-bottom: 0 !important }
.gn_sp_sec { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .2) }
.gn_sp_wrap { margin: 30px auto }
.gn_sp_wrap_2line > .gn_sp_wrap { width: 50%; margin: 0 }
.gn_sp_wrap-unable {opacity: .3;}
.gn_sp_wrap-unable a {pointer-events: none;}
.gn_sp_wrap_2line { display: flex; margin: 30px auto }
.home_slide { height: var(--smp-header-height); background-attachment: scroll }
.home_slide_1 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv01_sp.jpg); opacity: .9 }
.home_slide_2 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv02_sp.jpg); opacity: .7 }
.home_slide_3 { background-image: url(//www.ot-transport.co.jp/img/home/home-fv03_sp.jpg); opacity: .8 }
.maintxt-bgblack { font-size: 12px }
.maintxt-txtbig { font-size: 40.86px }
.maintxt-txtmid { font-size: 16.605px }
.pagettl-noimg #pagettl { min-height: var(--smp-child-header-height-noimg) }
.pagettl_txt .en { font-size: 18px }
.pagettl_txt .jp .ls_wide { letter-spacing: inherit }
.pagettl_txt .jp .small { font-size: 24px !important; display: table; margin: .5em auto 0; text-align: justify }
.pagettl_txt .jp { font-size: 45px; margin-top: 10px }
#header_dsc{border-left: 0px solid #E5E5E5;}
#header_menu{  position: fixed; top: 0; left: 0; right: 0; z-index: 99999; background: #fff; padding: 0px;}
#header_menu .header_dsc_sp{display: block; margin: 0px !important; background: #D91819; color: #fff; font-size: 10px; text-align: center; line-height: 1; white-space: nowrap; overflow: hidden; transition: .6s; width: 100%; font-weight: normal; border-width: 0px; padding: 3px 5px; text-overflow: ellipsis;height: calc(1em + 6px);}
#header_menu.fixed .header_dsc_sp{ height: 0 !important;padding: 0px 5px; }
.header_menu_sp{position: static;  justify-content: flex-end; }    #footer > .inner { padding: 60px 15px 30px; display: block }
#footer-logo { width: var(--smp-footer-logo-width); margin: auto !important }
#footer-menu { justify-content: center; margin-top: 20px }
#footer-menu2-list li { margin: 5px }
#footer-menu2-list { font-size: 11px; margin: 20px auto 0 }
#footer-office { white-space: nowrap }
#footer-office-address { font-size: 10.5px; text-align: center }
#footer-office-contact { font-size: 14px; text-align: center }
#footer-office-head { font-size: 12px; text-align: center }
#footer-office-link .link_arrow::after { width: 4px; height: 4px }
#footer-office-link a { font-size: inherit }
#footer-office-link { font-size: 10.5px; text-align: right; }
#resdv .btn-orange { width: auto; min-width: 273px; padding: 15px 70px; font-size: 12px; background-size: 18px 13.5px; background-position: 17px center }
#resdv > .inner { padding: 60px 15px 75px }
#resdv { background: url(//www.ot-transport.co.jp/img/cmn/resdv-bg_sp.jpg) center/cover scroll }
.footer-menu-head a::after { width: 4px; height: 4px }
.footer-menu-head { font-size: 12px; font-weight: bold; line-height: 1.1 }
.footer-menu-list p { float: none }
.footer-menu-list { font-size: 12px; height: auto; line-height: 1.1 }
.footer-menu-wrap + .footer-menu-wrap { margin-left: 30px }
.resdv-btns > * { width: auto; height: 110px }
.resdv-btns > *:nth-child(n+2) { margin-top: 12px !important }
.resdv-btns { display: block }
.resdv-btns-head { font-size: 12px }
.resdv-head .en { font-size: 12px }
.resdv-head .jp { font-size: 25px }    #side { max-width: 100%; width: 100%; margin: 150px auto 0 }    .form-normal_row { display: block }
.form-normal_row-input { width: auto; max-width: 100% }
.form-normal_row-input_field + .form-namae-sublabel { margin-left: 0 }
.form-normal_row-input_field { display: block }
.form_seimei { margin: 0; width: auto }
.form_submit { font-size: 12px; width: auto; max-width: 100%; min-width: 270px; padding: 16px 15px }    .pagenavi-prev a, .pagenavi-next a { width: auto; text-align: left; text-indent: -1000vw; padding: 0 }
.pagenavi-prev a::before, .pagenavi-next a::after { top: 5px; width: 12px; height: 12px }
.pagination .pager { font-size: 14px; width: 32px; height: 32px; line-height: 32px }    #container main { max-width: 100% }
.block_gray2 > .wp-block-group__inner-container { padding: 60px 15px 30px }
.block_left_img > .wp-block-column { padding: 25px 30px !important }
.block_left_img > .wp-block-column { width: auto !important }
.block_left_img > .wp-block-column:nth-child(n+2) { margin-top: 0 !important }
.block_left_img { display: flex !important; margin: 30px auto; flex-flow: column-reverse }
.block_ourservice > .wp-block-group__inner-container { padding: 90px 15px 75px }
.block_ourservice { background: url(//www.ot-transport.co.jp/img/home/home-omakase_sp.jpg) center/cover scroll }
.block_right_img > .wp-block-column { width: auto; padding: 25px 30px !important }
.block_right_img > .wp-block-column:nth-child(2) { margin-top: 0 !important }
.block_right_img { margin: 30px auto }
.btn_black { font-size: 12px; width: auto; max-width: 100%; min-width: 270px; padding: 16px 15px }
.btn_black_big { font-size: 16px; width: 100%; max-width: 100%; min-width: 0 }
.btn_black_small { font-size: 12px; min-width: 165px; padding: 9px 15px }
.faq dd { font-size: 14px; padding: 0 15px 15px 35px }
.faq dd::before { font-size: 14px; top: 2px; left: 15px }
.faq dt { font-size: 16.5px; padding: 15px 10px 5px 25px }
.faq dt::before { font-size: 13.5px; line-height: 18px; width: 18px; top: 18px }
.hd_blackline:not(body) { font-size: 20px; padding-top: 10px; margin: 40px 17px 10px }
.hd_bold2:not(body) { font-size: 28px }
.hd_bold:not(body) { font-size: 24px }
.hd_enjp .en { font-size: 12px }
.hd_enjp .jp { font-size: 30px }
.hd_enjp { padding: 0 17px 20px !important; margin: 60px auto 30px !important }
.hd_enjp::after { width: 45px; left: calc(50% - 22.5px) }
.hd_redline { font-size: 28px; margin: 60px 0 20px; padding: 8px 0 0 }
.hd_redline { font-size: 28px; margin: 60px 0 20px; padding: 8px 0 0 }
.home_banner_01 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner01_sp.jpg) }
.home_banner_02 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner02_sp.jpg) }
.home_banner_03 .list_banners_head { background-image: url(//www.ot-transport.co.jp/img/home/home-banner03_sp.jpg) }
.link_blank::after { background-image: url(//www.ot-transport.co.jp/img/cmn/icon-blank_sp.png) }
.list_ba:not(body) > li:nth-child(2)::after { background-image: url(//www.ot-transport.co.jp/img/drainage/drainage-02_sp.png); width: 35px; height: 34.5px }
.list_banners > li { display: block; width: auto }
.list_banners > li:nth-child(n+2) { margin-top: 15px !important }
.list_banners { display: block }
.list_banners_head { font-size: 15px; justify-content: center }
.list_banners_head::after { background-image: url(//www.ot-transport.co.jp/img/cmn/icon-arrow_sp.png); width: 10.5px; height: 16.5px; top: calc(50% - 8.25px) }
.list_kome li:nth-child(n+2) { margin-top: 10px !important }
.list_kome { font-size: 12px; margin: 20px auto !important }
.list_news a { white-space: normal }
.list_news li { display: block; padding: 20px 0 !important; margin-top: 0 !IMPORTANT }
.list_news time { font-size: 12px; margin: 0 0 5px !important; display: block; line-height: 1 }
.list_news { margin: 30px auto !important }
.list_news_ttl { font-size: 12px }
.oc > h2, .oc > .hd_bold2, .oc > .hd_blackline { margin-left: 17px; margin-right: 17px }
.spacer-130-80 { margin: calc(70px / 2) auto }
.tbl_permitlist td { padding: 5px; font-size: 12px; text-align: left }
.tbl_permitlist td:nth-child(2) { white-space: nowrap }
.tbl_permitlist th { padding: 5px; font-size: 12px }
.tbl_permitlist2 td { padding: 5px 0 }
.tbl_permitlist2 th { font-size: 11px; padding: 5px 0 }
.txt_tel-number { font-size: 32px; text-decoration: none; color: inherit !important; background-size: 32px 32px; padding: 0 0 0 45px }
.txt_tel-time { font-size: 18px }
.wp-block-column { padding: 0 !IMPORTANT }
.wp-block-column:nth-child(n+2) { margin-top: 30px !important }
.wp-block-columns { display: block !important }  }
@media ( min-width: 426px) and ( max-width: 767px ) {
.only-425 { display: none !important }
}
@media ( max-width: 425px ) {
input, select, textarea { max-width: 98% }
}
@media ( max-width: 374px ) {
.gn_sp_list { font-size: 11px }
.maintxt-bgblack { font-size: 10px }
.maintxt-txtbig { font-size: 34px }
.maintxt-txtmid { font-size: 14px }
} .hidden_temp:not(.wp-block),#header_dial,#header_email,#resdv,#footer-office-contact { display: none !important;}
.side-block.hidden_temp + .side-block {margin-top: 0 !important;}
@media ( min-width: 768px ) {
.header_menu_sp {justify-content: flex-start;}
}