@charset "UTF-8";

.article_area {
width: 960px;
margin: 0 auto 0;
text-align: left;
}
@media screen and (max-width: 959px){
.article_area {
width: 96%;
}
}
.apd40{
padding: 40px 0;
}

.tl_obi h2,
.tl_md h2{
font-size: 38px;
font-weight: 700;
line-height: 1.50em;
}

@media screen and (max-width: 490px){
.tl_obi h2,
.tl_md h2{
font-size: 25px;
font-weight: 700;
line-height: 1.50em;
}
}
#Headmenu{
background: url(../img/2021/bg_header.png) no-repeat;
background-position: top center;
background-size: cover;
text-align: left;
padding: 10px 0 0 0;
margin-bottom: 0px;
}

@media screen and (max-width: 959px){
#Headmenu{
background: url(../img/2021/bg_header.png) no-repeat;
background-position: top center;
background-size: auto 100%;
text-align: left;
padding: 10px 0 0 0;
margin-bottom: 0px;
}

.wide_sp{
width: 60%;
}
}

#Headmenu ul.menu_head{
padding: 0;
display: flex;
justify-content: bottom;
vertical-align: bottom;
margin: 0 auto;
}
#Headmenu ul.menu_head li{
display:inline-block;
justify-content: bottom;
vertical-align: bottom;
}
#Headmenu ul.menu_head li a {
display: block;
}
#Headmenu ul.menu_head li.mn01{
background: url(../img/2021/tab_charter_on.png) no-repeat;
background-size:254px 161px;
width: 254px;
height: 161px;
margin: 0 2px;
}

#Headmenu ul.menu_head li.mn02{
background: url(../img/2021/tab_rosen_on.png) no-repeat;
background-size:255px 161px;
width: 255px;
height: 161px;
margin: 0 2px;
}
#Headmenu ul.menu_head li.mn03{
background: url(../img/2021/tab_agreement_on.png) no-repeat center bottom;
background-size:143px 52px;
width: 143px;
height: 161px;
margin: 0 2px;
}
#Headmenu ul.menu_head li.mn04{
background: url(../img/2021/tab_effort_on.png) no-repeat center bottom;
background-size:143px 51px;
width: 143px;
height: 161px;
margin: 0 2px;
}
#Headmenu ul.menu_head li.mn05{
background: url(../img/2021/tab_faq_on.png) no-repeat center bottom;
background-size:142px 52px;
width: 142px;
height: 161px;
margin: 0 2px;
}


#Headmenu ul.menu_head li.mn01 a img {
width: 254px;
height: 161px;
}

#Headmenu ul.menu_head li.mn02 a img {
width: 255px;
height: 161px;
}
#Headmenu ul.menu_head li.mn03 a img {
width: 143px;
height: 52px;
margin-top: 109px;
}
#Headmenu ul.menu_head li.mn04 a img {
width: 143px;
height: 51px;
margin-top: 110px;
}
#Headmenu ul.menu_head li.mn05 a img {
width: 142px;
height: 52px;
margin-top: 109px;
}

#Headmenu ul.menu_head li a:hover img {
opacity: 0;
}


#Headmenu ul.menu_headTx{
padding: 0;
display: flex;
margin: 0 auto;
}
#Headmenu ul.menu_headTx li{
display:inline-block;
width: 33%;
text-align: center;
font-size: 1rem;
color: #fff;
}

#Headmenu ul.menu_headTx li a{
color: #fff;
}

#Headnews{
background-color:#e7281b;
min-height: 75px;
padding:10px;
margin-bottom: 0px;
}

#Headnews .news_mount{
background-color:#fff;
display: block;
margin: 20px auto 0 auto;
width: 100%;
padding:8px 0;
border-radius:12px;
}
#Headnews .news_mount .osirase{
background: url(../img/2021/osirase.png) no-repeat;
background-position: center left;
min-height: 23px;
margin-left:16px;
}

#Headnews .news_mount .osirase p{
padding: 0 0 0 120px;
font-size: 1.0rem;
color:#e7281b;
}

