@charset "utf-8";

/*========================

paper_driver.css

========================*/

body {
 min-width:1080px;
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#paperdriver #main_visual {
 background-color:var(--white);
 background-image:url(../img/paperdriver/bg_main_visual_left2.png);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:40vw auto;
 /*background-attachment: fixed;*/
 display: flex;
 flex-direction: column;
 overflow: hidden;
 padding: 0;
 position:relative;
 /*min-height:700px;*/
 z-index:1;
}

#paperdriver #main_visual #main_visual_cont {
 align-items:center;
 align-content:center;
 display:flex;
 flex:1;
 justify-content:center;
 position: relative;
 height:100%;
 width:100%;
}

#paperdriver #main_visual #main_visual_cont #figure_group {
 height:100%;
 width:100%;
 position:absolute;
}

#paperdriver #main_visual #main_visual_cont #figure_group figure {
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain;
 content:" ";
 position: absolute;
 width: 100%;
 height: 100%;
 opacity: 0;
 transition: opacity 1s cubic-bezier(0.48, 0.16, 0.33, 1),transform 1.5s cubic-bezier(0.59, -0.02, 0.33, 1);
 transition: opacity 1s ease-out, transform 1s ease-out;
 transition: opacity 1s ease,transform 1s cubic-bezier(0.3, 0.93, 0.58, 1);
 transform: scale(0.9) translateZ(0);
 transform-origin: left top;
}

#paperdriver #main_visual #main_visual_cont #figure_group.pc .p_left_top {
 background-image:url(../img/paperdriver/bg_main_visual_left_top.webp);
}

#paperdriver #main_visual #main_visual_cont #figure_group.pc .p_left_bottom {
 background-image:url(../img/paperdriver/bg_main_visual_left_bottom.webp);
}

#paperdriver #main_visual #main_visual_cont #figure_group.pc .p_center_bottom {
 background-image:url(../img/paperdriver/p_main_visual_center_bottom.webp);
}

#paperdriver #main_visual #main_visual_cont #figure_group.pc .p_right_top {
 background-image:url(../img/paperdriver/bg_main_visual_right_top.webp);
 transform-origin: right top;
}

#paperdriver #main_visual #main_visual_cont #figure_group.pc .p_right_bottom {
 background-image:url(../img/paperdriver/bg_main_visual_right_bottom.webp);
 transform-origin: right bottom;
}

#paperdriver #main_visual #main_visual_cont #figure_group .p_left_top.lazyloaded,
#paperdriver #main_visual #main_visual_cont #figure_group .p_left_bottom.lazyloaded,
#paperdriver #main_visual #main_visual_cont #figure_group .p_center_bottom.lazyloaded,
#paperdriver #main_visual #main_visual_cont #figure_group .p_right_top.lazyloaded,
#paperdriver #main_visual #main_visual_cont #figure_group .p_right_bottom.lazyloaded {
 opacity:1;
 transform: translate(0, 0);
}

#paperdriver #main_visual #main_visual_cont #page_title {
 align-items:center;
 align-content:center;
 display:flex;
 height:auto;
 justify-content:center;
 margin:auto;
 /*max-height:20vw;*/
 /*max-width:40vw;*/
 padding:0;
 z-index:2;
}

#paperdriver #main_visual #main_visual_cont #page_title.sp {
 display:none;
}

#paperdriver #main_visual #main_visual_cont #page_title img {
 /*width: auto;*/
 width:100%;
 height:100%;
 /*max-height:640px;*/
 /*margin-top:-3vw;*/
 opacity: 0;
 -webkit-transition: opacity 3s;
 transition: opacity 3s;
 object-fit: cover;
 position: relative;
 display: block;
 /*max-height: 460px;*/
}

#paperdriver #main_visual #main_visual_cont #page_title img.lazyloaded {
 opacity:1;
}

#paperdriver #main_visual #main_visual_cont #ansin {
 position:absolute;
 bottom:calc(15px + 5vw);
 right:3vw;
 z-index:25;
 width:28vw;
 max-width:220px;
 height:auto;
 z-index:10;
}

@media screen and (min-width:1280px) {
#paperdriver #main_visual #main_visual_cont #ansin {
 bottom:calc(15px + 3vw);
 right:7vw;
}
}

#paperdriver #main_visual #main_visual_cont #ansin img {
 width:100%;
 height:auto;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition:opacity 3s;
}

#paperdriver #main_visual #main_visual_cont #ansin img.lazyloaded {
 opacity:1;
}

/*---------------------------------------------
main
---------------------------------------------*/
#paperdriver #main {
 margin:-30px 0 0;
 padding:0 50px 50px 0;
 display:flex;
 max-width:1480px;
 position:relative;
 z-index:5;
}

@media screen and (min-width:1280px) {
#paperdriver #main {
 /*padding: 0 240px 50px 0;*/
}
}

#paperdriver #main #main_left {
 min-width:240px;
 /*max-width:300px;*/
 position:relative;
}

#paperdriver #main #main_cont {
 display:flex;
 flex-direction:column;
 flex:1;
 padding:0;
 position:relative;
 row-gap:30px;
 z-index:5;
}

#paperdriver #main #main_cont .section {
 background-color:var(--white);
 /*border-top:1px solid var(--gray_dd);*/
 border-radius:20px;
 padding:0 0 50px;
 position:relative;
 z-index:6;
}

#paperdriver #main #main_cont .section .section_title {
 display:flex;
}

#paperdriver #main #main_cont .section .section_title h2 {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:50px 0 100px; 
 position:relative;
 width:50%;
}

#paperdriver #main #main_cont .section .section_title h2:after {
 background-image: linear-gradient(90deg, rgba(18, 143, 205, 1) 0, rgba(18, 143, 205, 1) 33%, rgba(254, 229, 6, 1) 33%, rgba(254, 229, 6, 1) 66%, rgba(86, 193, 32, 1) 66%, rgba(86, 193, 32, 1) 100%);
 content:" ";
 height:5px;
 width:200px;
 left:50%;
 bottom:60px;
 margin-left:-100px;
 position:absolute; 
}

