@charset "UTF-8";
/* CSS Document */
/*parts
=========================================== */
.slider-area01 { position: relative; }
.slider-area01 .slider-nav { width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.slider-area01 .slick-prev, .slider-area01 .slick-next { width: 70px; height: 100px; background: #3B3B3B; border: 1px solid #3B3B3B; box-sizing: border-box; transition: 0.3s; z-index: 1; pointer-events: auto; }
.slider-area01 .slick-prev::before, .slider-area01 .slick-next::before { content: ""; display: block; width: 14px; height: 27px; opacity: 1; background: url("../img/common/slide_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slider-area01 .slick-prev:hover, .slider-area01 .slick-prev:focus, .slider-area01 .slick-next:hover, .slider-area01 .slick-next:focus { background: #FFFFFF; }
.slider-area01 .slick-prev:hover:before, .slider-area01 .slick-prev:focus:before, .slider-area01 .slick-next:hover:before, .slider-area01 .slick-next:focus:before { filter: brightness(0) saturate(100%) invert(19%) sepia(1%) saturate(2218%) hue-rotate(334deg) brightness(98%) contrast(83%); }
.slider-area01 .slick-prev { border-radius: 0 10px 10px 0; left: -1px; }
.slider-area01 .slick-prev::before { transform: translate(-50%, -50%) scale(-1, 1); }
.slider-area01 .slick-next { border-radius: 10px 0 0 10px; right: -1px; }

.news01 { width: 100%; border-bottom: 1px solid #DDDDDD; }
.news01 a { display: block; width: 100%; padding: 40px 60px 40px 20px; box-sizing: border-box; position: relative; }
.news01 a:hover { text-decoration: none; background: #727171; }
.news01 a:hover .info_cate .time { color: #FFFFFF; }
.news01 a:hover .info_cate .cate-list li { color: #727171; background: #FFFFFF; }
.news01 a:hover h3 { color: #FFFFFF; }
.news01 a:hover .arrow { filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7500%) hue-rotate(244deg) brightness(102%) contrast(103%); }
.news01 a .info_cate { align-items: flex-start; margin-bottom: 10px; }
.news01 a .info_cate .time { margin: 3px 15px 10px 0; transition: 0.3s; }
.news01 a .info_cate .cate-list { width: auto; }
.news01 a .info_cate .cate-list li { font-size: 13px; line-height: 1.46; color: #FFFFFF; padding: 4px; box-sizing: border-box; background: #727171; margin: 0 10px 10px 0; transition: 0.3s; }
.news01 a .info_cate .cate-list li:last-child { margin-right: 0; }
.news01 a h3 { font-weight: 500; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: 0.3s; }
.news01 a .arrow { display: block; width: 12px; height: 23px; background-image: url("../img/common/btn_arrow02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }

.ship01 { width: 300px; }
.ship01 a { display: block; width: 100%; }
.ship01 a:hover { text-decoration: none; }
.ship01 a:hover .img_box .in_img { transform: scale(1.1); }
.ship01 a:hover .title { color: #CD2C3B; text-decoration: underline; }
.ship01 a:hover .title .arrow { background-color: #CD2C3B; }
.ship01 a .img_box { width: 300px; height: 225px; border-radius: 5px; position: relative; overflow: hidden; margin-bottom: 20px; }
.ship01 a .img_box .in_img { width: 100%; height: 100%; transition: 0.3s; }
.ship01 a .img_box .code { display: inline-flex; position: absolute; top: 0; left: 0; z-index: 1; }
.ship01 a .img_box .code .midashi { display: inline-block; padding: 6px; box-sizing: border-box; font-size: 13px; line-height: 19px; }
.ship01 a .img_box .code .num { display: inline-block; padding: 3px 8px 4px; box-sizing: border-box; background: #FFFFFF; }
.ship01 a .img_box .soldout { width: 100%; padding: 5px 0 6px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); font-size: 20px; line-height: 1.45; position: absolute; bottom: 0; left: 0; z-index: 1; }
.ship01 a .title { padding-left: 34px; box-sizing: border-box; font-size: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; transition: 0.3s; }
.ship01 a .title .arrow { display: inline-block; width: 24px; height: 24px; background-color: #3B3B3B; background-image: url("../img/common/btn_arrow01.svg"); background-repeat: no-repeat; background-position: center; background-size: 6px; border-radius: 5px; position: absolute; top: 3px; left: 0; transition: 0.3s; }
.ship01 a .info-table { margin-top: 20px; }
.ship01 a .info-table tr:first-child th { border-top-left-radius: 5px; }
.ship01 a .info-table tr:first-child td { border-top-right-radius: 5px; }
.ship01 a .info-table tr:last-child th, .ship01 a .info-table tr:last-child td { border-bottom: 0; }
.ship01 a .info-table tr:last-child th { border-bottom-left-radius: 5px; }
.ship01 a .info-table tr:last-child td { border-bottom-right-radius: 5px; }
.ship01 a .info-table tr th, .ship01 a .info-table tr td { padding: 10px; box-sizing: border-box; border-bottom: 1px solid #F5F5F5; font-size: 13px; line-height: 1.46; vertical-align: middle; }
.ship01 a .info-table tr th { width: 86px; border-right: 1px solid #F5F5F5; background: #F1E0E2; }
.ship01 a .info-table tr td { color: #727171; background: #FFFFFF; word-break: break-all; }

.maintenance01 { width: 100%; }
.maintenance01 .img-list { justify-content: space-between; margin-bottom: 50px; }
.maintenance01 .img-list .img_box { width: calc(50% - 10px); height: 406px; border-radius: 10px; position: relative; overflow: hidden; margin-right: 20px; }
.maintenance01 .img-list .img_box:last-child { margin-right: 0; }
.maintenance01 .img-list .img_box .in_img { width: 100%; height: 100%; transition: 0.3s; }
.maintenance01 .img-list .img_box .midashi { display: inline-block; padding: 10px; box-sizing: border-box; font-size: 13px; line-height: 19px; position: absolute; top: 0; left: 0; z-index: 1; }
.maintenance01 .info_box { align-items: flex-start; margin-bottom: 10px; }
.maintenance01 .info_box .code { display: inline-flex; margin-right: 20px; margin-bottom: 10px; }
.maintenance01 .info_box .code .midashi { display: inline-block; padding: 6px; box-sizing: border-box; font-size: 13px; line-height: 19px; }
.maintenance01 .info_box .code .num { display: inline-block; padding: 3px 8px 4px; box-sizing: border-box; background: #F5F5F5; }
.maintenance01 .info_box .cate-list { width: auto; }
.maintenance01 .info_box .cate-list li { font-size: 13px; line-height: 1.46; padding: 5px; box-sizing: border-box; border: 1px solid #E18089; margin: 0 10px 10px 0; transition: 0.3s; }
.maintenance01 .info_box .cate-list li:last-child { margin-right: 0; }
.maintenance01 h3 { font-size: 26px; transition: 0.3s; }
.maintenance01 h3 .arrow { display: none; }
.maintenance01 a { display: block; width: 100%; }
.maintenance01 a:hover { text-decoration: none; }
.maintenance01 a:hover h3 { text-decoration: underline; }
.maintenance01 a:hover h3 .arrow { background: #FFFFFF; }
.maintenance01 a:hover h3 .arrow::before { filter: brightness(0) saturate(100%) invert(26%) sepia(39%) saturate(3577%) hue-rotate(335deg) brightness(99%) contrast(88%); }
.maintenance01 a .info_box .cate-list li { color: #FFFFFF; }
.maintenance01 a h3 { padding-left: 34px; box-sizing: border-box; color: #FFFFFF; position: relative; transition: 0.3s; }
.maintenance01 a h3 .arrow { display: block; width: 24px; height: 24px; background: #81030F; border-radius: 5px; position: absolute; top: 9px; left: 0; transition: 0.3s; }
.maintenance01 a h3 .arrow::before { content: ""; display: block; width: 6px; height: 11.4px; background: url("../img/common/btn_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.c_box01 { width: 1100px; height: 350px; margin: 0 auto; }
.c_box01 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-image: url("../img/common/contact_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.c_box01 a:hover { text-decoration: none; background-image: url("../img/common/contact_bg_h.png"); }
.c_box01 a:hover .c_box_in .btn02 .arrow { background: #FFFFFF; }
.c_box01 a:hover .c_box_in .btn02 .arrow::before { filter: brightness(0) saturate(100%) invert(18%) sepia(61%) saturate(2522%) hue-rotate(333deg) brightness(106%) contrast(98%); }
.c_box01 a:hover .c_box_in .btn02 .btn-text { text-decoration: underline; color: #FFFFFF; }
.c_box01 a .c_box_in > .btn-text { font-size: 22px; line-height: 1.45; margin-bottom: 20px; }
.c_box01 a .c_box_in .title { font-size: 36px; }
.c_box01 a .c_box_in .btn02 { display: inline-flex; align-items: center; margin-top: 50px; }
.c_box01 a .c_box_in .btn02 .arrow { background: transparent; border: 1px solid #FFFFFF; }
.c_box01 a .c_box_in .btn02 .btn-text { color: #FFFFFF; margin-bottom: 2px; }

.wrap.twin { display: flex; justify-content: space-between; }
.wrap.twin div#two-main { width: 830px; order: 1; }
.wrap.twin div#two-side { width: 200px; }
.wrap.twin div#two-side .side_box .side-title { background: #727171; padding: 18px 0; box-sizing: border-box; text-align: center; border-radius: 5px 5px 0 0; margin-bottom: 2px; }
.wrap.twin div#two-side .side_box .side-link > li { margin-bottom: 2px; }
.wrap.twin div#two-side .side_box .side-link > li:last-child { margin-bottom: 0; }
.wrap.twin div#two-side .side_box .side-link > li > a { display: block; padding: 15px 20px 16px 31px; box-sizing: border-box; background: #F5F5F5; font-size: 13px; line-height: 1.46; position: relative; }
.wrap.twin div#two-side .side_box .side-link > li > a::before { content: ""; display: block; width: 7px; height: 12px; background: url("../img/common/side_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 18px; left: 18px; }
.wrap.twin div#two-side .side_box .side-link > li.on_cat > a { text-decoration: underline; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; width: 40px; height: 40px; border: 1px solid #000000; border-radius: 5px; box-sizing: border-box; margin: 0 10px; text-decoration: none; font-size: 16px; font-weight: 500; color: #3B3B3B; line-height: 38px; transition: 0.3s; }

.wp-pagenavi { text-align: center; margin-top: 60px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #3B3B3B; color: #FFFFFF; }
.wp-pagenavi a.page { position: relative; }
.wp-pagenavi span.extend { margin: 0; border: 0; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width: 13px; border: 0; position: relative; color: transparent; }
.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover { background: transparent; color: transparent; opacity: 0.7; }
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { content: ""; width: 100%; height: 26px; background: url("../img/common/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.previouspostslink::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.first, .wp-pagenavi a.last { width: 22px; border: 0; position: relative; color: transparent; }
.wp-pagenavi a.first:hover, .wp-pagenavi a.last:hover { background: transparent; color: transparent; opacity: 0.7; }
.wp-pagenavi a.first::before, .wp-pagenavi a.last::before { content: ""; width: 100%; height: 26px; background: url("../img/common/page_arrow02.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.first::before { transform: translate(-50%, -50%) scale(-1, 1); }

.post-navigation { margin-top: 100px; }

.post-navigation ul { justify-content: center; align-items: center; position: relative; }

.post-navigation ul > li a { display: flex; justify-content: center; align-items: center; width: 335px; height: 70px; padding: 0 50px; box-sizing: border-box; border: 1px solid #3B3B3B; border-radius: 10px; position: relative; font-size: 16px; font-weight: 500; line-height: 24px; color: #3B3B3B; }
.post-navigation ul > li a:focus, .post-navigation ul > li a:hover { text-decoration: none; background: #3B3B3B; color: #FFFFFF; }
.post-navigation ul > li a:focus::before, .post-navigation ul > li a:hover::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(103%) contrast(101%); }
.post-navigation ul > li a::before { content: ""; display: block; width: 8px; height: 15px; background: url("../img/common/btn_arrow02.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); filter: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(22%) hue-rotate(69deg) brightness(108%) contrast(91%); }

.post-navigation ul > li.kara { opacity: 0; pointer-events: none; }

/*TOPページ　p01
=========================================== */
.home { overflow: visible; }

.search_box .box_in { justify-content: space-between; align-items: flex-end; padding-bottom: 30px; border-bottom: 1px solid #BCBCBC; margin-bottom: 15px; }
.search_box .box_in .left .title { display: inline-block; padding-left: 27px; box-sizing: border-box; font-size: 20px; position: relative; }
.search_box .box_in .left .title::before { content: ""; display: block; width: 21px; height: 16px; background: url("../img/common/icon_search.svg") no-repeat center; background-size: contain; position: absolute; top: 10px; left: 0; }
.search_box .box_in .left .check { display: inline-block; margin: 0 0 5px 30px; }
.search_box .box_in .left .check label { display: inline-flex; align-items: center; font-size: 13px; line-height: 1.46; }
.search_box .box_in .left .check label input[type="checkbox"] { width: 15px; height: 15px; margin-right: 6px; background: transparent; border: 1px solid #000000; border-radius: 0; cursor: pointer; accent-color: #CD2C3B; font-family: 'NotoSansJP'; }
.search_box .box_in .search_btn input[type="submit"] { display: block; width: auto; height: 24px; padding: 0 0 0 34px; box-sizing: border-box; white-space: normal; background: url("../img/common/icon_search02.png") no-repeat center left; background-size: 24px; border: 0; cursor: pointer; transition: 0.3s; font-size: 16px; line-height: 1.5; font-family: 'NotoSansJP'; color: #000000; font-weight: 700; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.search_box .box_in .search_btn input[type="submit"]:hover { text-decoration: underline; background: url("../img/common/icon_search02_h.png") no-repeat center left; background-size: 24px; color: #CD2C3B; }
.search_box .tax-list li { margin: 15px 15px 0 0; }
.search_box .tax-list li:last-child { margin-right: 0; }
.search_box .tax-list li label { display: block; padding: 5px 9px; box-sizing: border-box; background: #FFFFFF; border-radius: 5px; border: 1px solid #3B3B3B; font-size: 13px; line-height: 1.46; cursor: pointer; transition: 0.3s; }
.search_box .tax-list li label:hover { background: #3B3B3B; color: #FFFFFF; }
.search_box .tax-list li input { display: none; }
.search_box .tax-list li.is-active label { background: #3B3B3B; color: #FFFFFF; }

#topbox01 { padding: 130px 0; overflow: hidden; }
#topbox01 .cnt { justify-content: space-between; align-items: flex-end; margin-bottom: 70px; }
#topbox01 .cnt .title01 { display: inline-block; width: 255px; margin-bottom: 0; }
#topbox01 .cnt .text01 { width: 800px; font-size: 18px; }
#topbox01 .slider-cont { padding: 70px 50px; box-sizing: border-box; position: relative; z-index: 1; }
#topbox01 .slider-cont::before { content: ""; display: block; width: calc(100vw - 100px); min-width: 1100px; height: 100%; background: #F5F5F5; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
#topbox01 .slider-cont .search_box { margin-bottom: 70px; }
#topbox01 .slider-cont #ship-slider .slick-list { overflow: visible; }
#topbox01 .slider-cont #ship-slider .slick-list .ship01 { margin-right: 50px; }
#topbox01 .slider-cont .btn01 { margin-top: 70px; }
#topbox01 .c_box01 { margin-top: 130px; }

#topbox02 { padding: 130px 0; background: url("../img/top/bg01.jpg") no-repeat center top; background-size: cover; }
#topbox02 .wrap { width: 1000px; }
#topbox02 .cnt { justify-content: space-between; align-items: flex-start; position: relative; }
#topbox02 .cnt .text_box { width: 335px; position: sticky; top: 220px; left: 0; }
#topbox02 .cnt .text_box .title01 { text-align: left; }
#topbox02 .cnt .text_box .text01 { font-size: 18px; }
#topbox02 .cnt .reason-list { width: 445px; }
#topbox02 .cnt .reason-list .reason01 { padding-bottom: 50px; border-bottom: 1px solid #BCBCBC; margin-bottom: 68px; }
#topbox02 .cnt .reason-list .reason01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#topbox02 .cnt .reason-list .reason01 h3 { padding-left: 80px; box-sizing: border-box; font-size: 26px; position: relative; margin-bottom: 57px; }
#topbox02 .cnt .reason-list .reason01 h3 .num { display: inline-block; font-size: 50px; position: absolute; top: -18px; left: 0; }
#topbox02 .cnt .reason-list .reason01 .point { font-size: 20px; line-height: 1.675; margin-bottom: 30px; }

#topbox03 { padding: 130px 0; overflow: hidden; }
#topbox03 .wrap { width: 1300px; }
#topbox03 .cnt { justify-content: space-between; align-items: flex-start; }
#topbox03 .cnt .text_box { width: 415px; }
#topbox03 .cnt .text_box .title01 { margin-bottom: 70px; }
#topbox03 .cnt .text_box .point { font-size: 26px; margin-bottom: 30px; }
#topbox03 .cnt .text_box .text01 { font-size: 18px; }
#topbox03 .cnt .text_box .list_box01 { margin-top: 50px; }
#topbox03 .cnt .text_box .list_box01 .midashi { margin-bottom: 20px; }
#topbox03 .cnt .text_box .list_box01 .text { font-size: 13px; line-height: 2.15; }
#topbox03 .cnt .img_box { width: calc(100% - (415px + 10vw)); height: 630px; margin-top: 5px; position: relative; }
#topbox03 .cnt .img_box .img01 { width: 49.3vw; max-width: 986px; height: 324px; background: url("../img/top/ship01.jpg") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; }
#topbox03 .cnt .img_box .img02, #topbox03 .cnt .img_box .img03 { width: 24.4vw; max-width: 488px; height: 296px; position: absolute; bottom: 0; }
#topbox03 .cnt .img_box .img02 { background: url("../img/top/ship02.jpg") no-repeat center; background-size: cover; left: 0; }
#topbox03 .cnt .img_box .img03 { background: url("../img/top/ship03.jpg") no-repeat center; background-size: cover; left: calc(24.4vw + 10px); }

.btn-list01 { width: 100%; height: 400px; justify-content: space-between; overflow: hidden; }
.btn-list01 .btn { width: calc(50% - 3px); height: 100%; }
.btn-list01 .btn a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.btn-list01 .btn a:hover { text-decoration: none; }
.btn-list01 .btn a:hover::before { opacity: 0; }
.btn-list01 .btn a:hover .arrow { background: #FFFFFF; }
.btn-list01 .btn a:hover .arrow::before { filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7500%) hue-rotate(300deg) brightness(103%) contrast(110%); }
.btn-list01 .btn a::before { content: ""; display: block; width: 100%; height: 100%; background: #000000; opacity: 0.6; position: absolute; top: 0; left: 0; transition: 0.5s; }
.btn-list01 .btn a .title01 { margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.btn-list01 .btn a .title01 .sub_title { margin-bottom: 5px; }
.btn-list01 .btn a .arrow { display: block; width: 40px; height: 40px; border: 1px solid #FFFFFF; border-radius: 5px; position: absolute; bottom: 20px; right: 20px; transition: 0.3s; z-index: 1; }
.btn-list01 .btn a .arrow::before { content: ""; display: block; width: 10px; height: 19px; background: url("../img/common/btn_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn-list01 .btn.btn_left a { background-image: url("../img/top/btn_bg01.jpg"); }
.btn-list01 .btn.btn_right a { background-image: url("../img/top/btn_bg02.jpg"); }

#btn-sec01 { width: 100%; }

#topbox04 { padding: 130px 0 50px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #CD2C3B 50%, #CD2C3B 100%); overflow: hidden; }
#topbox04 .wrap { width: 1300px; }
#topbox04 .text01 { font-size: 18px; text-align: center; margin-bottom: 70px; }
#topbox04 .slider-area01 .slider-nav { top: 203px; transform: translate(-50%, 0); }
#topbox04 #maintenance-slider .slick-list { overflow: visible; }
#topbox04 #maintenance-slider .maintenance01 { width: 1100px; margin: 0 50px; }
#topbox04 .btn01 { position: absolute; bottom: 0; right: 100px; z-index: 2; }
#topbox04 .btn01 a { background: #81030F; border: 1px solid #81030F; }
#topbox04 .btn01 a:hover { background: #FFFFFF; border: 1px solid #FFFFFF; }

#topbox05 { padding: 100px 0; overflow: hidden; }
#topbox05 .wrap { width: 1000px; }
#topbox05 .cnt { justify-content: space-between; align-items: flex-start; position: relative; }
#topbox05 .cnt .title01 { width: 246px; text-align: left; margin: 30px 0 0; }
#topbox05 .cnt .news-list { width: 754px; }
#topbox05 .cnt .news-list .news01:last-child { border-bottom: 0; }
#topbox05 .cnt .btn02 { position: absolute; top: 142px; left: 0; }

#topbox06 .btn_wrap { justify-content: space-between; }
#topbox06 .btn_wrap .btn_box { width: calc(50% - 1px); padding: 50px 40px 70px; box-sizing: border-box; background: #ECECEC; }
#topbox06 .btn_wrap .btn_box .title01.flex { justify-content: center; align-items: center; font-size: 30px; margin-bottom: 30px; }
#topbox06 .btn_wrap .btn_box .title01.flex .sub_title { display: inline-block; font-size: 18px; font-weight: 500; margin-right: 5px; }
#topbox06 .btn_wrap .btn_box .btn-list { justify-content: space-between; }
#topbox06 .btn_wrap .btn_box .btn-list .btn { width: 32%; height: 200px; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a { display: block; width: 100%; height: 100%; background: #FFFFFF; border-radius: 10px; position: relative; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a:hover { text-decoration: none; background: #CD2C3B; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a:hover .btn-text { color: #FFFFFF; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a:hover .arrow { background: #FFFFFF; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a:hover .arrow::before { filter: brightness(0) saturate(100%) invert(21%) sepia(39%) saturate(6794%) hue-rotate(343deg) brightness(87%) contrast(83%); }
#topbox06 .btn_wrap .btn_box .btn-list .btn a .btn-text { width: 100%; padding: 10px; box-sizing: border-box; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#topbox06 .btn_wrap .btn_box .btn-list .btn a .btn-text .mini { display: block; font-size: 13px; margin-top: 3px; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a .arrow { display: block; width: 24px; height: 24px; background: #CD2C3B; border-radius: 5px; position: absolute; bottom: 10px; right: 10px; transition: 0.3s; }
#topbox06 .btn_wrap .btn_box .btn-list .btn a .arrow::before { content: ""; display: block; width: 6px; height: 12px; background: url("../img/common/btn_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*中古作業船販売　p02
=========================================== */
.page-used-ship #main.kasou, .tax-ship_type #main.kasou { background-image: url("../img/p02/main.jpg"); }

#p02box01 { padding-bottom: 0; }
#p02box01 .text_box01 { justify-content: space-between; align-items: center; margin-bottom: 70px; }
#p02box01 .text_box01 h2 { width: 235px; }
#p02box01 .text_box01 p.common_text { width: calc(100% - 275px); font-size: 18px; }
#p02box01 .cnt { justify-content: space-between; align-items: flex-start; margin-bottom: 130px; }
#p02box01 .cnt .text_box { width: 490px; }
#p02box01 .cnt .text_box h2 { margin-bottom: 50px; }
#p02box01 .cnt .text_box div.text { font-size: 18px; }
#p02box01 .cnt .text_box.full { width: 100%; }
#p02box01 .cnt .img_box { width: 540px; }
#p02box01 .cnt .img_box .img { width: 100%; height: 406px; border-radius: 10px; }
#p02box01 .waku { padding: 70px 50px 130px; box-sizing: border-box; position: relative; z-index: 1; }
#p02box01 .waku::before { content: ""; display: block; width: 100vw; height: 100%; background: #F5F5F5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
#p02box01 .waku #ship-search { margin-bottom: 70px; }
#p02box01 .waku h2.midashi { margin-bottom: 50px; }
#p02box01 .waku .ship-list .ship01 { margin: 100px 50px 0 0; }
#p02box01 .waku .ship-list .ship01:nth-child(-n+3) { margin-top: 0; }
#p02box01 .waku .ship-list .ship01:nth-child(3n) { margin-right: 0; }
#p02box01 .waku .ship-list .ship01:last-child { margin-right: 0; }

#p02box02 { padding-top: 0; background: linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 130px, #FFFFFF 130px, #FFFFFF 100%); }
#p02box02 .waku { padding: 70px 0 100px; margin-top: 130px; position: relative; z-index: 1; }
#p02box02 .waku::before { content: ""; display: block; width: 1100px; height: 100%; background: #F5F5F5; border-radius: 10px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
#p02box02 .waku .midashi { line-height: 1.45; margin-bottom: 20px; }
#p02box02 .waku .midashi .sub { display: block; font-size: 22px; margin-bottom: 5px; }
#p02box02 .waku .midashi .text { display: block; font-size: 36px; }
#p02box02 .waku p.common_text { font-size: 18px; }
#p02box02 .waku .btn-list01 { margin-top: 50px; }

#shipBox01 { background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 550px, #F5F5F5 550px, #F5F5F5 100%); }
#shipBox01 .wrap { width: 900px; }
#shipBox01 h1.title { font-size: 26px; margin-bottom: 50px; }
#shipBox01 .gallery_img { justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 50px; }
#shipBox01 .gallery_img .gallery_main { width: 710px; margin-bottom: 0 !important; }
#shipBox01 .gallery_img .gallery_main .gallery_main01 { width: 100%; height: 535px; border-radius: 10px; }
#shipBox01 .gallery_img .gallery_thum { width: 170px; margin-bottom: 0 !important; }
#shipBox01 .gallery_img .gallery_thum .slick-track { width: 100% !important; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01 { cursor: pointer; position: relative; overflow: hidden; width: 170px; height: 127px; border-radius: 10px; margin-bottom: 9px; transition: 0.3s; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01:last-child { margin-bottom: 0; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01:hover::after { opacity: 1; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; z-index: 2; box-sizing: border-box; opacity: 0; transition: 0.3s; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01.slick-current::after { opacity: 1; }
#shipBox01 .gallery_img .code { display: inline-flex; position: absolute; top: 0; left: 0; z-index: 1; }
#shipBox01 .gallery_img .code .midashi { display: inline-block; padding: 6px; box-sizing: border-box; font-size: 13px; line-height: 19px; border-top-left-radius: 9px; }
#shipBox01 .gallery_img .code .num { display: inline-block; padding: 3px 8px 4px; box-sizing: border-box; background: #FFFFFF; }
#shipBox01 .gallery_img .soldout { width: 710px; padding: 5px 0 6px; box-sizing: border-box; border-radius: 0 0 10px 10px; background: rgba(0, 0, 0, 0.6); font-size: 20px; line-height: 1.45; position: absolute; bottom: 0; left: 0; z-index: 1; }
#shipBox01 .info-table tr:first-child th { border-top-left-radius: 5px; }
#shipBox01 .info-table tr:first-child td { border-top-right-radius: 5px; }
#shipBox01 .info-table tr:last-child th, #shipBox01 .info-table tr:last-child td { border-bottom: 0; }
#shipBox01 .info-table tr:last-child th { border-bottom-left-radius: 5px; }
#shipBox01 .info-table tr:last-child td { border-bottom-right-radius: 5px; }
#shipBox01 .info-table tr th, #shipBox01 .info-table tr td { padding: 23px 20px; box-sizing: border-box; vertical-align: middle; border-bottom: 1px solid #F5F5F5; }
#shipBox01 .info-table tr th { width: 203px; border-right: 1px solid #F5F5F5; background: #F1E0E2; text-align: center; }
#shipBox01 .info-table tr td { color: #727171; background: #FFFFFF; }
#shipBox01 .cont_box { margin-top: 50px; }
#shipBox01 .cont_box h2 { padding: 22px 30px; box-sizing: border-box; background: #3B3B3B; border-radius: 10px 10px 0 0; font-size: 18px; }
#shipBox01 .cont_box .box_in { padding: 30px; box-sizing: border-box; background: #FFFFFF; border-radius: 0 0 10px 10px; color: #727171; }
#shipBox01 .btn_box { justify-content: center; margin-top: 100px; }
#shipBox01 .btn_box .btn01 { margin: 0 40px 0 0; }
#shipBox01 .btn_box .btn01:last-child { margin-right: 0; }
#shipBox01 .btn_box .btn01.black a .arrow { right: auto; left: 30px; background-image: url("../img/p02/btn_arrow.svg"); }

/*選ばれる理由　p03
=========================================== */
.page-reason #main.kasou { background-image: url("../img/p03/main.jpg"); }

#p03box01 .text01 { font-size: 18px; text-align: center; }
#p03box01 .reason-list { margin-top: 130px; }
#p03box01 .reason-list .reason01 { padding-bottom: 100px; border-bottom: 1px solid #DDDDDD; margin-bottom: 100px; }
#p03box01 .reason-list .reason01:nth-child(2n) .cnt .text_box { order: 1; }
#p03box01 .reason-list .reason01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#p03box01 .reason-list .reason01 .cnt { justify-content: space-between; align-items: flex-start; }
#p03box01 .reason-list .reason01 .cnt .text_box { width: 490px; }
#p03box01 .reason-list .reason01 .cnt .text_box h2 { padding-left: 82px; box-sizing: border-box; font-size: 26px; position: relative; margin-bottom: 57px; margin-top: 18px; }
#p03box01 .reason-list .reason01 .cnt .text_box h2 .num { display: inline-block; font-size: 50px; position: absolute; top: -18px; left: 0; }
#p03box01 .reason-list .reason01 .cnt .text_box .point { font-size: 20px; line-height: 1.675; margin-bottom: 30px; }
#p03box01 .reason-list .reason01 .cnt .text_box .num_box01 { display: inline-block; padding: 5px 7px; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 5px; font-size: 13px; line-height: 1.46; margin-top: 25px; }
#p03box01 .reason-list .reason01 .cnt .text_box .num_box01.enc { display: none; }
#p03box01 .reason-list .reason01 .cnt .img_box { width: 540px; }
#p03box01 .reason-list .reason01 > .text { font-size: 18px; margin-top: 70px; }
#p03box01 .reason-list .reason01 .img-list { justify-content: space-between; padding: 40px; box-sizing: border-box; background: #F5F5F5; border-radius: 10px; margin-top: 70px; }
#p03box01 .reason-list .reason01 .img-list .img01 { width: 332px; position: relative; }
#p03box01 .reason-list .reason01 .img-list .img01 .text { width: 100%; padding: 8px 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); border-radius: 0 0 10px 10px; position: absolute; bottom: 0; left: 0; z-index: 1; }
#p03box01 .reason-list .reason01 .box_in { justify-content: space-between; align-items: flex-start; margin-top: 70px; }
#p03box01 .reason-list .reason01 .box_in .list_box01 { width: 725px; align-items: center; }
#p03box01 .reason-list .reason01 .box_in .list_box01 .midashi { width: 126px; }
#p03box01 .reason-list .reason01 .box_in .list_box01 .text { width: calc(100% - 126px); font-size: 13px; line-height: 1.8; }
#p03box01 .reason-list .reason01 .box_in .btn01 { margin-top: 0; }

.translated-ltr #p03box01 .reason-list .reason01 .text_box .num_box01.enc { display: inline-block; }
.translated-ltr #p03box01 .reason-list .reason01 .text_box .num_box01.nenc { display: none; }

#p03box02 { padding: 130px 0 100px; }
#p03box02 .cnt { justify-content: space-between; align-items: flex-start; }
#p03box02 .cnt .text_box { width: 490px; }
#p03box02 .cnt .text_box .title { font-size: 26px; margin-bottom: 50px; }
#p03box02 .cnt .text_box .point { font-size: 20px; line-height: 1.675; margin-bottom: 30px; }
#p03box02 .cnt .text_box .text p { font-size: 18px; margin-bottom: 36px; }
#p03box02 .cnt .text_box .text p:last-child { margin-bottom: 0; }
#p03box02 .cnt .img_box { width: 540px; }
#p03box02 .cnt02 { margin-top: 70px; }
#p03box02 .cnt02 .point { font-size: 20px; line-height: 1.675; margin-bottom: 30px; }
#p03box02 .cnt02 p.common_text { font-size: 18px; }

#p03box03 .check-list { justify-content: space-between; align-items: flex-start; }
#p03box03 .check-list .list01 { width: 332px; }
#p03box03 .check-list .list01 h2 { display: table; padding-left: 32px; box-sizing: border-box; min-height: 60px; position: relative; margin-bottom: 20px; }
#p03box03 .check-list .list01 h2::before { content: ""; display: block; width: 25px; height: 24px; background: url("../img/p03/icon_check.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#p03box03 .check-list .list01 h2 span { display: table-cell; font-size: 20px; vertical-align: middle; }
#p03box03 .check-list .list01 p.common_text { font-size: 18px; }
#p03box03 .check-list .list01 .sub_text { font-size: 13px !important; margin-top: 20px; }
#p03box03 .img_box { padding: 50px 40px 40px; box-sizing: border-box; background: #81030F; border-radius: 10px; margin-top: 70px; }
#p03box03 .img_box .title { font-size: 20px; margin-bottom: 40px; }
#p03box03 .img_box .img-list .img01 { width: 332px; position: relative; margin: 23px 12px 0 0; }
#p03box03 .img_box .img-list .img01:nth-child(-n+3) { margin-top: 0; }
#p03box03 .img_box .img-list .img01:nth-child(3n) { margin-right: 0; }
#p03box03 .img_box .img-list .img01:last-child { margin-right: 0; }
#p03box03 .img_box .img-list .img01 .text { width: 100%; padding: 8px 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); border-radius: 0 0 10px 10px; position: absolute; bottom: 0; left: 0; z-index: 1; }

/*購入の流れ　p04
=========================================== */
.page-flow #main.kasou { background-image: url("../img/p04/main.jpg"); }

#p04box01 .wrap { width: 1000px; }
#p04box01 .text01 { font-size: 18px; text-align: center; }
#p04box01 .step-list01 { margin-top: 70px; }
#p04box01 .step-list01 .step00 { margin-bottom: 50px; }
#p04box01 .step-list01 .step00:first-child .title_box .img_box::before { display: none; }
#p04box01 .step-list01 .step00:last-child { margin-bottom: 0; }
#p04box01 .step-list01 .step00 .title_box .img_box { position: relative; }
#p04box01 .step-list01 .step00 .title_box .img_box::before { content: ""; display: block; width: 860px; height: 1px; border-top: 1px dashed #BCBCBC; position: absolute; top: 20px; left: 140px; }
#p04box01 .step-list01 .step02 .text_box { padding-right: 263px; position: relative; }
#p04box01 .step-list01 .step02 .text_box .img-list { width: 227px; position: absolute; bottom: 0; right: 0; }
#p04box01 .step-list01 .step02 .text_box .img-list img { display: block; width: 100%; margin-bottom: 9px; }
#p04box01 .step-list01 .step02 .text_box .img-list img:last-child { margin-bottom: 0; }

.step-list01 .step00 { position: relative; }
.step-list01 .step00:last-child::before { display: none; }
.step-list01 .step00::before { content: ""; display: block; width: 1px; height: calc(100% - 148px); background: #BCBCBC; position: absolute; top: 178px; left: 49px; }
.step-list01 .step00 .title_box { justify-content: space-between; align-items: flex-start; }
.step-list01 .step00 .title_box .img_box { width: 100px; }
.step-list01 .step00 .title_box .img_box .num { display: block; padding: 5px 0 6px; box-sizing: border-box; background: #727171; border-radius: 5px; font-size: 20px; line-height: 1.45; text-align: center; margin-bottom: 18px; }
.step-list01 .step00 .title_box h2.title, .step-list01 .step00 .title_box h3.title { width: calc(100% - 140px); margin-top: 90px; }
.step-list01 .step00 .text_box { padding-left: 140px; box-sizing: border-box; margin-top: -15px; }
.step-list01 .step00 .text_box > p { font-size: 18px; margin-top: 36px; }
.step-list01 .step00 .text_box > p:first-child { margin-top: 0; }
.step-list01 .step00 .text_box .c_box { justify-content: center; padding: 30px; box-sizing: border-box; background: #F9F3F3; border-radius: 10px; margin-top: 30px; }
.step-list01 .step00 .text_box .c_box .box { text-align: center; padding-top: 10px; }
.step-list01 .step00 .text_box .c_box .box .midashi { font-size: 18px; margin-bottom: 12px; }
.step-list01 .step00 .text_box .c_box .box .btn02 .btn-text { font-size: 22px; font-weight: 700; line-height: 1.45; }
.step-list01 .step00 .text_box .c_box .box .tel_box { align-items: center; justify-content: center; }
.step-list01 .step00 .text_box .c_box .box .tel_box .tel .num { padding-left: 21px; box-sizing: border-box; font-size: 26px; line-height: 1.4; position: relative; }
.step-list01 .step00 .text_box .c_box .box .tel_box .tel .num::before { content: ""; display: block; width: 15px; height: 20px; background: url("../img/common/icon_tel03.svg") no-repeat center; background-size: contain; position: absolute; top: 9px; left: 0; }
.step-list01 .step00 .text_box .c_box .box .tel_box .tel-text { font-size: 13px; margin-left: 15px; }
.step-list01 .step00 .text_box .c_box .left.box { width: 356px; padding-right: 20px; border-right: 1px solid #BCBCBC; margin-right: 20px; box-sizing: border-box; }
.step-list01 .step00 .text_box .c_box .right.box { width: calc(100% - 376px); }
.step-list01 .step00 .text_box .list_box { justify-content: space-between; align-items: center; padding: 20px 30px 30px; box-sizing: border-box; background: #F9F3F3; border-radius: 5px; margin-top: 30px; }
.step-list01 .step00 .text_box .list_box h3, .step-list01 .step00 .text_box .list_box h4 { width: 272px; margin-top: 10px; margin-right: 30px; font-size: 16px; font-weight: 500; }
.step-list01 .step00 .text_box .list_box .list { width: calc(100% - 302px); }
.step-list01 .step00 .text_box .list_box .list li { padding-left: 22px; box-sizing: border-box; position: relative; margin: 10px 20px 0 0; }
.step-list01 .step00 .text_box .list_box .list li:last-child { margin-right: 0; }
.step-list01 .step00 .text_box .list_box .list li::before { content: ""; display: block; width: 17px; height: 16px; background: url("../img/p04/icon_check01.png") no-repeat center; background-size: contain; position: absolute; top: 4px; left: 0; }

/*中古作業船買取　p05
=========================================== */
.page-sell #main.kasou { background-image: url("../img/p05/main.jpg"); }

#p05box01 .cnt { justify-content: space-between; align-items: flex-start; }
#p05box01 .cnt .text_box { width: 415px; }
#p05box01 .cnt .text_box h2 { margin-bottom: 50px; }
#p05box01 .cnt .text_box .text p { font-size: 18px; margin-bottom: 36px; }
#p05box01 .cnt .text_box .text p:last-child { margin-bottom: 0; }
#p05box01 .cnt .text_box .btn01 { margin: 70px 0 0; }
#p05box01 .cnt .img_box { width: 616px; }

#p05box02 h2.title { text-align: center; margin-bottom: 30px; }
#p05box02 .text01 { font-size: 18px; text-align: center; }
#p05box02 .step-list01 { margin-top: 70px; }
#p05box02 .step-list01 .step00 { padding: 0 50px 50px; box-sizing: border-box; margin-bottom: 40px; z-index: 1; }
#p05box02 .step-list01 .step00:last-child { margin-bottom: 0; }
#p05box02 .step-list01 .step00::before { height: calc(100% - 150px); top: 170px; left: 99px; }
#p05box02 .step-list01 .step00::after { content: ""; display: block; width: 100%; height: calc(100% - 20px); background: #FFFFFF; border-radius: 10px; position: absolute; bottom: 0; left: 0; z-index: -1; }
#p05box02 .step-list01 .step00 .text_box { padding-left: 140px; box-sizing: border-box; margin-top: -15px; }
#p05box02 .step-list01 .step00 .text_box > p { font-size: 18px; margin-top: 36px; }
#p05box02 .step-list01 .step00 .text_box > p:first-child { margin-top: 0; }
#p05box02 .step-list01 .step00 .text_box .list_box h3, #p05box02 .step-list01 .step00 .text_box .list_box h4 { width: 130px; }
#p05box02 .step-list01 .step00 .text_box .list_box .list { width: calc(100% - 160px); }
#p05box02 .a_box { padding: 30px 10px; box-sizing: border-box; align-items: center; border-radius: 10px; margin-top: 70px; }
#p05box02 .a_box h3 { width: 236px; padding: 0 30px; box-sizing: border-box; font-size: 22px; }
#p05box02 .a_box p.common_text { width: calc(100% - 236px); padding: 0 30px; box-sizing: border-box; position: relative; }
#p05box02 .a_box p.common_text::before { content: ""; display: block; width: 1px; height: 100%; min-height: 52px; background: #DC6C76; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

/*委託販売について　p06
=========================================== */
.page-consignment #main.kasou { background-image: url("../img/p06/main.jpg"); }

#p06box01 h2.title { text-align: center; margin-bottom: 50px; }
#p06box01 .text01 { font-size: 18px; text-align: center; }
#p06box01 .box { padding: 50px; box-sizing: border-box; border-radius: 10px; margin-top: 70px; }
#p06box01 .box .cnt { justify-content: space-between; align-items: center; }
#p06box01 .box .cnt h3 { width: 130px; font-size: 18px; }
#p06box01 .box .cnt p.text { width: 845px; font-size: 18px; }
#p06box01 .box .list { padding: 10px 30px 30px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; margin-top: 30px; }
#p06box01 .box .list li { width: auto; align-items: center; font-size: 20px; line-height: 1.45; margin: 20px 40px 0 0; }
#p06box01 .box .list li:last-child { margin-right: 0; }
#p06box01 .box .list li .midashi { display: inline-block; min-width: 108px; padding: 3px 10px; box-sizing: border-box; border-radius: 5px; margin-right: 20px; }

#p06box02 { padding-bottom: 100px; background-color: #CD2C3B; }
#p06box02 .wrap { width: 1000px; }
#p06box02 .title_box { justify-content: space-between; align-items: flex-start; margin-bottom: 70px; }
#p06box02 .title_box h2 { width: 315px; }
#p06box02 .title_box p.text01 { width: 645px; font-size: 18px; margin-top: 10px; }
#p06box02 .cnt { justify-content: space-between; align-items: flex-start; }
#p06box02 .cnt .list_box { width: 355px; }
#p06box02 .cnt .list_box .list li { padding-left: 34px; box-sizing: border-box; font-size: 20px; position: relative; margin-bottom: 20px; }
#p06box02 .cnt .list_box .list li:last-child { margin-bottom: 0; }
#p06box02 .cnt .list_box .list li::before { content: ""; display: block; width: 26px; height: 25px; background: url("../img/p06/icon_check.png") no-repeat center; background-size: contain; position: absolute; top: 2px; left: 0; }
#p06box02 .cnt .list_box .sub_text { font-size: 13px; padding-left: 1em; text-indent: -1em; margin-top: 30px; }
#p06box02 .cnt .text_box { width: 595px; padding: 40px; box-sizing: border-box; border: 1px solid #DC6C76; border-radius: 10px; font-size: 18px; }
#p06box02 .cnt .text_box .midashi { margin-bottom: 17px; }

#p06box03 { padding-top: 130px; }
#p06box03 .wrap { width: 916px; }
#p06box03 .cnt { justify-content: space-between; align-items: flex-start; }
#p06box03 .cnt h2 { width: 200px; }
#p06box03 .cnt .flow_box { justify-content: space-between; align-items: flex-start; width: 635px; }
#p06box03 .cnt .flow_box .flow-list { width: 285px; }
#p06box03 .cnt .flow_box .flow-list li { display: flex; align-items: flex-start; position: relative; margin-bottom: 40px; }
#p06box03 .cnt .flow_box .flow-list li:last-child { margin-bottom: 0; }
#p06box03 .cnt .flow_box .flow-list li:last-child::before { display: none; }
#p06box03 .cnt .flow_box .flow-list li::before { content: ""; display: block; width: 1px; height: calc(100% - 13px); background: #BCBCBC; position: absolute; bottom: -30px; left: 16px; }
#p06box03 .cnt .flow_box .flow-list li .num { display: block; width: 33px; height: 33px; padding-top: 1px; box-sizing: border-box; border-radius: 50%; font-size: 20px; line-height: 1.45; margin-right: 9px; }
#p06box03 .cnt .flow_box .flow-list li .text { width: calc(100% - 42px); font-size: 20px; line-height: 1.45; margin-top: 2px; }
#p06box03 .cnt02 { justify-content: space-between; align-items: flex-start; margin-top: 100px; }
#p06box03 .cnt02 .text { width: 520px; font-size: 18px; }
#p06box03 .cnt02 .btn01 { margin: 0; }

/*メンテナンス実績　p07
=========================================== */
.page-repair #main.kasou, .tax-p_cate #main.kasou { background-image: url("../img/p07/main.jpg"); }

#p07box01 .text_box01 { margin-bottom: 130px; }
#p07box01 .text_box01 h2 { font-size: 26px; text-align: center; margin-bottom: 50px; }
#p07box01 .text_box01 p.common_text { font-size: 18px; text-align: center; }
#p07box01 .maintenance-list .maintenance01 { padding-bottom: 50px; border-bottom: 1px solid #DDDDDD; margin-bottom: 50px; }
#p07box01 .maintenance-list .maintenance01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#p07box01 .maintenance-list .maintenance01 .img-list { margin-bottom: 20px; }
#p07box01 .maintenance-list .maintenance01 .img-list .img_box { height: 304px; }

/*会社概要　p08
=========================================== */
.page-company #main.kasou { background-image: url("../img/p08/main.jpg"); }

#p08box01 .wrap { width: 900px; }
#p08box01 .company-table tr:first-child th, #p08box01 .company-table tr:first-child td { padding-top: 0; }
#p08box01 .company-table tr:last-child th, #p08box01 .company-table tr:last-child td { padding-bottom: 0; border-bottom: 0; }
#p08box01 .company-table tr:last-child th { border-bottom: 0; }
#p08box01 .company-table tr:last-child td { border-bottom: 0; }
#p08box01 .company-table tr th, #p08box01 .company-table tr td { padding: 40px 20px; box-sizing: border-box; border-bottom: 1px solid #DDDDDD; }
#p08box01 .company-table tr th { width: 188px; line-height: 1.7; }
#p08box01 .company-table tr td { line-height: 1.7; }
#p08box01 .company-table tr td .company-list > div { margin-bottom: 30px; }
#p08box01 .company-table tr td .company-list > div:last-child { margin-bottom: 0; }
#p08box01 .map_box { width: 100%; height: 400px; position: relative; margin-top: 100px; }
#p08box01 .map_box iframe { width: 100%; height: 100%; }

/*新着情報　p09
=========================================== */
.post-type-archive-news #main.kasou, .tax-news_cate #main.kasou { background-image: url("../img/p09/main.jpg"); }

#p09box01 { padding-top: 50px; }
#p09box01 .wrap.twin div#two-side { margin-top: 40px; }
#p09box01 .wrap.twin div#two-side .side_box .side-title { background: #CD2C3B; }
#p09box01 .news-all-list .news01:last-child { border-bottom: 0; }

.edit-title01 { padding: 22px 30px; box-sizing: border-box; background: #3B3B3B; border-radius: 5px; font-size: 18px; line-height: 1.44; color: #FFFFFF; margin-bottom: 40px; }

.edit-title02 { padding: 0 0 15px 16px; box-sizing: border-box; border-bottom: 1px solid #727171; font-size: 18px; line-height: 1.44; margin-bottom: 40px; position: relative; }
.edit-title02::before { content: ""; display: block; width: 6px; height: calc(100% - 15px); background: #3B3B3B; border-radius: 2px; position: absolute; top: 0; left: 0; }

#newsBox01 .info_cate { align-items: flex-start; margin-bottom: 20px; }
#newsBox01 .info_cate .time { margin: 1px 15px 10px 0; transition: 0.3s; }
#newsBox01 .info_cate .cate-list { width: auto; }
#newsBox01 .info_cate .cate-list li { font-size: 13px; line-height: 1.46; color: #FFFFFF; padding: 4px; box-sizing: border-box; background: #727171; margin: 0 10px 10px 0; transition: 0.3s; }
#newsBox01 .info_cate .cate-list li:last-child { margin-right: 0; }
#newsBox01 .title { font-size: 26px; line-height: 1.6; margin-bottom: 70px; }
#newsBox01 .thumbnail_img { width: 100%; margin-bottom: 70px; }
#newsBox01 .thumbnail_img img { display: block; margin: 0 auto; border-radius: 10px; }
#newsBox01 .news-text p img { margin: 10px 0; }

/*お問い合わせ　p09
=========================================== */
.page-contact div#bread, .page-contact_satei div#bread { background-color: #F5F5F5; }

.page-contact_satei #main.kasou { background-image: url("../img/p10/main.jpg"); }
.page-contact_satei #p10box01 .box .box_in::before { width: 164px; height: 158px; background: url("../img/p10/img02.png") no-repeat center; background-size: contain; right: 20px; }
.page-contact_satei #p10box01 .contact_box .title_box .right { width: 665px; }
.page-contact_satei .contactTBL .inb span:has(.ship-aged) { width: 130px; }

#p10box01 { padding-bottom: 100px; }
#p10box01 .wrap { width: 900px; }
#p10box01 .box { margin-bottom: 70px; }
#p10box01 .box .box_in { padding: 40px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px 10px 0 0; position: relative; }
#p10box01 .box .box_in::before { content: ""; display: block; width: 175px; height: 139px; background: url("../img/p10/img01.png") no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 40px; }
#p10box01 .box .box_in .midashi { line-height: 1.6; position: relative; z-index: 1; }
#p10box01 .box .check-list { justify-content: center; padding: 5px 25px 25px; box-sizing: border-box; border-radius: 0 0 10px 10px; }
#p10box01 .box .check-list li { padding-left: 30px; box-sizing: border-box; font-size: 18px; line-height: 1.44; color: #FFFFFF; position: relative; margin: 20px 40px 0 0; }
#p10box01 .box .check-list li:last-child { margin-right: 0; }
#p10box01 .box .check-list li::before { content: ""; display: block; width: 25px; height: 24px; background: url("../img/p10/icon_check.svg") no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; }
#p10box01 .contact_box .title_box { justify-content: center; align-items: center; margin-bottom: 36px; }
#p10box01 .contact_box .title_box p.point { width: 70px; height: 70px; padding-top: 17px; box-sizing: border-box; border-radius: 50%; text-align: center; margin-right: 10px; transform: rotate(-10deg); }
#p10box01 .contact_box .title_box p.point span { font-size: 22px; line-height: 1.45; }
#p10box01 .contact_box .title_box .right { text-align: center; width: 500px; }
#p10box01 .contact_box .title_box .right .midashi { font-size: 22px; margin-bottom: 5px; }
#p10box01 .contact_box .contact-list { justify-content: center; }
#p10box01 .contact_box .contact-list .list_in { width: 360px; padding: 30px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; border: 1px solid #000E6A; text-align: center; margin-right: 40px; }
#p10box01 .contact_box .contact-list .list_in:last-child { margin-right: 0; }
#p10box01 .contact_box .contact-list .list_in .title { display: inline-block; box-sizing: border-box; font-size: 18px; margin-bottom: 5px; position: relative; }
#p10box01 .contact_box .contact-list .list_in .title::before { content: ""; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 0; }
#p10box01 .contact_box .contact-list .list_in .tel_box .tel .num { font-size: 36px; line-height: 1.44; color: #000E6A; }
#p10box01 .contact_box .contact-list .list_in .tel_box .tel-text { font-size: 13px; margin-top: 5px; }
#p10box01 .contact_box .contact-list .list_in.left .title { padding-left: 26px; }
#p10box01 .contact_box .contact-list .list_in.left .title::before { width: 16px; height: 22px; background-image: url("../img/p10/icon_tel.svg"); top: 2px; }
#p10box01 .contact_box .contact-list .list_in.right .title { padding-left: 31px; }
#p10box01 .contact_box .contact-list .list_in.right .title::before { width: 21px; height: 20px; background-image: url("../img/p10/icon_fax.svg"); top: 3px; }

#p10box02 { background: #FFFFFF; }
#p10box02 .wrap { width: 900px; }
#p10box02 .title_box { justify-content: space-between; align-items: flex-start; }
#p10box02 .title_box h2 { width: 290px; }
#p10box02 .title_box .text01 { width: 570px; font-size: 18px; }
#p10box02 .hissu-text { margin-top: 50px; }
#p10box02 .form_box { margin-top: 50px; }

.state-text { display: none; text-align: center; color: #CD2C3B; font-weight: 700; font-size: 18px; }

.wpcf7-form.custom-wpcf7c-confirmed .state-text { display: block; }

.contactBox .box_title { padding: 22px 30px; box-sizing: border-box; background: #3B3B3B; border-radius: 5px; font-size: 18px; line-height: 1.44; color: #FFFFFF; margin-bottom: 40px; }
.contactBox .box_title .sub { font-size: 13px; }
.contactBox .box_title02 { padding: 16px 30px 15px; box-sizing: border-box; background: #F5F5F5; border-radius: 5px; font-size: 13px; margin-bottom: 40px; }

.contactTBL { margin-bottom: 100px; /*ラジオボタン*/ }
.contactTBL:last-child { margin-bottom: 0; }
.contactTBL::placeholder { color: #BCBCBC; }
.contactTBL tr { display: block; margin-bottom: 40px; }
.contactTBL tr:last-child { margin-bottom: 0; }
.contactTBL th, .contactTBL td { display: block; font-size: 16px; line-height: 24px; }
.contactTBL th { margin-bottom: 15px; }
.contactTBL th .hissu { display: inline-block; color: #CD2C3B; margin-left: 10px; }
.contactTBL input.wpcf7-text, .contactTBL textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; height: 50px; padding: 12px 20px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 5px; font-family: 'NotoSansJP'; font-size: 16px; font-weight: 500; line-height: 1.5; color: #000000; cursor: pointer; }
.contactTBL input.wpcf7-text.nouki, .contactTBL input.wpcf7-text.limit { width: 600px; }
.contactTBL textarea.wpcf7-form-control.wpcf7-textarea { height: 200px; }
.contactTBL .inb { display: inline-flex; align-items: center; font-size: 13px; margin-right: 40px; }
.contactTBL .inb:last-child { margin-right: 0; }
.contactTBL .inb span:has(.ship-length), .contactTBL .inb span:has(.ship-width) { width: 286px; margin-left: 10px; }
.contactTBL .inb span:has(.ship-weight), .contactTBL .inb span:has(.ship-aged) { width: 286px; margin-right: 10px; }
.contactTBL .inb input { font-size: 16px; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler { border: none; border-radius: 0; margin-bottom: 0; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container { padding: 0; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner { width: auto; text-align: left; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3, .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span { display: none; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: block; content: "※ファイルが選択されていません"; font-family: 'NotoSansJP'; font-size: 14px; font-weight: 400; color: #000000; margin-top: 4px; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { display: block; width: 160px; height: 50px; padding-top: 15px; box-sizing: border-box; background: #727171; border: 1px solid #727171; border-radius: 5px; font-family: 'NotoSansJP'; font-size: 13px; font-weight: 500; line-height: 19px; color: #FFFFFF; transition: 0.3s; text-align: center; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover { text-decoration: none; background: #FFFFFF; color: #727171; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter { display: none; }
.contactTBL .codedropz-upload-wrapper .wpcf7c-conf.wpcf7c-conf-hidden { display: none; }
.contactTBL .codedropz-upload-wrapper:has(.dnd-upload-status) .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: none; }
.contactTBL .file_wrap .inb { align-items: flex-start; }
.contactTBL .file_wrap .inb .inb-sub { display: inline-block; margin: 15px 10px 0 0; }
.contactTBL .koumoku .wpcf7-list-item { margin: 0 0 0 20px; }
.contactTBL .koumoku .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; }
.contactTBL .koumoku .wpcf7-list-item label input[type="checkbox"] { width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #DEDEDE; margin-right: 5px; cursor: pointer; font-family: 'NotoSansJP'; }
.contactTBL .koumoku .wpcf7-list-item.first { margin-left: 0; }

.ppBox { margin-top: 40px; }
.ppBox h3 { margin-bottom: 15px; }
.ppBox .pp-inner { height: 300px; padding: 10px; box-sizing: border-box; border: 1px solid #DEDEDE; overflow: auto; }
.ppBox .pp-inner > div { font-size: 13px; }

/*doui-check*/
.doui-box { margin-top: 30px; }
.doui-box .text01 { font-size: 13px; margin-bottom: 70px; }
.doui-box .doui { padding: 23px 20px; box-sizing: border-box; background: #F9F3F3; border-radius: 5px; }
.doui-box .doui .wpcf7-list-item { display: inline-block; margin-left: 0; }
.doui-box .doui .wpcf7-list-item label { display: flex; align-items: center; justify-content: flex-start; }
.doui-box .doui .wpcf7-list-item label span.wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.doui-box .doui .wpcf7-list-item label input[type="checkbox"] { width: 20px; height: 20px; margin-right: 10px; background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 100%; cursor: pointer; }
.doui-box .doui .hissu { font-weight: 700; color: #CD2C3B; margin-left: 10px; }

/*送信ボタン*/
.contact-submit.flex { justify-content: center; flex-direction: row-reverse; margin-top: 100px; }
.contact-submit.flex .btn01 { margin: 0; }
.contact-submit.flex .btn01 input.wpcf7-form-control { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 50px; box-sizing: border-box; white-space: normal; border-radius: 10px; background-color: #CD2C3B; background-image: url("../img/p10/submit_arrow.svg"); background-repeat: no-repeat; background-position: center right 30px; background-size: 8px; border: 1px solid #CD2C3B; cursor: pointer; transition: 0.3s; font-size: 16px; line-height: 1.5; color: #FFFFFF; font-weight: 500; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'NotoSansJP'; }
.contact-submit.flex .btn01 input.wpcf7-form-control:hover { text-decoration: none; background-color: #FFFFFF; background-image: url("../img/p10/submit_arrow_h.svg"); color: #CD2C3B; }
.contact-submit.flex .btn01:has(.wpcf7c-force-hide) { display: none; }
.contact-submit.flex .btn01.back { margin-right: 20px !important; }
.contact-submit.flex .btn01.back input.wpcf7-form-control { background-color: #FFFFFF; background-image: url("../img/p10/back_arrow.svg"); background-position: center left 30px; color: #CD2C3B; }
.contact-submit.flex .btn01.back input.wpcf7-form-control:hover { background-color: #CD2C3B; background-image: url("../img/p10/back_arrow_h.svg"); color: #FFFFFF; }
.contact-submit.flex .wpcf7c-elm-step2.mt20 { width: 100%; text-align: center; margin-top: 20px; }
.contact-submit.flex input.wpcf7-form-control:focus { outline: none; }

/*確認画面時の表示設定*/
.contactArea.che { position: relative; z-index: 1; /*.file_btn {
	min-width: auto;
	height: 50px;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	cursor: none;
	color: #000000;
	text-align: left;
	pointer-events: none;
	
	input[type="file"] {
		display: block;
	}
}*/ }
.contactArea.che::before { content: ""; display: block; width: calc(100% + 40px); height: calc(100% + 40px); background: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
.contactArea.che .contactTBL { margin-bottom: 50px; }
.contactArea.che .contactTBL tr { margin-bottom: 20px; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .file-text, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox], .contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=checkbox]:checked, .contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }
.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 185px; margin-top: -185px; }

.wpcf7c-conf { background-color: #D4D4D4 !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; }

.wpcf7 .ajax-loader { display: none !important; }

.wpcf7-spinner { display: none !important; }

/*Thanks・404
=========================================== */
#other { padding: 90px 0 130px; text-align: center; }
#other h2 { margin-bottom: 25px; }
#other p { font-size: 18px; padding-left: 15px; position: relative; margin: 10px 0; }

/*プライバシーポリシー
=========================================== */
div#pageBox01 { padding: 90px 0 130px; }

h2.pp-title01 { font-size: 24px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

h3.pp-title02 { font-size: 20px; position: relative; margin: 25px 0; padding-left: 10px; }
h3.pp-title02::before { content: ""; width: 5px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 0px) and (max-width: 1400px) { #header .header_inner { width: 1160px; }
  #header .header_inner .left { width: 520px; }
  #header .header_inner .left_in01 .logo { width: 330px; }
  #header .header_inner .left_in01 .language_box { margin-left: 10px; }
  #topbox03 .wrap { width: 1100px; }
  #topbox03 .cnt .img_box { width: calc(100% - (415px + 7.69vw)); }
  #topbox03 .cnt .img_box .img01 { width: 48.92vw; }
  #topbox03 .cnt .img_box .img02, #topbox03 .cnt .img_box .img03 { width: 24.08vw; }
  #topbox03 .cnt .img_box .img03 { left: calc(24.08vw + 10px); }
  /*翻訳時*/
  .translated-ltr #header .header_inner .right .tel_wrap01 .tel_box .tel .sub { padding: 2px 4px; }
  .translated-ltr #header .header_inner .right .tel_wrap01 .tel_box .tel .num { font-size: 22px; }
  .translated-ltr #header .header_inner .right .tel_wrap01 .tel_box .tel .num::before { width: 14px; height: 20px; top: 7px; }
  .translated-ltr #header .header_inner .right .tel_wrap01 .tel_box .tel-text { margin-top: 6px; }
  .translated-ltr #header .header_inner .right .tel_wrap01 .tel_box .tel-text > p { font-size: 14px; }
  .translated-ltr #header .header_inner .right .tel_wrap01 .time_box .text { padding: 4px 0 5px; font-size: 14px; } }
@media screen and (min-width: 0px) and (max-width: 1299px) { #header { height: 140px; }
  #header .header_inner { height: 100px; }
  #header .header_inner .left_in02 { margin-top: 5px; }
  #header .header_inner .left_in02 .tdb_logo { margin-right: 8px; }
  #header .header_inner .left_in02 .num_box01 { font-size: 10px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .sub { padding: 2px 4px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .num { font-size: 22px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .num::before { width: 14px; height: 20px; top: 7px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel-text { margin-top: 6px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel-text > p { font-size: 14px; }
  #header .header_inner .right .tel_wrap01 .time_box .text { padding: 4px 0 5px; font-size: 14px; }
  /*gnav*/
  .gnav { height: 45px; }
  .gnav .gnav_in { width: 1200px; }
  .gnav .gnav_in > ul.gnav-list01 { width: calc(100% - 446px); margin-left: 46px; }
  .gnav .gnav_in > ul.gnav-list01 { padding: 12px 0; }
  .gnav_bg { max-height: calc(100vh - 140px); left: 0; transform: translateX(0); }
  #main.home_main .wrap { width: 1200px; min-height: 480px; padding-top: 88px; }
  #main.home_main .text_box01 { margin-left: 50px; }
  #main.home_main .text_box02 .list_box01 { width: 830px; }
  #topbox04 .wrap { width: 1200px; }
  #topbox04 #maintenance-slider .maintenance01 { margin: 0 25px; }
  #topbox04 .btn01 { right: 50px; }
  #topbox06 .btn_wrap .btn_box { padding-left: 20px; padding-right: 20px; }
  #topbox02 .cnt .text_box { top: 160px; }
  /*翻訳時*/
  .translated-ltr .gnav .gnav_in > ul.gnav-list01 { width: calc(100% - 340px); }
  .translated-ltr .gnav .gnav_in > ul.gnav-list02 { width: 340px; }
  .translated-ltr .gnav .gnav_in > ul.gnav-list01 > li > a, .translated-ltr .gnav .gnav_in > ul.gnav-list01 > li.gnav_first > p { padding: 0 10px; } }
@media screen and (min-width: 0px) and (max-width: 1200px) { #topbox03 .cnt .img_box { width: calc(100% - 515px); }
  #topbox03 .cnt .img_box .img01 { width: 587px; }
  #topbox03 .cnt .img_box .img02, #topbox03 .cnt .img_box .img03 { width: 289px; }
  #topbox03 .cnt .img_box .img03 { left: 299px; } }
@media screen and (min-height: 0px) and (max-height: 650px) { #header { height: 140px; }
  #header .header_inner { height: 100px; }
  #header .header_inner .left_in02 { margin-top: 5px; }
  #header .header_inner .left_in02 .tdb_logo { margin-right: 8px; }
  #header .header_inner .left_in02 .num_box01 { font-size: 10px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .sub { padding: 2px 4px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .num { font-size: 22px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel .num::before { width: 14px; height: 20px; top: 7px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel-text { margin-top: 6px; }
  #header .header_inner .right .tel_wrap01 .tel_box .tel-text > p { font-size: 14px; }
  #header .header_inner .right .tel_wrap01 .time_box .text { padding: 4px 0 5px; font-size: 14px; }
  /*gnav*/
  .gnav { height: 45px; }
  .gnav .gnav_in { width: 1200px; }
  .gnav .gnav_in > ul.gnav-list01 { width: calc(100% - 446px); margin-left: 46px; }
  .gnav .gnav_in > ul.gnav-list01 { padding: 12px 0; }
  .gnav_bg { max-height: calc(100vh - 140px); left: 0; transform: translateX(0); }
  #main.home_main .wrap { width: 1200px; min-height: 480px; padding-top: 88px; }
  #main.home_main .text_box01 { margin-left: 50px; }
  #main.home_main .text_box02 .list_box01 { width: 830px; }
  #topbox04 .wrap { width: 1200px; }
  #topbox04 #maintenance-slider .maintenance01 { margin: 0 25px; }
  #topbox04 .btn01 { right: 50px; }
  #topbox06 .btn_wrap .btn_box { padding-left: 20px; padding-right: 20px; }
  #topbox02 .cnt .text_box { top: 160px; }
  /*翻訳時*/
  .translated-ltr .gnav .gnav_in > ul.gnav-list01 { width: calc(100% - 340px); }
  .translated-ltr .gnav .gnav_in > ul.gnav-list02 { width: 340px; }
  .translated-ltr .gnav .gnav_in > ul.gnav-list01 > li > a, .translated-ltr .gnav .gnav_in > ul.gnav-list01 > li.gnav_first > p { padding: 0 10px; } }
/*ipad対策
=========================================== */
/*Firefox用
=========================================== */
@-moz-document url-prefix() {}
/*safari用
=========================================== */