@media screen and (max-width: 959px){
#Headnews{
padding-bottom:30px;
}
}




@media screen and (max-width: 490px){
#Headmenu ul.menu_head{
padding: 0;
display: flex;
justify-content: bottom;
vertical-align: bottom;
margin: 0 auto;
}
#Headmenu ul.menu_head li{
display:inline-block;
justify-content: bottom;
vertical-align: bottom;
}
#Headmenu ul.menu_head li a {
display: block;
}
#Headmenu ul.menu_head li.mn01{
background: url(../img/2021/tab_charter_on.png) no-repeat;
background-size: 150px 95px;
width: 150px;
height: 95px;
margin: 0 2px;
}

#Headmenu ul.menu_head li.mn02{
background: url(../img/2021/tab_rosen_on.png) no-repeat;
background-size: 150px 95px;
width: 150px;
height: 95px;
margin: 0 2px;
}
#Headmenu ul.menu_head li.mn01 a img {
width: 150px;
height: 95px;
}

#Headmenu ul.menu_head li.mn02 a img {
width: 150px;
height: 95px;
}
}


.tl_obi{
background-color:#e7281b;
color: #fff;
padding: 40px 0;
text-align: center;
}
@media screen and (max-width: 959px){
.tl_obi{
padding: 20px 0;
}
}
.menu_obi{
background-color:#e7281b;
color: #fff;
padding: 20px 0 0 0;
text-align: center;
}
.obi{
background: url(../img/2021/tl_obi.png) no-repeat;
background-position: top center;
height: 27px;
}

#Pagemenu{
background: url(../img/2021/bg_wb.png) no-repeat;
background-position: top center;
background-size:cover;
align-items: center;
flex-direction: column;
text-align: center;
padding: 40px 0 0 0;
margin-bottom: 0px;
}

#Pagemenu ul.menu_icon{
padding: 0 0 40px 0;
display: inline-block;
justify-content: center;
margin: 10px auto 0 auto;
text-align: center;
width: 100%;
}

#Pagemenu ul.menu_icon li {
list-style-type: none;
display: inline-block;
background-size: 158px 157px;
width: 158px;
height: 157px;
margin: 10px;
}
#Pagemenu ul.menu_icon li.bt01{
background: url(../img/2021/bt01_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt02{
background: url(../img/2021/bt02_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt03{
background: url(../img/2021/bt03_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt04{
background: url(../img/2021/bt04_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt05{
background: url(../img/2021/bt05_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt06{
background: url(../img/2021/bt06_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li.bt07{
background: url(../img/2021/bt07_on.png) no-repeat;
}
#Pagemenu ul.menu_icon li a {
display: block;
}
#Pagemenu ul.menu_icon li a img {
width: 158px;
height: 157px;
}
#Pagemenu ul.menu_icon li a:hover img {
opacity: 0;
}

@media screen and (max-width: 490px){
#Pagemenu ul.menu_icon li,
#Pagemenu ul.menu_icon li.bt01,
#Pagemenu ul.menu_icon li.bt02,
#Pagemenu ul.menu_icon li.bt03,
#Pagemenu ul.menu_icon li.bt04,
#Pagemenu ul.menu_icon li.bt05,
#Pagemenu ul.menu_icon li.bt06,
#Pagemenu ul.menu_icon li.bt07{
background-size: 100px 100px;
width: 100px;
height: 100px;
margin: 5px;
}
#Pagemenu ul.menu_icon li a img {
width: 100px;
height: 100px;
}
}

#Vehicl{
background: url(../img/2021/bg_photo_road.png) no-repeat;
background-position: top center;
background-size: cover;
text-align: center;
padding:0;
margin-bottom: 0px;
}


#Vehicl p.lead{
color:#fff;
font-size: 1.1rem;
}

@media screen and (max-width: 490px){
#Vehicl p.lead{
font-size: 1.0rem;
}
}
#Vehicl .vehicl_type{
margin: 0;
display: inline-block;
margin-bottom: 40px;
}

#Vehicl .vehicl_type01{
position: relative;
background-color: #fff;
background-position: top center;
background-size: cover;
text-align: center;
margin:0;
float: left;
width: 355px;
display: block;
padding:20px 0;
}
#Vehicl .vehicl_type02{
position: relative;
background-color: #fff;
background-position: top center;
background-size: cover;
text-align: center;
margin:0 0 0 15px;
float: left;
width: 305px;
display: block;
padding:20px 0;
}

