@charset "utf-8";

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

sp_business.css

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

body {
min-width: 100%;
}

/*---------------------------------------------
main
---------------------------------------------*/
#main {
 padding:0;
}

/*---------------------------------------------
nav
---------------------------------------------*/
#nav_menu_cont .nav_menu ul {
 padding:10vw 5vw;
}

/*---------------------------------------------
main_visual(business_top)
---------------------------------------------*/
#top_#main_visual {
 background-size:45vw auto;
}

#top_main_visual #top_main_visual_cont .page_title.pc {
 display:none;
}

#top_main_visual #top_main_visual_cont .page_title.sp {
 display:flex;
}

#top_main_visual #top_main_visual_cont .page_title.sp img {
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_left_top {
 background-image:url(../../img/business/bg_main_visual_left_top_sp.webp);
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_left_bottom {
 background-image:url(../../img/business/bg_main_visual_left_bottom_sp.webp);
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_center_bottom {
 background-image:url(../../img/business/p_main_visual_center_bottom_sp.webp);
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_center_bottom_right {
 background-image:url(../../img/business/bg_main_visual_center_bottom_right_sp.webp);
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_right_top {
 background-image:url(../../img/business/bg_main_visual_right_top_sp.webp);
 transform-origin: right top;
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_right_bottom {
 background-image:url(../../img/business/bg_main_visual_right_bottom_sp.webp);
 transform-origin: right bottom;
}

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

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

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

#top_main_visual #top_main_visual_cont #ansin {
 bottom: calc(15px + 2vw); 
}

#top_main_visual #top_main_visual_cont .figure_group.sp .p_left_top.lazyloaded,
#top_main_visual #top_main_visual_cont .figure_group.sp .p_left_bottom.lazyloaded,
#top_main_visual #top_main_visual_cont .figure_group.sp .p_center_bottom.lazyloaded,
#top_main_visual #top_main_visual_cont .figure_group.sp .p_center_bottom_right.lazyloaded,
#top_main_visual #top_main_visual_cont .figure_group.sp .p_right_top.lazyloaded,
#top_main_visual #top_main_visual_cont .figure_group.sp .p_right_bottom.lazyloaded {
 opacity:1;
 transform: translate(0, 0);
}

/*---------------------------------------------
main_visual(corporate/taxidriver)
---------------------------------------------*/
#main_visual #main_visual_cont .box_wrap .box_cont {
 padding: 20px 20px 20px;
 row-gap:10px;
 width:80vw;
}

#main_visual #main_visual_cont .box_wrap h2 {
 font-size: calc(2.0rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.5;
}

#main_visual #main_visual_cont .box_wrap h3 {
 row-gap:5px; 
}

#main_visual #main_visual_cont .box_wrap h3 span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual #main_visual_cont .box_wrap h3 img {
 max-width: 110px; 
}

#main_visual #main_visual_cont #photo .photo {
 width:100%;
}

#main_visual #main_visual_cont #photo .photo#photo_left_top {
 display:none;
}

#main_visual #main_visual_cont #photo .photo#photo_left_bottom {
 order:2;
}

#main_visual #main_visual_cont #photo .photo#photo_right_top {
 display:none;
}

#main_visual #main_visual_cont #photo .photo#photo_right_bottom {
 order:1;
}

/*--- corporate ---*/
#main_visual.corporate #main_visual_cont #photo .photo#photo_left_top {
 display:none;
}

#main_visual.corporate #main_visual_cont #photo .photo#photo_left_bottom {
}

#main_visual.corporate #main_visual_cont #photo .photo#photo_right_top {
 display:block;
 order:1; 
}

#main_visual.corporate #main_visual_cont #photo .photo#photo_right_bottom {
 display:none;
}

/*--- taxidriver ---*/

#main_visual.taxidriver #main_visual_cont #photo .photo#photo_left_top {
 display:block;
 order:1; 
}

#main_visual.taxidriver #main_visual_cont #photo .photo#photo_left_bottom {
 display:none;
}

#main_visual.taxidriver #main_visual_cont #photo .photo#photo_right_top {
 display:none;
}

#main_visual.taxidriver #main_visual_cont #photo .photo#photo_right_bottom {
 display:block;
 order:1; 
}

/*--- entry ---*/
#main_visual.entry {
 height: 280px;
}

#main_visual.entry #main_visual_cont {
 height: 280px;
}

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

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

#main #main_left {
 display:none;
}


