﻿@charset "utf-8";
/*en-us
* ★★CSS for PC
------------------------------------------ */
.licenseNav { display: flex; justify-content: space-between; width: 650px; margin: auto auto 45px auto;}
.licenseNav>li { border-radius: 16px; border: 3px solid #54822B; box-sizing: initial; width: 300px; position: relative; display: flex; justify-content: center; align-items:start; font-size: 16px; font-weight: bold; color: #54822B; padding: 25px 0 35px 0; transition: all 0.2s ease;}
.licenseNav>li:before { position: absolute; width: 36px; height: 36px; display: block; content: ""; background: url(https://trvimg.r10s.jp/cars/contents/default/images/images202505/arrowDn.svg) 0 0 no-repeat; left: calc(50% - 18px); bottom: -20px; background-size: 100%;}
.licenseNav>li:hover { cursor: pointer; opacity: .8; transition: all 0.2s ease;}
.licenseNav>li dt { margin-bottom: 16px;}
.licenseNav>li dl { text-align: center;}
.licenseNav>li dd span { display: block;}
.licenseNav>li dd span>span { margin-bottom:10px;}
.otr { color: #fff; background: #54822B; font-size: 18px; border-radius: 6px; padding: 6px 16px 5px 16px; }

.pgH3 { font-size: 22px; text-align: center; color: #54822B; margin: auto auto 45px auto; max-width: 1200px; border-bottom: #54822B dotted 2px; padding-bottom: 25px;}
.h3Img { display: block; text-align: center; margin-top: 25px;}

.wdAuto { width: 1200px;}
.guidePgUl { width: 1200px; margin-left: auto; margin-right: auto; justify-content: start}
.guidePgUl_ty2 > li { width: 228px ; margin-right: 16px ; position: relative; box-sizing: initial; padding-left: 30px; padding-right: 30px; padding-bottom: 24px;}
.guidePgUl_ty2 > li:before { display: block; content: ""; width: 40px; height: 40px; background: url(https://trvimg.r10s.jp/cars/contents/default/images/images202505/plus.svg) 0 0 no-repeat; background-size: 100%; top: calc(50% - 20px); right: -28px; position: absolute; z-index: 10; }
.guidePgUl_ty2 > li:nth-child(1) { width: 530px;}
.guidePgUl_ty2 > li:last-child { margin-right: 0;}
.box { width: 100px; height: 100px; margin: 0 10px;}
.guidePgUl_ty2 > li:last-child:before { display: none;}
.lic > p img { margin: 0 auto 6px auto;}
.container { margin-top: 20px;}
.or_ { font-size: 28px; position: relative; }
.or_:before { width: 200px; height: 2px; background: #54822B; display: block; content: ""; position: absolute; top: 50%; right: -216px;}
.or_:after { width: 200px; height: 2px; background: #54822B; display: block; content: ""; position: absolute; top: 50%; left: -216px;}
.pgH3._noBoder { border: none; padding-bottom: 0; margin-bottom: 25px;}
.guidePgUl li img { max-width: 45px}
.lic > p { margin-bottom: 0;}
.pgH3 > div { display: flex; justify-content: center; align-items: center; margin-top: 16px;}
.h3Sml { color: #fff; border-radius: 6px; font-size: 20px; padding: 4px 16px 5px 16px; background: #54822B; }
.spc { font-style: normal; margin: 0 16px;}
.termSt { width: 1200px; margin: auto auto 60px auto; font-size: 14px; line-height: 1.5;}
.box p { line-height: 1.2;}
.lic > p span { margin-top: 0; margin-bottom: 0;}
.lic > p img { margin-bottom: 0px;}
.guidePgUl li img { width: auto; max-width: 100%; margin-bottom: 2px;}
.licenseNav > li dl img, .h3Img img { margin: auto!important;}
.guidePgUl > li h3 { font-weight: bold;}
h3.pgH3 { font-weight: bold;}