#Vehicl .vehicl_type03{
position: relative;
background-color: #fff;
background-position: top center;
background-size: cover;
text-align: center;
margin:0 0 0 15px;
float: left;
width: 355px;
display: block;
padding:20px 0;
}

#Vehicl .vehicl_type04{
position: relative;
background-color: #fff;
background-position: top center;
background-size: cover;
text-align: center;
margin:0;
float: left;
width: 960px;
display: block;
padding:20px;
}
#Vehicl .vehicl_type04_area{
margin:15px 0 0 0;
}

@media screen and (max-width: 959px){
#Vehicl .vehicl_type04{
width: 100%;
}
}
#Vehicl h3{
text-align: left;
margin:10px auto 0 auto;
font-size: 24px;
font-weight: 700;
padding:0 10px 10px 10px;
line-height: 1.50em;
}

#Vehicl .fs{
font-size: 19px;
}

@media screen and (max-width: 490px){
#Vehicl .fs{
font-size: 16px;
}
}
#Vehicl p.num{
position: absolute;
top:-10px;
right:10px;
z-index: 999;
}
#Vehicl p.num img{
width: 75px;
}
#Vehicl p.car{
text-align: center;
margin:10px auto 0 auto;
width: 95%;
}
#Vehicl p.car img{
width: 100%;
}
#Vehicl p.cp{
text-align: left;
margin:10px auto 0 auto;
width: 265px;
}

@media screen and (max-width: 959px){
#Vehicl .vehicl_type{
margin: 0;
min-height: 100%;
width: 100%;
}
#Vehicl .vehicl_type01{
text-align: center;
margin:0 auto;
float: none;
width: 90%;
min-height: 474px;
display: block;
}
#Vehicl .vehicl_type02{
text-align: center;
margin:30px auto;
float: none;
width: 90%;
min-height: 474px;
display: block;
}

#Vehicl .vehicl_type03{
text-align: center;
margin:30px auto;
float: none;
width: 90%;
min-height: 474px;
display: block;
}
#Vehicl .vehicl_type04{
text-align: center;
margin:0 auto;
float: none;
width: 90%;
min-height: 474px;
display: block;
}

#Vehicl p.num img{
width: 115px;
}
#Vehicl p.cp{
text-align: left;
margin:0 auto 0 auto;
width: 90%;
padding:20px 0;
}
}

@media screen and (max-width: 490px){
#Vehicl p.num img{
width: 65px;
}
}


#Vehicl p.btmore{
text-align: left;
margin:10px auto 0 auto;
width: 265px;
height: 40px;
background: url(../img/2021/bt_more_on.png) no-repeat;
}
#Vehicl p.btmore a {
display: block;
}
#Vehicl p.btmore img {
width: 265px;
height: 40px;
}
#Vehicl p.btmore a:hover img {
opacity: 0;
}

p.btseat{
text-align: left;
margin:10px auto 0 auto;
width: 293px;
height: 40px;
background: url(../img/2021/bt_seat_on.png) no-repeat;
}
p.btseat a {
display: block;
}
p.btseat img {
width: 293px;
height: 40px;
}
p.btseat a:hover img {
opacity: 0;
}

.headerbusstyle {
font-size: 30px;
font-weight: bold;
padding: 15px 0 15px 7px;
border-left: 14px solid #e7281b;
margin-bottom: 17px;
}

