@charset "utf-8";
/*
Theme Name: PacketFabric - パケットファブリック・ジャパン株式会社
Description: ABOUTディレクトリ用スタイルCSS
Version: 1.0
License: (C)PacketFabric. All rights reserved.
License URI: https://www.packetfabric.co.jp/
*/

/* *********************************
000:COMMON
001:INDEX
002:OUTLINE
003:OFFICE
*********************************** */
/* *********************************
/* 000:COMMON
*********************************** */
.aboutImg01{margin-bottom: 15px;}
.aboutOl01 li{font-size: 14px;font-weight: bold;margin:0 0 10px 1.5em;}
.aboutUl01 li{font-size: 14px;font-weight: bold;margin:0 0 10px 1.5em;list-style-type: disc;}

/* *********************************
/* 001:INDEX
*********************************** */
#song{border: 3px double #DDD; padding: 32px 16px; margin: 0 8px;}
#song h3{font-size: 18px; font-weight: bold;}
#song .subTtl{font-size: 12px; margin-bottom: 36px;}

/* *********************************
/* 002:OUTLINE
*********************************** */
.otlBox01{width:100%; max-width: 720px; margin: 0 auto 40px;}
.otlBox01 dl{padding: 20px; border: 1px solid #e3e3e3;margin-bottom: 30px;}
.otlBox01 dl dt{font-weight: bold; margin-bottom: 3px;}
.otlBox01 .otlImg{margin:0 auto 15px;width: 100%; max-width: 700px;}
.otlBox01 .otlLnk a{background: url(../images/solution/sol_arr02.gif) no-repeat left center;padding-left: 15px;}

/* *********************************
/* 003:OFFICE
*********************************** */
.offUl01 li {background: url(../images/icon_point.gif) no-repeat left 5px;padding-left: 15px; margin-bottom: 7px; line-height: 1.3;}

/* *********************************
/* 004:PARTNER
*********************************** */
.partnerBox01{margin:0 auto 60px;width:100%;padding: 0 10px;}
.partnerBox01 h3{font-size:18px;font-weight:bold;color:#24272a;border-bottom:2px dotted #2877f3;background:url(../images/about/partner_ic02.png) no-repeat left 0.25em; line-height: 1.4; padding:5px 0 5px 30px;margin-bottom:20px;}
.pb01Inner{border-collapse:separate;border-spacing:1px 0;margin-bottom:20px;}
.pb01Inner div{width: 100%;}
.pb01Inner div.pb01iL{width:100%; padding: 20px 0; text-align:center;}
.pb01Inner div.pb01iL img{max-width: 100%; height: auto;}
.pb01Inner div.pb01iL.taL{text-align:left;}
.pb01Inner div.pb01iR{width:100%;}
.pb01Inner div.pb01iR .partnerUl02{margin-bottom:15px;padding-top:7px;}
.pb01Inner div.pb01iR .partnerUl02 li{background:url(../images/about/partner_ic03.png) no-repeat left center;font-size:16px;font-weight:bold;color:#2877f3;padding-left:25px;}
.pb01Inner div.pb01iR p{line-height:160%;}
.pb01Inner .pbNtt{margin-bottom: 7px;}
.pb01Inner .pbNtt span{font-size: 12px; line-height: 1.4;}

/* *********************************
/* 009:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
/* INDEX */
#song{padding: 48px 48px; margin: 0 10px;}
#song h3{font-size: 24px;}

/* PARTNER */
.pb01Inner{display:table;border-collapse:separate;border-spacing:1px 0;margin-bottom:20px;}
.pb01Inner div{display:table-cell; width: 100%;}
.pb01Inner div.pb01iL{width:58%; padding:0 1% 0 0; vertical-align:middle;}
.pb01Inner div.pb01iL.taL{text-align:left;}
.pb01Inner div.pb01iR{width:42%;}
#ptnGac{margin-top:-140px;padding-top:140px;}

}

@media screen and (min-width: 850px) {
.aboutOl01 li{font-size: 16px;}
.aboutUl01 li{font-size: 16px;}


}

@media screen and (min-width:984px){

}