@charset "UTF-8";
/* CSS Document */
/* font
=========================================== */
@font-face { /*NotoSansJP*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Medium.ttf"); src: url("../fonts/font/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Medium.woff") format("woff"), url("../fonts/font/NotoSansJP-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*NotoSansJPボールド*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Bold.ttf"); src: url("../fonts/font/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Bold.woff") format("woff"), url("../fonts/font/NotoSansJP-Bold.ttf") format("truetype"); font-weight: 700; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

a:hover, a:active { color: #000000; text-decoration: none; }

a { outline: none; transition: 0.3s; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* LAYOUT
=========================================== */
body { overflow: hidden; width: 100%; }

.pc { display: none !important; }

.sp { display: block; }

body { color: #000000; background: #FFFFFF; font-size: 16px; line-height: 1.5; font-family: YakuHanJP,'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 500; font-style: normal; word-break: break-all; }

img { width: 100%; height: auto; }

table { width: 100%; table-layout: fixed; }

h2 { font-size: 22px; }

h3 { font-size: 18px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.wrap { position: relative; }

input, select { -webkit-appearance: auto; appearance: auto; }

/*共通設定*/
.btn01 { width: 100%; max-width: 335px; height: 70px; margin: 30px auto 0; }

.btn01 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 50px; background: #CD2C3B; border: 1px solid #CD2C3B; box-sizing: border-box; border-radius: 10px; position: relative; }

.btn01 a .btn-text { color: #FFFFFF; text-align: center; transition: 0.3s; }

.btn01 a .arrow { display: block; width: 8px; height: 15px; background-image: url("../img/common/btn_arrow01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }

.btn01.black { margin-top: 50px; }

.btn01.black a { background: transparent; border: 1px solid #3B3B3B; }

.btn01.black a .btn-text { color: #3B3B3B; }

.btn01.black a .arrow { background-image: url("../img/common/btn_arrow02.svg"); }

.btn01.shiro a { background: #3B3B3B; border: 1px solid #3B3B3B; margin-top: 50px; }

.btn02 { text-align: center; margin-top: 50px; }

.btn02 a { display: inline-flex; align-items: center; }

.btn02 .arrow { display: inline-block; width: 24px; height: 24px; border-radius: 5px; background: #CD2C3B; border: 1px solid #CD2C3B; box-sizing: border-box; margin-right: 10px; transition: 0.3s; position: relative; }

.btn02 .arrow::before { content: ""; display: block; width: 6px; height: 13px; background: url("../img/common/btn_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn02 .btn-text { transition: 0.3s; }

.title01 { font-size: 30px; text-align: center; margin-bottom: 40px; }

.title01 .sub_title { display: block; font-size: 16px; }

.tel_wrap01 { display: block !important; }

.tel_wrap01 .tel_box { margin-bottom: 30px; text-align: center; }

.tel_wrap01 .tel_box:last-child { margin-bottom: 0; }

.tel_wrap01 .tel_box .tel a { display: inline-flex; align-items: center; }

.tel_wrap01 .tel_box .tel .sub { display: inline-block; padding: 4px; border: 1px solid #CD2C3B; box-sizing: border-box; border-radius: 5px; font-size: 13px; line-height: 19px; font-weight: 700; margin-right: 10px; }

.tel_wrap01 .tel_box .tel .sub .none { display: none; }

.tel_wrap01 .tel_box .tel .num { padding-left: 21px; box-sizing: border-box; font-size: 30px; position: relative; }

.tel_wrap01 .tel_box .tel .num::before { content: ""; display: block; width: 16px; height: 22px; background: url("../img/common/icon_tel.svg") no-repeat center; background-size: contain; position: absolute; top: 13px; left: 0; }

.tel_wrap01 .tel_box .tel-text { justify-content: center; margin-top: 11px; }

.tel_wrap01 .tel_box .tel-text > p { padding-right: 20px; margin-right: 20px; border-right: 1px solid #BCBCBC; box-sizing: border-box; }

.tel_wrap01 .tel_box .tel-text > p:last-child { padding-right: 0; margin-right: 0; border-right: 0; }

.tel_wrap01 .tel_box .tel-text > p .midashi { display: block; font-size: 13px; line-height: 19px; }

.tel_wrap01 .tel_box03 .tel a { flex-direction: column; justify-content: center; align-items: center; }

.tel_wrap01 .tel_box03 .tel .sub { margin-right: 0; margin-bottom: 5px; }

.tel_wrap01 .tel_box03 .tel-text > p:nth-child(2) { padding-right: 0; margin-right: 0; border-right: 0; }

.tel_wrap01 .tel_box03 .tel-text > p:last-child { width: 100%; margin-top: 10px; }

.tel_wrap01 .time_box { display: flex; width: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; }

.tel_wrap01 .time_box .midashi { width: 110px; padding: 11px 0 10px; box-sizing: border-box; font-size: 13px; line-height: 1.46; background: #3B3B3B; border-radius: 4px 0 0 4px; }

.tel_wrap01 .time_box .text { width: calc(100% - 110px); padding: 8px; box-sizing: border-box; color: #FFFFFF; }

.tel_wrap01 .time_box .text .sub { display: inline-block; font-size: 13px; line-height: 19px; margin-left: 5px; }

.language_box { padding-left: 41px; box-sizing: border-box; position: relative; }

.language_box::before { content: ""; display: block; width: 26px; height: 26px; background: url("../img/common/icon_language02.svg") no-repeat center; background-size: contain; position: absolute; top: 7px; left: 0; }

.language_box .gtranslate_wrapper { display: flex; align-items: center; flex-direction: row-reverse; width: 120px; height: 40px; background: #FFFFFF; border-radius: 5px; overflow: hidden; }

.language_box .gtranslate_wrapper a { display: block; width: 50%; height: 100%; padding-top: 5px; box-sizing: border-box; font-size: 20px; line-height: 1.45; font-weight: 500; text-align: center; color: #BCBCBC; }

.language_box .gtranslate_wrapper a.gt-current-lang { background: #CD2C3B; color: #FFFFFF; }

.under-cont > section { padding: 60px 5% 80px; }

.under-cont > section:first-child { padding-top: 90px; }

.under-cont > section:nth-child(2n) { background-color: #F5F5F5; }

/*ウェブフォント*/
.medium { font-weight: 500; }

.bold { font-weight: 700; }

.common_text { line-height: 2; }

.text_uppercase { text-transform: uppercase; }

.text_capitalize { text-transform: capitalize; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

/*翻訳時のみ表示*/
.enc { display: none; }

.translated-ltr .enc { display: inline-block; }

/*翻訳時のみ非表示*/
.translated-ltr .nenc { display: none; }

/*色*/
.shiro { color: #fff; }

.kon { color: #000E6A; }

.red { color: #CD2C3B; }

.gray { color: #3B3B3B; }

.bg-kon { background-color: #000E6A; }

.bg-red { background-color: #CD2C3B; }

.bg-gray { background-color: #3B3B3B; }

.bg-light-gray { background-color: #F5F5F5; }

.mt20 { margin-top: 20px; }

.flex { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*header
---------------------------------------------------------------*/
#header { width: 100%; height: 70px; position: fixed; transition: 0.3s; left: 0; right: 0; top: 0; margin: auto; z-index: 100; background: #FFFFFF; }

#header .header_inner { width: 100%; height: 100%; justify-content: space-between; align-items: center; flex-wrap: nowrap; }

#header .header_inner .left { width: 230px; margin-left: 20px; }

#header .header_inner .left_in01 { display: block; }

#header .header_inner .left_in01 .logo { width: 100%; }

#header .header_inner .left_in01 .logo a { display: block; width: 100%; }

#header .header_inner .left_in01 .language_box { display: none; }

#header .header_inner .left_in02 { display: none; }

#header .header_inner .right { margin-right: 65px; }

#header .header_inner .right .tel_wrap01 { width: 40px; height: 40px; }

#header .header_inner .right .tel_wrap01 .tel_box01, #header .header_inner .right .tel_wrap01 .tel_box03 { width: 100%; height: 100%; margin-bottom: 0; }

#header .header_inner .right .tel_wrap01 .tel_box01 .tel, #header .header_inner .right .tel_wrap01 .tel_box03 .tel { width: 100%; height: 100%; }

#header .header_inner .right .tel_wrap01 .tel_box01 .tel a, #header .header_inner .right .tel_wrap01 .tel_box03 .tel a { display: block; width: 100%; height: 100%; background: #CD2C3B; border-radius: 5px; position: relative; }

#header .header_inner .right .tel_wrap01 .tel_box01 .tel a::before, #header .header_inner .right .tel_wrap01 .tel_box03 .tel a::before { content: ""; display: block; width: 18px; height: 25px; background: url("../img/common/icon_tel02.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#header .header_inner .right .tel_wrap01 .tel_box .tel .sub { display: none; }

#header .header_inner .right .tel_wrap01 .tel_box .tel .num { display: none; }

#header .header_inner .right .tel_wrap01 .tel_box .tel-text { display: none; }

#header .header_inner .right .tel_wrap01 .tel_box02 { display: none; }

#header .header_inner .right .tel_wrap01 .time_box { display: none; }

/*gnav*/
.gnav { display: none; }

/* nav
=========================================== */
.sp-nav-btn { width: 40px; height: 40px; border: 1px solid #DDDDDD; box-sizing: border-box; border-radius: 5px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 101; transition: 0.3s; }

.sp-nav-btn .btn_in { width: 20px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sp-nav-btn .btn_in > span { width: 100%; height: 2px; background: #000000; position: absolute; left: 0; transition: 0.3s; }

.sp-nav-btn .border01 { top: 0; }

.sp-nav-btn .border02 { top: 50%; transform: translateY(-50%); }

.sp-nav-btn .border03 { bottom: 0; }

.sp-nav-btn.opon { border: 1px solid #000000; background: #000000; }

.sp-nav-btn.opon .btn_in > span { background: #FFFFFF; }

.sp-nav-btn.opon .border01 { transform: translate(-50%, -50%) rotateZ(45deg); top: 50%; left: 50%; }

.sp-nav-btn.opon .border02 { display: none; }

.sp-nav-btn.opon .border03 { transform: translate(-50%, 50%) rotateZ(-45deg); bottom: 50%; left: 50%; }

.sp-nav-list .overlay-nav { visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; }

.sp-nav-list .overlay-nav.opon { visibility: visible; opacity: 1; }

.sp-nav-list .navs-list { position: fixed; width: 100%; height: 100%; z-index: 99; top: 0; right: -100%; transition: 0.3s; overflow-x: hidden; overflow-y: auto; }

.sp-nav-list .navs-list.opon { right: 0; }

.sp-nav-list .navs-list .waku { padding: 15px 20px 40px; box-sizing: border-box; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px) brightness(60%); -webkit-backdrop-filter: blur(10px) brightness(60%); }

.sp-nav-list .navs-list .language_box { margin-bottom: 30px; }

.sp-nav-list .navs-list .tdb_logo { display: flex; justify-content: center; align-items: center; padding: 10px 10px 11px; box-sizing: border-box; background: #FFFFFF; border-radius: 5px; margin-bottom: 10px; }

.sp-nav-list .navs-list .tdb_logo img { display: block; width: 100px; margin-right: 10px; }

.sp-nav-list .navs-list .tdb_logo .text { font-size: 13px; color: #304C9E; }

.sp-nav-list .navs-list .num_box01 { width: 100%; padding: 10px 10px 11px; box-sizing: border-box; border: 1px solid #727171; border-radius: 5px; font-size: 13px; line-height: 1.46; font-weight: 700; color: #FFFFFF; text-align: center; }

.sp-nav-list .navs-list .tel_wrap01 { margin: 40px auto 0; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 { display: flex; justify-content: space-between; width: 100%; max-width: 305px; padding-top: 20px; border-top: 1px solid #727171; margin: 20px auto 0; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01:first-child, .sp-nav-list .navs-list .tel_wrap01 .tel_box02:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel a, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel a { display: block; width: 135px; padding: 56px 0 21px; border: 1px solid #CD2C3B; box-sizing: border-box; border-radius: 5px; position: relative; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel a::before, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel a::before { content: ""; display: block; width: 22px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 21px; left: 50%; transform: translateX(-50%); }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel .sub, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel .sub { display: block; padding: 0; border: 0; border-radius: 0; font-size: 16px; line-height: 1.5; font-weight: 700; background-color: transparent !important; text-align: center; margin-right: 0; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel .sub .none, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel .sub .none { display: inline-block; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel .num, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel .num { display: none; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel-text, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel-text { display: block; width: calc(100% - 145px); margin-top: 0; color: #FFFFFF; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel-text > p, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel-text > p { padding-right: 0; margin-right: 0; border-right: 0; margin-bottom: 10px; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel-text > p:last-child, .sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel-text > p:last-child { margin-bottom: 0; }

.sp-nav-list .navs-list .tel_wrap01 .time_box { margin-top: 30px; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel a { background: #CD2C3B; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel a .sub { color: #FFFFFF; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box01 .tel a::before { background-image: url("../img/common/icon_tel02.svg"); }

.sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel a { background: #FFFFFF; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box02 .tel a::before { background-image: url("../img/common/icon_tel03.svg"); }

.sp-nav-list .navs-list .tel_wrap01 .tel_box03 { margin-bottom: 0; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box03 .tel .num { color: #FFFFFF; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box03 .tel .num::before { background: url(../img/common/icon_tel02.svg) no-repeat center; background-size: contain; }

.sp-nav-list .navs-list .tel_wrap01 .tel_box03 .tel-text { color: #FFFFFF; }

.sp-nav-list .navs-list > ul { padding: 20px 20px 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(10px) brightness(50%); -webkit-backdrop-filter: blur(10px) brightness(50%); }

.sp-nav-list .navs-list > ul > li { border-bottom: 1px solid #727171; }

.sp-nav-list .navs-list > ul > li:last-child { border-bottom: 0; }

.sp-nav-list .navs-list > ul > li > a, .sp-nav-list .navs-list ul li .nav-midashi { display: block; padding: 37px 50px 37px 10px; box-sizing: border-box; position: relative; font-size: 18px; font-weight: 700; color: #FFFFFF; }

.sp-nav-list .navs-list > ul > li > a::after { content: ""; display: block; width: 11px; height: 20px; background: url("../img/common/spnav_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.sp-nav-list .navs-list ul li .nav-midashi::after { content: ""; display: block; width: 20px; height: 11px; background: url("../img/common/spnav_open.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: 0.3s; }

.sp-nav-list .navs-list ul li .nav-midashi.on::after { transform: translateY(-50%) rotate(180deg); }

.sp-nav-list .navs-list ul li .sp-nav { border-top: 1px solid #727171; }

.sp-nav-list .navs-list ul li .sp-nav li { border-bottom: 1px dashed #727171; }

.sp-nav-list .navs-list ul li .sp-nav li:last-child { border-bottom: 0; }

.sp-nav-list .navs-list ul li .sp-nav li a { display: block; padding: 27px 50px 27px 10px; box-sizing: border-box; position: relative; color: #FFFFFF; }

.sp-nav-list .navs-list ul li .sp-nav li a::before { content: ""; display: block; width: 11px; height: 20px; background: url("../img/common/spnav_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.sp-nav-list .navs-list .nav_closeBtn { width: 100%; height: 70px; padding-top: 22px; box-sizing: border-box; background: #000000; position: relative; text-align: center; }

.sp-nav-list .navs-list .nav_closeBtn::before { content: ""; display: block; width: 17px; height: 17px; background: url("../img/common/spnav_close.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }

.sp-nav-list .navs-list .nav_closeBtn span { font-size: 18px; font-weight: 700; color: #FFFFFF; }

.translated-ltr .sp-nav-list .navs-list .tel_wrap01 .tel_box01 { display: none; }

.translated-ltr .sp-nav-list .navs-list .tel_wrap01 .tel_box02 { display: none; }

/* main */
/*-------------------------------------------*/
#main { margin-top: 70px; }

#main.home_main { width: 100%; padding: 80px 20px 20px; box-sizing: border-box; background: url("../img/main/main_img_sp.jpg") no-repeat center; background-size: cover; }

#main.home_main .text_box01 { margin-bottom: 78px; }

#main.home_main .text_box01 .main_text { display: inline-block; padding: 5px 8px 6px; box-sizing: border-box; line-height: 32px; margin-bottom: 20px; }

#main.home_main .text_box01 .main_text em { font-size: 22px; }

#main.home_main .text_box01 .main_title { font-size: 26px; line-height: 1.44; }

#main.home_main .text_box01 .main_title .sub_title { display: block; font-size: 16px; margin-bottom: 10px; line-height: 1.5; }

#main.home_main .text_box02 { display: block; }

#main.home_main .text_box02 .list_box01 { display: block; margin-bottom: 20px; }

#main.home_main .text_box02 .list_box01 .midashi { font-size: 13px; margin-bottom: 10px; }

#main.home_main .text_box02 .list_box01 .text { font-size: 13px; line-height: 1.73; }

#main.home_main .text_box02 .btn-list { width: 100%; height: 80px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); border-radius: 5px; border: 1px solid #727171; overflow: hidden; }

#main.home_main .text_box02 .btn-list .btn { width: 50%; height: 100%; position: relative; }

#main.home_main .text_box02 .btn-list .btn::before { content: ""; display: block; width: 1px; height: 50px; background: #727171; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

#main.home_main .text_box02 .btn-list .btn:last-child::before { display: none; }

#main.home_main .text_box02 .btn-list .btn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 13px; line-height: 1.46; text-align: center; color: #FFFFFF; }

#main.home_main .text_box02 .btn-list .btn a em { display: block; font-size: 22px; margin-top: -3px; }

/* 下層 main */
/*-------------------------------------------*/
#main.kasou { width: 100%; height: 400px; background-image: url("../img/main/kasou_main_sp.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

#main.kasou .wrap { display: table; width: 100%; height: 100%; padding: 0 5%; box-sizing: border-box; }

#main.kasou .main_title { display: table-cell; text-align: center; vertical-align: middle; color: #FFFFFF; font-size: 30px; }

#main.kasou .main_title .sub_title { display: block; font-size: 18px; margin-bottom: 10px; }

/*パンくず*/
div#bread { width: 100%; padding: 20px 5% 0; box-sizing: border-box; }

ul.bread-list { font-size: 13px; justify-content: flex-end; }

ul.bread-list li { line-height: 19px; padding-right: 24px; position: relative; }

ul.bread-list li::after { content: ""; display: block; width: 6px; height: 9px; background: url("../img/common/bread_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 9px; transform: translateY(-50%); }

ul.bread-list li a { text-decoration: none; line-height: 19px; }

ul.bread-list li a:hover { text-decoration: underline; }

ul.bread-list li:last-child { padding-right: 0; }

ul.bread-list li:last-child::after { display: none; }

body.single div#bread { margin-top: 70px; }

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger { position: absolute; left: 0; top: 50px; z-index: -100; }

/* CLEARFIX
=========================================== */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ 	                 /*/ height: auto; overflow: hidden; /**/ }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

input[type="date"]::-webkit-date-and-time-value, input[type="time"]::-webkit-date-and-time-value { text-align: left; }

/*ライトボックス設定*/
#fancybox-wrap { padding: 0 !important; width: 100% !important; left: 0 !important; }

div#fancybox-content { border: none; width: 92% !important; padding: 2%; margin: 2%; height: auto !important; }

div#fancybox-outer { background: none; }

#fancybox-close { position: absolute; top: 0 !important; right: 0 !important; }

section { position: relative; }

/* footer */
/*-------------------------------------------*/
#footer { padding: 80px 5%; background: url("../img/common/footer_bg_sp.jpg") no-repeat center bottom; background-size: cover; }

#footer .wrap > .midashi { font-size: 18px; line-height: 1.75; margin-bottom: 80px; }

#footer .footer_box { display: block; }

#footer .footer_box .left { width: 100%; max-width: 355px; margin: 0 auto 40px; text-align: center; }

#footer .footer_box .left .logo { width: 100%; margin-bottom: 18px; }

#footer .footer_box .left .logo a { display: block; width: 100%; }

#footer .footer_box .left .num_box01 { display: inline-block; padding: 5px 7px; box-sizing: border-box; border: 1px solid #BCBCBC; border-radius: 5px; font-size: 13px; line-height: 1.46; color: #FFFFFF; }

#footer .footer_box .left .num_box01.enc { display: none; }

.translated-ltr #footer .footer_box .left .num_box01.enc { display: inline-block; }

.translated-ltr #footer .footer_box .left .num_box01.nenc { display: none; }

#footer .footer_box .tel_wrap01 .tel_box .tel .num { color: #FFFFFF; }

#footer .footer_box .tel_wrap01 .tel_box .tel .num::before { background: url("../img/common/icon_tel02.svg") no-repeat center; background-size: contain; }

#footer .footer_box .tel_wrap01 .tel_box .tel-text > p { color: #FFFFFF; }

#footer .footer_box .tel_wrap01 .tel_box .tel-text > p .midashi { color: #FFFFFF; }

#footer .footer_box .tel_wrap01 .tel_box02 .tel .sub { background: #FFFFFF; color: #CD2C3B; }

#footer .footer_nav-list { display: none; }

#footer .copyright { font-size: 10px; margin-top: 60px; }

/*parts
=========================================== */
.slider-area01 { padding-top: 45px; position: relative; }
.slider-area01::before { content: ""; display: block; width: 185px; height: 25px; background: url("../img/top/swipe_img.png") no-repeat center; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.slider-area01 .slider-nav { display: none; }
.slider-area01 .slider01 { margin-bottom: 50px; }

.news01 { width: 100%; border-bottom: 1px solid #DDDDDD; }
.news01 a { display: block; width: 100%; padding: 30px 30px 30px 0; box-sizing: border-box; position: relative; }
.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: 0; transform: translateY(-50%); }

.ship01 { width: 80vw; max-width: 300px; }
.ship01 a { display: block; width: 100%; }
.ship01 a .img_box { width: 100%; aspect-ratio: 4 / 3; 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: 88px; 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 { display: block; margin-bottom: 30px; }
.maintenance01 .img-list .img_box { width: 100%; aspect-ratio: 335 / 252; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 15px; }
.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 { display: block; margin-bottom: 10px; }
.maintenance01 .info_box .code { display: inline-flex; margin-bottom: 15px; }
.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 { display: inline-block; 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: 22px; transition: 0.3s; }
.maintenance01 h3 .arrow { display: none; }
.maintenance01 a { display: block; width: 100%; }
.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: 6px; 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 { max-width: 335px; width: 100%; margin: 0 auto; }
.c_box01 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 60px 20px; box-sizing: border-box; border-radius: 10px; background-image: url("../img/common/contact_bg_sp.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.c_box01 a .c_box_in > .btn-text { font-size: 18px; margin-bottom: 20px; }
.c_box01 a .c_box_in .title { font-size: 30px; }
.c_box01 a .c_box_in .btn02 { display: inline-flex; align-items: center; margin-top: 30px; }
.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 div#two-side { margin-top: 60px; }
.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: 34px; height: 34px; border: 1px solid #000000; border-radius: 5px; box-sizing: border-box; margin: 0 5px; text-decoration: none; font-size: 16px; font-weight: 500; color: #3B3B3B; line-height: 32px; transition: 0.3s; }

.wp-pagenavi { text-align: center; margin-top: 60px; }
.wp-pagenavi span.current { background: #3B3B3B; color: #FFFFFF; }
.wp-pagenavi a.page { position: relative; }
.wp-pagenavi span.extend { margin: 0; border: 0; width: auto; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width: 10px; border: 0; position: relative; color: transparent; }
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { content: ""; width: 100%; height: 20px; 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: 19px; border: 0; position: relative; color: transparent; }
.wp-pagenavi a.first::before, .wp-pagenavi a.last::before { content: ""; width: 100%; height: 20px; 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 { margin-left: 0; }
.wp-pagenavi a.first::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.last { margin-right: 0; }

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

.post-navigation ul { display: block; position: relative; }

.post-navigation ul > li { width: 100%; max-width: 335px; margin: 0 auto; }
.post-navigation ul > li a { display: flex; justify-content: center; align-items: center; width: 100%; 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::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
=========================================== */
.search_box .box_in { display: block; padding-bottom: 20px; border-bottom: 1px solid #BCBCBC; }
.search_box .box_in .left { display: flex; justify-content: space-between; align-items: flex-start; }
.search_box .box_in .left .title { display: inline-block; padding-left: 27px; box-sizing: border-box; font-size: 20px; position: relative; max-width: 170px; }
.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-top: 5px; max-width: 140px; }
.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 .tax-list li { margin: 20px 20px 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 input { display: none; }
.search_box .tax-list li.is-active label { background: #3B3B3B; color: #FFFFFF; }
.search_box .search_btn { margin-top: 30px; text-align: center; }
.search_box .search_btn input[type="submit"] { display: inline-block; width: auto; height: auto; max-width: 220px; 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; color: #000000; font-weight: 700; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'NotoSansJP'; }

#topbox01 { padding: 130px 5% 60px; }
#topbox01 .cnt { display: block; margin-bottom: 50px; }
#topbox01 .slider-cont { padding: 50px 0; box-sizing: border-box; position: relative; z-index: 1; }
#topbox01 .slider-cont::before { content: ""; display: block; width: 100vw; height: 100%; background: #F5F5F5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
#topbox01 .slider-cont .search_box { margin-bottom: 50px; }
#topbox01 .slider-cont .slider-area01 { padding-top: 0; }
#topbox01 .slider-cont .slider-area01::before { display: none; }
#topbox01 .slider-cont #ship-slider .slick-list { overflow: visible; }
#topbox01 .slider-cont #ship-slider .slick-list .ship01 { margin-right: 30px; }
#topbox01 .c_box01 { margin-top: 60px; }

#topbox02 { padding: 80px 5%; background: url("../img/top/bg01_sp.jpg") no-repeat center top; background-size: cover; }
#topbox02 .cnt { display: block; }
#topbox02 .cnt .text_box { margin-bottom: 92px; }
#topbox02 .cnt .text_box .title01 { text-align: left; margin-bottom: 20px; }
#topbox02 .cnt .reason-list .reason01 { padding-bottom: 40px; border-bottom: 1px solid #BCBCBC; margin-bottom: 52px; }
#topbox02 .cnt .reason-list .reason01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#topbox02 .cnt .reason-list .reason01 h3 { padding-left: 51px; box-sizing: border-box; font-size: 20px; position: relative; margin-bottom: 41px; }
#topbox02 .cnt .reason-list .reason01 h3 .num { display: inline-block; font-size: 36px; position: absolute; top: -12px; left: 0; }
#topbox02 .cnt .reason-list .reason01 .point { font-size: 18px; line-height: 1.66; margin-bottom: 20px; }

#topbox03 { padding: 80px 5%; }
#topbox03 .cnt { display: block; }
#topbox03 .cnt .text_box .point { font-size: 20px; margin-bottom: 20px; }
#topbox03 .cnt .text_box .list_box01 { margin-top: 30px; }
#topbox03 .cnt .text_box .list_box01 .midashi { font-size: 13px; margin-bottom: 10px; }
#topbox03 .cnt .text_box .list_box01 .text { font-size: 13px; }
#topbox03 .cnt .img_box { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 30px; }
#topbox03 .cnt .img_box .img01 { width: 100%; aspect-ratio: 67 / 60; background: url("../img/top/ship01_sp.jpg") no-repeat center; background-size: cover; border-radius: 5px; margin-bottom: 7px; }
#topbox03 .cnt .img_box .img02, #topbox03 .cnt .img_box .img03 { width: calc(50% - 4px); aspect-ratio: 41 / 50; border-radius: 5px; }
#topbox03 .cnt .img_box .img02 { background: url("../img/top/ship02_sp.jpg") no-repeat center; background-size: cover; }
#topbox03 .cnt .img_box .img03 { background: url("../img/top/ship03_sp.jpg") no-repeat center; background-size: cover; }

.btn-list01 { display: block; width: 100%; }
.btn-list01 .btn { width: 100%; height: 300px; margin-bottom: 6px; }
.btn-list01 .btn:last-child { margin-bottom: 0; }
.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::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 { width: 100%; padding: 0 5%; box-sizing: border-box; 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_sp.jpg"); }
.btn-list01 .btn.btn_right a { background-image: url("../img/top/btn_bg02_sp.jpg"); }

#btn-sec01 { width: 100%; }

#topbox04 { padding: 80px 5% 50px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 65%, #CD2C3B 65%, #CD2C3B 100%); }
#topbox04 .text01 { margin-bottom: 40px; }
#topbox04 .btn01 a { background: #81030F; border: 1px solid #81030F; }

#topbox05 { padding: 80px 5%; }
#topbox05 .cnt { display: block; }
#topbox05 .cnt .title01 { margin-bottom: 10px; }
#topbox05 .cnt .news-list .news01:last-child { border-bottom: 0; }
#topbox05 .cnt .btn02 { margin-top: 20px; }

#topbox06 .btn_wrap { display: block; }
#topbox06 .btn_wrap .btn_box { padding: 40px 5%; box-sizing: border-box; background: #ECECEC; margin-bottom: 2px; }
#topbox06 .btn_wrap .btn_box:last-child { margin-bottom: 0; }
#topbox06 .btn_wrap .btn_box .title01.flex { justify-content: center; align-items: center; font-size: 26px; margin-bottom: 20px; }
#topbox06 .btn_wrap .btn_box .title01.flex .sub_title { display: inline-block; font-size: 16px; font-weight: 500; margin-top: 1px; margin-right: 5px; }
#topbox06 .btn_wrap .btn_box .btn-list { display: block; }
#topbox06 .btn_wrap .btn_box .btn-list .btn { width: 100%; height: 100px; margin-bottom: 15px; }
#topbox06 .btn_wrap .btn_box .btn-list .btn:last-child { margin-bottom: 0; }
#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 .btn-text { width: 100%; 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_sp.jpg"); }

#p02box01 { padding-bottom: 0; }
#p02box01 .text_box01 { display: block; margin-bottom: 50px; }
#p02box01 .text_box01 h2 { margin-bottom: 20px; }
#p02box01 .cnt { display: block; margin-bottom: 80px; }
#p02box01 .cnt .text_box h2 { margin-bottom: 20px; }
#p02box01 .cnt .img_box { width: 100%; margin-top: 40px; }
#p02box01 .cnt .img_box .img { width: 100%; aspect-ratio: 270 / 203; border-radius: 10px; }
#p02box01 .waku { padding: 50px 0 80px; 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: 50px; }
#p02box01 .waku h2.midashi { margin-bottom: 30px; }
#p02box01 .waku .ship-list { display: block; }
#p02box01 .waku .ship-list .ship01 { width: 100%; max-width: 100%; margin-bottom: 50px; }
#p02box01 .waku .ship-list .ship01:last-child { margin-bottom: 0; }

#p02box02 { padding: 0 0 80px; background: linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 80px, #FFFFFF 80px, #FFFFFF 100%); }
#p02box02 .c_box01 { width: 90%; }
#p02box02 .waku { padding-top: 50px; margin-top: 80px; position: relative; z-index: 1; }
#p02box02 .waku::before { content: ""; display: block; width: 100%; height: 100%; background: #F5F5F5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
#p02box02 .waku .wrap { padding: 0 5%; box-sizing: border-box; }
#p02box02 .waku .midashi { margin-bottom: 20px; }
#p02box02 .waku .midashi .sub { display: block; font-size: 18px; margin-bottom: 10px; }
#p02box02 .waku .midashi .text { display: block; font-size: 30px; }
#p02box02 .waku .btn-list01 { margin-top: 30px; }

#shipBox01 { padding-top: 80px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 120vw, #F5F5F5 120vw, #F5F5F5 100%); }
#shipBox01 h1.title { font-size: 22px; margin-bottom: 30px; }
#shipBox01 .gallery_img { display: block; width: 100vw; position: relative; margin-bottom: 30px; left: 50%; transform: translateX(-50%); }
#shipBox01 .gallery_img .gallery_main { width: 100%; margin-bottom: 0 !important; }
#shipBox01 .gallery_img .gallery_main .gallery_main01 { width: 100%; height: 75.47vw; }
#shipBox01 .gallery_img .gallery_thum { width: 90%; margin: 10px auto 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: calc(25% - 4px); aspect-ratio: 4 / 3; border-radius: 10px; margin-right: 5px; transition: 0.3s; }
#shipBox01 .gallery_img .gallery_thum .gallery_thum01:last-child { margin-right: 0; }
#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; }
#shipBox01 .gallery_img .code .num { display: inline-block; padding: 3px 8px 4px; box-sizing: border-box; background: #FFFFFF; }
#shipBox01 .gallery_img .soldout { width: 100vw; padding: 5px 0 6px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); font-size: 20px; line-height: 1.45; position: absolute; top: calc(75.47vw - 40px); left: 50%; transform: translateX(-50%); z-index: 1; }
#shipBox01 .info-table tr { display: block; }
#shipBox01 .info-table tr:first-child th { border-radius: 10px 10px 0 0; }
#shipBox01 .info-table tr:last-child td { border-radius: 0 0 10px 10px; }
#shipBox01 .info-table tr th, #shipBox01 .info-table tr td { display: block; padding: 18px 20px; box-sizing: border-box; }
#shipBox01 .info-table tr th { background: #F1E0E2; }
#shipBox01 .info-table tr td { color: #727171; background: #FFFFFF; }
#shipBox01 .cont_box { margin-top: 30px; }
#shipBox01 .cont_box h2 { padding: 18px 20px; box-sizing: border-box; background: #3B3B3B; border-radius: 10px 10px 0 0; font-size: 16px; }
#shipBox01 .cont_box .box_in { padding: 18px 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 0 0 10px 10px; color: #727171; }
#shipBox01 .btn_box { flex-direction: column-reverse; margin-top: 30px; }
#shipBox01 .btn_box .btn01 { margin-top: 30px; }
#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_sp.jpg"); }

#p03box01 .reason-list { margin-top: 80px; }
#p03box01 .reason-list .reason01 { padding-bottom: 50px; border-bottom: 1px solid #DDDDDD; margin-bottom: 50px; }
#p03box01 .reason-list .reason01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#p03box01 .reason-list .reason01 .cnt { display: block; }
#p03box01 .reason-list .reason01 .cnt .text_box h2 { padding-left: 51px; box-sizing: border-box; font-size: 20px; position: relative; margin-bottom: 40px; margin-top: 12px; }
#p03box01 .reason-list .reason01 .cnt .text_box h2 .num { display: inline-block; font-size: 36px; position: absolute; top: -12px; left: 0; }
#p03box01 .reason-list .reason01 .cnt .text_box .point { font-size: 18px; line-height: 1.66; margin-bottom: 20px; }
#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: 20px; }
#p03box01 .reason-list .reason01 .cnt .text_box .num_box01.enc { display: none; }
#p03box01 .reason-list .reason01 .cnt .img_box { width: 100%; margin-top: 30px; }
#p03box01 .reason-list .reason01 > .text { margin-top: 30px; }
#p03box01 .reason-list .reason01 .img-list { display: block; padding: 20px; box-sizing: border-box; background: #F5F5F5; border-radius: 10px; margin-top: 30px; }
#p03box01 .reason-list .reason01 .img-list .img01 { width: 100%; position: relative; margin-bottom: 10px; }
#p03box01 .reason-list .reason01 .img-list .img01:last-child { margin-bottom: 0; }
#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 { display: block; margin-top: 30px; }
#p03box01 .reason-list .reason01 .box_in .list_box01 { display: block; }
#p03box01 .reason-list .reason01 .box_in .list_box01 .midashi { font-size: 13px; margin-bottom: 10px; }
#p03box01 .reason-list .reason01 .box_in .list_box01 .text { font-size: 13px; line-height: 1.8; }
#p03box01 .reason-list .reason01 .box_in .btn01 { margin-top: 30px; }

.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 .cnt { display: block; }
#p03box02 .cnt .text_box .title { font-size: 20px; margin-bottom: 30px; }
#p03box02 .cnt .text_box .point { font-size: 18px; line-height: 1.66; margin-bottom: 20px; }
#p03box02 .cnt .img_box { margin-top: 30px; }
#p03box02 .cnt02 { margin-top: 30px; }
#p03box02 .cnt02 .point { font-size: 18px; line-height: 1.66; margin-bottom: 20px; }

#p03box03 .check-list { display: block; }
#p03box03 .check-list .list01 { margin-bottom: 40px; }
#p03box03 .check-list .list01:last-child { margin-bottom: 0; }
#p03box03 .check-list .list01 h2 { padding-left: 34px; box-sizing: border-box; position: relative; margin-bottom: 18px; }
#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: block; font-size: 18px; }
#p03box03 .check-list .list01 .sub_text { font-size: 13px !important; margin-top: 15px; }
#p03box03 .img_box { padding: 30px 20px 20px; box-sizing: border-box; background: #81030F; border-radius: 10px; margin-top: 40px; }
#p03box03 .img_box .title { font-size: 18px; margin-bottom: 20px; }
#p03box03 .img_box .img-list { display: block; }
#p03box03 .img_box .img-list .img01 { position: relative; margin-bottom: 10px; }
#p03box03 .img_box .img-list .img01:last-child { margin-bottom: 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_sp.jpg"); }

#p04box01 .step-list01 { margin-top: 60px; }
#p04box01 .step-list01 .step00 { padding-bottom: 40px; border-bottom: 1px dashed #BCBCBC; margin-bottom: 40px; }
#p04box01 .step-list01 .step00:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
#p04box01 .step-list01 .step02 .text_box .img-list { display: flex; flex-wrap: wrap; margin-top: 30px; }
#p04box01 .step-list01 .step02 .text_box .img-list img { display: block; width: calc(50% - 5px); margin-right: 9px; }
#p04box01 .step-list01 .step02 .text_box .img-list img:last-child { margin-right: 0; }

.step-list01 .step00 .title_box { justify-content: space-between; align-items: center; margin-bottom: 20px; }
.step-list01 .step00 .title_box .img_box { width: 130px; padding-left: 20px; box-sizing: border-box; }
.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: 10px; }
.step-list01 .step00 .title_box h2.title, .step-list01 .step00 .title_box h3.title { width: calc(100% - 160px); font-size: 22px; margin-top: 50px; }
.step-list01 .step00 .text_box > p { margin-top: 24px; }
.step-list01 .step00 .text_box > p:first-child { margin-top: 0; }
.step-list01 .step00 .text_box .c_box { display: block; padding: 20px; box-sizing: border-box; background: #F9F3F3; border-radius: 10px; margin-top: 20px; }
.step-list01 .step00 .text_box .c_box .box { text-align: center; }
.step-list01 .step00 .text_box .c_box .box .midashi { font-size: 18px; margin-bottom: 12px; }
.step-list01 .step00 .text_box .c_box .box .btn02 { margin-top: 0; }
.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 { display: block; }
.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-top: 10px; }
.step-list01 .step00 .text_box .c_box .left.box { padding-bottom: 20px; border-bottom: 1px solid #BCBCBC; margin-bottom: 20px; box-sizing: border-box; }
.step-list01 .step00 .text_box .list_box { display: block; padding: 20px; box-sizing: border-box; background: #F9F3F3; border-radius: 5px; margin-top: 20px; }
.step-list01 .step00 .text_box .list_box h3, .step-list01 .step00 .text_box .list_box h4 { font-size: 16px; font-weight: 500; }
.step-list01 .step00 .text_box .list_box .list li { padding-left: 22px; box-sizing: border-box; position: relative; margin: 15px 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_sp.jpg"); }

#p05box01 .cnt { display: block; }
#p05box01 .cnt .text_box h2 { margin-bottom: 20px; }
#p05box01 .cnt .text_box .btn01 { margin-top: 40px; }
#p05box01 .cnt .img_box { margin-top: 50px; }

#p05box02 h2.title { margin-bottom: 20px; }
#p05box02 .step-list01 { margin-top: 40px; }
#p05box02 .step-list01 .step00 { padding: 0 20px 20px; box-sizing: border-box; margin-bottom: 30px; z-index: 1; position: relative; }
#p05box02 .step-list01 .step00:last-child { margin-bottom: 0; }
#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 .title_box .img_box { width: 110px; padding-left: 10px; }
#p05box02 .step-list01 .step00 .title_box h2.title, #p05box02 .step-list01 .step00 .title_box h3.title { width: calc(100% - 130px); }
#p05box02 .step-list01 .step00 .text_box .list_box .list { display: block; }
#p05box02 .step-list01 .step00 .text_box .list_box .list li { margin-right: 0; }
#p05box02 .a_box { display: block; padding: 20px; box-sizing: border-box; border-radius: 10px; margin-top: 40px; }
#p05box02 .a_box h3 { padding-bottom: 15px; box-sizing: border-box; border-bottom: 1px solid #DC6C76; font-size: 22px; margin-bottom: 15px; }

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

#p06box01 h2.title { margin-bottom: 20px; }
#p06box01 .box { padding: 20px; box-sizing: border-box; border-radius: 10px; margin-top: 40px; }
#p06box01 .box .cnt { display: block; }
#p06box01 .box .cnt h3 { margin-bottom: 10px; }
#p06box01 .box .list { display: block; padding: 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; margin-top: 20px; }
#p06box01 .box .list li { display: block; font-size: 18px; margin-bottom: 20px; }
#p06box01 .box .list li:last-child { margin-bottom: 0; }
#p06box01 .box .list li .midashi { display: block; width: 100%; padding: 3px 10px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; }

#p06box02 { padding-bottom: 60px; background-color: #CD2C3B; }
#p06box02 .title_box { display: block; margin-bottom: 30px; }
#p06box02 .title_box h2 { margin-bottom: 20px; }
#p06box02 .cnt { display: block; }
#p06box02 .cnt .list_box .list li { padding-left: 34px; box-sizing: border-box; font-size: 18px; position: relative; margin-bottom: 15px; }
#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: 20px; }
#p06box02 .cnt .text_box { padding: 20px; box-sizing: border-box; border: 1px solid #DC6C76; border-radius: 10px; margin-top: 30px; }
#p06box02 .cnt .text_box .midashi { font-size: 18px; margin-bottom: 10px; }

#p06box03 .cnt { display: block; }
#p06box03 .cnt h2 { margin-bottom: 20px; }
#p06box03 .cnt .flow_box { display: block; }
#p06box03 .cnt .flow_box .flow-list:last-child li:last-child { margin-bottom: 0; }
#p06box03 .cnt .flow_box .flow-list:last-child li:last-child::before { display: none; }
#p06box03 .cnt .flow_box .flow-list li { display: flex; align-items: flex-start; position: relative; margin-bottom: 30px; }
#p06box03 .cnt .flow_box .flow-list li::before { content: ""; display: block; width: 1px; height: calc(100% - 13px); background: #BCBCBC; position: absolute; bottom: -25px; 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: 18px; line-height: 1.45; margin-top: 3px; }
#p06box03 .cnt02 { display: block; margin-top: 30px; }

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

#p07box01 .text_box01 { margin-bottom: 60px; }
#p07box01 .text_box01 h2 { margin-bottom: 20px; }
#p07box01 .maintenance-list .maintenance01 { padding-bottom: 40px; border-bottom: 1px solid #DDDDDD; margin-bottom: 40px; }
#p07box01 .maintenance-list .maintenance01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }

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

#p08box01 .company-table tr { display: block; padding: 30px 10px; box-sizing: border-box; border-bottom: 1px solid #DDDDDD; }
#p08box01 .company-table tr:first-child { padding-top: 0; }
#p08box01 .company-table tr:last-child { padding-bottom: 0; border-bottom: 0; }
#p08box01 .company-table tr th, #p08box01 .company-table tr td { display: block; }
#p08box01 .company-table tr th { margin-bottom: 15px; }
#p08box01 .company-table tr td { line-height: 1.7; }
#p08box01 .company-table tr td .company-list > div { margin-bottom: 20px; }
#p08box01 .company-table tr td .company-list > div:last-child { margin-bottom: 0; }
#p08box01 .map_box { width: 100%; height: 450px; position: relative; margin-top: 60px; }
#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_sp.jpg"); }

#p09box01 { padding-top: 60px; }
#p09box01 .wrap.twin div#two-side { margin-top: 30px; }
#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: 16px; line-height: 1.7; color: #FFFFFF; margin-bottom: 30px; }

.edit-title02 { padding: 0 0 15px 16px; box-sizing: border-box; border-bottom: 1px solid #727171; font-size: 16px; line-height: 1.7; margin-bottom: 30px; 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: 10px; }
#newsBox01 .info_cate .time { margin: 3px 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: 22px; line-height: 1.8; margin-bottom: 40px; }
#newsBox01 .thumbnail_img { width: 100%; margin-bottom: 40px; }
#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_sp.jpg"); }
.page-contact_satei #p10box01 .box .box_in::before { width: 104px; height: 100px; background: url("../img/p10/img02.png") no-repeat center; background-size: contain; }
.page-contact_satei #p10box01 .box .check-list { display: block; padding-right: 20px; }
.page-contact_satei #p10box01 .box .check-list li { margin-right: 0; }
.page-contact_satei .contactTBL .inb span:has(.ship-aged) { width: 83%; max-width: 130px; }
.page-contact_satei .contactTBL .koumoku th { margin-bottom: 0; }
.page-contact_satei .contactTBL .koumoku .wpcf7-list-item { margin: 20px 20px 0 0; }
.page-contact_satei .sp-flex td .inb { display: inline-flex; width: calc(50% - 15px); max-width: 155px; margin-right: 30px; }
.page-contact_satei .sp-flex td .inb:last-child { margin-right: 0; }

#p10box01 { padding-bottom: 60px; }
#p10box01 .box { margin-bottom: 40px; }
#p10box01 .box .box_in { padding: 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px 10px 0 0; position: relative; }
#p10box01 .box .box_in::before { content: ""; display: block; width: 126px; height: 100px; background: url("../img/p10/img01.png") no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0; }
#p10box01 .box .box_in .midashi { line-height: 1.6; position: relative; z-index: 1; }
#p10box01 .box .check-list { padding: 10px 7px 20px 20px; box-sizing: border-box; border-radius: 0 0 10px 10px; }
#p10box01 .box .check-list li { padding-left: 21px; box-sizing: border-box; color: #FFFFFF; position: relative; margin: 10px 13px 0 0; }
#p10box01 .box .check-list li:last-child { margin-right: 0; }
#p10box01 .box .check-list li::before { content: ""; display: block; width: 20px; height: 19px; background: url("../img/p10/icon_check.svg") no-repeat center; background-size: contain; position: absolute; top: 2px; left: 0; }
#p10box01 .contact_box .title_box { justify-content: space-between; align-items: center; margin-bottom: 15px; }
#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: 13px; transform: rotate(-10deg); }
#p10box01 .contact_box .title_box p.point span { font-size: 22px; line-height: 1.45; }
#p10box01 .contact_box .title_box .right { width: calc(100% - 83px); }
#p10box01 .contact_box .title_box .right .midashi { font-size: 18px; }
#p10box01 .contact_box .contact-list { display: block; margin-top: 30px; }
#p10box01 .contact_box .contact-list .list_in { padding: 30px 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; border: 1px solid #000E6A; text-align: center; margin-bottom: 20px; }
#p10box01 .contact_box .contact-list .list_in:last-child { margin-bottom: 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 .title_box { display: block; }
#p10box02 .title_box h2 { margin-bottom: 20px; }
#p10box02 .hissu-text { margin-top: 30px; }
#p10box02 .form_box { margin-top: 30px; }

.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: 16px 20px; box-sizing: border-box; background: #3B3B3B; border-radius: 5px; color: #FFFFFF; margin-bottom: 30px; }
.contactBox .box_title .sub { display: block; font-size: 13px; }
.contactBox .box_title02 { padding: 10px; box-sizing: border-box; background: #F5F5F5; border-radius: 5px; font-size: 13px; margin-bottom: 30px; }

.contactTBL { margin-bottom: 60px; /*ラジオボタン*/ }
.contactTBL:last-child { margin-bottom: 0; }
.contactTBL::placeholder { color: #BCBCBC; }
.contactTBL tr { display: block; margin-bottom: 30px; }
.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 textarea.wpcf7-form-control.wpcf7-textarea { height: 200px; }
.contactTBL .inb { display: flex; align-items: center; width: 100%; font-size: 13px; margin-bottom: 15px; }
.contactTBL .inb:last-child { margin-bottom: 0; }
.contactTBL .inb span:has(.ship-length), .contactTBL .inb span:has(.ship-width) { width: 76.27vw; margin-left: 2.67vw; }
.contactTBL .inb span:has(.ship-weight), .contactTBL .inb span:has(.ship-aged) { width: 76.27vw; margin-right: 2.67vw; }
.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 .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-top: 15px; width: 50px; }
.contactTBL .file_wrap .inb .wpcf7-form-control-wrap { width: calc(100% - 50px); }
.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: 30px; }
.ppBox h3 { font-size: 16px; 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: 40px; }
.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; font-family: 'NotoSansJP'; }
.doui-box .doui .hissu { font-weight: 700; color: #CD2C3B; margin-left: 10px; }

/*送信ボタン*/
.contact-submit.flex { display: block; margin-top: 60px; }
.contact-submit.flex .btn01 { margin-top: 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:has(.wpcf7c-force-hide) { display: none; }
.contact-submit.flex .btn01.back { margin-top: 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 .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;
	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: 30px; }
.contactArea.che .contactTBL tr { margin-bottom: 15px; }
.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: 60px 5% 80px; text-align: center; }
#other h2 { margin-bottom: 30px; }
#other p { position: relative; }

/*プライバシーポリシー
=========================================== */
div#pageBox01 { padding: 60px 5% 80px; }

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

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

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 0px) and (max-width: 374px) { .wp-pagenavi > span, .wp-pagenavi > a { width: 9.07vw; height: 9.07vw; margin: 0 1vw; line-height: 8.53vw; }
  .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width: 2.67vw; }
  .wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { height: 5.33vw; }
  .wp-pagenavi a.first, .wp-pagenavi a.last { width: 5.07vw; }
  .wp-pagenavi a.first::before, .wp-pagenavi a.last::before { height: 5.33vw; } }
@media screen and (min-width: 0px) and (max-width: 360px) { #header .header_inner .left { width: 210px; margin-left: 10px; }
  #header .header_inner .right { margin-right: 55px; }
  #header .header_inner .right .tel_wrap01 { width: 35px; height: 35px; }
  #header .header_inner .right .tel_wrap01 .tel_box01 .tel a::before { width: 15px; height: 22px; }
  .sp-nav-btn { width: 35px; height: 35px; }
  .sp-nav-btn .btn_in { width: 17px; height: 15px; } }
@media screen and (min-width: 0px) and (max-width: 340px) { .tel_wrap01 .tel_box .tel-text > p { padding-right: 10px; margin-right: 10px; }
  .tel_wrap01 .tel_box .tel-text > p:last-child { padding-right: 0; margin-right: 0; } }
/*safari用
=========================================== */