@media screen and (max-width: 490px){
.headerbusstyle {
font-size: 24px;
}
}
#Estimate{
margin-bottom: 0px;
text-align: center;
}
/*
#Estimate .btn_estimate{
text-align: left;
margin:10px auto 0 auto;
width: 748px;
height: 135px;
background: url(../img/2021/bt_estimatebig_on.png) no-repeat;
padding-bottom:60px;
}
#Estimate .btn_estimate_sp{
text-align: left;
margin:10px auto 0 auto;
width: 433px;
height: 106px;
background: url(../img/2021/bt_estimate_on.png) no-repeat;
padding-bottom:60px;
}
#Estimate .btn_estimate a,
#Estimate .btn_estimate_sp a{
display: block;
}
#Estimate .btn_estimate img {
width: 748px;
height: 135px;
}
#Estimate .btn_estimate_sp img {
width: 433px;
height: 106px;
}
#Estimate .btn_estimate a:hover img,
#Estimate .btn_estimate_sp a:hover img{
opacity: 0;
}

@media screen and (max-width: 490px){
#Estimate .btn_estimate_sp{
width: 100%;
height: 100%;
background-size: 100%;
}

#Estimate .btn_estimate_sp img {
width: 100%;
height: auto;
}
}
*/

#Flow,
#Notice{
background-color:#e7281b;
padding-bottom:60px;
margin-bottom: 0px;
}

#Flow .kadomaru_w,
#Notice .kadomaru_w{
background-color:#fff;
display: block;
margin: 20px auto 0 auto;
width: 960px;
padding:20px;
border-radius:20px;
}

@media screen and (max-width: 959px){
#Flow .kadomaru_w,
#Notice .kadomaru_w{
width: 100%;
}
}
#Model{
background-color:#fef7df;
padding:60px 0;
margin-bottom: 0px;
text-align: center;
}

#Model .course_type{
margin: 20px 0 0 0;
margin-bottom: 40px;
display: inline-block;
min-height: 100%;
clear: both;
}

#Model .course_type01{
background-color: #fff;
text-align: center;
margin:0;
float: left;
width: 305px;
display: inline-block;
padding:10px 0 20px 0;
}
#Model .course_type02{
background-color: #fff;
text-align: center;
margin:0 0 0 15px;
float: left;
width: 305px;
display: inline-block;
padding:10px 0 20px 0;
}

#Model .course_type03{
background-color: #fff;
text-align: center;
margin:0 0 0 15px;
float: left;
width: 305px;
display: inline-block;
padding:10px 0 20px 0;
}



@media screen and (max-width: 959px){
#Model .course_type01{
background-color: #fff;
text-align: center;
margin:10px auto;
float: none;
width: 90%;
display: inline-block;
padding:10px 0 20px 0;
}
#Model .course_type02{
background-color: #fff;
text-align: center;
margin:30px auto;
float: none;
width: 90%;
display: inline-block;
padding:10px 0 20px 0;
}

#Model .course_type03{
background-color: #fff;
text-align: center;
margin:10px auto;
float: none;
width: 90%;
display: inline-block;
padding:10px 0 20px 0;
}
}

#Model .course_type01 img,
#Model .course_type02 img,
#Model .course_type03 img{
width: 100%;
height: auto;
margin:0 auto;
}

@media screen and (max-width: 959px){
#Model .course_type01 img,
#Model .course_type02 img,
#Model .course_type03 img{
width: 60%;
height: auto;
margin:0 auto;
}
}
#Model .course_type01 .timeline{
background-color:#d2e7fc;
display: block;
margin: 10px auto 0 auto;
width: 243px;
padding:20px;
border-radius:10px;
height: 140px;
vertical-align: middle;
font-size: 0.8rem;
line-height: 1.0;
font-weight: 600;
}

#Model .course_type02 .timeline{
background-color:#f8f5a5;
display: block;
margin: 10px auto 0 auto;
width: 243px;
padding:20px;
border-radius:10px;
height: 140px;
vertical-align: middle;
font-size: 0.8rem;
line-height: 1.0;
font-weight: 600;
}
#Model .course_type03 .timeline{
background-color:#c5e7ce;
display: block;
margin: 10px auto 0 auto;
width: 243px;
padding:20px;
border-radius:10px;
height: 140px;
vertical-align: middle;
font-size: 0.8rem;
line-height: 1.0;
font-weight: 600;
}

