@charset "utf-8";

/* main */
#main{ position:relative;}
#main h1{ position:absolute; top:50%; left:50%; margin-left: -200px; margin-top: -122px; }
#main ul.main-txt{ position:absolute; top:50%; left:50%; margin-left: -269px; margin-top: 72px; }
#main ul.main-txt li{}
#main .scroll-btn{ position:absolute; bottom:20px; left:50%; margin-left:-17px;}

/* service */
#service{ background:#f4f9f9; padding:90px 0 90px 0;}
#service h1.ttl{ padding-bottom:30px;}
#service h2{ color:#001555; font-size:24px; line-height:1; padding: 48px 0 8px 8px; font-weight:bold; }
#service h2 span{ display:block; font-size:12px;}
#service ul{ padding:0 15px 0 32px;}
#service ul li{ list-style-type:disc; line-height: 18px; margin-bottom: 6px;}
#service ul li span{ display:block; font-size:10px; text-indent:-0.5em; margin-left:0.5em;}

.service01{ background:url(../img/bg_service_01.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service02{ background:url(../img/bg_service_02.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service03{ background:url(../img/bg_service_03.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service04{ background:url(../img/bg_service_04.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service05{ background:url(../img/bg_service_05.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service06{ background:url(../img/bg_service_06.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}
.service07{ background:url(../img/bg_service_07.png) no-repeat 0 0; width:341px; float:left; min-height:108px; padding-bottom:30px;}

.more-btn{ padding-left:32px;}
.client-btn{ text-align:center; padding:30px 0;}

/* topics */
#topics{ padding:90px 0 90px 0;}
#topics h1.ttl{ padding-bottom:45px;}
.topics-list{ width:92.1875%;/*590/640*/ margin:0 auto; border-top:1px solid #cccccc;}
.topics-list li{ border-bottom:1px solid #cccccc; display:table; width:100%;}
.topics-list li a{display:block; padding:20px 0;}
.topics-list li span{ display: table-cell; vertical-align:middle; text-align:left;}
.topics-list li span.topics-date{ width:130px; font-size: 12px; font-weight:bold; text-align:center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", sans-serif; color: #444b4f;}
.topics-list li span.icon-category{ width:80px;}
.topics-list li span.icon-new{ width:60px;}
.topics-list li p{ display: table-cell; vertical-align:middle;}
.topics-list li:hover{ background: #f7f9f9;}

/* philosophy */
#philosophy{ background:#f4f9f9 url(../img/bg_philosophy.png); background-size: cover; padding:90px 0 90px 0;}
.philosophy-box{ display:table;}
.philosophy-img{ display:table-cell; width:320px;}
.philosophy-txt{ display:table-cell; vertical-align:middle; padding-left:50px; line-height: 24px;}

/* company */
#company{ padding:90px 0 90px 0;}
#company h1.ttl{ padding-bottom:50px;}
.company-txt{ text-align:center; padding-bottom:6.25%;/*40/640*/}
.company-ttl{ float:left; width:254px;}
.company-box{ float:left; width:770px;}
.company-img{ float:left; width:240px;}

#bio{ margin-bottom:120px;}
.profile{ margin-bottom:50px;}
.profile h2 { font-size:12px; padding-bottom:20px;}
.profile h2 span{ display:block; font-size:30px; line-height:1; text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);}
.ceo-profile{ background:url(../img/bg_ceo.png) no-repeat right top; float:left; width:500px; padding-left:30px;}
.evp-profile{ background:url(../img/bg_evp.png) no-repeat right top; float:left; width:500px; padding-left:30px;}
span.profile-table-ttl{ font-weight:bold; padding-bottom:15px; display:block;}
table.profile-table{ width:100%; text-align:left; vertical-align:top; margin-bottom:15px;}
table.profile-table th{ vertical-align:top; white-space: nowrap; font-weight:normal; padding:0 1em 10px 0;}
table.profile-table td{ vertical-align:top;}
.profile-txt{ clear:both;}

.outline-box{ float:left; width:500px; padding-left:30px;}
table.outline-table{ width:100%; text-align:left; vertical-align:top; margin-bottom:15px; line-height: 2;}
table.outline-table th{ vertical-align:top; width:90px; white-space: nowrap; background:url(../img/dot.png) repeat-x left 8px; background-size:6px 3px; padding-right:1em; text-align:left;}
table.outline-table td{ vertical-align:top; padding-left:5px;}
table.outline-table span{ display:inline-block; background:#FFF; padding-right:5px;}
#map{ clear:both; padding-bottom:4.6875%;/*30/640*/ padding-top:30px;}

#client{ margin-top:-70px; padding-top:70px;}
#client h1{ font-weight:bold; margin-bottom:10px;}
.client-inner{ background:#f5f5f5; padding:30px 20px;}
.client-list{}
.client-list li{ display: block; float:left; width:50%;}
.client-list li a:hover{ text-decoration:underline;}

/* contact */
#contact{ background:#f4f9f9; padding:90px 0 90px 0;}
#contact h1.ttl{ padding-bottom:40px;}
#contact p{ text-align:center; margin-bottom:1em;}
.contact-btn{ text-align:center;}