/*---------------------------------------------
introduction
---------------------------------------------*/
.section#introduction .section_cont {
 flex-direction:column;
 padding: 30px 20px 20px;
 row-gap:30px; 
}

.section#introduction .section_cont .course_wrap {
 flex-direction:column;
 row-gap:25px;
 width:100%;
}

.section#introduction .section_cont .course_wrap .course {
 width:100%; 
}

.section#introduction .section_cont .course_wrap .course .symbol {
 margin-top:-50px;
}

.section#introduction .section_cont .course_wrap .course .symbol img {
 width:100px; 
}

.section#introduction .section_cont .course_wrap .course .course_cont {
 padding:15px;
}

.section#introduction .section_cont .course_wrap .course .pic {
 height:160px;
}

.section#introduction .section_cont .course_wrap .course p {
 min-height: auto;
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer #footer_cont.top {
 padding-bottom:0;
}

#footer #footer_cont #footer_head {
 padding:20px;
 row-gap:20px;
}

#footer #footer_bottom #footer_bottom_cont {
 padding:40px 20px;
 row-gap:30px;
}

#footer #footer_bottom #footer_bottom_logo img {
 max-width:80px;
}

/*---------------------------------------------
bread_crumb_list
---------------------------------------------*/
.bread_crumb_list {
 padding:0;
}

/*---------------------------------------------
course
---------------------------------------------*/
.section#course .section_cont ul li .course_cont {
 row-gap:20px;
}

.section#course .section_cont ul li .course_cont .course_left p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}
 
.section#course .section_cont ul li#new_employee .course_cont .course_left .course_head figure:first-child {
 display:none;
}
 
.section#course .section_cont ul li#re_education .course_cont .course_left .course_head figure:first-child {
 display:none;
}

.section#course .section_cont ul li#license_system_support .course_cont .course_left .course_head figure:last-child {
 display:none;
}

.section#course .section_cont ul li#taxi .course_cont .course_left .course_head figure:first-child {
 display:none;
}


.course_menu .course_menu_cont ul li:nth-child(3) dl dt img {
 object-position:center top;
}

.course_schedule .course_schedule_cont {
 row-gap:10px;
}

.course_schedule .course_schedule_cont table.table_a {
 order:1;
}

.course_schedule .course_schedule_cont p.note {
 order:2;
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944)); 
}

.course_schedule .course_schedule_cont .announce {
 order:3;
}


.section#course .section_cont ul li#license_system_support .course_cont .course_schedule .course_schedule_cont table.table_a thead tr th:first-child {
 width:80px;
}

.section#course .section_cont ul li#license_system_support .course_cont .course_schedule .course_schedule_cont table.table_a thead tr th:nth-child(2) {
 width:auto;
}

.section#course .section_cont ul li#license_system_support .course_cont .course_schedule .course_schedule_cont table.table_a thead tr th:nth-child(3) {
 width:60px;
}


/*---------------------------------------------
service_area
---------------------------------------------*/
.section#service_area .section_cont {
 margin: 0;
 padding: 30px 20px 20px;
 row-gap: 20px;
}

/*---------------------------------------------
payment
---------------------------------------------*/
.section#payment .section_cont {
 row-gap:20px;
}

/*---------------------------------------------
company
---------------------------------------------*/
.section#company .section_cont {
 border-top: none;
 margin: 0;
 padding: 20px;
 row-gap:20px;
}

/*---------------------------------------------
point(326)
---------------------------------------------*/
.point ul:after {
 content:none;
}

/*---------------------------------------------
footer_fixed_menu
---------------------------------------------*/
#footer_fixed_menu.business_top ol li a {
 padding: 10px;
}

#footer_fixed_menu.business_top ol li a dl {
 align-items:center;
 column-gap:5px;
 flex-direction:unset;
 width:100%;
}

#footer_fixed_menu.business_top ol li a dl dd {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
 flex-grow: 1;
}

#footer_fixed_menu.business_top ol li:nth-child(2) a dl dt img {
 height:20px;
}

/*---------------------------------------------
modal-content
---------------------------------------------*/
.modal-content#business_menu,
.modal-content#taxidriver_menu,
.modal-content#corporate_menu {
 padding: 20px 0; 
}

.modal-content#business_menu #nav_menu_cont .nav_menu ul,
.modal-content#taxidriver_menu #nav_menu_cont .nav_menu ul,
.modal-content#corporate_menu #nav_menu_cont .nav_menu ul {
 padding:5vw;
}

/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop.top {
 bottom:calc(20px + 10vw);
}

}