#paperdriver #main #main_cont .section .section_title h2 span {
 font-size: calc(2.2rem + ((1vw - 0.48rem) * 0.6944));
 font-weight: 600;
 line-height:1.3;
 text-align:center;
}

#paperdriver #main #main_cont .section .section_title h2 span.en {
 color:var(--gray_cc);
 font-size: 1.4rem;
 font-weight: 600;
 padding-top:15px;
}

#paperdriver #main #main_cont .section .section_title img {
 border-radius:0 0 0 10vw;
 width:50%;
 height:auto;
 object-fit:cover;
 object-position:center right;
 opacity:0;
 transition: opacity 3s;
}

#paperdriver #main #main_cont .section .section_title img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section > .pic {
 align-items:center;
 display:flex;
 justify-content:center;
 padding:50px 5vw 0;
 text-align:center;
}

#paperdriver #main #main_cont .section .pic img {
 height:auto;
 width:100%;
 /*max-width:800px;*/
 opacity:0;
 transition: opacity 3s;
}

#paperdriver #main #main_cont .section .pic img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section > p {
 font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
 padding:50px 5vw 0 5vw;
 line-height:2.0;
}

#paperdriver #main #main_cont .section .section_cont {
 border-top:1px solid var(--gray_dd);
 display:flex;
 flex-direction:column;
 margin-top:50px;
 padding:50px 60px;
 row-gap:50px;
}

#paperdriver #main #main_cont .section .section_cont h3 {
 font-weight:600;
 font-size:2.6rem;
 line-height:1.4;
 position:relative;
 text-align:center;
}

#paperdriver #main #main_cont .section .section_cont > p {
 font-size:1.5rem;
 line-height:1.8;
}

/*---------------------------------------------
lead
---------------------------------------------*/
#paperdriver #main #main_cont .section#lead {
 position:relative;
}

#paperdriver #main #main_cont .section#lead .symbol {
 display:flex;
 justify-content:center;
 margin-top:-5vw;
 margin-left:-40px;
}

#paperdriver #main #main_cont .section#lead .symbol img {
 height:auto;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:260px;
}

#paperdriver #main #main_cont .section#lead .symbol img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#lead .section_cont {
 border:none;
 display:flex;
 flex-direction:column;
 justify-content:center;
 margin:0;
 padding:0 60px;
 row-gap:20px;
}

#paperdriver #main #main_cont .section#lead .section_cont h2 {
 font-size: 2.8rem;
 font-weight: 600;
 line-height:1.6;
 text-align:center;
 width:100%;
}

#paperdriver #main #main_cont .section#lead .section_cont p {
 font-size: 1.6rem;
 line-height:1.8; 
}

#paperdriver #main #main_cont .section#lead .section_cont #case {
 display:flex;
 justify-content:center;
 padding:40px 0 0;
 width:100%;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont {
 column-gap:30px;
 display:flex;
 justify-content:space-between;
 width:100%;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case {
 align-items:center;
 border:1px solid var(--gray_dd);
 border-radius:10px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:65px 20px 20px;
 row-gap:10px;
 position:relative;
 width:calc(100% / 3 - 20px);
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .image {
 background-color:var(--green);
 border-radius:50px;
 display:flex;
 height:100px;
 justify-content:center;
 position:absolute;
 top:-50px;
 left:50%;
 margin-left:-50px;
 width:100px;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .image img {
 border-radius:50px;
 height:100px;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:100px;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .image img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .en {
 color:var(--gray_cc);
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl {
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:10px;
 width:100%;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl dt {
 font-size: 2.2rem;
 font-weight:600;
 line-height:1.5;
 text-align:center;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl dd {

}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl dd ul {
 display:flex;
 flex-direction:column;
 row-gap:5px;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl dd ul li {
 font-size: 1.4rem;
 line-height:1.6;
 padding-left:18px;
 position:relative;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case dl dd ul li:before {
 content:"\f111";
 color:var(--yellow);
 font-family:var(--icon);
 font-size:1.3rem;
 font-weight:600;
 position:absolute;
 left:0;
}

/*---------------------------------------------
about
---------------------------------------------*/
#paperdriver #main #main_cont .section#about {
 padding:0;
}

#paperdriver #main #main_cont .section#about .section_cont {
 row-gap:50px;
}

#paperdriver #main #main_cont .section#about .section_cont h3 {
 /*margin-bottom:50px;*/
}

/*--- point ---*/

#paperdriver #main #main_cont .section#about #point {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 margin-top:-30px;
}

#paperdriver #main #main_cont .section#about #point .pic {
 /*align-items:center;*/
 /*display:flex;*/
 /*justify-content:center;*/
 /*max-width:90%;*/
 opacity:0;
 text-align: center;
 transition: opacity 3s;
 width:100%;
}

#paperdriver #main #main_cont .section#about #point .pic.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#about #point .pic img {
 aspect-ratio: 1 / 1;
 /*height:100%;*/
 opacity:0;
 transition: opacity 3s;
 max-width:900px;
 width:100%;
}

#paperdriver #main #main_cont .section#about #point .pic img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#about #point ul {
 column-gap:20px;
 display:flex;
 /*flex-direction:column;*/
 flex-wrap:wrap;
 row-gap:30px;
}

#paperdriver #main #main_cont .section#about #point ul li {
 align-items:center;
 column-gap:30px;
 display:flex;
 justify-content:start;
 /*flex-wrap:wrap;*/
 flex-direction:column;
 padding:0;
 position:relative;
 width:calc(100% / 3 - 20px);
 flex:1 0 auto;
}

#paperdriver #main #main_cont .section#about #point ul li:before {
 background-color:rgba(232, 232, 232, 0.05);
 border-radius:20px;
 content:" ";
 /*height:80%;*/
 height:100%;
 left:0;
 position:absolute;
 /*top:10%;*/
 top:0;
 width:100%;
}

#paperdriver #main #main_cont .section#about #point ul li.safety:before {
 background-color:rgba(137, 186, 61, 0.05);
}

#paperdriver #main #main_cont .section#about #point ul li.trust:before {
 background-color:rgba(58, 182, 204, 0.05);
}

#paperdriver #main #main_cont .section#about #point ul li.flexible:before {
 background-color:rgba(62, 190, 149, 0.05);
}

