@charset "utf-8";

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

sp_paper_driver.css

========================*/
@media screen and (max-width:768px) {

body {
min-width: 100%;
}

/*---------------------------------------------
main
---------------------------------------------*/
#paperdriver #main {
 max-width:100%;
 margin: -10px 0 0;
 padding:0 10px 10px;
}

#paperdriver #main #main_cont {
 row-gap:10px;
}

#paperdriver #main #main_left {
 display:none;
}

#paperdriver #main #main_cont .section .section_title {
 background-color:var(--gray_ee);
 flex-direction:column;
}

#paperdriver #main #main_cont .section .section_title h2 {
 background-color:var(--white);
 padding: 50px 0 80px;
 width:100%;
}

#paperdriver #main #main_cont .section .section_title h2:after {
 bottom:40px;
}

#paperdriver #main #main_cont .section .section_title img {
 border-radius: 0;
 height: 200px;
 margin:0 auto;
 max-width:380px;
 object-fit: cover;
 object-position:center top;
 width:100%;
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
 background-size:45vw auto;
}

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

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

#main_visual #main_visual_cont #page_title.sp img {
}

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

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

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

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

#main_visual #main_visual_cont #figure_group.sp .p_right_bottom {
 background-image:url(../../img/paperdriver/bg_main_visual_right_bottom_sp.png);
 transform-origin: right bottom;
}

#paperdriver #main #main_cont .section .section_cont h3 {
 font-size: calc(2.3rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.6;
}

#paperdriver #main #main_cont .section .section_cont > p {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.8;
}

#paperdriver #main #main_cont .section .section_cont > p a {
 color:var(--link);
}

/*---------------------------------------------
lead
---------------------------------------------*/
#paperdriver #main #main_cont .section#lead {
 padding:0 0 5vw;
}

#paperdriver #main #main_cont .section#lead .symbol {
 margin-top:-40px;
}

#paperdriver #main #main_cont .section#lead .symbol img {
 height: auto;
 width:40vw;
 max-width:200px;
}

#paperdriver #main #main_cont .section#lead .section_cont {
 padding: 0 5vw;
 row-gap:15px;
}

#paperdriver #main #main_cont .section#lead .section_cont h2 {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
}

#paperdriver #main #main_cont .section#lead .section_cont p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

#paperdriver #main #main_cont .section#lead .section_cont #case {
 flex-direction:column;
 padding:30px 0 0;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont {
 flex-direction:column;
 row-gap:50px;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case {
 padding:55px 20px 20px;
 width:100%;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .image {
 border-radius:40px;
 height:80px;
 margin-left: -40px;
 top:-40px;
 width:80px;
}

#paperdriver #main #main_cont .section#lead .section_cont #case #case_cont .case .image img {
 border-radius:40px;
 height:80px;
 width:80px;
}

/*---------------------------------------------
about
---------------------------------------------*/
#paperdriver #main #main_cont .section#about {}

#paperdriver #main #main_cont .section#about .section_cont {
 margin-top:0;
 padding:35px 20px 20px;
 row-gap:30px;
}

#paperdriver #main #main_cont .section#about .section_cont .place,
#paperdriver #main #main_cont .section#about .section_cont .vehicle {
 align-items: center;
 justify-content: center;
 padding:25px 15px 15px;
 row-gap:20px;
}

#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;
}

#paperdriver #main #main_cont .section#about .section_cont .place h4,
#paperdriver #main #main_cont .section#about .section_cont .vehicle h4 {
 align-items:center;
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
 justify-content:center;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul {
 column-gap:30px;
 row-gap:10px;
 /*max-width:400px;*/
 flex-wrap:nowrap;
 position:relative;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li {
 /*width:100%;*/
 width:calc(100% / 2 - 20px);
 min-width:calc(100% / 2 - 20px);
 flex:0 1 300px;
 z-index:1;
}

#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) {
 align-items:center;
 background-color:var(--white);
 border-radius:50px;
 display:flex;
 justify-content:center;
 width: 50px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -25px;
 margin-left: -25px;
 z-index:2;
}

#paperdriver #main #main_cont .section#about .section_cont .place ul li:nth-child(2) span,
#paperdriver #main #main_cont .section#about .section_cont .vehicle ul li:nth-child(2) span {
 background-color:var(--green);
 border-radius:25px;
 color:var(--white);
 display:block;
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
 height:50px;
 line-height:50px;
 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 {
 min-width:auto;
}

