/**会社概要ークラフトとはページ用**/

/*`理念*/
#idea {padding:40px;background-color: #fff;text-align: center;margin-bottom: 65px;}
#idea h2{font-size: 180%;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "メイリオ", Meiryo, serif;}
#idea h3{margin-bottom: 45px;}
#idea p{text-align: center;margin-bottom: 20px;}
#idea p.last{text-align: center;margin-bottom: 40px;}
#idea span img{padding-left: 20px;}

/*`理念*/
.about_box {background-color: #fff; margin-bottom: 50px;padding:34px;}
.about_box h2,
.about_box h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.about_box h2{
    font-size: 180%;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 100%;
    position: relative;
}
.about_box h2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #333;
    width: 500px;
  }
.about_box h2::after {
    bottom: -10px;
    left: -34px;
  }
.about_box h3{
    color: #003366;
    font-size: 120%;
    line-height: 100%;
    margin: 40px 0 30px;
}
.about_box_inner { display: table;}
.about_box_txt { display: table-cell; vertical-align: top;}
.about_box p{margin-bottom: 20px;}
.about_box p.last{margin-bottom: 0;}
.about_box_img { display: table-cell; padding-left: 20px; width: 185px; vertical-align: top;}
.about_box_img img{ height: auto; width: 100%;}
.about_box_img img.first { margin-bottom: 20px;}

/*クラフトとは*/
.about_wrap{margin-bottom: 50px;}
.aboutus .text_box{float: right;width: 430px}
.aboutus .text_box p{line-height: 160%;}
#company.aboutus  .col.second .ab_h3{font-size: 21px;
    font-weight: 400;
    letter-spacing: -0.00em;
    line-height: 100%;
    color:#2e425d;
    margin-bottom: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "メイリオ", Meiryo, serif;}
    .aboutus .img_list{margin-top : 10px;}
    .aboutus .img_list li:last-child{margin-right: 0px;}
    .aboutus .img_list li{float: left;margin-right: 10px;}

/*提案力と技術力*/
.aboutus .sg{background-color:#fff;padding:30px 30px 5px 30px;}
.aboutus .sg dt{font-weight:bold;font-size:16px;line-height:1.2;text-align:left;margin-bottom:5px; color:#2e425d;}
.aboutus .sg dd{margin-bottom:4%;}
.aboutus  .sg dt.num1{position: relative;padding-left: 30px;}
.aboutus .sg dt.num2{position: relative;padding-left: 30px;}
.aboutus .sg dt.num3{position: relative;padding-left: 30px;}
.aboutus .sg dt.num1:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    top:-1px;
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(/wp-images/company/aboutus/aboutus_num1.png);
    background-repeat: no-repeat;
    }
.aboutus .sg dt.num2:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    top:-1px;
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(/wp-images/company/aboutus/aboutus_num2.png);
    background-repeat: no-repeat;
}
 .aboutus .sg dt.num3:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    top:-1px;
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(/wp-images/company/aboutus/aboutus_num3.png);
    background-repeat: no-repeat;
    }

/*対応エリア*/
.aboutus .areabox{position:relative;}
.aboutus .areabox img{position: absolute;top:30px;right:0px;}
.aboutus .area{width: 378px;}
.aboutus .area dt{font-weight: bold;margin-bottom: 5px;}
.aboutus .area dd.pref{margin-bottom: 15px}
.aboutus .area dd span{display: list-item;font-weight: bold;margin-left:1.5em;list-style-type: disc;}
.aboutus .area dd.last{margin-bottom: 30px;}
.aboutus .area dd.pref ul{margin-left: 5px;}
.aboutus .area dd.pref li{display: inline-block;font-weight: normal;margin-left: 1.1em;}
.aboutus .areabox .at{font-size:11px;margin-top: 10px;padding:0px;}

.pref-content {
  display: list-item;
  margin-left: 1.5em;
  list-style-type: disc;
}
