/* ----------------------------------------------------------------
  About Travelko page
----------------------------------------------------------------- */
/* .about-travelko-contents
----------------------------------------------- */
.about-travelko-contents{
max-width:680px;
margin:0 auto;
}

/* .about-travelko-hdg-l1
----------------------------------------------- */
.about-travelko-hdg-l1{
margin:16px 0 -4px;
font-size:24px;
}

/* .about-travelko-contents .cmn-info
----------------------------------------------- */
.about-travelko-contents .cmn-info{
text-align:center;
margin-bottom:8px;
}

.about-travelko-contents .cmn-info .cmn-info-catch{
font-size:14px;
display: inline-block;
margin:16px auto;
}

.about-travelko-contents .cmn-info .cmn-info-catch strong {
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:14px;
}

/* .about-travelko-list
----------------------------------------------- */
.about-travelko-list > li{
display:block;
line-height:1.5;
}

.about-travelko-list > li:not(:first-child){
margin-top:24px;
}

.about-travelko-list > li h2{
display:flex;
align-items:center;
font-size:16px;
padding:8px 12px;
background:#F5F5F5;
margin-bottom:8px;
}

.about-travelko-list > li:first-child h2{
padding-left:4px;
}

.about-travelko-list > li p{
padding:0 12px;
font-size:14px;
}

/* .about-travelko-footer
----------------------------------------------- */
.about-travelko-footer{
padding-top:24px;
margin-top:24px;
border-top:1px solid #ddd;
text-align:center;
}

.about-travelko-lead{
margin:0;
font-size:16px;
text-align:center;
}

/* .about-travelko-footer-btn
----------------------------------------------- */
.about-travelko-footer-btn{
margin-top:24px;
text-align:center;
}

.about-travelko-footer-btn .btn-top{
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
text-decoration:none;
display:inline-block;
padding:8px 12px;
width:200px;
text-align:center;
box-sizing:border-box;
}

/* .about-travelko-contents .cmn-info
----------------------------------------------- */
.about-travelko-contents > .about-travelko-info .cmn-info-catch,
.about-travelko-contents > .about-travelko-info-02 .cmn-info-content{
display:none;
}

.about-travelko-contents > .about-travelko-info .cmn-info .cmn-info-list > li,
.about-travelko-contents > .about-travelko-info-02 .cmn-info .cmn-info-list > li{
text-align:left;
}

/* ----------------------------------------------------------------
  About Travelko page RWD
----------------------------------------------------------------- */
@media screen and (max-width:750px){
/* .about-travelko-hdg-l1
----------------------------------------------- */
.about-travelko-hdg-l1{
margin:24px 0 16px;
font-size:20px;
}

/* .about-travelko-contents .cmn-info
----------------------------------------------- */
.about-travelko-contents .cmn-info{
text-align:center;
margin-bottom:8px;
background:none;
padding:0;
}

.about-travelko-contents .cmn-info .cmn-info-catch{
font-size:14px;
border-bottom:0;
display: inline-block;
margin:16px auto 20px;
color:var(--cmn-font-color-base);
background:none;
padding:0;
}

.about-travelko-contents .cmn-info .cmn-info-catch a{
color:var(--cmn-font-color-base) !important;
}

.about-travelko-contents .cmn-info .cmn-info-catch a.cmn-link{
--cmn-dashed-font-color:var(--cmn-font-color-base);
--cmn-dashed-color:#949494;
}

.about-travelko-contents .cmn-info .cmn-info-catch strong {
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:14px;
}

.about-travelko-contents .cmn-info .cmn-info-catch a span {
border-bottom:0;
}

.about-travelko-contents > .about-travelko-info .cmn-info-catch,
.about-travelko-contents > .about-travelko-info-02 .cmn-info-content{
display:none !important;
}

.about-travelko-contents > .about-travelko-info .cmn-info{
margin: 0 -10px;
padding: 12px 10px;
border: none;
max-width: none;
display: none;
background: #00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
font-weight: 400;
line-height: 1.42;
font-size: 12px;
}

.about-travelko-contents > .about-travelko-info .cmn-info:has(.cmn-info-content){
display:block;
}

.about-travelko-info-02 .cmn-info .cmn-info-catch.cmn-display-pc:first-child + .cmn-info-catch{
margin-top:16px;
}


/* .about-travelko-list
----------------------------------------------- */
.about-travelko-list > li h2{
padding:8px 8px 5px;
margin-bottom:12px;
}

.about-travelko-list > li p{
padding:0 8px;
font-size:14px;
}

.about-travelko-list > li:first-child h2{
padding-left:0;
}

/* .about-travelko-footer
----------------------------------------------- */
.about-travelko-footer{
margin-bottom:28px;
}

.about-travelko-footer p{
line-height:1.6;
}

/* .about-travelko-footer-btn
----------------------------------------------- */
.about-travelko-footer-btn .btn-top{
padding:12px;
width:286px;
}

}

@media screen and (max-width:750px) {
/* .about-travelko-footer
----------------------------------------------- */
.about-travelko-footer p br{
display:none;
}
.about-travelko-footer .txt-blk{
display:block;
}
}