#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 {
 height:auto;
 min-width:100%;
}

#paperdriver #main #main_cont .section#about #point .pic {
 padding:20px 0;
}

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

#paperdriver #main #main_cont .section#course .section_cont {
 margin-top:0;
 padding:35px 20px 20px;
 row-gap:20px;
}

.section#course .section_cont > ul {
 row-gap:20px;
}

.section#course .section_cont > ul > li > p {
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont {
 flex-direction:column;
 padding:20px;
 row-gap:20px;
}

.section#course .section_cont ul li .course_cont .course_left {
 flex:1 1 100%;
 max-width:100%;
}

.section#course .section_cont ul li .course_cont .course_left p {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); 
 width:100%;
}

.section#course .section_cont ul li .course_cont .course_left p br {
 display:none;
}

.section#course .section_cont ul li#two_day .course_cont .course_left figure {
 height: 240px;
 width: 240px;
}

.section#course .section_cont ul li .course_cont .course_left figure img {
 width:60vw;
 min-width:240px;
}

.section#course .section_cont ul li#one_day .course_cont .course_left figure img,
.section#course .section_cont ul li#two_day .course_cont .course_left figure img {
 width:60vw;
 min-width:260px;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail {
 display:flex;
 justify-content:center;
 padding:20px 0 0;
 position:relative;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail:before {
 background-color:var(--gray_ee);
 border-radius:0 0 6px 6px;
 content:" ";
 height:calc(100% + 20px);
 margin:-20px -20px 0;
 position:absolute;
 width:calc(100% + 40px);
}

.section#course .section_cont ul li .course_cont .course_right .openDetail .close-text {
  display: none;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail.active:before {
 background-color:transparent;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail.active .open-text {
  display: none;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail.active .close-text {
  display:flex;
}

.section#course .section_cont ul li .course_cont .course_right .openDetail.active .close-text:after {
 content:"\f00d";
}

.section#course .section_cont ul li .course_cont .course_right {
 flex:1 1 100%;
 max-width:100%;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dt:before {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dt span {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .per {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
 line-height:1.8;
 text-align:center;
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price > span {
 font-size: calc(3.0rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price .tax span:first-child {
 font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont .course_right dl.fee dd .price .tax span:nth-child(2) {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

.section#course .section_cont ul li .course_cont .course_right .detail {
 display:none;
 overflow: hidden;
 max-height: 0;
 transition: max-height 0.3s ease;
}

.section#course .section_cont ul li .course_cont .course_right .detail.is-open {
 display:flex;
 max-height: 1000px;
 margin-top:20px;
}

.section#course .section_cont ul li .course_cont .course_right .option {
 display:none;
 overflow: hidden;
 max-height: 0;
 transition: max-height 0.3s ease;
}

.section#course .section_cont ul li .course_cont .course_right .option.is-open {
 display:flex;
 max-height: 1000px;
}

.section#course .section_cont ul li .course_cont .course_right .note {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944)); 
 line-height:1.6;
}

/*--- private_lesson ---*/


/*---------------------------------------------
flow
---------------------------------------------*/
#paperdriver #main #main_cont .section#flow {}
#paperdriver #main #main_cont .section#flow .section_cont {
 margin:0;
 padding: 35px 20px 20px;
 row-gap:20px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol {
 flex-direction:column;
 row-gap:50px;
 padding:0;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li {
 border: 1px solid var(--gray_cc);
 flex-direction:unset;
 max-width:100%;
 width:100%;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li:before {
 content:"\f078";
 margin-left:-7px;
 top:-35px;
 left:50%;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li .number {
 left: 20px;
 top: 0; 
}

#paperdriver #main #main_cont .section#flow .section_cont ol li .number span {
 border-radius:0;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li figure {
 border:none;
 justify-content:center;
 padding:0;
 /*width:40vw;*/
 max-width: 150px;
 height:150px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li figure img {
 border-radius:10px 0 0 10px;
 max-width:150px;
 object-position:center right; 
 height:150px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl {
 align-items:start;
 flex:1;
 justify-content:start;
 padding:30px 10px 20px 20px;
}

#paperdriver #main #main_cont .section#flow .section_cont ol li dl dd {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.section#flow .section_cont .meeting {
 flex-direction:column;
 padding:0;
 row-gap:15px;
}

.section#flow .section_cont .meeting dl {
 justify-content:center;
 padding:0;
 row-gap:0;
}

.section#flow .section_cont .meeting dl dt {
 background-color:var(--light_blue);
 border-radius:6px 6px 0 0;
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
 padding:20px;
 min-width:auto;
 width:100%;
}

.section#flow .section_cont .meeting dl dt:after {
 content:none;
}

.section#flow .section_cont .meeting dl dd {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 padding:15px 15px 0;
}

.section#flow .section_cont .meeting figure {
 order:2;
 width:100%;
}

.section#flow .section_cont .meeting figure img {
 margin:0 auto;
 width:160px;
}

/*---------------------------------------------
conversion
---------------------------------------------*/
#paperdriver #main #main_cont .section#conversion {
}

/*--- common ---*/
.conversion .conversion_cont {
 background-position:50% -30px;
 padding:40px 5vw 120px;
}

.conversion .conversion_cont h2 {
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.6;
}

.conversion .conversion_cont h2 br {
 /*display:none;*/
}

.conversion .conversion_cont ul {
 flex-direction:column;
 row-gap:30px;
 padding:30px;
}

.conversion .conversion_cont ul li {
 align-items:center;
 width:100%;
}

.conversion .conversion_cont ul li.entry {
 min-width:auto;
}

.conversion .conversion_cont ul li .open_hour {
 justify-content:center;
}

.conversion .conversion_cont figure {
 width: auto;
 max-height: 160px;
 height: 30vw;
}

/*---------------------------------------------
service_area
---------------------------------------------*/
#paperdriver #main #main_cont .section#service_area {
}

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

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