#paperdriver #main #main_cont .section#about #point ul li .pic {
 align-items:center;
 display:flex;
 justify-content:center;
 opacity:0;
 transition: opacity 3s;
 position:relative;
 max-width:320px;
 width:80%;
 z-index:1;
}

#paperdriver #main #main_cont .section#about #point ul li .pic.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#about #point ul li dl {
 align-items:center;
 display:flex;
 flex:1;
 flex-direction:column;
 row-gap:30px;
 padding:10px 25px 25px;
}

#paperdriver #main #main_cont .section#about #point ul li dl dt {
 align-items:start;
 column-gap:30px;
 display:flex;
 flex-wrap:wrap;
 gap:10px;
}

#paperdriver #main #main_cont .section#about #point ul li dl dt span {
 background-color:var(--gray_33);
 border-radius:30px;
 color:var(--white);
 display:block;
 font-size:1.7rem;
 font-weight:600;
 padding:15px 25px;
 text-align:center;
 width:100%;
}

#paperdriver #main #main_cont .section#about #point ul li.safety dl dt span {
 background-color:#89BA3D;
}

#paperdriver #main #main_cont .section#about #point ul li.trust dl dt span {
 background-color:#3AB6CC;
}

#paperdriver #main #main_cont .section#about #point ul li.flexible dl dt span {
 background-color:#3EBE95;
}

#paperdriver #main #main_cont .section#about #point ul li dl dt span.blank {
 background-color:transparent; 
}

#paperdriver #main #main_cont .section#about #point ul li dl dd {
 flex:1;
 font-size:1.5rem;
 line-height:1.8;
}

#paperdriver #main #main_cont .section#about .section_cont .place,
#paperdriver #main #main_cont .section#about .section_cont .vehicle {
 background-color:var(--gray_f7);
 display:flex;
 flex-direction:column;
 padding:40px 50px 50px;
 row-gap:25px;
}

#paperdriver #main #main_cont .section#about .section_cont .place h4,
#paperdriver #main #main_cont .section#about .section_cont .vehicle h4 {
 align-items:start;
 color:var(--sub);
 display:flex;
 flex-direction:column;
 font-size: 2.4rem;
 font-weight: 600;
 justify-content:start;
 padding:0;
 position:relative;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul {
 column-gap:10px;
 display:flex;
 /*flex-wrap:wrap;*/
 justify-content:space-between;
 row-gap:30px;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li {
 align-items:center;
 display:flex;
 justify-content:center;
 text-align:center;
 position:relative;
 width:calc(100% / 2 - 40px);
 flex:1 0 300px;
 min-width:300px;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li:nth-child(2),
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li:nth-child(2) {
 font-size: 1.5rem;
 flex:1 1 50px;
 font-weight:600;
 line-height:1.6;
 min-width:50px;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl {
 background-color:var(--white);
 border:1px solid var(--gray_dd);
 display:flex;
 flex-direction:column;
 flex:1;
 justify-content:center;
 height:100%;
 padding:0;
 position:relative;
 width:100%;
 min-width:300px;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl:before,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl:before {
 content:" ";
 background-image:url(../img/sustainability/i_quote.png);
 height:32px;
 left:5vw;
 width:45px;
 top:-16px;
 position:absolute;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dt {
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dt img,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl dt img {
 object-fit:cover;
 object-position:center center;
 height:220px;
 min-width:220px;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:100%;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dt img.lazyloaded,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl dt img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dd,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl dd {
 align-items:center;
 display:flex;
 flex-grow:1;
 justify-content:center;
 position:relative;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dd:before,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl dd:before {
 background-color:rgba(23,67,87,0.8);
 bottom:0;
 content:" ";
 height:100%;
 left:0;
 position:absolute;
 width:100%;
 z-index:1;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li dl dd span,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li dl dd span {
 color:var(--white);
 display:block;
 font-size: 1.5rem;
 font-weight:600;
 line-height:1.6;
 padding:20px 10px;
 position:relative;
 z-index:2;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li .pic,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li .pic {
 display:flex;
}

#paperdriver #main #main_cont .section#about .section_cont .place .alert,
#paperdriver #main #main_cont .section#about .section_cont .vehicle .alert {
 padding:15px 25px;
}


#paperdriver #main #main_cont .section#about .section_cont .insurance {
 align-items:center;
 border:1px solid var(--gray_dd);
 border-radius:6px;
 column-gap:30px;
 display:flex;
 padding:25px 30px;
 display:none;
}

#paperdriver #main #main_cont .section#about .section_cont .insurance > img {
 width:80px;
}

#paperdriver #main #main_cont .section#about .section_cont .insurance dl {
 align-items:start;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:5px;
}

#paperdriver #main #main_cont .section#about .section_cont .insurance dl dt {
 align-items:center;
 color:#ea7768;
 display:flex;
 justify-content:center;
 column-gap:20px;
}

#paperdriver #main #main_cont .section#about .section_cont .insurance dl dt span {
 font-size: 2.1rem;
 font-weight:600;
 line-height:1.4;
}

#paperdriver #main #main_cont .section#about .section_cont .insurance dl dd {
 font-size: 1.4rem;
 line-height:1.8;
 flex:1 1 auto;
}

/*---------------------------------------------
course
---------------------------------------------*/
#paperdriver #main #main_cont .section#course .section_cont {
 padding-bottom:0;
}

.section#course .section_cont > ul {
 display:flex;
 flex-direction:column;
 row-gap:40px;
}

.section#course .section_cont > ul > li {
 border:1px solid var(--gray_dd);
 border-radius:10px;
 /*padding:30px;*/
}

.section#course .section_cont > ul > li > p {
 background-color:var(--sub);
 border-radius:10px 10px 0 0;
 color:var(--white);
 font-size:2.2rem;
 padding:15px;
 line-height:1.6;
 text-align:center;
}

.section#course .section_cont ul li .course_cont {
 column-gap:30px;
 display:flex;
 justify-content:space-between;
 padding:30px;
}

.section#course .section_cont ul li .course_cont .course_left {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1 1 50%;
 justify-content:start;
 max-width:calc(100% / 2 - 20px);
 row-gap:20px;
}

