/* CSS Document */ /* main .img { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } main .img.border { border: 1px solid #ccc; padding: 5px 0; } main .img img { width: auto; max-width: 100%; } main .img.left img { margin-left: 0; margin-right: auto;} main .img.right img { margin-left: auto; margin-right: 0;} */ main .img { position: relative; text-align: center;} main .img.border { border: 1px solid #ccc; padding: 5px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } main .img img { width: auto; max-width: 100%; } main .img.left { text-align: left; } main .img.right img { margin-left: auto; margin-right: 0;} #linkWrap { margin: 100px 0;} .lineup { margin-bottom: 100px;} @media (min-width: 769px) { .lineup { justify-content: center; -webkit-justify-content: center; } } /*------------------------------------------------------ logisticsIndex ------------------------------------------------------*/ #logisticsIndex {} #logisticsIndex .contentsInner { margin-bottom: 50px;} #logisticsIndex #contents01 {} #logisticsIndex #contents01 .bg { background-color: #eee; padding: 20px 25px;} #logisticsIndex #contents03 dl { font-size: 1.4rem; line-height: 2; margin-bottom: 20px;} #logisticsIndex #contents05 { margin-bottom: 100px;} @media (min-width: 769px) { } @media (max-width: 768px) { #logisticsIndex #sub-contents03 .rowC2L , #logisticsIndex #sub-contents03 .img { width: 100%;} #logisticsIndex #sub-contents03 .rowC2L { margin-bottom: 20px;} } @media (max-width: 480px) { #logisticsIndex #contents01 .bg { padding: 20px 15px;} #logisticsIndex #contents03 .rowC2L { margin-bottom: 50px; } #logisticsIndex #contents03 dl { font-size: 1.6rem; } } /*------------------------------------------------------ Logistics ------------------------------------------------------*/ #logistics {} #logistics #headVisual { background: url(images/agv04_headVisualBg.jpg) no-repeat center top; background-size: cover; } #logistics .contentsInner { margin-bottom: 50px;} #logistics [id^="sub-contents"] { margin-bottom: 40px; } #logistics #contents01 .text{ text-align: center;} #logistics #contents01 .bg { background-color: #eee; padding: 20px 25px;} #logistics #contents02 dl { font-size: 1.4rem; line-height: 2; margin-bottom: 20px;} #logistics #sub-contents03 .btnWrap{ text-align: center; } #logistics #sub-contents03 .btn04{ display: inline-block; padding: 0 40px; margin: 0 auto; } #logistics .caption { font-size: 1.2rem; position: relative; margin-top: 10px; text-align: left;} #logistics .caption:before { content: '▲'; } #logistics #sub-contents04 {} #logistics #sub-contents04 .rowC3L , #logistics #sub-contents04 .rowC3C , #logistics #sub-contents04 .rowC3R {} #logistics #sub-contents04 .img { margin-bottom: 20px; } #logistics #sub-contents04 .title { font-size: 1.4rem; margin-bottom: 10px; text-indent: -1em; padding-left: 1em; } #logistics #sub-contents04 .bg { background-color: #eee; padding: 20px 25px; } @media (min-width: 769px) { #logistics #sub-contents04 .rowC3L , #logistics #sub-contents04 .rowC3C , #logistics #sub-contents04 .rowC3R { width: 340px; } } @media (max-width: 768px) { } @media (max-width: 480px) { #logistics #contents01 .bg { padding: 20px 15px;} #logistics #contents02 .rowC2L { margin-bottom: 50px; } #logistics #contents02 dl { font-size: 1.6rem; } #logistics #sub-contents04 .title { font-size: 1.6rem; } #logistics #sub-contents03 > .rowC2 > .rowC2L .img , #logistics #sub-contents03 > .rowC2 > .rowC2R .img { width: 100%; } } /*------------------------------------------------------ linkWrap ------------------------------------------------------*/ #linkWrap .heading06 { font-size: 2rem; margin-bottom: 50px; margin-top: 100px; } #linkWrap .rowC3 { margin-bottom: 0;} #linkWrap .rowC3L , #linkWrap .rowC3C , #linkWrap .rowC3R { position: relative; padding-bottom: 30px;} #linkWrap .img { margin-bottom: 20px;} #linkWrap .btnWrap { position: absolute; bottom: 0;} #linkWrap .btnWrap a {} @media (max-width: 480px) { #linkWrap .heading06 { margin-bottom: 30px; margin-top: 50px; } } @media all and (-ms-high-contrast: none) and (max-width: 768px){ main .img { display: block; text-align: center;} } /*------------------------------------------------------ inspect ------------------------------------------------------*/ #inspect {} #inspect #headVisual { background: url(images/agv04_headVisualBg.jpg) no-repeat center top; background-size: cover; } #inspect [id^="sub-contents"] { margin-bottom: 40px; } #inspect #sub-contents02 { margin-bottom: 100px;} #inspect #sub-contents02 .img { margin-bottom: 15px;} #inspect #sub-contents02 .caption { font-size: 1.2rem;} #inspect #sub-contents03 {} #inspect #sub-contents03 .bg { background-color: #eee; padding: 20px 25px;} #inspect #sub-contents03 .img { margin-bottom: 15px;} #inspect #sub-contents03 .caption { font-size: 1.2rem;} #inspect #sub-contents04 { margin-bottom: 100px;} #inspect #sub-contents04 #jirei1 ul { margin-bottom: 20px;} #inspect #sub-contents04 #jirei1 ul li { font-size: 2rem; text-indent: -1em; padding-left: 1em;} #inspect #sub-contents04 #jirei1 ul li:first-child { margin-bottom: 25px;} #inspect #sub-contents04 #jirei2 { margin-bottom: 40px;} #inspect #sub-contents04 #jirei2 .title { font-size: 1.4rem; margin-bottom: 5px;} #inspect #sub-contents05 {} #inspect #sub-contents05 .bg { background-color: #eee; padding: 20px 25px;} #inspect #sub-contents05 .img { margin-bottom: 15px;} #inspect #sub-contents05 .caption { font-size: 1.2rem;} @media (min-width: 769px) { #inspect #sub-contents04 #jirei1 .rowC2 .rowC2L , #inspect #sub-contents04 #jirei1 .rowC2 .rowC2R { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); } } @media (max-width: 480px) { #inspect #sub-contents02 { margin-bottom: 50px;} #inspect #sub-contents03 .caption { text-align: center;} #inspect #sub-contents04 #jirei1 { margin-bottom: 40px;} #inspect #sub-contents04 #jirei2 .title { font-size: 1.6rem; } } /* yutaka shiyou */ #logistics #contents06 {} #logistics #contents06 { margin-bottom: 40px;} #logistics #contents06 .heading05 { font-weight: bold;} #logistics #contents06 .link li { line-height: 1.6; padding-left: 1em;} #logistics #contents06 .link li:not(:last-child) { margin-bottom: 5px; } #logistics #contents06 .link a { color: #4747ff; font-size: 1.4rem; position: relative;} #logistics #contents06 .link a:before { content: ''; display: inline-block; position: absolute; margin: auto; width: 8px; height: 8px; border-top: 1px solid #4747ff; border-right: 1px solid #4747ff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: -1em; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); } /*#logistics #sub-contents13 .text { margin-bottom: 25px;}*/ #logistics #sub-contents13 .img { padding: 25px 15px;} #logistics #sub-contents14 .text { margin-bottom: 25px; } #logistics #sub-contents14 img { max-width: 1034px;} #logistics #sub-contents15 .img { padding: 25px 15px;} #logistics #contents07 { margin-bottom: 100px;} #logistics #contents07 .heading05 { margin-bottom: 50px;} table.type1 { border-color: #222; margin-top: 30px; } table.type1 th , table.type1 td { padding: 5px; border-color: #222; letter-spacing: -1px; text-align: center; } table.type1 th { text-align: center;} #logistics table.type1 { font-size: 1.2rem; border-color: #000; margin-bottom: 10px;} #logistics table.type1 th , #logistics table.type1 td { text-align: center; padding: 5px; border-color: #000;} @media (min-width: 769px) { #logistics #sub-contents16 .rowC3L , #logistics #sub-contents16 .rowC3C , #logistics #sub-contents16 .rowC3R { width: -webkit-calc( 100% / 3 - 15px ); width: calc( 100% / 3 - 15px ); }