#paperdriver #main #main_cont .section#service_area .section_cont > p {
 margin-bottom:0;
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap {
 padding:10px;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map {
 height:420px;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map .instructor img {
 width:110px;
 height:auto;
}

#paperdriver #main #main_cont .section#service_area .section_cont #map_wrap #map .text {
 display:flex;
 flex-direction:column;
 row-gap:3px;
}

#paperdriver #main #main_cont .section#service_area .section_cont .table_list_a ul li dl dt {
 min-width:150px;
}

/*---------------------------------------------
belongings
---------------------------------------------*/
#paperdriver #main #main_cont .section#belongings {

}

#paperdriver #main #main_cont .section#belongings .section_cont {
 border-top:none;
 margin:0;
 padding:35px 20px 20px;
 row-gap:20px;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul {
 justify-content:start;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li {
 width: calc(100% / 3 - 15px);
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dt {
 max-width:100px;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dd span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); 
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li dl dt img {
 width: 65%;
}

#paperdriver #main #main_cont .section#belongings .section_cont ul li:nth-child(5) dl dt img {
 width: 70%;
}

/*---------------------------------------------
payment
---------------------------------------------*/
#paperdriver #main #main_cont .section#payment {

}

#paperdriver #main #main_cont .section#payment .section_cont {
 border-top:none;
 margin:0;
 padding:25px 20px 30px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul {
 column-gap:15px;
 padding-top:0;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li {
 max-width: calc(100% / 3 - 10px);
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dt span {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd img {
 height:auto;
 width:100%;
 max-width:130px;
}

#paperdriver #main #main_cont .section#payment .section_cont ul li dl dd span {
 font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944)); 
}

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

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


#paperdriver #main #main_cont .section#faq .section_title figure {
 align-items:center;
 background:#fffce6;
 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: calc(1.5rem + ((1vw - 0.48rem) * 0.6944)); 
 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: calc(1.5rem + ((1vw - 0.48rem) * 0.6944)); 
 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;
}

/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
 display:none;
}

/*---------------------------------------------
private_lesson
---------------------------------------------*/
.section .section_cont .private_lesson {
 align-items:center;
 background-color:var(--light_blue);
 flex-direction:column;
 row-gap:0;
 padding:0;
}

.section .section_cont .private_lesson figure {
 height:140px;
 width:180px;
}

.section .section_cont .private_lesson figure img {
 padding:20px 20px 0;
 height:140px;
}

.section .section_cont .private_lesson dl {
 align-items:center;
 background-color:var(--white);
 border-radius:0 0 6px 6px;
 justify-content:center;
 padding:20px 20px;
}

.section .section_cont .private_lesson dl dt span:first-child {
 font-size: calc(2.3rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dt span:nth-child(2) {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dd .per {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dd .price > span {
 font-size: calc(3.0rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dd .price .tax span:first-child {
 font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dd .price .tax span:nth-child(2) {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.section .section_cont .private_lesson dl dd:nth-child(3) p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

}