.section#course .section_cont ul li .course_cont .course_left figure {
 align-items:flex-end;
 display:flex;
 justify-content:center;
 position:relative;
}

.section#course .section_cont ul li .course_cont .course_left figure img {
 object-fit:cover;
 height:auto;
 width:100%;
 max-width:380px;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 position:relative;
 z-index:2;
}

.section#course .section_cont ul li .course_cont .course_left figure img.lazyloaded {
 opacity:1;
}

.section#course .section_cont ul li .course_cont .course_left figure:before {
 background-color: var(--pale_yellow);
 border-radius: 140px;
 content: " ";
 height: 100%;
 position: absolute;
 width: auto;
 top: 0;
 aspect-ratio: 1 / 1;
}

.section#course .section_cont ul li#trial .course_cont .course_left figure {
 align-items:center;
 padding:20px 0;
}

.section#course .section_cont ul li#one_day .course_cont .course_left figure {
 align-items:flex-end;
 /*background-color:var(--pale_yellow);*/
 border-radius:140px;
 height:280px;
 width:280px;
 aspect-ratio: 1 / 1;
}

.section#course .section_cont ul li#one_day .course_cont .course_left figure img {
 max-width:280px;
}

.section#course .section_cont ul li#two_day .course_cont .course_left figure  {
 align-items:flex-end;
 background-color:var(--pale_yellow);
 border-radius:140px;
 height:280px;
 width:280px;
}

.section#course .section_cont ul li#two_day .course_cont .course_left figure img {
 max-width:280px;
}

.section#course .section_cont ul li#parking .course_cont .course_left figure {
 width:100%; 
}133.242.249.61

.section#course .section_cont ul li#parking .course_cont .course_left figure img {
 object-fit:cover;
 object-position:center left;
 /*border-radius:140px;*/
 border-radius:0;
 height:280px;
 width:100%;
}

.section#course .section_cont ul li#parking .course_cont .course_left figure:before {
 background-color:transparent;
 content:none;
}

.section#course .section_cont ul li#highway .course_cont .course_left figure:before {
 background-color:transparent;
 content:none;
}

.section#course .section_cont ul li#senior_support .course_cont .course_left figure {
 align-items:flex-end;
 background-color:var(--pale_yellow);
 border-radius:140px;
 height:280px;
 width:280px;
}


.section#course .section_cont ul li .course_cont .course_left h3 {
 text-align:center;
}

.section#course .section_cont ul li .course_cont .course_left p {
 font-size: 1.6rem;
 line-height:1.8;
}

.section#course .section_cont ul li .course_cont .course_left p.limited {
 background-color:var(--blue);
 border-radius:20px;
 color:var(--white);
 display:inline-block;
 font-size:1.5rem;
 font-weight:600;
 margin:0 auto;
 padding:5px 15px;
 text-align:center;
 width:auto;
}

.section#course .section_cont ul li .course_cont .course_right {
 display:flex;
 flex-direction:column;
 flex:1 0 55%;
 min-width:calc(100% / 2 - 20px);
}

.section#course .section_cont ul li .course_cont .course_right .note {
 /*background-color:var(--gray_f2);*/
 border-radius:4px;
 display:flex;
 font-size:1.3rem;
 justify-content:center;
 margin-bottom:20px;
 padding:10px 10px;
 background-color: #d9edf7;
 border-color: #bce8f1;
 color: #3a87ad;
}

