@charset "UTF-8";
/* CSS Document */

.topicpath { max-width: 1200px; width: 95%; margin: 0 auto; display: flex; justify-content: flex-start; padding: 15px 0; font-size: 0.750em; box-sizing: border-box; }
.topicpath li + li::before { content: ">"; display: inline-block; margin: 0 5px; }
.topicpath a { color: #231815; text-decoration: none; }

.inner { max-width: 1000px; width: 95%; margin: 0 auto; }
.bgtriangle { padding: 45px 0 70px 0; position: relative; z-index: 0; overflow: hidden; }
.bgtriangle::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 300px 0 0 300px; border-color: transparent transparent transparent #f5f4f5; position: absolute; bottom: -100px; left: 0; z-index: -1; }
.bgy { background: #fac83e; }
.bgg { background: #f5f4f5; }
.content { padding: 45px 0 70px 0; }

h1 { font-size: 3.125em; font-family: a-otf-gothic-mb101-pr6n, sans-serif; font-weight: bold; margin: 0 auto; }
h2.ttl { font-size: 1.875em; font-weight: 700; height: 100px; background: #fac83e; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; z-index: 0; }
.bgy h2.ttl { background: none; }
h2.ttl::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 300px 0 0 300px; border-color: transparent transparent transparent #fac83e; position: absolute; bottom: 0; left: 0; z-index: -1; mix-blend-mode: multiply; opacity: .5; }
h2.ttl::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 100px 100px 0; border-color: transparent #fac83e transparent transparent; position: absolute; top: 0; right: 0; z-index: -1; mix-blend-mode: multiply; opacity: .5; }
h2:not(.ttl) { border-bottom: 1px solid #082c93; border-top: 1px solid #082c93; margin-top: 70px; font-size: 1.250rem; padding: 10px 30px; width: 100%; font-weight: 700; line-height: 1.3em; position: relative; box-sizing: border-box; }
h2:not(.ttl):first-child { margin-top: 20px; }
h2:not(.ttl)::before { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 90%; }
h2:not(.ttl) + p { line-height: 1.8em; margin-top: 30px; }
h3 { padding: 10px 20px; width: 100%; font-weight: 700; line-height: 1.3em; position: relative; box-sizing: border-box; }
#Lead p,.content h1 + p { text-align: center; margin-top: 45px; line-height: 1.5em; }


/*-----------------------------------------------------
事業内容 車検
----------------------------------------------------- */
.shaken h1 { width: 110px; }
#Lead .capture { margin-top: 20px; font-size: 1.250rem; font-weight: 700; }
.bnr { max-width: 830px; width: 100%; margin: 65px auto 0 auto; display: flex; justify-content: space-between; }
.bnr li { max-width: 400px; width: 48%; }
.lease_banner{ width: min(540px,100%); margin: 0 auto 80px; }

#Shaken .inner { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 0 70px 0; }
#Shaken .inner .column { max-width: 490px; width: 49%; border: 1px solid #ccc; padding: 4px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 25px; }
#Shaken .inner .column h3 { background: #ebeded; font-size: 1.188em; }
#Shaken .inner .column h3::before { display: inline-block; width: 47px; height: 15px; background-size: 100% auto; background-repeat: no-repeat; margin-right: 0.5em; }
#Shaken .inner .column h3::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat; background-size: 20px 100%; }
#Shaken .inner .point01 h3::before { content: url("../../images/business/point01.svg"); }
#Shaken .inner .point02 h3::before { content: url("../../images/business/point02.svg"); }
#Shaken .inner .point03 h3::before { content: url("../../images/business/point03.svg"); }
#Shaken .inner .point04 h3::before { content: url("../../images/business/point04.svg"); }
#Shaken .inner .point05 h3::before { content: url("../../images/business/point05.svg"); }
#Shaken .img { width: 44%; margin-top: 20px; }
#Shaken .txt { width: calc(100% - 44%); margin-top: 20px; padding: 0 3%; box-sizing: border-box; line-height: 1.5em; font-size: 0.938em; }
#Shaken .txt span { display: block; background: #e40a1f; color: #FFF; text-align: center; font-size: 1.250rem; font-weight: 700; padding: 10px; margin-top: 5px; }

#Flow { padding-bottom: 70px; }
#Flow ol li,#TouyuFlow ol li { display: flex; justify-content: space-between; background: #FFF; padding: 5px; position: relative; }
#Flow ol li + li,#TouyuFlow ol li + li { margin-top: 45px; }
#Flow ol li::after,#TouyuFlow ol li::after { content: ""; display: block; position: absolute; bottom: -35px; left: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #ffffff transparent transparent transparent; margin: auto; }
#Flow ol li:last-child::after,#TouyuFlow ol li:last-child::after { display: none; }
#Flow .img,#TouyuFlow .img { width: 215px; }
#Flow .txt,#TouyuFlow .txt { width: calc(100% - 245px); padding: 10px 0; }
#Flow .ttl,#TouyuFlow .ttl { font-size: 1.500em; font-weight: 700; }
#Flow .ttl::before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: -0.4em; margin-right: 10px; }
#Flow ol li:nth-child(1) .ttl::before { background: url("../../images/business/ic_flow01.svg"); }
#Flow ol li:nth-child(2) .ttl::before { background: url("../../images/business/ic_flow02.svg"); }
#Flow ol li:nth-child(3) .ttl::before { background: url("../../images/business/ic_flow03.svg"); }
#Flow ol li:nth-child(4) .ttl::before { background: url("../../images/business/ic_flow04.svg"); }
#Flow ol li:nth-child(5) .ttl::before { background: url("../../images/business/ic_flow05.svg"); }
#Flow .txt p,#TouyuFlow .txt p  { font-size: 0.938em; line-height: 1.5em; margin-top: 10px; }

#Preparation { background: #FFF; margin-top: 45px; display: flex; justify-content: space-between; padding: 15px 0; }
#Preparation .sttl { width: 215px; display: flex; align-items: center; justify-content: center; text-align: center; border-right: 1px solid #000; font-size: 1.125em; font-weight: 700; line-height: 1.3em; padding: 5px 0; }
#Preparation ul { width: calc(100% - 235px); display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; font-size: 0.938em; }
#Preparation ul li { width: calc(100% / 3); }
#Flow + .bnr { padding-bottom: 70px; width: 95%; }

/*-----------------------------------------------------
事業内容 洗車・ボディーコーティング
----------------------------------------------------- */
.sensha h1 { width: 604px; }
.sensha .bnr { max-width: 700px; width: 100%; margin: 65px auto 0 auto; }
#Codingmenu { padding-top: 0; }
#Codingmenu .inner { padding: 50px 0 0 0; }
#Codingmenu ul { display: flex; justify-content: space-between; align-items: flex-start; }
#Codingmenu ul li { max-width: 238px; width: 24%; line-height: 1.3em; }
#Codingmenu ul li img { margin-bottom: 10px; }
#Codingmenu h3 { border-bottom: 1px solid #082c93; border-top: 1px solid #082c93; margin-top: 70px; font-size: 1.500rem; }
#Codingmenu h3::before { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 90%; }
#Codingmenu h3 span { font-size: 1.000rem; display: inline-block; margin-right: 1em; vertical-align: middle; }
#Codingmenu h3 + p { font-weight: bold; margin-top: 30px; font-size: 1.250rem; display: flex; align-items: center; line-height: 1.2em; }
#Codingmenu h3 + p span { font-size: 0.875rem; font-weight: normal; }
#Codingmenu h3 + p::before { content: ""; display: inline-block; width: 260px; height: 50px; vertical-align: middle; background-size: 100% auto; background-repeat: no-repeat; margin-right: 20px; }
#Codingmenu .inner > p { font-size: 0.875rem; line-height: 1.5em; margin-top: 15px; }

#Codingmenu table span { color: #e40a1f; }
h4 { font-size: 1.250em; font-weight: bold; margin-top: 40px; }
#Codingmenu .img { margin-top: 10px; }
#Codingmenu .flex { display: grid; gap: 0px 0px; grid-template-areas: "table structure"; max-width: 695px; width: 100%; margin-top: 30px; position: relative; }
#Codingmenu dl { grid-area: table; width: 400px; display: flex; justify-content: flex-start; flex-wrap: wrap; border: 1px solid #ccc; box-sizing: border-box; }
#Codingmenu dl dt { width: 110px; display: flex; align-items: center; padding: 0 2% 0 4%; border: 1px solid #ccc; border-bottom: none; box-sizing: border-box; background: #f2f4f9; border-left: none; }
#Codingmenu dl dt:first-child,#Codingmenu dl dt:first-child + dd { border-top: none; }
#Codingmenu dl dd { width: calc(100% - 110px); border-top: 1px solid #ccc; box-sizing: border-box; padding: 0 4%; display: flex; align-items: center; }
#Codingmenu dl dd span { color: #e40a1f; }
#Codingmenu dl dd em { font-size: 0.750rem; }
#Codingmenu .flex .right { grid-area: structure; width: 295px; box-sizing: border-box; border: 1px solid #ccc; border-left: none; padding: 0 0 5% 0; background: #FFF; }
#Codingmenu .flex .right strong { display: flex; align-items: center; justify-content: center; background: #f2f4f9; border: 4px solid #FFF; height: 32px; }
#Codingmenu .flex .right img { display: block; max-width: 240px; width: 90%; margin: 20px auto 0 auto; }

#Pure h3 span { color: #ea6004; }
#Pure h3 + p::before { background-image: url("../../images/business/img_kp_pure.jpg"); }
#Pure { background: url("../../images/business/img_coding01_02.jpg") no-repeat right top 80px; background-size: 28% auto; }

#Crystal h3 span { color: #1ba8d8; }
#Crystal h3 + p::before { background-image: url("../../images/business/img_kp_crystal.jpg"); }
#Crystal { background: url("../../images/business/img_coding02_02.jpg") no-repeat right top 80px; background-size: 28% auto; }

#Diamond h3 span { color: #b49c2b; }
#Diamond h3 + p::before { background-image: url("../../images/business/img_kp_diamond.jpg"); }
#Diamond { background: url("../../images/business/img_coding03_02.jpg") no-repeat right top 80px; background-size: 28% auto; }

#Wdia h3 span { color: #004093; }
#Wdia h3 + p::before { background-image: url("../../images/business/img_kp_wdia.jpg"); }
#Wdia { background: url("../../images/business/img_coding04_02.jpg") no-repeat right top 80px; background-size: 28% auto; }

#Carwash .img { max-width: 447px; width: 100%; margin: 30px auto 0 auto; }
#Carwash .inner > p { text-align: center; line-height: 1.8em; margin-top: 35px; }
#Carwash .flexcol2 table { max-width: 660px; width: 66%; border-collapse: collapse; border: 1px solid #CCC; line-height: 1.5em; }
#Carwash .flexcol2 table th { background: #f2f2f9; border: 1px solid #CCC; padding: 10px; box-sizing: border-box; }
#Carwash .flexcol2 table td { border: 1px solid #CCC; padding: 10px; box-sizing: border-box; vertical-align: middle; }
#Carwash .flexcol2 table td span { color: #f7931e; }

#Carwash .flexcol2 p { max-width: 300px; width: 30%; line-height: 1.5em; display: flex; flex-direction: column; justify-content: center; font-size: 0.875em; }
#Carwash .flexcol2 p::before { content: ""; display: block; width: 100%; padding-top: 70%; background: url("../../images/business/img_sensya02.jpg") no-repeat; background-size: 100% auto; margin: 0 0 auto 0; }

/*-----------------------------------------------------
事業内容 各種カード
----------------------------------------------------- */
#Card h1 { width: 235px; }
#Card h2 { text-align: center; }
#Card h2::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 90%; transform: rotate(180deg); }

.column3 { display: grid; grid-auto-columns: 1fr; gap: 0px 25px; grid-auto-flow: row; grid-template-areas: "ttl01 ttl02 ttl03" "p01 p02 p03" "img01 img02 img03"; width: 100%; height: 100%; padding-bottom: 10%; }
.ttl01 { grid-area: ttl01; }
.ttl02 { grid-area: ttl02; }
.ttl03 { grid-area: ttl03; }
.p01 { grid-area: p01; }
.p02 { grid-area: p02; }
.p03 { grid-area: p03; }
.img01 { grid-area: img01; }
.img02 { grid-area: img02; }
.img03 { grid-area: img03; }
.column3 h3 { background: #fac83e; padding: 10px 15px; font-size: 1.250rem; font-weight: bold; margin-top: 30px; }
.column3 p { font-size: 0.875em; line-height: 1.5em; margin-top: 15px; }
.column3 p strong { font-weight: bold; font-size: 1.500rem; }
.column3 .img01,.column3 .img02,.column3 .img03 { max-width: 250px; width: 100%; margin: 15px auto 0 auto; -webkit-box-reflect: below -3px -webkit-gradient( linear,left top,left bottom, from(transparent), color-stop(0.5, transparent), to(#ffffff)); position: relative;  z-index: -1;}
.column3 .img01::before,.column3 .img02::before,.column3 .img03::before { content: ""; display: block; position: absolute; bottom: -100%; width: 100%; height: 100%; background: linear-gradient(rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); }

.column2 { display: grid; grid-auto-columns: 1fr; gap: 0px 40px; grid-auto-flow: row; grid-template-areas: "ttl01 ttl02" "p01 p2" "img01 img02"; width: 100%; height: 100%; padding-bottom: 6%; }
.ttl01 { grid-area: ttl01; }
.column2 .ttl02 { grid-area: ttl02; margin-top: 20px; }
.p01 { grid-area: p01; }
.p2 { grid-area: p2; }
.img02 { grid-area: img02; }
.img01 { grid-area: img01; margin: 20px auto 0 auto; }
.column2 > p { font-size: 0.875em; line-height: 1.5em; margin-top: 15px; }
.column2 .img02 { max-width: 250px; width: 100%; margin: 20px auto 0 auto; }
.column2 .img01 > div,.column2 .img02 > div { max-width: 250px; width: 100%; margin: 0 auto; position: relative; -webkit-box-reflect: below -3px -webkit-gradient( linear,left top,left bottom, from(transparent), color-stop(0.5, transparent), to(#ffffff)); }
.column2 .img01 > div::after { content: ""; display: block; position: absolute; bottom: -100%; width: 100%; height: 100%; background: linear-gradient(rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); z-index: -1; }
.column2 .img01 > div::before { content: ""; display: inline-block; width: 56px; height: 56px; background: url("../../images/business/ic_common.png") no-repeat; background-size: 100% auto; position: absolute; left: -70px; }
.column2 .img01 p { font-size: 0.875em; margin-top: 30px; position: relative; z-index: 1; }

#Point.column2 { overflow: hidden; padding-bottom: 7%; }
#Point.column2 .img01 > div::before { display: none; }
#Point.column2 .img02 > div::after { content: ""; display: block; position: absolute; bottom: -100%; width: 100%; height: 100%; background: linear-gradient(rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); z-index: -1; }
#Point p { font-size: 1.250rem; font-weight: bold; text-align: center; margin-top: 30px; }

/*-----------------------------------------------------
事業内容 オークション
----------------------------------------------------- */
.auction h1 { width: 363px; }
.auction p:first-of-type,#Lead.lease p:first-of-type { font-size: 1.375rem; font-weight: 700; }
.auction p + p,#Lead.lease p + p { margin-top: 30px; }
.auction p:first-of-type br,#Lead.lease p:first-of-type br { display: none; }

#Reason { padding: 0; }
#Reason p,#Merit ol { margin-top: 25px; line-height: 1.8em; }
#Structure .img { margin: 30px auto 0 auto; }
#Structure br + img { margin-top: 30px; }

#Merit ol { margin-top: 25px; line-height: 1.8em; }
#Merit li { display: flex; align-items: flex-start; padding-top: 10px; position: relative; padding-left: 55px; }
#Merit li + li { margin-top: 20px; }
#Merit li::before { content: ""; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; margin-right: 15px; margin-top: -6px; position: absolute; left: 0; }
#Merit li:nth-child(1)::before { background-image: url("../../images/business/ic_no01_c.svg"); }
#Merit li:nth-child(2)::before { background-image: url("../../images/business/ic_no02_c.svg"); }
#Merit li:nth-child(3)::before { background-image: url("../../images/business/ic_no03_c.svg"); }
#Merit li:nth-child(4)::before { background-image: url("../../images/business/ic_no04_c.svg"); }

#System h2 { text-align: center; }
#System { padding-bottom: 0; }
#System .ttl::before { display: none; }
#System ol { margin-top: 0; padding: 0; }
#System ol li { align-items: center; }
#System ol li:last-child { margin-bottom: 0; }
#System li .txt { width: calc(100% - 125px); }
#System .txt p  { margin-top: 20px; }
#System li .txt { width: calc(100% - 125px); }
#System li::before,#Choice ol li::before { content: ""; width: 106px; height: 106px; background-size: 100% auto; background-repeat: no-repeat; margin-top: 0; margin-bottom: auto; }
#System li:nth-child(1)::before,#Choice ol li:nth-child(1)::before { background-image: url("../../images/business/ic_no01.svg"); }
#System li:nth-child(2)::before,#Choice ol li:nth-child(2)::before { background-image: url("../../images/business/ic_no02.svg"); }
#System li:nth-child(3)::before,#Choice ol li:nth-child(3)::before { background-image: url("../../images/business/ic_no03.svg"); }
#System li:nth-child(4)::before,#Choice ol li:nth-child(4)::before { background-image: url("../../images/business/ic_no04.svg"); }
#System li:nth-child(5)::before { background-image: url("../../images/business/ic_no05.svg"); }
#System li:nth-child(6)::before { background-image: url("../../images/business/ic_no06.svg"); }
#System li:nth-child(7)::before { background-image: url("../../images/business/ic_no07.svg"); }
#System li:nth-child(8)::before { background-image: url("../../images/business/ic_no08.svg"); }
#System li:nth-child(9)::before { background-image: url("../../images/business/ic_no09.svg"); }
#System li:nth-child(10)::before { background-image: url("../../images/business/ic_no10.svg"); }
#System li:nth-child(11)::before { background-image: url("../../images/business/ic_no11.svg"); }
#System li:nth-child(12)::before { background-image: url("../../images/business/ic_no12.svg"); }

#Flow + p { line-height: 1.8em; }


/*-----------------------------------------------------
事業内容 カーリース
----------------------------------------------------- */
#Lead.lease h1 { width: 230px; }

#Carlease,#Recommend { padding-top: 0!important; }
#Carlease .flexcol3,#Recommend .flexcol3 { margin-top: 30px; }
#Carlease .flexcol3 .column,#Recommend .flexcol3 .column { max-width: 317px; width: 31.7%; border: 1px solid #CCC; padding: 4px; box-sizing: border-box; }
#Carlease .flexcol3 .sttl,#Recommend .sttl { display: flex; align-items: center; background: #ebeded; padding: 0 20px; width: 100%; height: 40px; font-size: 1.250em; font-weight: bold; box-sizing: border-box; position: relative; }
#Carlease .flexcol3 .sttl::after,#Recommend .sttl::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 100%; }
#Carlease .flexcol3 .sttl::before { content: ""; display: inline-block; width: 60px; height: 14px; background-repeat: no-repeat; background-position: left center; margin-right: 15px; }
#Carlease .flexcol3 .column:nth-child(1) .sttl::before { background-image: url("../../images/business/sttl_merit01.svg"); }
#Carlease .flexcol3 .column:nth-child(2) .sttl::before { background-image: url("../../images/business/sttl_merit02.svg"); }
#Carlease .flexcol3 .column:nth-child(3) .sttl::before { background-image: url("../../images/business/sttl_merit03.svg"); }
#Carlease .flexcol3 .column p { padding: 20px; line-height: 1.5em; }
#Carlease .flexcol3 .column p span { font-size: 0.875rem; }
#Carlease .flexcol3 .column img { margin-top: 15px; }
#Carlease .flexcol3 .column:nth-child(1) img { display: block; max-width: 166px; width: 100%; margin: 15px auto 0 auto; }
#Carlease .img { margin-top: 25px; }
#Carlease .img + p { margin-top: 5px; font-size: 0.875rem; line-height: 1.5em; }

#Recommend .flexcol3 .column { background: #FFF; }
#Recommend .sttl { background: #fac83e; }
#Recommend .sttl strong { font-size: 0.750rem; margin-right: 10px; }
#Recommend .sttl span { font-size: 0.750rem; font-weight: 400; margin-left: 10px; }
#Recommend .flexcol3 .img { padding: 0 5px 5px 5px; }

#Maintenance .flexcol2 { margin-top: 0; }
#Maintenance .flexcol2 > p { max-width: 300px; width: 30%; order: 2; margin: 30px 0 0 0; line-height: 1.8em; }
#Maintenance .flexcol2 > p::after { content: ""; display: block; width: 100%; padding-top: 84%; background: url("../../images/business/img_maintenance01.jpg") no-repeat #CCC; background-size: 100% auto; margin-top: 60px; }
#Maintenance .flexcol2 .table { max-height: 660px; width: 66%; margin-top: 30px; }
#Maintenance .flexcol2 .table table { width: 100%; border-collapse: collapse; border: 1px solid #CCC; }
#Maintenance .flexcol2 .table table th { border: 1px solid #CCC; padding: 10px; background: #dcdddd; text-align: center; white-space: nowrap; }
#Maintenance .flexcol2 .table table td { border: 1px solid #CCC; padding: 10px; }
#Maintenance .flexcol2 .table p { font-size: 0.875rem; margin-top: 15px; line-height: 1.5em; }
#Maintenance .flexcol2 sup { vertical-align: top; font-size: 0.750rem; }

#Choice ol { display: flex; margin-top: 30px; }
#Choice ol li { width: 25%; border: 1px solid #CCC; background: #FFF; box-sizing: border-box; padding: 20px; position: relative; line-height: 1.8em; }
#Choice ol li strong { display: block; font-size: 1.375em; font-weight: 700; text-align: center; min-height: 3em; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
#Choice ol li::before { content: ""; display: block; width: 60px; height: 60px; left: 7px; top: 7px; position: absolute; }

#Choice ol li + li { border-left: none; }

#System .lease li .ttl::before { display: inline-block; vertical-align: middle; background-position: center!important; background-repeat: no-repeat!important; }
#System .lease li:nth-child(1) .ttl::before { background-image: url("../../images/business/ic_lease01.svg"); }
#System .lease li:nth-child(2) .ttl::before { background-image: url("../../images/business/ic_lease02.svg"); }
#System .lease li:nth-child(3) .ttl::before { background-image: url("../../images/business/ic_lease03.svg"); }
#System .lease li:nth-child(4) .ttl::before { background-image: url("../../images/business/ic_lease04.svg"); }
#System .lease li:nth-child(5) .ttl::before { background-image: url("../../images/business/ic_lease05.svg"); }
#System ol + p { font-size: 0.875em; line-height: 1.5em; margin-top: 20px; }

.notice { font-size: 0.875rem; line-height: 1.8em; }


/*-----------------------------------------------------
事業内容 レンタカー
----------------------------------------------------- */
.rental h1 { width: 220px; }
.rental .bnr { max-width: 540px; width: 100%; margin: 30px auto 0 auto; }

#Rental p:first-of-type { font-size: 1.250rem; margin-top: 20px; line-height: 1.5em; }
#Rental p strong { color: #e40a1f; }
#Rental p + p { margin-top: 10px; line-height: 1.5em; }
#Rental .btn { max-width: 324px; width: 100%; margin: 60px auto 0 auto; }

#Fee01 table { border-collapse: collapse; border: 1px solid #9fa0a0; width: 100%; margin-top: 30px; font-size: 0.875em; background: #FFF; line-height: 1.5em; }
#Fee01 table th { background: #dcdddd; border: 1px solid #9fa0a0; padding: 10px; text-align: center; }
#Fee01 table th:first-child { font-size: 1.000rem; }
#Fee01 table td { width:17%; border: 1px solid #9fa0a0; padding: 10px; vertical-align: middle; background: #FFF; }
#Fee01 table td.sticky{ width:32%; }
#Fee01 table td strong { font-size: 1.250rem; font-weight: 700; }
#Fee01 table td .ttl { display: block; text-align: center; }
#Fee01 table td .details { clear: both; margin-top: 10px; }
#Fee01 table td.k .ttl::before { content: ""; width: 170px; height: 86px; background: url("../../images/business/img_rental02.png") no-repeat; background-size: 100% auto; float: right; }
#Fee01 table td.s .ttl::before { content: ""; width: 170px; height: 86px; background: url("../../images/business/img_rental03.png") no-repeat; background-size: 100% auto; float: right; }
#Fee01 table td.f .ttl::before { content: ""; width: 170px; height: 86px; background: url("../../images/business/img_rental04.png") no-repeat; background-size: 100% auto; float: right; }
#Fee01 table td.t .ttl::before { content: ""; width: 170px; height: 86px; background: url("../../images/business/img_rental05.png") no-repeat; background-size: 100% auto; float: right; }

#Fee02 ul { margin-top: 25px; line-height: 1.8em; }
#Fee02 ul li { text-indent: -1em; margin-left: 1em; }
#Fee02 ul li:first-child { color: #ff0000; }
#Fee02 .flexcol2 { margin-top: 10px; }
#Fee02 .flexcol2 .column { display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid #000; }
#Fee02 .flexcol2 h3 { border-top: 1px solid #ccc; font-size: 1.250rem; padding: 10px 0 0 0; }
#Fee02 .flexcol2 dl { margin-top: 20px; }
#Fee02 .flexcol2 dl dt { width: 205px; background: #f5f4f5; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; box-sizing: border-box; padding: 10px; }
#Fee02 .flexcol2 dl dd { width: calc(100% - 205px); border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 10px; }
#Fee02 p { margin-top: 25px; line-height: 1.8em; }
#Fee02 p.border { border: 1px solid #CCC; padding: 10px; text-align: center; }
#Fee02 dl { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; border: 1px solid #CCC; border-bottom: none; line-height: 1.5em; }
#Fee02 .other dt { width: 55%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; box-sizing: border-box; padding: 15px 10px; display: flex; align-items: center; }
#Fee02 .other dd { width: 45%; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 15px 10px; display: flex; align-items: center; }
#Fee02 .other dt:nth-child(4n+1) { background: #f5f4f5; }
#Fee02 .other dd:nth-child(4n+2) { background: #f5f4f5; }
 
#RentalShop .inner { padding-top: 0; }
#RentalShop .flexcol2 { margin-top: 0; }
#RentalShop .flexcol2 .column,#Fee02 .flexcol2 .column { border: none; }
#RentalShop .flexcol2 .ttl { position: relative; padding-right: 30px; padding-left: 30px; }
#RentalShop .flexcol2 .ttl::before { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 90%; }
#RentalShop .flexcol2 .details { padding: 0 30px 10px 30px; }

/*-----------------------------------------------------
事業内容 サポート
----------------------------------------------------- */
#Support h1 { width: 566px; }
#Support h2 { text-align: center; font-size: 1.500rem; }
#Support h2::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url("../images/h2_deco_right.png") no-repeat center; background-size: 20px 90%; }
#Support p { line-height: 1.8em; margin-top: 30px; }

.tire { overflow: hidden; }
.tire::before { content: ""; display: block; max-width: 317px; width: 31.7%; padding-top: 27%; background: url("../../images/business/img_support_tire01.jpg") no-repeat; background-size: 100% auto; float: right; margin-top: 30px; }
.tire p { width: calc(100% - 34%); }
.tire ul { width: calc(100% - 34%); display: flex; justify-content: space-around; flex-wrap: wrap; }
.tire ul li { width: 240px; margin-top: 30px; }
.tire ul li:nth-child(1) { order: 0; }
.tire ul li:nth-child(2) { order: 1; }
.tire ul li:nth-child(3) { order: 2; }
.tire ul li:nth-child(4) { order: 3; }
.tire ul li:nth-child(5) { order: 5; }
.tire ul li:nth-child(6) { order: 6; }
.tire ul li:last-child { width: 131px; order: 4; }


.oli,.supplies,.insurance { display: flex; justify-content: space-between; }
.oli p,.supplies p { max-width: 316px; width: 31.6%; }
.oli p img { margin-top: 25px; }
.oli .img { max-width: 660px; width: 66%; display: flex; justify-content: space-around; align-items: flex-start; margin-top: 30px; }
.oli .img img { width: 26%; height: auto; }

.supplies .img { max-width: 660px; width: 66%; text-align: center; margin-top: 30px; }
.supplies .img img { max-width: 624px; width: 100%; }

.insurance { margin-top: 25px; justify-content: flex-start; align-items: center; }
.insurance li + li { margin-left: 3%; }
.insurance li:nth-child(1) { max-width: 274px; }
.insurance li:nth-child(2) { max-width: 235px; }
.insurance li:nth-child(3) { max-width: 297px; }

/*-----------------------------------------------------
事業内容 灯油
----------------------------------------------------- */
.touyu h1 { width: 398px; }
.touyu p::before { content: ""; display: block; width: 540px; height: 72px; background: url("../../images/business/img_challenge.svg") no-repeat; margin: 0 auto 10px auto; }
#Info { background: #f5f4f5; }
#Info .bnr { margin-top: 0; }
#Info .bnr + .bnr { margin-top: 15px; }

#Shop .flexcol2 { margin-top: 5px; }
#Shop .details { width: 100%; min-height: 110px; }
#Shop .column ul { width: 100%; /*margin-bottom: 15px;*/ }
#Shop .img { width: 49.5%; }
#Shop .map { width: 49.5%; height: 0; overflow: hidden; padding-bottom: 36.3%; position: relative; }
#Shop .delivery { display: block; }
#Shop .delivery .ttl { background: #082c93; color: #FFF; justify-content: center; height: 50px; font-size: 1.500rem; }
#Shop .delivery .ttl + p { font-size: 1.250rem; font-weight: 700; text-align: center; color: #082c93; line-height: 1.5em; width: 95%; margin: 15px auto 0 auto; }
#Shop .delivery dl { max-width: 450px; width: 95%; margin: 15px auto 0 auto; display: flex; justify-content: space-between; border: 1px solid #082c93; position: relative; overflow: hidden; }
#Shop .delivery dl::before { content: ""; width: 100%; height: 100%; border: 4px solid #FFF; position: absolute; z-index: 1; box-sizing: border-box; left: 0; top: 0px; }
#Shop .delivery dl dt { background: #082c93; color: #FFF; font-size: 1.125rem; font-weight: 700; width: 150px; display: flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; padding-left: 10px; }
#Shop .delivery dl dt::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 60px 0 60px 20px; border-color: transparent transparent transparent #082c93; position: absolute; right: -15px; top: 0; bottom: 0; margin: auto; }
#Shop .delivery dl dd { width: calc(100% - 150px); background: #efefef; box-sizing: border-box; padding: 10px 10px 10px 25px; line-height: 1.5em; }
#Shop .delivery .img { max-width: 237px; width: 50%; float: right; margin-top: 15px; margin-right: 2.5%; }
#Shop .delivery .txt { margin-top: 15px; margin-left: 2.5%; width: 43%; }
#Shop .delivery .txt p:first-child { line-height: 1.5em; }
#Shop .delivery .txt p:first-child br { display: none; }
#Shop .delivery .txt span { background: #ffff00; display: inline-block; }
#Shop .delivery .txt .area { background: #fac83e; width: 100%; margin: 10px auto 0 auto; display: flex; justify-content: center; align-items: center; font-size: 1.250rem; font-weight: 700; height: 66px; text-align: center; line-height: 1.1em; border-radius: 50%; padding-bottom: 5px; box-sizing: border-box; }
#Shop .delivery .txt + p { font-size: 0.875rem; margin-top: 5px; }
#Shop .delivery .red { font-size: 0.938rem; color: #e40a1f; font-weight: 700; margin-top: 5px; }

#TouyuFlow ol { margin-top: 30px; }
#TouyuFlow ol li { align-items: center; }
#TouyuFlow .txt p  { margin-top: 20px; }
#TouyuFlow ol + p { font-size: 0.875em; line-height: 1.5em; margin-top: 20px; }

#Coin .column2 { display: flex; justify-content: space-between; padding: 0; }
#Coin p { font-size: 1.000rem; line-height: 1.8em; width: 40%; margin-top: 30px; }
#Coin .img { width: 59%; margin: 30px 0 0 0; }

/*-----------------------------------------------------
事業内容 コインランドリー
----------------------------------------------------- */
.laundry h1 { width: 390px; }
.laundry ul { max-width: 535px; width: 100%; display: flex; justify-content: space-between; margin: 50px auto 0 auto; }
.laundry ul li { display: flex; flex-direction: column; justify-content: space-around; color: #082c93; font-size: 1.500em; font-weight: 700; text-align: center; line-height: 1.3em; }
.laundry ul li::before { content: ""; display: block; margin: 0 auto 20px auto; background-repeat: no-repeat; }
.laundry ul li:nth-child(1)::before { width: 101px; height: 85px; background-image: url("../../images/business/ic_laundry01.svg"); }
.laundry ul li:nth-child(2)::before { width: 78px; height: 90px; background-image: url("../../images/business/ic_laundry02.svg"); }
.laundry ul li:nth-child(3)::before { width: 92px; height: 90px; background-image: url("../../images/business/ic_laundry03.svg"); }

.flexcol3 { display: flex; justify-content: space-between; }
.flexcol3 .column { max-width: 302px; width: 30%; margin-top: 30px; }
#Comparison .sttl { max-width: 222px; width: 100%; height: 40px; background: #fac83e; margin: 20px auto 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 20px; font-size: 1.250em; font-weight: 700; }
#Comparison .sttl + p { font-size: 0.938em; margin-top: 20px; line-height: 1.5em; }

#Price .flexcol2 { margin-top: 35px; }
#Price .flexcol2 table { width: 48%; border-collapse: collapse; border: 1px solid #ccc; background: #FFF; box-sizing: border-box; line-height: 1.5em; }
#Price .flexcol2 table th { background: #ebeded; vertical-align: middle; border: 1px solid #ccc; width: 38%; box-sizing: border-box; }
#Price .flexcol2 table td { border: 1px solid #ccc; padding: 10px 5%; vertical-align: middle; width: 31%; box-sizing: border-box; }
#Price p { margin-top: 15px; font-size: 0.875em; line-height: 1.5em; }

#LaundryShop .flexcol2 { margin-top: 0; }
#LaundryShop .details { width: 49%; }
#LaundryShop .map { width: 49%; margin-top: 15px; height: 0; overflow: hidden; padding-bottom: 37%; position: relative; }


/*-----------------------------------------------------
事業内容 コイン精米
----------------------------------------------------- */
#Rice h1 { width: 242px; }
#Rice .details { width: 49%; display: flex; flex-direction: column; justify-content: flex-start; padding-left: 5px; box-sizing: border-box; height: calc(100% - 40px); }

.flexcol2 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; }
.flexcol2 .column { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; max-width: 490px; width: 49%; box-sizing: border-box; border: 1px solid #cccccc; margin-top: 20px; padding: 4px; background:  #FFF; }
.flexcol2 .ttl { display: flex; align-items: center; background: #ebeded; padding: 0 15px; width: 100%; height: 40px; font-size: 1.125em; font-weight: bold; box-sizing: border-box; }
.details p { margin-top: 5px; font-size: 0.875em; line-height: 1.5em; text-indent: -23px; margin-left: 23px; }
.details p:first-child { margin-top: 15px; }
.details p::before { content: ""; display: inline-block; width: 18px; height: 18px; background-size: 100% auto; margin-right: 5px; vertical-align: -0.2em; background-repeat: no-repeat; background-position: center; }
.details .add::before { background-image: url("../images/ic_add.png"); }
.details .open::before { background-image: url("../images/ic_oh.png"); }
.details .tel::before { background-image: url("../images/ic_tel.png"); }
.details .close::before { background-image: url("../images/ic_close.png"); }
.details .mail::before { background-image: url("../images/ic_mail.png"); }
.details .mail a { display: inline; color: #333; text-decoration: none; }
.details .free::before { background-image: url("../images/ic_free.png"); }
.details .mail { word-break: break-all; }
.flexcol2 .column ul { display: flex; justify-content: flex-start; margin: auto 0 0 0; padding: 10px 0 5px 0; }
.flexcol2 .column ul li { width: 48px; }
.flexcol2 .column ul li + li { margin-left: 5px; }

#Rice .map { width: 49%; margin-top: 15px; height: 0; overflow: hidden; padding-bottom: 37%; position: relative; }


/*-----------------------------------------------------
サービスステーション
----------------------------------------------------- */
#Station h1 { width: 495px; }
#Station .tel a,#Station .free a{ text-decoration:none; color:#333; }
#Station .disaster::after { content: ""; display: block; margin-left: auto; margin-right: -10px; width: 138px; height: 28px; background: url("../../images/station/ic_disaster.png") no-repeat; background-size: 100% auto; }
#Station .enejet::after { content: ""; display: block; margin-left: auto; width: 65px; height: 21px; background: url("../../images/station/ic_enejet.png") no-repeat; background-size: 100% auto; }
#Station .details { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-left: 5px; box-sizing: border-box; }
#Station .details > div:not(.bnr) { width: 55%; }
#Station .details > div.w100 { width: 100%; }
#Station .details .bnr { max-width:214px; width:43%; margin:15px 0 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; row-gap:5px; }
#Station .details .bnr a { width: 49%; }
#Station .details ul { width: 100%; }
#Station .img { width: 49.5%; margin-top: 15px; }
#Station .map { width: 49.5%; margin-top: 15px; height: 0; overflow: hidden; padding-bottom: 32%; position: relative; }
@media screen and (min-width:768px){
  #Station .tel a[href*="tel:"],#Station .free a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
}


/*-----------------------------------------------------
会社案内
----------------------------------------------------- */
#Company h1 { width: 110px; }
#Company dl { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: 25px; line-height: 2em; }
#Company dl dt { width: 220px; background: #f4f4f4; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; box-sizing: border-box; padding: 15px 20px; text-align: center; }
#Company dl dd { width: calc(100% - 220px); border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; box-sizing: border-box; padding: 15px 20px; }
#Company ol { list-style: decimal; margin-left: 1.3em; }
#Map { margin-top: 30px; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
#Map iframe,.map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }


/*-----------------------------------------------------
採用情報
----------------------------------------------------- */
.recruit h1 { width: 110px; }
.recruit p { font-size: 3.125em; font-weight: 700; }

#Employee { overflow: hidden; position: relative; z-index: 0; }
#Employee::before { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: -200px; left: 0; z-index: -1; mix-blend-mode: multiply; opacity: .5; border-width: 300px 0 300px 300px; border-color: transparent transparent transparent #fac83e; }
#Employee::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; bottom: -400px; right: 0; z-index: -1; mix-blend-mode: multiply; opacity: 0.5; border-width: 300px 300px 300px 0; border-color: transparent #eaa23f transparent transparent; }
#Employee h2,#Parttime h2 { border: none; padding: 0; font-size: 1.875rem; text-align: center; margin: 0; }
#Employee h2::before,#Parttime h2::before { display: none; }
#Employee .bgbox { background: #FFF; margin-top: 30px; }
#Employee h3 { font-size: 1.500rem; border-bottom: 1px solid #9fa0a0; padding: 40px 50px; }
#Employee .txt { padding: 40px 50px; }
#Employee .txt p:first-child { color: #e40a1f; font-size: 1.250rem; line-height: 1.5em; font-weight: 700; margin: 0; }
#Employee .txt p:first-child + p { margin-top: 25px; line-height: 1.3em; }
#Employee .txt p strong { background: #ffff00; font-weight: 700; display: inline; }
#Employee .txt p span { font-size: 0.750rem; }
#Employee .txt ul,#Parttime ul { margin-top: 25px; line-height: 1.8em; }
#Employee .txt ul li::before,#Parttime ul li::before { content: "◆"; }
#Employee .txt ul + p { font-size: 0.875rem; margin-top: 5px; }

#Parttime { position: relative; z-index: 0; overflow: hidden; }
#Parttime::before { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: -200px; right: 0; z-index: -1; mix-blend-mode: multiply; opacity: .5; border-width: 300px 300px 300px 0; border-color: transparent #fac83e transparent transparent; transform: rotate(0); }
#Parttime .bgbox { background: #FFF; padding: 50px 60px; border: 1px solid #9fa0a0; margin-top: 30px; }
#Parttime h3 { border-bottom: 1px solid #9fa0a0; border-top: 1px solid #9fa0a0; font-size: 1.250rem; margin-top: 35px; }
#Parttime h3:first-child { margin-top: 0; }
#Parttime h3::before { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url("../images/h3_dec.png") no-repeat center; background-size: 20px 90%; }
#Parttime dl { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; line-height: 1.8em; }
#Parttime dl dt { width: 6em; }
#Parttime dl dd { width: calc(100% - 6em); }
#Parttime .bgbox p { line-height: 1.8em; margin-top: 30px; }

#Contact.inner { max-width: 450px; }
#Contact h2 { border: none; font-size: 1.875rem; padding: 0; text-align: center;  }
#Contact h2::before { content: ""; display: inline-block; vertical-align: middle; margin-right: 15px; width: 50px; height: 50px; position: relative; background: url("../../images/recruit/ic_tel.svg") no-repeat;}
#Contact h2 + p { margin-top: 20px; text-align: center; }
#Contact .tel { max-width: 430px; width: 100%; margin: 35px auto 0 auto; border: 1px solid #ccc; box-sizing: border-box; text-align: center; padding: 25px 0; }
#Contact .tel img { width: 334px; margin-bottom: 15px; }

/*-----------------------------------------------------
フォーム
----------------------------------------------------- */
.estimate h1 { width: 144px; }
.reserve h1 { width: 110px; }
.contact h1 { width: 142px; }
#Form h2 { text-align: center; font-size: 1.500rem; }
#Form h2::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url("../images/h2_deco_right.png") no-repeat center; background-size: 20px 90%; }

#Form p { margin-top: 30px; line-height: 1.8em; }
#Form .table table { border-collapse: collapse; width: 100%; border: 1px solid #9fa0a0; margin-top: 25px; }
#Form .table table th { background: #dcdddd; font-size: 0.875em; padding: 20px 0; text-align: center; vertical-align: middle; border: 1px solid #9fa0a0; }
#Form .table table th:first-child { font-size: 1.000rem; }
#Form .table table td { border: 1px solid #9fa0a0; text-align: center; vertical-align: middle; padding: 20px 0; font-size: 0.875em; }
#Form .table table td:first-child { font-size: 1.000rem; line-height: 1.5em; }
#Form .table table td strong { font-weight: 700; font-size: 1.250rem; }

#Form ul { margin-top: 30px; line-height: 1.5em; }
#Form ul li { text-indent: -1em; margin-left: 1em; }
#Form ul li::before { content: "・"; }

#Form dl { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; border-bottom: 1px solid #CCC; }
#Form dl dt { width: 255px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; background: #f4f4f4; box-sizing: border-box; padding: 20px 15px; line-height: 1.5em; }
#Form dl dt span { color: #e40012; }
#Form dl dd { width: calc(100% - 255px); border: 1px solid #CCC; border-bottom: none; box-sizing: border-box; padding: 10px 20px; display: flex; align-items: center; flex-wrap: wrap; } 
#Form h3 { color: #e40a1f; margin-top: 45px; padding: 0; font-size: 1.125rem; font-weight: 700; }
#Form h3 + p { margin-top: 10px; }
#Form .submit { margin-top: 40px; text-align: center; }
#Form .submit input { -webkit-appearance: none; background: #082c93; width: 310px; height: 40px; font-size: 1.125rem; color: #FFF; border: none; font-weight: 700; -webkit-border-radius: 0; }
#Form input[type="text"] { -webkit-appearance: none; width: 100%; height: 36px; padding: 0 10px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 1.00rem; -webkit-border-radius: 0; }
#Form input[name="zip"] { width: 155px; height: 36px; padding: 0 10px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 1.00rem; -webkit-appearance: none;  }
#Form textarea { width: 100%; padding: 10px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 1.00rem; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-border-radius: 0; border-radius: 0!important; }
#Form input[type="text"].year { max-width: 180px; margin: 0 5px; vertical-align: middle; }
#Form input[type="text"].date { max-width: 60px; margin: 0 5px; }
#Form input[type="text"].distance { max-width: 220px; margin: 0 5px 0 0; }
#Form dl dd > div { margin-top: 10px; }
#Form select {　border: 1px solid #cccccc; font-size: 1.00rem; padding: 0 5px; height: 36px; box-sizing: border-box; }
#Form .error { width: 100%; margin-top: 10px; }
#Form .error + .error { display: none; }
#Form .mwform-radio-field { width: 100%; margin-top: 10px; }
#Form .inline .mwform-radio-field { width: auto; margin-top: 0; }

/*-----------------------------------------------------
新着情報
----------------------------------------------------- */
#News,#Form,#NotFound { border-top: 1px solid #9fa0a0; }
#News h1 { width: 110px; }
#News .flexcol2 { max-width: 900px; margin: 50px auto 0 auto; align-items: flex-start; }
#News article { width: calc(100% - 260px); }
#News article h2 { border-color: #ccc; font-size: 1.500rem; padding-left: 0; padding-right: 0; margin-top: 0; }
#News article h2::before { display: none; }
#News article dl { display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 1.5em; }
#News article dl dt { border-bottom: 1px dashed #cccccc; width: 285px; padding: 15px 0; }
#News article dl dt span { display: inline-block; color: #FFF; width: 114px; text-align: center; margin-left: 15px; }
#News article dl dt .info { background: #f39800; }
#News article dl dt .sale { background: #e40a1f; }
#News article dl dt .open { background: #082c93; }
#News article dl dd { border-bottom: 1px dashed #cccccc; width: calc(100% - 285px); padding: 15px 0; }
#News article dl dd a { color: #231815; text-decoration: none; }

#News article .date { text-align: right; margin-top: 15px; }
#News article p { margin-top: 30px; line-height: 1.8em; }

#News aside { width: 226px; border: 1px solid #c7c7c7; }
#News aside .sttl { background: #efefef; border: 4px solid #FFF; height: 34px; display: flex; align-items: center; padding: 0 10px; }
#News aside ul li { border-top: 1px solid #c7c7c7; }
#News aside ul li a { height: 37px; padding: 0 15px; color: #231815; text-decoration: none; display: flex; align-items: center; }
#News aside ul li a::before { content: ""; width: 4px; height: 7px; background: url("../../images/news/ic_arrow.svg") no-repeat; margin-right: 25px; }

.wp-pagenavi { display: flex; justify-content: center; margin-top: 70px; }

#NotFound h1 { width: 527px; }
#NotFound .btn { margin-top: 70px; }
#NotFound .btn a { display: flex; align-items: center; justify-content: center; background: #082c93; width: 310px; height: 40px; font-size: 1.125rem; color: #FFF; border: none; font-weight: 700; margin: 0 auto; text-decoration: none; }

@media screen and (max-width:1200px) {
  .bgtriangle::before { border-width: 25vw 0 0 25vw; }
  
  h2.ttl::before { border-width: 25vw 0 0 25vw; }
  
  .recruit::before { border-width: 25vw 0 25vw 25vw; border-color: transparent transparent transparent #f5f4f5; bottom: -33.5vw; }
  #Employee::before { top: -16.5vw; border-width: 25vw 0 25vw 25vw; }
  #Employee::after { bottom: -33.5vw; border-width: 25vw 25vw 25vw 0; }
  #Parttime::before { top: -16.5vw; border-width: 25vw 25vw 25vw 0; }
  
}

@media screen and (max-width:990px) {

  .topicpath { background: #f5f4f5; width: 100%; font-size: 0.438rem; padding: 8px 2.5%; }

  
/*-----------------------------------------------------
事業内容 車検
----------------------------------------------------- */
  .shaken h1 { width: 60px; }
  #Shaken .inner .column h3 { position: relative; margin-top: 25px; }
  #Shaken .inner .column h3::before { display: block; width: 47px; height: 25px; background-size: 100% auto; background-repeat: no-repeat; margin-right: 0.5em; position: absolute; top: -25px; left: 0; }
  #Shaken .inner .column { display: block; }
  #Shaken .img { width: 100%; margin-top: 10px; }
  #Shaken .txt { width: 100%; margin-top: 10px; font-size: 0.875rem; padding: 0; }
  
  #Flow .ttl { font-size: 1.375rem; }
  #Flow .ttl::before { width: 36px; height: 36px; }
  #Flow .txt { width: calc(100% - 215px); padding: 10px 15px; box-sizing: border-box; }
  #Flow .txt p { font-size: 0.813rem; }
  
  #Preparation ul li { width: calc(100% / 2); }
  
/*-----------------------------------------------------
事業内容 洗車・ボディーコーティング
----------------------------------------------------- */
  .sensha h1 { width: 294px; }
  
  #Codingmenu h3 + p { font-size: 1.000rem; }
  #Codingmenu h3 + p::before { width: 154px; height: 30px; }
  
  #Codingmenu .flex { max-width: 610px; }
  #Codingmenu dl { width: 370px; }
  #Codingmenu .flex .right { width: 240px; }
  
  #Pure,#Crystal,#Diamond,#Wdia { background-position: right top 110px; }

  
/*-----------------------------------------------------
事業内容 各種カード
----------------------------------------------------- */
  #Card h1 { width: 147px; }
  .column2 .img01 > div::before { left: auto; right: -25px; top: -15px; }
  
  
/*-----------------------------------------------------
事業内容 オークション
----------------------------------------------------- */
  .auction h1 { width: 235px; }
  .auction p:first-of-type br,#Lead.lease p:first-of-type br { display: block; }
  
/*-----------------------------------------------------
事業内容 カーリース
----------------------------------------------------- */
  #Lead.lease h1 { width: 144px; }

  #Carlease .flexcol3 .column { width: 32%; }
  #Carlease .flexcol3 .sttl,#Recommend .flexcol3 .sttl { padding: 0 0 0 20px; font-size: 1.000rem; }
  #Carlease .flexcol3 .sttl::before { margin-right: 5px; }
  #Carlease .flexcol3 .column p { padding: 20px 10px; }

  #Recommend .flexcol3 .sttl { padding-left: 10px; }
  #Recommend .flexcol3 .sttl strong { font-size: 0.625rem; margin-right: 3px; }
  #Recommend .flexcol3 .sttl span { font-size: 0.625rem; margin-left: 3px; }

  #Choice ol { flex-wrap: wrap; }
  #Choice ol li { width: 50%; }
  #Choice ol li:nth-child(3) { border-left: 1px solid #CCC; border-top: none; }
  #Choice ol li:nth-child(4) { border-top: none; }

/*-----------------------------------------------------
事業内容 レンタカー
----------------------------------------------------- */
  .rental h1 { width: 140px; }
  #Fee01 .table { overflow-x: scroll; }
  #Fee01 .table th,#Fee01 .table td { white-space: nowrap; }
  #Fee01 .table .sticky { position: sticky; left: 0; }
  #Fee01 .table .sticky::before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #9fa0a0; }
  
  .rental .bnr { max-width: 540px; width: 100%; margin: 30px auto 0 auto; }
  
/*-----------------------------------------------------
事業内容 サポート
----------------------------------------------------- */
  #Support h1 { width: 260px; }

  .oli p,.supplies p { width: 37%; }
  .oli .img,.supplies .img { width: 60%; }
  
/*-----------------------------------------------------
事業内容 灯油
----------------------------------------------------- */
  .touyu h1 { width: 235px; }
  .touyu p::before { width: 322px; height: 40px; }
  
  #Shop .flexcol2 .column { flex-direction: row; justify-content: space-between; }
  #Shop .column ul { width: auto; }
  #Shop .img { width: 49.5%; margin-top: 15px; margin-bottom: 15px; }
  #Shop .map { width: 100%; padding-bottom: 40%; margin-top: auto; margin-bottom: 0; }
  
  
  #Shop .delivery .txt p:first-child br { display: block; }
  #Shop .delivery dl { display: block; }
  #Shop .delivery dl dt { font-size: 1.000rem; width: 100%; height: 30px; padding-left: 0; }
  #Shop .delivery dl dt::after { display: none; }
  #Shop .delivery dl dd { width: 100%; padding: 15px; font-size: 0.875rem; }

  #Shop .delivery .ttl { font-size: 1.250rem; }
  #Shop .delivery .img { display: none; }
  #Shop .delivery .txt { margin: 15px auto 0 auto; max-width: 450px; width: 95%; }
  #Shop .delivery .txt p:first-child br { display: none; }
  #Shop .delivery .txt .area { background: #fac83e; width: 210px; }
  #Shop .delivery .txt + p { max-width: 450px; width: 95%; margin: 5px auto 0 auto; }
  #Shop .delivery .red { max-width: 450px; width: 95%; margin: 5px auto 0 auto; }  
  

/*-----------------------------------------------------
事業内容 コインランドリー
----------------------------------------------------- */
  .laundry h1 { width: 230px; }
  .laundry ul { max-width: 300px; margin: 35px auto 0 auto; }
  .laundry ul li { font-size: 0.938em; }
  .laundry ul li::before { margin: 0 auto 10px auto; }
  .laundry ul li:nth-child(1)::before { width: 56px; height: 47px; }
  .laundry ul li:nth-child(2)::before { width: 43px; height: 50px; }
  .laundry ul li:nth-child(3)::before { width: 51px; height: 50px; }

  #Price .flexcol2 table { width: 49%; font-size: 0.875rem; }
  #Price .flexcol2 table td { padding: 10px 4%; }

  #LaundryShop .details { width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px; }
  #LaundryShop .details > div { margin-right: 3%;}
  #LaundryShop .map { width: 100%; margin-top: auto; margin-bottom: 0; }
  
/*-----------------------------------------------------
事業内容 コイン精米
----------------------------------------------------- */
  #Rice h1 { width: 144px; }
  .flexcol2 .column { flex-direction: column; justify-content: flex-start; }
  #Rice .details { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; height: auto; margin-bottom: 10px; }
  #Rice .details > div { margin-right: 5%; }

  .flexcol2 .column ul { margin: 0; }
  .flexcol2 .column ul li { width: 40px; }
  .flexcol2 .column ul li + li { margin-left: 3px; }
  #Rice .map { width: 100%; margin-top: auto; margin-bottom: 0; }
  

/*-----------------------------------------------------
サービスステーション
----------------------------------------------------- */
  #Station h1 { width: 292px; }
  #Station .disaster::after { width: 116px; height: 26px; }
  #Station .enejet::after { width: 63px; height: 20px; }
  #Station .details { padding: 0 5px; margin-bottom: 10px; }
  #Station .details > div:not(.bnr) { width: 68%; min-height: 132px; }
  #Station .details .bnr { max-width: 105px; width: 30%; display: block; }
  #Station .details .bnr a { display: block; width: 100%; }
  #Station .details .bnr a + a { margin-top: 5px; }
  #Station .img { width: 100%; margin-top: auto; }
  #Station .map { width: 100%; margin-top: 10px; padding-bottom: 40%; margin-bottom: 0; }
  #Station .details ul li { max-width: 40px; width: 14%; }
  
/*-----------------------------------------------------
会社案内
----------------------------------------------------- */
  #Company h1 { width: 78px; }
  
  
/*-----------------------------------------------------
採用情報
----------------------------------------------------- */
  .recruit h1 { width: 78px; }
  .recruit p { font-size: 1.500rem; margin-top: 20px; }
  
/*-----------------------------------------------------
フォーム
----------------------------------------------------- */
  .estimate h1 { width: 119px; }
  .reserve h1 { width: 79px; }
  .contact h1 { width: 118px; }

  #Form dl dt { width: 235px; padding: 20px 10px; font-size: 0.938rem; }
  #Form dl dd { width: calc(100% - 235px); }
  
/*-----------------------------------------------------
新着情報
----------------------------------------------------- */
  #News,#Form,#NotFound { border: none; }
  #News h1 { width: 79px; }
  #News article { width: calc(100% - 210px); }
  #News article h2 { font-size: 1.250rem; }
  #News article dl { font-size: 0.875rem }
  #News article dl dt { width: 210px; }
  #News article dl dt span { width: 70px; margin-left: 10px; }
  #News article dl dd { width: calc(100% - 210px); }

  #News aside { width: 180px; }
  
  #NotFound h1 { width: 206px; }
  
}

@media screen and (max-width:800px) {
  #Pure,#Crystal,#Diamond,#Wdia  { background: none; }
}

@media screen and (max-width:640px) {
  .bgtriangle { padding: 40px 0 40px 0; }
  .bgtriangle::before { bottom: 0; left: -16vw; }
  .content { padding: 40px 0; }
  
  h2.ttl { min-height: 56px; height: auto; font-size: 1.250rem; text-align: center; line-height: 1.3em; box-sizing: border-box; padding: 10px 0; }
  h2.ttl::before { border-width: 50vw 0 0 50vw; left: -3.8vw; bottom: auto; top: -13vw; }
  h2.ttl::after { border-width: 0 56px 56px 0; }
  h2.ttl::after { border-width: 0 0 100px 100px; border-color: transparent transparent #fac83e transparent; position: absolute; top: 0; right: 0; z-index: -1; mix-blend-mode: multiply; opacity: .5; }
  h2:not(.ttl) { margin-top: 45px; font-size: 1.188rem; }
  h2:not(.ttl):first-child { margin-top: 0; }
  h2:not(.ttl) + p { font-size: 0.875rem; margin-top: 20px; }
  #Lead p,.content h1 + p { font-size: 0.750rem; margin-top: 30px; }
  
/*-----------------------------------------------------
事業内容 車検
----------------------------------------------------- */
  #Lead .capture { margin-top: 10px; font-size: 0.750rem; }
  #Lead .bnr { margin: 30px auto 0 auto; max-width: 320px; }
  #Lead .bnr li img { display: none; } 
  #Lead .bnr li a { display: flex; justify-content: center; align-items: center; border-radius: 4px; height: 36px; color: #FFF; text-decoration: none; }
  #Lead .bnr li:nth-child(1) a { background: #e40a1f; }
  #Lead .bnr li:nth-child(1) a::before { content: "車検無料見積もり"; font-size: 0.875em; font-weight: 700; }
  #Lead .bnr li:nth-child(2) a { background: #082c93; }
  #Lead .bnr li:nth-child(2) a::before { content: "WEB車検予約"; font-size: 0.875em; font-weight: 700; }
  
  #Shaken .inner { display: block; padding: 0 0 45px 0; }
  #Shaken .inner .column { width: 100%; margin-left: auto; margin-right: auto; }
  #Shaken .img img { max-width: initial; width: 100%; }
  
  #Flow,#TouyuFlow { padding-bottom: 40px; }
  #Flow ol li,#TouyuFlow ol li { display: block; max-width: 490px; margin-left: auto; margin-right: auto; }
  #Flow ol li + li,#TouyuFlow ol li + li { margin-top: 40px; }
  #Flow ol li::after { border-width: 20px 20px 0 20px; bottom: -30px; }
  #Flow .img,#TouyuFlow .img { width: 100%; }
  #Flow .txt,#TouyuFlow .txt { width: 100%; padding: 10px; box-sizing: border-box; }
  #Flow .ttl,#TouyuFlow .ttl { font-size: 1.375rem; }
  #Flow .ttl::before { width: 36px; height: 36px; }
  #Flow .txt p,#TouyuFlow p { font-size: 0.813rem; }
  
  #Preparation { margin-top: 35px; max-width: 500px; width: 95%; display: block; padding: 15px; box-sizing: border-box; }
  #Preparation .sttl { width: 100%; border-bottom: 1px solid #000; border-right: none; font-size: 1.000rem; padding: 0 0 10px 0; }
  #Preparation .sttl br { display: none; }
  #Preparation ul { width: 100%; font-size: 0.875rem; line-height: 1.3em; margin-top: 15px; }

  #Flow + .bnr { margin-top: 40px; padding-bottom: 40px; display: block; }
  #Flow + .bnr li { max-width: 319px; width: 100%; margin-left: auto; margin-right: auto; }
  #Flow + .bnr li + li { margin-top: 25px; }
  
  
/*-----------------------------------------------------
事業内容 ボディコーティング・洗車
----------------------------------------------------- */
  #Codingmenu h3 { margin-top: 70px; font-size: 1.188rem; position: relative; display: flex; align-items: center; padding-right: 0; }
  #Codingmenu h3 span { font-size: 0.875rem; position: absolute; left: 0; top: -30px; }
  #Codingmenu h3::after { content: ""; width: 95px; height: 19px; display: block; margin-left: auto; background-size: 100% auto;  background-repeat: no-repeat; }
  #Codingmenu h3 + p { margin-top: 20px; font-size: 1.000rem; }
  #Codingmenu h3 + p::before { display: none; }
  #Codingmenu h3 + p span { font-size: 0.750rem; font-weight: normal; }
  #Codingmenu .inner > p { font-size: 0.750rem; }
  #Codingmenu .inner { padding: 30px 0 0 0; }
  #Codingmenu ul { flex-wrap: wrap; margin-top: -20px; }
  #Codingmenu ul li { max-width: 48%; width: 48%; line-height: 1.3em; margin-top: 20px; }

  h4 { font-size: 0.875rem; margin-top: 15px; }
  #Codingmenu .img { position: relative; }
  #Codingmenu .img::after { content: ""; display: block; position: absolute; bottom: -3%; right: -2.7%; width: 50%; padding-top: 45%; }
  #Codingmenu .flex { display: block; width: 100%; margin-top: 15px; }
  #Codingmenu dl { width: 100%; font-size: 0.875rem; }
  #Codingmenu dl dt { width: 110px; padding: 10px 3% 10px 4%; }
  #Codingmenu dl dd { width: calc(100% - 110px); padding: 10px 4%; }
  #Codingmenu .flex .right { width: 100%; box-sizing: border-box; border-top: none; border-left: 1px solid #CCC; }
  
  #Pure h3::after { background-image: url("../../images/business/img_kp_pure.jpg"); }
  #Pure .img::after { background: url("../../images/business/img_coding01_02.jpg") no-repeat bottom right; background-size: 75% auto; }
  
  #Pure h3::after { background-image: url("../../images/business/img_kp_pure.jpg"); }
  #Pure .img::after { background: url("../../images/business/img_coding01_02.jpg") no-repeat bottom right; background-size: 75% auto; }
  
  #Crystal h3::after { background-image: url("../../images/business/img_kp_crystal.jpg"); }
  #Crystal .img::after { background: url("../../images/business/img_coding02_02.jpg") no-repeat bottom right; background-size: 75% auto; }

  #Diamond h3::after { background-image: url("../../images/business/img_kp_diamond.jpg"); }
  #Diamond .img::after { background: url("../../images/business/img_coding03_02.jpg") no-repeat bottom right; background-size: 75% auto; }

  #Wdia h3::after { background-image: url("../../images/business/img_kp_wdia.jpg"); }
  #Wdia .img::after { background: url("../../images/business/img_coding04_02.jpg") no-repeat bottom right; background-size: 75% auto; }
  
  #Carwash .img { max-width: 300px; margin-top: 0; }
  #Carwash .inner > p { font-size: 0.750rem; margin-top: 20px; }
  #Carwash .flexcol2::before { content: ""; display: block; width: 100%; padding-top: 65%; background: url("../../images/business/img_sensya02_sp.jpg") no-repeat; background-size: 100% auto; margin: 0; }
  #Carwash .flexcol2 table { width: 100%; font-size: 0.875rem; margin-top: 15px; }
  #Carwash .flexcol2 p { max-width: 100%; width: 100%; font-size: 0.750rem; margin-top: 10px; }
  #Carwash .flexcol2 p::before { display: none; }

/*-----------------------------------------------------
事業内容 オークション
----------------------------------------------------- */
  .auction p:first-of-type,#Lead.lease p:first-of-type { font-size: 1.000rem; }
  .auction p + p,#Lead.lease p + p { margin-top: 15px; }

  #Reason p,#Merit ol,#TouyuFlow + p { margin-top: 20px; font-size: 0.875rem; }
  #Structure .img { margin: 0 auto 0 auto; }
  #Structure br + img { margin-top: 15px; }

  #Merit li { padding-top: 10px; padding-left: 45px; }
  #Merit li::before { width: 35px; height: 35px; }

  #Flow #System { margin-top: 0!important; padding-bottom: 0px; }
  #Flow #System li { position: relative; }
  #Flow #System li .txt { width: 100%; }
  #Flow #System li .txt .ttl { padding-left: 50px; }
  #Flow #System li::before { content: ""; display: block; width: 60px; height: 60px; background-size: 100% auto; background-repeat: no-repeat; align-self: flex-start; position: absolute; top: 4px; }
  
  #Flow + p { margin-top: 0; font-size: 0.875rem; }
  
/*-----------------------------------------------------
事業内容 カーリース
----------------------------------------------------- */
  #Carlease .flexcol3,#Recommend .flexcol3 { margin-top: 0; }
  #Carlease .flexcol3 .column,#Recommend .flexcol3 .column { max-width: 100%; width: 100%; margin-top: 20px; }
  #Carlease .flexcol3 .sttl,#Recommend .flexcol3 .sttl { font-size: 1.188rem; }
  #Carlease .flexcol3 .sttl::before { margin-right: 10px; }
  #Carlease .flexcol3 .column p { font-size: 0.875rem; padding: 15px; }
  #Carlease .flexcol3 .column:nth-child(3) img { display: block; max-width: 280px; width: 100%; margin: 15px auto 0 auto; }
  #Carlease .img + p { margin-top: 10px; font-size: 0.750rem; }
  
  #Recommend .flexcol3 .sttl strong { font-size: 0.750rem; margin-right: 10px; }
  #Recommend .flexcol3 .sttl span { font-size: 0.750rem; margin-left: 10px; }
  
  #Maintenance .flexcol2 > p { max-width: 100%; width: 100%; margin: 20px 0 0 0; font-size: 0.875rem; }
  #Maintenance .flexcol2 > p::after { padding-top: 64%; background: url("../../images/business/img_maintenance01_sp.jpg") no-repeat; background-size: 100% auto; margin-top: 20px; }
  #Maintenance .flexcol2 .table { width: 100%; margin-top: 20px; }
  #Maintenance .flexcol2 .table table { font-size: 0.875em; line-height: 1.5em; }
  #Maintenance .flexcol2 .table table td { vertical-align: middle; }
  
  #Choice ol { margin-top: 20px; }
  #Choice ol li { width: 100%; font-size: 0.875rem; }
  #Choice ol li + li { border-left: 1px solid #CCC; border-top: none; }
  #Choice ol li::before { width: 55px; height: 55px; left: 5px; top: 5px; }
  #Choice ol li strong { display: block; font-size: 1.250rem; min-height: auto; }
  #Choice ol li strong br { display: none; }
  
  #System .lease li .ttl::before { display: none; }
  #System .lease li .ttl { line-height: 1.3em; }

  
/*-----------------------------------------------------
事業内容 レンタカー
----------------------------------------------------- */
  #Rental .img { max-width: 320px; width: 100%; margin-left: auto; margin-right: auto; }
  #Rental p:first-of-type { max-width: 320px; width: 100%; font-size: 1.375rem; margin: 20px auto 0 auto; display: table; }
  #Rental p + p { max-width: 320px; width: 100%; margin-left: auto; margin-right: auto; }
  #Rental .btn { margin: 30px auto 0 auto; }

  #Fee01 table { font-size: 0.750rem; }
  #Fee01 table td:first-child { white-space: normal; width: 200px; }
  #Fee01 table td strong { display: block; margin-bottom: 5px; }
  #Fee01 table td .ttl br { display: none; }
  #Fee01 table td .ttl { font-size: 1.00rem; text-align: left; white-space: nowrap; }
  #Fee01 table td .details { margin-top: 20px; }
  #Fee01 table td.k .ttl::before,#Fee01 table td.s .ttl::before,#Fee01 table td.f .ttl::before,#Fee01 table td.t .ttl::before  { display: none; }

  #Fee02 ul { margin-top: 15px; font-size: 0.875rem; }
  #Fee02 .flexcol2 { margin-top: 20px; }
  #Fee02 .flexcol2 h3 { font-size: 1.188rem; }
  #Fee02 .flexcol2 dl { margin-top: 20px; font-size: 0.813rem; }
  #Fee02 .flexcol2 dl dt { width: 155px; }
  #Fee02 .flexcol2 dl dd { width: calc(100% - 155px); border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 10px; }
  #Fee02 p { margin-top: 15px; font-size: 0.875em; padding: 0; }
  #Fee02 p.border { font-size: 1.000rem; text-align: left; }
  #Fee02 .other { display: block; font-size: 0.875rem; }
  #Fee02 .other dt:nth-child(4n+1) { background: #FFF; }
  #Fee02 .other dd:nth-child(4n+2) { background: #FFF }
  #Fee02 .other dt { width: 100%; background: #f5f4f5!important; border-right: none; }
  #Fee02 .other dd { width: 100%; }

  #RentalShop .flexcol2 .column + .column { margin-top: 25px; }
  #RentalShop .flexcol2 .ttl { height: auto; line-height: 1.5em; padding: 5px 30px; }
  

/*-----------------------------------------------------
事業内容 各種カード
----------------------------------------------------- */
  .column3 { display: block; padding-bottom: 0%; overflow: hidden; }
  .column3 h3 { font-size: 1.125rem; margin-top: 20px; position: relative; z-index: 1;} 
  .column3 .img01,.column3 .img02,.column3 .img03 { margin-top: 40px; margin-bottom: 80px; }

  .column2 { display: block; }
  #Card .column2 h2:first-child { margin-top: 0; }
  #Card .column2 h2 { margin-top: 66px; }
  .column2 > p { fmargin-top: 20px; }
	
	#Point.column2 .img01,#Point.column2 .img02 { padding-bottom: 80px; overflow: hidden; }

  #Card .bnr { max-width: 320px; width: 100%; margin: 30px auto 0 auto; }
  
/*-----------------------------------------------------
事業内容 サポート
----------------------------------------------------- */
  #Support h2 { font-size: 1.188rem; }
  #Support p { font-size: 0.875em; margin-top: 20px; }

  .tire::before { display: none; }
  .tire p { width: 100%; }
  .tire ul { max-width: initial; width: 100%;}
  .tire ul li { width: 140px; margin-top: 20px; }
  .tire ul li:nth-child(1) { order: 0; }
  .tire ul li:nth-child(2) { order: 1; }
  .tire ul li:nth-child(3) { order: 2; }
  .tire ul li:nth-child(4) { order: 3; }
  .tire ul li:nth-child(5) { order: 4; }
  .tire ul li:nth-child(6) { order: 5; }
  .tire ul li:last-child { width: 131px; order: 6; }

  .oli,.supplies,.insurance { display: block; }
  .oli p,.supplies p { max-width: 100%; width: 100%; }
  .oli p img { display: block; margin: 20px auto 0 auto; max-width: 320px; width: 100%; }
  .oli .img { width: 90%; min-width: 285px; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; }
  .oli .img img { width: 176px; width: 45%; height: auto; margin-top: 30px; }

  .supplies .img { width: 100%; text-align: center; margin-top: 10px; }

  .insurance { margin-top: 15px; display: block; }
  .insurance li { margin: 0 auto; }
  .insurance li + li { margin-left: auto; }
  .insurance li:nth-child(3) { margin-top: 20px; }  
  
  
/*-----------------------------------------------------
事業内容 灯油
----------------------------------------------------- */
  #Shop .details { min-height: auto; }
  
  #TouyuFlow .txt { padding-top: 20px; }
  #TouyuFlow ol + p { max-width: 500px; width: 100%; margin: 20px auto 0 auto; }
  
  #Coin .column2 { flex-wrap: wrap; }
  #Coin p { font-size: 0.875rem; max-width: 592px; width: 100%; margin: 20px auto 0 auto; }
  #Coin .img { width: 100%; margin: 20px auto 0 auto; order: -1; }
  
/*-----------------------------------------------------
事業内容 コインランドリー
----------------------------------------------------- */
  .flexcol3 { flex-wrap: wrap; }
  .flexcol3 .column { max-width: initial; width: 100%; margin-top: 15px; }
  .flexcol3 .column + .column { margin-top: 35px; }

  #Price .flexcol2 { margin-top: 0; }
  #Price .flexcol2 table { width: 100%; margin-top: 20px; font-size: 0.813rem; }
  #Price .flexcol2 table td { padding: 10px 3%; }

/*-----------------------------------------------------
事業内容 コイン精米
----------------------------------------------------- */
  .flexcol2 { display: block; margin-top: 30px; }
  .flexcol2 .column {max-width: 100%; width: 100%; margin-top: 10px; }
  #Rice .details { padding-right: 0; }
  
/*-----------------------------------------------------
サービスステーション
----------------------------------------------------- */
  #Station .details { padding-right: 0; }
  #Station .details > div:not(.bnr) { min-height: auto; }

/*-----------------------------------------------------
会社案内
----------------------------------------------------- */
  #Company dl { font-size: 0.875em; margin-top: 25px; line-height: 1.7em; }
  #Company dl dt { width: 110px; padding: 10px; }
  #Company dl dd { width: calc(100% - 110px);padding: 10px; }
  #Map { margin-top: 20px; }
  
/*-----------------------------------------------------
採用情報
----------------------------------------------------- */
  .recruit p { font-size: 1.500rem!important; }
  
  .recruit::before { border-width: 25vw 0 25vw 25vw; border-color: transparent transparent transparent #f5f4f5; bottom: -33.5vw; left: 0; }
  #Employee h2,#Parttime h2 { font-size: 1.250rem; }
  #Employee .bgbox { padding: 15px; margin-top: 20px; }
  #Employee h3 { font-size: 1.188rem; padding: 5px 0 20px 0; }
  #Employee .txt { padding: 0; margin-top: 20px; }
  #Employee .txt p:first-child { cfont-size: 1.125rem; }
  #Employee .txt p:first-child + p { margin-top: 15px; font-size: 0.875rem; }
  #Employee .txt ul,#Parttime ul { font-size: 0.875rem; margin-top: 20px; }
  #Employee .txt ul + p { font-size: 0.750rem; }

  #Parttime .bgbox { padding: 30px 15px; margin-top: 20px; }
  #Parttime h3 { font-size: 1.188rem; margin-top: 35px; }
  #Parttime dl,#Parttime .bgbox p  { margin-top: 20px; font-size: 0.875rem; }

  #Contact h2 { border: none; font-size: 1.500rem; }
  #Contact h2::before { margin-right: 10px; width: 30px; height: 30px; }
  #Contact h2 + p { font-size: 0.875rem; line-height: 1.8em; }
  #Contact .tel { display: none; }

  
/*-----------------------------------------------------
フォーム
----------------------------------------------------- */
  #Form { overflow: hidden; }
  #Form h2 { font-size: 1.188rem; }

  #Form p { margin-top: 20px; font-size: 0.875rem; }
  #Form .table { overflow-x: scroll; }
  #Form .table table { white-space: nowrap; }
  #Form .table table th { padding: 20px; }
  #Form .table table td { padding: 20px; }
  #Form .table table td:first-child { font-size: 0.875rem; }
  #Form .table table td strong { font-size: 1.000rem; }
  #Form .table + p { margin-top: 10px; }
  #Form .table + p::before { content: "＜＜＜ スクロールしてください ＞＞＞"; display: block; text-align: center; color: #e50012; margin-bottom: 10px; }

  #Form ul { margin-top: 20px; line-height: 1.5em; font-size: 0.875rem; }

  #Form dl { margin-top: 20px; }
  #Form dl dt { width: 100%; border-right: 1px solid #CCC; padding: 10px 15px; text-align: center; font-size: 0.875rem; display: flex; justify-content: center; }
  #Form dl dt span { order: 10; }
  #Form dl dd { width: 100%; padding: 15px 10px; }
  #Form dl dt br { display: none; }
  #Form h3 { color: #e40a1f; margin-top: 15px; font-size: 0.938rem; }
  #Form h3 + p { margin-top: 5px; }
  #Form input[type="text"].year { max-width: 90px; }
  #Form input[type="text"].date { max-width: 45px; }
  #Form .submit { margin-top: 20px; }
  #Form .submit input { width: 280px; height: 40px; font-size: 1.000rem; }
  #Form .inline .mwform-radio-field { width: 100%; margin: 0; }
  #Form .inline .mwform-radio-field +  .mwform-radio-field { margin-top: 5px; }

/*-----------------------------------------------------
新着情報
----------------------------------------------------- */
  #News .flexcol2 { margin: 30px auto 0 auto; }
  #News article { width: 100%; }
  #News article dl dt { border-bottom: none; width: 100%; padding: 15px 0 0 0; }
  #News article dl dt span { width: 114px; margin-left: 15px; }
  #News article dl dd { width: 100%; padding: 10px 0 15px 0; }
  
  #News article p { margin-top: 20px; font-size: 0.875em; }

  #News aside { width: 100%; margin-top: 35px; }
  .wp-pagenavi { margin-top: 30px; }

  #NotFound .btn a { width: 280px; font-size: 1.000rem; }
}