#Model .arrow{
font-weight: 600;
line-height: 1.6;
}
#Model .price{
color: #e7281b;
font-size: 1.0rem;
font-weight: 600;
}
#Model .tax{
font-size: 0.65rem;
}

table.timeschedule{
font-size: 0.85rem;
width: 283px;
margin:0 auto 10px auto;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

table.timeschedule th{
font-size: 0.75rem;
width: 30%;
padding:4px;
background-color: #eaeaea;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
font-weight: 600;
}
table.timeschedule td{
font-size: 1.0rem;
padding:4px 6px;
background-color: #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}

@media screen and (max-width: 959px){
table.timeschedule{
font-size: 0.85rem;
width: 90%;
}
#Model .course_type01 .timeline{
background-color:#d2e7fc;
display: block;
margin: 10px auto 0 auto;
width: 90%;
padding:20px;
height: auto;
vertical-align: middle;

}

#Model .course_type02 .timeline{
background-color:#f8f5a5;
display: block;
margin: 10px auto 0 auto;
width: 90%;
padding:20px;
height: auto;
vertical-align: middle;

}
#Model .course_type03 .timeline{
background-color:#c5e7ce;
display: block;
margin: 10px auto 0 auto;
margin: 10px auto 0 auto;
width: 90%;
padding:20px;
height: auto;
vertical-align: middle;
}
}

#Conversion{
border-top:12px solid #e7281b;
background-color:#fff;
text-align: center;
padding-bottom:0px;
}
#Estimate p.lead,
#Conversion p.lead {
margin: 0 auto;
font-size: 140%;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
#Estimate .btn_2d{
text-align: center;
margin: 20px auto 60px auto;
width: fit-content;
display: block;
min-height: 60px;
}
#Conversion .btn_2d{
text-align: center;
margin: 20px auto;
width: 100%;
display: block;
}
#Estimate .btn_general,
#Conversion .btn_general{
text-align: center;
margin:10px 3px;
width: 303px;
height: 76px;
background: url(../img/2025/bt_general_on.png) no-repeat;
display: inline-block;
}
#Estimate .btn_estimate,
#Conversion .btn_estimate{
text-align: center;
margin:10px 3px;
width: 303px;
height: 76px;
background: url(../img/2025/bt_estimate_on.png) no-repeat;
display: inline-block;
}
#Conversion .btn_download{
text-align: center;
margin:10px 3px;
width: 303px;
height: 76px;
background: url(../img/2025/bt_download_on.png) no-repeat;
display: inline-block;
}
#Estimate .btn_general a,
#Estimate .btn_estimate a,
#Conversion.btn_general a,
#Conversion .btn_estimate a,
#Conversion .btn_download a{
display: block;
}
#Estimate .btn_general img,
#Estimate .btn_estimate img,
#Conversion .btn_general img,
#Conversion .btn_estimate img,
#Conversion .btn_download img{
width: 303px;
height: 76px;
vertical-align: baseline;
}
#Estimate .btn_general a:hover img,
#Estimate .btn_estimate a:hover img,
#Conversion .btn_general a:hover img,
#Conversion .btn_estimate a:hover img,
#Conversion .btn_download a:hover img{
opacity: 0;
}
@media screen and (max-width: 959px){
#Conversion{
padding-bottom:0px;
margin-bottom:0px;
}
#Estimate .btn_2d,
#Conversion .btn_2d{
width: 96%;
display: block;
}
#Estimate .btn_general
#Conversion .btn_general{
text-align: center;
margin:10px auto;
width: 303px;
height: 76px;
background: url(../img/2025/bt_general_on.png) no-repeat;
float:none;
}
#Estimate .btn_estimate
#Conversion .btn_estimate{
text-align: center;
margin:10px auto;
width: 303px;
height: 76px;
background: url(../img/2025/bt_estimate_on.png) no-repeat;
float:none;
}
#Estimate .btn_download
#Conversion .btn_download{
text-align: center;
margin:10px auto;
width: 303px;
height: 76px;
background: url(../img/2025/bt_download_on.png) no-repeat;
float:none;
}
}