.section#course .section_cont ul li .course_cont .course_right .detail {
 border-top:2px dotted var(--gray_cc);
 display:flex;
 flex-direction:column;
 row-gap:15px;
 padding:30px 0;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl {
 column-gap:5px;
 display:flex;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl dt {
 align-items:start;
 column-gap:5px;
 display:flex;
 line-height:1.6;
 position:relative;
 width:110px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl dt:before {
 background-repeat:no-repeat;
 background-size:contain;
 content:" ";
 height:15px;
 left:0;
 top:0;
 position:absolute;
 width:15px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl.age dt:before {
 background-image:url(../img/paperdriver/i_age.png);
 left:1px;
 top:4px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl.course dt:before {
 background-image:url(../img/paperdriver/i_course.png);
 left:1px;
 top:4px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl.time dt:before {
 background-image:url(../img/paperdriver/i_time.png);
 left:1px;
 top:4px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl.car dt:before {
 background-image:url(../img/paperdriver/i_car.png);
 height:16px;
 top:3px;
 width:20px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl.location dt:before {
 background-image:url(../img/paperdriver/i_location.png);
 background-position:center center;
 height:17px;
 left:0;
 top:3px;
 width:17px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl dt span {
 font-size:1.5rem;
 font-weight:600;
 line-height:1.6;
 padding-left:23px;
}

.section#course .section_cont ul li .course_cont .course_right .detail dl dd {
 display:flex;
 flex-direction:column;
 flex:1;
 font-size:1.5rem;
 justify-content:center;
 line-height:1.6;
 row-gap:5px;
}

/*--- fee ---*/

.section#course .section_cont ul li .course_cont .course_right dl.fee {
 display:flex;
 flex-direction:column;
 padding-bottom:20px;
 row-gap:10px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dt {
 position:relative;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dt:before {
 /*background-image:url(../img/paperdriver/i_yensign.png);*/
 /*background-repeat:no-repeat;*/
 /*background-size:contain;*/
 /*content:" ";*/
 content:"\f157";
 color:var(--gray_9f);
 font-family:var(--icon);
 font-size:1.5rem;
 font-weight:600;
 /*height:15px;*/
 left:2px;
 top:4px;
 position:absolute;
 /*width:15px;*/
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dt span {
 font-size:1.5rem;
 font-weight:600;
 line-height:1.6;
 padding-left:21px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd {
 display:flex;
 flex-direction:column;
 row-gap:10px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd ul {
 column-gap:20px;
 display:flex;
 justify-content:space-between;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd ul li {
 display:flex;
 flex-direction:column;
 flex:1;
 justify-content:center;
 row-gap:10px;
 position:relative;
 width:calc(100% / 2 - 10px);
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd ul li:before {
 background-color:var(--gray_cc);
 content:" ";
 height:100%;
 left:-10px;
 position:absolute;
 top:0;
 width:1px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd ul li:first-child:before {
 content:none;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .per {
 align-items:center;
 display:flex;
 flex-direction:column;
 font-size:1.5rem;
 justify-content:center;
 row-gap:3px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .per span {

}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price {
 display:flex;
 justify-content:center;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price > span {
 font-weight:600;
 font-size:4.8rem;
 font-family: 'Roboto';
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price .tax {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:4px;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price .tax span:first-child {
 font-size:1.0rem;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price .tax span:nth-child(2) {
 font-size:1.8rem;
 font-weight:600;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd ul li > p {
 font-size:1.0rem;
 text-align:center;
}

.section#course .section_cont ul li .course_cont .course_right .option {
 border-top:2px dotted var(--gray_cc);
 display:flex;
 flex-direction:column;
 padding-top:20px;
 row-gap:10px;
}

.section#course .section_cont ul li .course_cont .course_right .option > dl {
 display:flex;
 flex-direction:column;
 row-gap:10px; 
}

.section#course .section_cont ul li .course_cont .course_right .option > dl > dt {
 position:relative;
}

.section#course .section_cont ul li .course_cont .course_right .option > dl > dt:before {
 background-image:url(../img/paperdriver/i_option.png);
 background-repeat:no-repeat;
 background-size:contain;
 content:" ";
 height:15px;
 left:0;
 top:4px;
 position:absolute;
 width:15px;
}

.section#course .section_cont ul li .course_cont .course_right .option > dl > dt span {
 font-size:1.5rem;
 font-weight:600;
 line-height:1.6;
 padding-left:21px;
}

.section#course .section_cont ul li .course_cont .course_right .option > dl > dd {
 display:flex;
 flex-direction:column;
 flex-grow:1;
 font-size:1.5rem;
 justify-content:center;
 line-height:1.6;
 row-gap:5px;
}

.section#course .section_cont ul li .course_cont .course_right .option ul {
 display:flex;
 justify-content:space-between;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li {
 background-color:var(--gray_f7);
 border-radius:6px;
 width:calc(100% / 2 - 10px);
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl {
 border-radius:6px;
 display:flex;
 flex-direction:column;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dt {
 background-color:var(--sub);
 border-radius:6px 6px 0 0;
 color:var(--white);
 font-size: 1.5rem;
 padding:10px;
 text-align:center;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd {
 border-radius:0 0 6px 6px;
 display:flex;
 flex-direction:column;
 padding:20px;
 row-gap:10px;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .per {
 display:flex;
 font-size:1.5rem;
 justify-content:center;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .price {
 display:flex;
 justify-content:center;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .price > span {
 font-weight:600;
 font-size:3.2rem;
 font-family: 'Roboto';
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .price .tax {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:4px;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .price .tax span:first-child {
 font-size:0.8rem;
}

.section#course .section_cont ul li .course_cont .course_right .option ul li dl dd .price .tax span:nth-child(2) {
 font-size:1.8rem;
 font-weight:600;
}

/*--- off ---*/
.section#course .section_cont ul li .course_cont .course_right .option ul li.off {}
.section#course .section_cont ul li .course_cont .course_right .option ul li.off dl dt {
 background-color:var(--gray_cc);
 color:var(--white);
}

.section#course .section_cont ul li .course_cont .course_right .option ul li.off dl dd {
 color:var(--gray_cc);
}

/*---------------------------------------------
flow
---------------------------------------------*/
#paperdriver #main #main_cont .section#flow {
 padding:0;
}

#paperdriver #main #main_cont .section#flow .section_cont {
 row-gap:40px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol {
 column-gap:40px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 padding-top:10px;
 width:100%;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1 0 auto;
 justify-content:start;
 max-width:calc(100% / 4 - 30px);
 row-gap:20px;
 padding:0;
 position:relative;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li:before {
 content:"\f054";
 color:var(--black);
 font-family:var(--icon);
 font-size:1.6rem;
 font-weight:600;
 position:absolute;
 left:-25px;
 top:calc(5vw + 20px);
}

#paperdriver #main #main_cont .section#flow .section_cont ol li:first-child:before {
 content:none;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li .number {
 align-items:center;
 display:flex;
 justify-content:center;
 position:absolute;
 top:-20px;
 left:50%;
 margin-left:-20px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li .number span {
 background-color:var(--sub);
 border-radius:20px;
 color:var(--white);
 font-size:1.5rem;
 font-weight:600;
 height:40px;
 line-height:40px;
 text-align:center;
 width:40px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li figure {
 border:1px solid var(--gray_cc);
 border-radius:10px;
 flex:1;
 padding:10px 0 0;
 /*overflow: hidden;*/
 /*min-height: 170px;*/
 /*aspect-ratio: 48 / 40;*/
 width: 100%;
 height: auto;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li figure img {
 border-radius:10px;
 object-position:right bottom;
 object-fit:contain;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 /*max-height:200px;*/
 aspect-ratio: 48 / 40;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li figure img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl {
 display:flex;
 flex-direction:column;
 flex:2;
 justify-content:center;
 row-gap:10px;
 width:100%;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl dt {
 font-size:1.8rem;
 font-weight:600;
 text-align:center;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl dd {
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 font-size:1.4rem;
 flex:1;
 line-height:1.8;
 row-gap:0;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl dd p.note {
 font-size:1.0rem;
}

/*--- meeting ---*/

.section#flow .section_cont .meeting {
 border:1px solid var(--gray_cc);
 border-radius:6px;
 column-gap:30px;
 display:flex;
 justify-content:space-between;
 padding:30px 30px 0;
}

.section#flow .section_cont .meeting figure {
 height: auto;
 width: 160px;
 display: flex;
 align-content: flex-end;
 align-items: flex-end;
}

.section#flow .section_cont .meeting figure img {
 object-fit:cover;
 object-position:center top;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 max-height:160px;
 width:100%;
}

.section#flow .section_cont .meeting figure img.lazyloaded {
 opacity:1;
}

.section#flow .section_cont .meeting dl {
 align-items:center;
 align-content:center;
 column-gap:20px;
 display:flex;
 flex-wrap:wrap;
 flex:1;
 justify-content:start;
 padding-bottom:30px;
 row-gap:15px;
}

.section#flow .section_cont .meeting dl dt {
 align-items:center;
 display:flex;
 font-size:2.2rem;
 font-weight:600;
 line-height:1.4;
 justify-content:center;
 min-width:120px;
 position:relative;
}

.section#flow .section_cont .meeting dl dt:after {
 background-color:var(--yellow);
 bottom:-3px;
 content:" ";
 height:6px;
 position:absolute;
 width:100%;
 z-index:0;
}

.section#flow .section_cont .meeting dl dd {
 font-size:1.4rem;
 flex:0 1 auto;
 line-height:1.8;
}

.section#flow .section_cont .meeting dl dd a {
 color:var(--link);
}

.section#flow .section_cont .meeting dl dd a.tel {
 color:var(--black);
}

.section#flow .section_cont .meeting dl dd a:hover {
 color:var(--orange);
}

/*---------------------------------------------
conversion
---------------------------------------------*/
#paperdriver #main #main_cont .section#conversion {
 background-color:transparent;
 position:relative;
 z-index:1;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 padding:0; 
 z-index:8; 
}

#paperdriver #main #main_cont .section#conversion.lazyloaded {
 opacity:1;
}

/*---------------------------------------------
service_area
---------------------------------------------*/
#paperdriver #main #main_cont .section#service_area {
 padding:0;
}

#paperdriver #main #main_cont .section#service_area .section_cont {
 row-gap:20px;
}

#paperdriver #main #main_cont .section#service_area .section_cont h3 {
 margin-bottom:40px;
}

#paperdriver #main #main_cont .section#service_area .section_cont > p {
 
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap {
 background-color:var(--gray_f2);
 padding:25px;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map {
 height: 650px;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width: 100%;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map .instructor {
 margin-bottom:10px;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map .text {
 font-size:1.2rem;
}

#paperdriver #main #main_cont .section#service_area .section_cont .table_list_a ul li dl dt br {
 display:none;
}

/*---------------------------------------------
belongings
---------------------------------------------*/
#paperdriver #main #main_cont .section#belongings {
 padding:0;
}

#paperdriver #main #main_cont .section#belongings .section_cont {
 row-gap:40px;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul {
 column-gap:20px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 padding-top:10px;
 row-gap:30px;
 width:100%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:0 1 auto;
 justify-content:start;
 /*max-width:calc(100% / 5 - 20px);*/
 width:calc(100% / 5 - 20px);
 row-gap:20px;
 padding:0;
 position:relative;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:2;
 justify-content:center;
 row-gap:15px;
 width:100%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dt {
 align-items:center;
 border:1px solid var(--gray_cc);
 border-radius:80px;
 display:flex;
 /*flex:0 1 130px;*/
 justify-content:center;
 padding:15px 20px;
 /*max-height:160px;*/
 max-width:160px;
 aspect-ratio:1 / 1;
 height:auto;
 width:100%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dt img {
 height:auto;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:50%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dt img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:first-child dl dt img {
 aspect-ratio: 168 / 122;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:nth-child(2) dl dt img {
 aspect-ratio: 168 / 233;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:nth-child(3) dl dt img {

}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:nth-child(4) dl dt img {
 max-height:20px;
 width:auto;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:nth-child(5) dl dt img {
 /*max-height:40px;*/
 min-width:60%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dd {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:start;
 flex-grow:1;
 row-gap:10px;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dd span {
 font-size: 1.6rem;
 font-weight: 600;
 line-height:1.6;
 text-align:center;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dd span.note {
 font-weight: 400;
 font-size: 1.0rem;
}

/*---------------------------------------------
payment
---------------------------------------------*/
#paperdriver #main #main_cont .section#payment {
 padding:0;
}

#paperdriver #main #main_cont .section#payment .section_cont {
 row-gap:20px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul {
 column-gap:40px;
 display:flex;
 justify-content:space-between;
 padding-top:10px;
 width:100%;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1 0 auto;
 justify-content:start;
 max-width:calc(100% / 3 - 20px);
 row-gap:20px;
 padding:0;
 position:relative;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl {
 display:flex;
 flex-direction:column;
 flex:2;
 justify-content:center;
 row-gap:15px;
 width:100%;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dt {
 align-items:center;
 border:1px solid var(--gray_cc);
 border-radius:6px;
 display:flex;
 flex-direction:column;
 flex:0 1 130px;
 justify-content:start;
 padding:25px 20px 20px;
 row-gap:15px;
 min-height: 100px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dt img {
 max-height:60px;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:auto;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dt img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li:first-child dl dt img {
 max-height:40px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li:nth-child(2) dl dt img {
 max-height:40px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li:nth-child(3) dl dt img {
 max-height:40px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li:nth-child(4) dl dt img {
 max-height:40px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dt span {
 font-size: 1.4rem;
 font-weight: 600;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd {
 align-items:start;
 display:flex;
 flex-direction:column;
 justify-content:start;
 flex:2;
 row-gap:10px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd img {
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd img.lazyloaded {
 opacity:1;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd span {
 font-size: 1.3rem;
 line-height:1.6;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd span.note {
 font-weight: 400;
 font-size: 1.0rem;
}

/*---------------------------------------------
faq
---------------------------------------------*/s
#paperdriver #main #main_cont .section#faq {
 padding:0;
}

#paperdriver #main #main_cont .section#faq .section_cont {
 border-top:none;
 margin:0;
 padding:0 50px;
}

#paperdriver #main #main_cont .section#faq .section_title figure {
 align-items:center;
 display:flex;
 /*height:100px;*/
 justify-content:center;
}

#paperdriver #main #main_cont .section#faq .section_title figure img {
 /*height:60px;*/
 width:auto;
}

#paperdriver #main #main_cont .section#faq .section_cont ol {
 display:flex;
 flex-direction:column;
 row-gap:20px;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li {
 width:100%;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl {
 display:flex;
 flex-direction:column;
 row-gap:0;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt {
 background-color:var(--whtie);
 border-radius:6px;
 border:1px solid var(--gray_dd);
 font-size:1.5rem;
 line-height:1.4;
 padding:20px 30px 20px 40px;
 position:relative;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt:hover {
 background-color:var(--light_yellow);
 cursor:pointer;
 color:var(--green);
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt:before {
 background-image:url(../img/paperdriver/circle-q-solid-full.svg);
 background-size:contain;
 content:" ";
 color:var(--green);
 height:24px;
 left:10px;
 top:18px;
 position:absolute;
 width:24px;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt:after {
 content:"\f054";
 font-family:var(--icon);
 font-size:1.1rem;
 font-weight:600;
 position:absolute;
 right:15px;
 top:50%;
 margin-top:-7px;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt.active {
 background-color:var(--light_yellow);
 border-radius:6px 6px 0 0;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dt.active:after {
 content:"\f078";
 color:var(--green);
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dd {
 border-right:1px solid var(--gray_dd);
 border-bottom:1px solid var(--gray_dd);
 border-left:1px solid var(--gray_dd);
 border-radius:0 0 6px 6px;
 display:none;
 font-size:1.5rem; 
 line-height:1.8;
 padding:10px 10px 10px 40px;
 position:relative;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dd:after {
 background-image:url(../img/paperdriver/circle-a-solid-full.svg);
 background-size:contain;
 content:" ";
 height:24px;
 left:10px;
 top:13px;
 position:absolute;
 width:24px;
}

#paperdriver #main #main_cont .section#faq .section_cont ol li dl dd a {
 color:var(--link);
}

/*---------------------------------------------
left_nav
---------------------------------------------*/
#paperdriver #left_nav {
 /*background-image: linear-gradient(90deg, rgba(58, 182, 204, 1), rgba(62, 190, 149, 1));*/
 border-radius:0 12px 12px 0;
 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
 padding:0;
 position:absolute;
 left:0;
 top:0;
 z-index:11;
 width:260px;
 transition: transform 0.5s ease, top 0.5s ease;
 transform: translateY(0);
}

#paperdriver #left_nav.fixed {
 position:fixed;
}

#paperdriver #left_nav #left_nav_cont {
 /*background-color:var(--yellow);*/
 /*background-color:var(--sub);*/
 background-color:var(--sub);
 border-radius:0 20px 0 0; 
 padding:30px 0 0;
}
#paperdriver #left_nav #left_nav_cont dl {}
#paperdriver #left_nav #left_nav_cont dl dt {
 color:var(--white);
 /*color:var(--black);*/
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
 font-weight:600;
 text-align:center;
}

#paperdriver #left_nav #left_nav_cont dl dd {
margin-top:25px;
}

#paperdriver #left_nav #left_nav_cont dl dd ol {
 display:flex;
 flex-direction:column;
 position:relative;
}

#paperdriver #left_nav #left_nav_cont dl dd ol:before {
 background-color: rgba(255, 255, 255, 0.5);
 content:" ";
 height:1px;
 width:calc(100% - 60px);
 position:absolute;
 left:30px;
 top:0;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 font-weight:600;
 padding:10px 30px;
 position:relative;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 padding:20px 15px 20px 0;
 position:relative;
 width:100%;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a span {
 color:var(--white);
 /*color:var(--dark_black);*/
 font-size: 1.6rem;
 position:relative;
 z-index:3;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li:before {
 background-color: rgba(255, 255, 255, 0.5);
 content:" ";
 height:1px;
 width:calc(100% - 60px);
 position:absolute;
 left:30px;
 bottom:0;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li:last-child:before {
 content:none;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a:hover:before {
 /*background-color: rgba(255, 255, 255, 0.3);*/
 background-color: var(--yellow);
 border-radius:6px;
 content:" ";
 cursor:pointer;
 height:100%;
 position:absolute;
 left:-20px;
 top:0;
 width:calc(100% + 40px);
 padding:0 20px;
 z-index:2;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a:hover span {
 color:var(--black);
 cursor:pointer;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a:after {
 content:"\f054";
 color:var(--white);
 /*color:var(--dark_black);*/
 font-family:var(--icon);
 font-weight:600;
 right:0;
 top:50%;
 margin-top:-6px;
 position:absolute;
 font-size:1rem;
 z-index:3;
}

#paperdriver #left_nav #left_nav_cont dl dd ol li a:hover:after {
 color:var(--black);
}

#paperdriver #left_nav #left_nav_conversion {
 background-color:var(--white);
 border-radius:0 0 12px 0;
 display:flex;
 flex-direction:column;
 padding:20px 25px 25px;
 row-gap:15px;
}

#paperdriver #left_nav #left_nav_conversion .tel {
 display:flex;
 flex-direction:column;
 row-gap:10px;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl {
 display:flex;
 flex-direction:column;
 row-gap:15px;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl > dt {
 align-items:center;
 /*background-color:var(--dark_black);*/
 /*background-color:var(--sub);*/
 background-color:var(--gray_ee);
 border-radius:20px;
 /*color:var(--white);*/
 display:flex;
 justify-content:center;
 font-size:1.3rem;
 font-weight:600;
 line-height:1;
 padding:6px 10px;
 position:relative;
 text-align:center;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl > dt:after {
 background-color: var(--gray_ee);
 width: 20px;
 height: 16px;
 content: " ";
 clip-path: polygon(0 0, 100% 0%, 50% 100%);
 position: absolute;
 left: 50%;
 margin-left: -10px;
 bottom: -10px;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl > dd a {
 align-items:center;
 display:flex;
 justify-content:center;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl > dd a img {
 width: 100%;
 height: 100%;
 aspect-ratio: 261 / 27;
}

#paperdriver #left_nav #left_nav_conversion .tel > dl > dd a:hover img {
 opacity:0.7;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour {
 align-items:center;
 column-gap:5px;
 display:flex;
 justify-content:start;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour > p {
 align-items: center;
 background-color: var(--dark_black);
 border-radius: 20px;
 color: var(--white);
 display: flex;
 justify-content: center;
 font-size: 1.0rem;
 font-weight: 600;
 line-height: 1;
 padding: 5px 5px;
 text-align: center;
 white-space: nowrap;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul {
 display:flex;
 flex-direction:column;
 flex-grow:1;
 row-gap:10px;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li {

}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li dl {
 align-items:center;
 column-gap:3px;
 display:flex;
 justify-content:start;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li dl dt {
 font-size: 1.3rem;
 padding:3px;
 white-space: nowrap;
 min-width:50px;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li dl dd {
 letter-spacing:-0.03em;
 line-height:1.6;
 white-space: nowrap;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li dl dd span:first-child {
 font-size: 1.5rem;
 font-family: Arial;
 font-weight:600;
 letter-spacing:-0.01em;
}

#paperdriver #left_nav #left_nav_conversion .tel .open_hour ul li dl dd span:nth-child(2) {
 font-size: 1.1rem;
 letter-spacing:-0.03em;
}



#paperdriver #left_nav #left_nav_conversion #left_nav_conversion_bottom {
 display:flex;
 flex-direction:column;
 row-gap:15px;
}

#paperdriver #left_nav #left_nav_conversion .entry a {
 background-color:var(--orange);
 border-radius:30px;
 border:2px solid var(--orange);
 color:var(--white);
 display:flex;
 justify-content:center;
 font-size: 1.3rem;
 font-weight:600;
 line-height:1;
 letter-spacing:-0.05em;
 padding:14px 18px;
 position:relative;
 white-space: nowrap;
}

#paperdriver #left_nav #left_nav_conversion .entry a:after {
 content:"\f054";
 color:var(--white);
 font-family:var(--icon);
 font-size: 1.0rem;
 font-weight:600;
 right:10px;
 top:50%;
 margin-top:-6px;
 opacity:0.7;
 position:absolute;
 z-index:3;
}

#paperdriver #left_nav #left_nav_conversion .entry a:hover {
 background-color:var(--white);
 color:var(--orange);
}

#paperdriver #left_nav #left_nav_conversion .entry a:hover:after {
 color:var(--orange);
}

#paperdriver #left_nav #left_nav_conversion .contact {
}

#paperdriver #left_nav #left_nav_conversion .contact a {
 align-items:center;
 background-color:var(--blue);
 border-radius:25px;
 border:2px solid var(--blue);
 display:flex;
 justify-content:center;
 letter-spacing:-0.05em;
 padding:15px 10px 15px 0;
 position:relative;
 white-space: nowrap;
}

#paperdriver #left_nav #left_nav_conversion .contact a:after {
 content:"\f054";
 color:var(--white);
 font-family:var(--icon);
 font-size: 1.0rem;
 font-weight:600;
 right:10px;
 top:50%;
 margin-top:-6px;
 opacity:0.7;
 position:absolute;
 z-index:3;
}

#paperdriver #left_nav #left_nav_conversion .contact a span {
 color:var(--white);
 font-weight:600;
 font-size: 1.3rem;
 text-align:center;
}

#paperdriver #left_nav #left_nav_conversion .contact a img {
 height:35px;
 width:62px;
 left:50%;
 margin-left:-31px;
 top:-18px;
 position:absolute;
}

#paperdriver #left_nav #left_nav_conversion .contact a:hover {
 background-color:var(--white);
}

#paperdriver #left_nav #left_nav_conversion .contact a:hover:after {
 color:var(--blue);
}

#paperdriver #left_nav #left_nav_conversion .contact a:hover span {
 color:var(--blue);
}

/*---------------------------------------------
private_lesson
---------------------------------------------*/
.section .section_cont .private_lesson {
 border:1px solid var(--gray_cc);
 border-radius:6px;
 column-gap:30px;
 display:flex;
 justify-content:space-between;
 padding:30px 30px 0;
}

.section .section_cont .private_lesson figure {
 height: auto;
 width: 160px;
 display: flex;
 align-content: flex-end;
 align-items: flex-end;
}

.section .section_cont .private_lesson figure img {
 object-fit:cover;
 object-position:center top;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 max-height:160px;
 width:100%;
}

.section .section_cont .private_lesson figure img.lazyloaded {
 opacity:1;
}

.section .section_cont .private_lesson dl {
 align-items:start;
 align-content:center;
 column-gap:30px;
 display:flex;
 flex-wrap:wrap;
 flex:1;
 justify-content:start;
 padding-bottom:20px;
 row-gap:20px;
}

.section .section_cont .private_lesson dl dt {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:3px;
}

.section .section_cont .private_lesson dl dt span:first-child {
 font-size: 3.0rem;
 font-weight:600;
 line-height:1.4;
}

.section .section_cont .private_lesson dl dt span:nth-child(2) {
 background-color:var(--blue);
 border-radius:3px;
 color:var(--white);
 font-size: 1.3rem;
 font-weight:600;
 line-height:1.4;
 padding:3px 10px;
}

.section .section_cont .private_lesson dl dd:nth-child(2) {
 display:flex;
 flex-direction:column;
 justify-content:center;
 flex:0 1 auto;
 row-gap:5px;
}

.section .section_cont .private_lesson dl dd:nth-child(2) p {
 text-align:center;
 padding-top:5px;
}

.section .section_cont .private_lesson dl dd .per {
 display:flex;
 font-size:1.4rem;
 justify-content:center;
}

.section .section_cont .private_lesson dl dd .price {
 display:flex;
 justify-content:center;
 row-gap:3px;
}

.section .section_cont .private_lesson dl dd .price > span {
 font-weight:600;
 font-size:4.8rem;
 font-family: 'Roboto';
}

.section .section_cont .private_lesson dl dd .price .tax {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:4px;
}

.section .section_cont .private_lesson dl dd .price .tax span:first-child {
 font-size:1.0rem;
 display:block;
 white-space: nowrap;
}

.section .section_cont .private_lesson dl dd .price .tax span:nth-child(2) {
 font-size:1.8rem;
 font-weight:600;
}

.section .section_cont .private_lesson dl dd .price p {
 font-size:1.0rem;
}

.section .section_cont .private_lesson dl dd:nth-child(3) {
 flex:1 1 400px;
 padding-left:0;
}

.section .section_cont .private_lesson dl dd:nth-child(3) p {
 font-size:1.4rem;
 line-height:1.8;
}