@charset "UTF-8";

/* =================================================================
   ＰＣ対応CSS　引揚港・博多　トップページ
==================================================================== */


/*BCC ADD START */

.top img {
 width: 100%;
}

.junre-sec ul {
 list-style: none;
}

.junre-sec li {
 float: left;
 width: calc(33% - 61px);
 background: #C8CDE4;
 border: 1px solid #272B8C;
 border-left: 10px solid #272b8c;
}

.kinenhi-pic {
 width: 100%;
 float: left;
 padding-bottom: 20px;
 border-bottom: 1px dotted #037cba;
}

.access-pic {
 width: 100%;
 float: left;
 padding-top: 20px;
}


.text {
 width: 70%;
 float: left;
}

.text-img {
 float: right;
}

.f_cl{clear:both;}


/*******************************************************スマートフォン用CSS********************************************************/

@media screen and (max-width: 640px) { 

.junre-sec li {
 width: calc(100% - 61px);
}

.text {
 width: 90%;
 float: none;
}

.text-img {
 float: none;
}


}