@media screen and (max-width: 959px){
#Estimate .btn_general,
#Estimate .btn_estimate,
#Conversion .btn_general,
#Conversion .btn_estimate{
width: 30%;
height: auto;
background-size: 100%;
}
#Estimate .btn_general img,
#Estimate .btn_estimate img,
#Conversion .btn_general img,
#Conversion .btn_estimate img {
width: 100%;
height: auto;
}
#Conversion .btn_download{
width: 30%;
height: auto;
background-size: 100%;
}

#Conversion .btn_download img {
width: 100%;
height: auto;
}
}

@media screen and (max-width: 490px){
#Estimate .btn_general,
#Estimate .btn_estimate,
#Conversion .btn_general,
#Conversion .btn_estimate{
width: 80%;
height: auto;
background-size: 100%;
}
#Estimate .btn_general img,
#Estimate .btn_estimate img,
#Conversion .btn_general img,
#Conversion .btn_estimate img {
width: 100%;
height: auto;
}
#Conversion .btn_download{
width: 80%;
height: auto;
background-size: 100%;
}

#Conversion .btn_download img {
width: 100%;
height: auto;
}
}


#Inquiry{
background-color:#ededed;
margin-bottom: 0px;
padding:40px 0 10px 0;
}

#Inquiry .contact_area{
width: 960px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 50px;
}
#Inquiry .contact_area .left{
float: left;
padding: 0 30px 0 0;
}
#Inquiry .contact_area .middle{
float: left;
padding:0 10px 0 0;
}
#Inquiry .contact_area .middle img{
padding-bottom: 20px;
}
#Inquiry .contact_area .right{
float: right;
text-align: center;
}
#Inquiry .contact_area .right span img{
height: 81px;
margin-right: 10px;
}
#Inquiry .contact_area .right p{
font-size: 0.75rem;
padding:10px 0 0 0;
}


@media screen and (max-width: 959px){
#Inquiry .contact_area{
width: 100%;
}
#Inquiry .contact_area .left{
float: left;
padding: 0 3% 0 0;
width: 47%;
}
#Inquiry .contact_area .middle{
float: left;
padding:0 0 0 0;
width: 50%;
}
#Inquiry .contact_area .right{
float: none;
text-align: center;
width: 100%;
}
#Inquiry .contact_area .right span img{
height: 60px;
width: auto;
margin-top: 20px;
}
}

.fixed_estimate{
text-align: right;
position: fixed;
bottom:400px;
right:20px;
}

@media screen and (max-width: 959px){
.fixed_estimate{
bottom: 0;
right:0;
}
}

.contact_area{
margin-bottom: 0px;
}

.contents_wrap {
margin: 0 auto ;

}
#footer_wrap {
border-top: 3px solid #fdd14c;
margin-top: 0px;
}


/*車種紹介*/
.model .large60 .pic{
overflow: hidden;
margin-bottom: 10px;
}
.model .large60 .pic .left{
float: left;
width: 49%;
}
.model .large60 .pic .left li{
margin-bottom: 10px;
width: 100%;
}
.model .large60 .pic .right{
overflow: hidden;
width: 51%;
}
.model .large60 .pic .right li{
float:left;
width: 46.5%;
height: auto;
margin: 0 0 10px 10px;
}
.model .large60 .pic .left li img,
.model .large60 .pic .right li img{
width: 100%;
height: auto;
object-fit: cover;
font-family: 'object-fit:cover;';
}
.model .detail{
overflow: hidden;
margin-bottom: 0px;
}
.model .detail .left{
float: left;
width: 40%;
text-align: center;
margin-right: 16px;
}
.model .detail .left .img{
margin-bottom: 20px;
}
.model .detail .left .img img{
width: 100%;
}
.model .detail .left .btn_download{
margin-bottom: 20px;
}
.model .detail .left .facility h4{
font-size: 86%;
color: #fff;
font-weight: bold;
background: #31859c;
padding: 10px;
line-height: 1;
}
.model .detail .left .facility ul{
background: #f2f2f2;
padding: 10px 0 0 20px;
overflow: hidden;
}
.model .detail .left .facility ul li{
float: left;
margin: 0 10px 10px 0;
width: 21%;
}
.model .detail .left .facility ul li img{
width: 100%;
}
.model .detail .right{
overflow: hidden;
}
.model .detail .right dl{
display: table;
margin-bottom: 10px;
}
.model .detail .right dl dt{
background-color: #fff7df;
color: #f2a428;
text-align: center;
vertical-align: middle;
display: table-cell;
padding: 5px 10px;
font-weight: bold;
width: 110px;
}
.model .detail .right dl dd{
vertical-align: middle;
padding-left: 10px;
display: table-cell;
}
.model .micro27 .pic .main{
overflow: hidden;
margin-bottom: 10px;
}
.model .micro27 .pic .main li{
width: 49%;
float: left;
margin-right: 2%;
}

.model .micro27 .pic{
width: 100%;
}
.model .micro27 .pic .ph{
width: 100%;
}
.model .micro27 .pic .main li img{
width: 100%;
padding:0 ;
}
.model .micro27 .pic .ph img{
width: 100%;
padding:0 0 20px 0 ;
}


.model .micro27 .pic li:last-child{
margin-right: 0;
}

.model .micro27 .pic .sub{
overflow: hidden;
margin-bottom: 20px;
}
.model .micro27 .pic .sub li{
width: 23.95%;
float: left;
object-fit: cover;
/*margin-right: 10px;*/
}


.model .micro27 .pic .sub li img{
width: 100%;
height: 120px;
object-fit: cover;
}

.model .micro27 .detail .left .facility{
width: 100%;
margin:0 auto;
}
.model .micro27 .detail .left .facility ul{
background: #f2f2f2;
padding: 10px 0 0 20px;
overflow: hidden;
}
@media screen and (max-width: 959px){
.model .large60 .pic .left{
float: none;
width: 100%;
}
.model .large60 .pic .right{
overflow: hidden;
width: 100%;
}

.model .large60 .pic .right li{
width: 49%;
height: 100%;
margin: 0 2% 2% 0;
}
.model .large60 .pic .right li:nth-child(2n){
margin-right: 0;
}
.model .detail .left{
float: none;
width: 100%;
}
.model .detail .left .btn_download{
width: 70%;
margin: 0 auto 6%;
}
.model .detail .left .facility h4{
font-size: 120%;
}
.model .micro27 .detail .left .facility{
width: 100%;
}
.model .detail .left .facility,
.model .micro27 .detail .left .facility{
margin-bottom: 6%;
}
.model .detail .left .facility ul,
.model .micro27 .detail .left .facility ul{
padding: 3% 3% 0;
}
.model .detail .left .facility ul li,
.model .micro27 .detail .left .facility ul li{
width: calc((100% - 3%) / 2);
margin: 0 3% 3% 0;
}
.model .detail .left .facility ul li:nth-child(2n),
.model .micro27 .detail .left .facility ul li:nth-child(2n){
margin-right: 0;
}
.model .detail{
margin-bottom: 12%;
}
.model .micro27 .pic .main{
margin-bottom: 0;
}
.model .micro27 .pic .main li{
width: 100%;
float: none;
margin: 0 0 3% 0;
}
.model .micro27 .pic .sub li{
margin: 0 3% 3% 0;
width: 48.5%;
}
.model .micro27 .pic .sub li:nth-child(2n){
margin-right: 0;
}
.model .micro27 .pic .sub .w55{
width: 55%;
}
.model .micro27 .pic .sub .w42{
width: 42%;
}
}

.modal{
display: none;
height: 90vh;
position: fixed;
top: 0;
width: 100%;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 90%;
}


.list_disc{
margin-bottom: 10px;
}