h1{margin:auto;color:#000;text-align:left;font-size:38px; letter-spacing:0;line-height:1.4em; margin:auto; opacity:1; padding:10px; text-align:center;text-shadow: 1px 1px 2px silver;font-weight: bold; }
#top h1, #top h2{position:absolute;bottom:20%; right:0; left:0;margin:auto;color:#fff;text-align:left;font-size:38px; letter-spacing:0;line-height:1.4em; margin:auto; opacity:1; padding:10px; text-align:center;text-shadow: 1px 1px 0 #777,-1px 1px 0 #777,1px -1px 0 #777,-1px -1px 0 #777;/*text-shadow: 1px 1px 2px silver;*/font-weight: bold;}
h2,h3{font-weight:bold;background-color: beige;font-size:25px;color:#00a0e2;}
p, li{font-size:20px;color:#000;}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../case/KenyanRun/images/back-ground.png") center/cover no-repeat;
  z-index: -1; /* コンテンツの下に配置 */
}
/* breadcrumb */ 
.breadcrumb.bk{position:relative; color:#777; padding-top:20px}
.breadcrumb.bk li a{color:#777;text-decoration:none}
lead p, #advantage p, #flow p{font-size:18px; line-height:1.6em;}
.con_title{display:inline-block;}
div#btm-ad{display:none;}
/* floating ad */
div#floating-ad {position: absolute; width: 176px; top: 130px;right: 0; z-index: 9999;}
div#floating-ad div.close{position:absolute; top:0; left:0; color:#ffa500; font-size:18px;font-weight:bold; cursor:pointer; padding:4px}
#lead h2{font-size:30px;margin:20px 0 30px 0}
#advantage h2 ,#news h2, #flow h2, #category h2, #casestudy h2  {box-sizing:border-box; font-size: 18px; padding: 4px 10px; padding-top: 0;  border-bottom: solid 4px #00a0e2;  display: inline-block;text-align:left;width:100%;max-width:1000px;vertical-align:middle; line-height:28px; }
h2 img{float:left; margin-right:20px}
table, #lead p, #flow p, #category ul{ margin-bottom: 20px;}
#category ul{overflow:hidden}
#category ul li {width:32%; margin-right:2%; margin-top:30px;margin-bottom:30px;float:left;box-sizing:border-box;border: 1px solid #ccc;display:inline-block;min-height:160px}
#category ul li:nth-child(3n){margin-right:0}
#category ul li img{float:left; width:50%; margin:1%; margin-right:2%}
#category ul li div{float:left;  width:44%; margin:1%}
#category ul li h3{font-size:18px; margin-bottom:4px;color:#777;border-bottom: 1px solid #ccc; padding-top:4px; }
#category ul li p{float:right; width:47%;margin-bottom:0; padding:0 0.2em}
/* top */
#top h1 img{float:left;max-width:160px; height:auto; display:inline-block}
#advantage{margin-bottom:30px;}
#advantage .point{border-top:none;}
#advantage .point .txtarea{background-color: rgba( 256, 256, 256, 0.8 ); }
#advantage .point .txtarea h3,.txtarea h2{color:#000}
#advantage .point .txtarea p{color:#000}
#efficient p{display:inline-block; max-width:90%;}
#efficient h2{font-size:28px; padding:4px 10px; padding-top:0;color:#00a0e2;border-bottom:solid 4px #00a0e2; display:inline-block }
.btn{width:90%; margin:0 auto;padding-bottom: 50px;}
li.btn{width:auto;/*display:inline-block;*/ vertical-align:middle;margin:0 1%}
.btn a {background-color:#e70012; color:#fff; font-size:26px; font-weight:bold;padding:20px; text-align:center; display:block; margin:0 auto;border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;line-height:1.2em}
.contact{background-color:#CCE6F5;}
.contact .btn a{max-width:500px;}
.hplink .btn a {max-width:800px;background-color:#ff0000;border-radius: 18px; -webkit-border-radius: 18px;-moz-border-radius: 18px;padding:16px 6px;font-size:34px; }
/* case */
.overview{margin-top:0.4em;background-color:#CCE6F5;}
.overview h1{color:#000;text-shadow:none }
.overview h1 span{ color:#c12f3d;}
.blue-area{background-color:#CCE6F5; padding:30px 20px 20px; clear:both }
.border-thin-blue-3 {border: 3px solid #CCE6F5;padding:30px; padding-bottom:10px; text-align:left}
.overview ul li{font-size:1.3rem;font-weight: 600;vertical-align:top; color:#000;}
ul.lineblock{overflow:hidden; max-width:720px; margin:0 auto !important}
.lineblock li{display:inline-block;margin-right:30px; margin-bottom:6px; font-size:18px; /*color:#000*/}
.lineblock li:last-child{margin-right:0}
.lv_black{font-size:1.3rem;color:#fff; background-color:#777; line-height:16px;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;padding:2px 8px; margin-right:10px; position:relative; top:-2px}
.lv_margin{margin-left:70px}
.dl-table>dt {float: left; clear: left;}
.dl-table>dt, .dl-table>dd {padding: 2px 0; }
.company_info{clear:both;overflow:hidden;margin-bottom:24px}
.company_info dt{width:115px; font-size:18px;color:#00a0e2; text-align:left; font-weight:bold;}
.company_info dd{margin-left:115px;font-size:18px;}
.company_info dl.c_data {width:78%; float:left; }
.company_info .c_logo{float:right;width:22%;}
ul.customer{overflow:hidden;}
ul.customer li{box-sizing:border-box; display:inline-block; vertical-align:top;margin-bottom:24px}
ul.customer li.profile{ width:34%; text-align:center; margin-right:2%; font-size:12px}
ul.customer li.profile img{margin-bottom:16px}
span.campany{display:block;margin-bottom:12px}
ul.customer li.comment{ width:54%; padding:2% 4%; font-size:16px;border:solid 4px #00a0e2; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px; }
.ivent-details p{font-size:1.3rem;text-align:left;margin:40px 50px}
.ivent-details p span{font-size:1.5rem;font-weight:bold;}
.section-divider {
  border: none;
  border-top: 2px solid #ccc;
  margin: 40px 0;
}
#purpose,
#program,
#reaction,
#comment {
  scroll-margin-top: 95px;
}
.index{position:relative; clear:both}
.index {display: block;height:auto}
.index li {color:#00a0e2;font-size:22px;font-weight:600;line-height: 1.6;}
.index ul{background-color: #CCE6F5;margin:0 60px;}
.index ul li a {text-decoration: none;border-bottom: 2px solid #000;padding-bottom: 2px;}
.index-inner h2,
.index-inner p { margin:50px; }
.contact{margin-top:50px;}
#container ul#tab-menu{margin:0 auto ;list-style: none;  overflow:hidden; }
#tab-menu li {  position:relative;cursor:pointer;  width:auto;  float:left;  background-color:#F7931E; color: #000; text-align:center;font-size:26px;line-height:1.2em;font-weight:bold; box-sizing:border-box;border-radius: 16px; -webkit-border-radius: 16px;-moz-border-radius: 16px; padding:18px; margin-bottom:40px; margin-right:26px;}
#tab-menu li:after {
 content: '';
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url(/sf/images/flw_arrow.png);
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
}
#tab-menu li:last-child:after {display:none;}
#tab-menu li img{margin-bottom:0}
#tab-menu li.active {  background: #ffe9b3;}
#tab-menu li:hover {background-color:#ffe9b3;}
#tab-menu li.active:hover{background-color:#ffe9b3;filter:alpha(opacity=100);opacity:1;}
/* tab contents */
#tab-box { clear:both;display:inline-block;  max-width:90%;margin:0 auto ;margin-bottom:40px;clear:both}
#tab-box div { display: none;}
#tab-box div.active { display: block;}
#tab-box div {border:solid 4px #F7931E;box-sizing:border-box;border-radius: 16px; -webkit-border-radius: 16px;-moz-border-radius: 16px; font-size:16px; /* color:#000;*/ padding:18px}
/* news */
#news .radius{margin:0 auto;margin-bottom:20px;box-sizing:border-box; border:solid 4px #00a0e2; font-size:20px; /*color:#000; */vertical-align:top; text-align:center;letter-spacing:0;line-height:1.6em; margin-bottom:50px}
#news table{padding:20px; margin-bottom:0}
#news table tr td{padding:4px 20px; font-size:16px;text-align:left}
.center{width:280px; margin:auto;}
/* case */
#casestudy .bx-wrapper{margin-bottom:80px}
#casestudy .bx-viewport li,ul.notslide li{box-sizing:border-box;border: 1px solid #ccc;text-align:left;padding:1em;}
ul.notslide{overflow:hidden;clear:both;margin:0 auto;margin-bottom:50px; margin-right:-20px}
ul.notslide li{float:left; width:320px; margin-right:20px;margin-bottom:10px;}
#slidercar p{height:80px}
.car_tit{height:90px; color:#777;}
.car_tit h3{font-size:16px; margin-top:4px}
.flex-container { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;  flex-wrap: wrap;}
.flex-container { -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:space-between}
ul.caselink{width:100%;margin:0 auto; margin-top:40px; }
ul.caselink li{width:48%; margin:0 1%;margin-bottom:4%;position:relative;text-align:center}
@media (max-width:1280px){
#top h2{font-size:36px;}
}
@media (max-width:1000px){
#category ul li {width:48%; margin-right:4%;}
#category ul li:nth-child(3n){margin-right:4%;}
#category ul li:nth-child(2n){margin-right:0;}
}
@media (max-width:767px){
#top h1{width:600px; font-size:30px}
#top h2{font-size:30px; bottom:10%;}
#top h1 img{width:140px; height:auto}
h1{font-size:30px;padding:0}
.point .txtarea{position:relative;}
.new_line{display:block;}
#top h1 img{display:none;}
.point .txtarea h3 img, .txtarea h2 img{display:none}
#tab-menu li {font-size:20px;line-height:1.2em;font-weight:bold; margin-bottom:35px; margin-right:24px; padding:10px; border-radius: 12px; -webkit-border-radius: 12px;-moz-border-radius: 12px;}
/* case */
ul.notslide li{width:48%; margin-right:4%;}
ul.notslide {margin-right:0}
ul.notslide li:nth-child(2n){margin-right:0}
ul.customer li{box-sizing:border-box; display:block; vertical-align:top; margin:0 auto 24px;}
ul.customer li.profile{ width:90%}
ul.customer li.comment{ width:90%}
.hplink .btn a {font-size:28px;}
}
@media (max-width:600px){
div#floating-ad {display:none;}
div#btm-ad{display:block; background-color:#F7931E; height:50px; width:100%; opacity:0.7; z-index:9999; position:fixed; bottom:0;  font-size:16px; font-weight:bold; padding-top:10px; line-height:1.2em;}
div#btm-ad a{color:#fff !important; opacity:1 !important;}
div#btm-ad div.close{position:absolute; top:0; left:0; font-size:18px; color:#fff; font-weight:bold; cursor:pointer; padding:7px;}
#top h1{width:100%; font-size:28px}
#top h2{font-size:28px; bottom:10%;}
#top h1 img{float:none; display:block;margin:0 auto}
#tab-menu li {font-size:18px;line-height:1.2em;font-weight:bold;  margin-bottom:25px; margin-right:22px; padding:8px; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
#top h1 img{display:none;}
#category ul{margin:0 auto; max-width:480px}
#category ul li {width:100%; margin-right:0;}
#category ul li:nth-child(3n){margin-right:0;}
}
@media (max-width:480px){
#top h1{width:100%; font-size:25px}
#top h2{font-size:23px; bottom:10%;}
.text_m{font-size:20px; font-weight:bold;}
#lead h2{font-size:25px;}
#top h1 img{display:none;}
.point .txtarea{padding:40px 0 20px}
.point .txtarea h3,.txtarea h2{font-size:25px; font-weight:bold;}
.btn a {font-size:25px;}
.hplink .btn a {font-size:24px;}
.company_info dd{font-size:16px;}
#tab-menu li {font-size:16px;line-height:1.2em;font-weight:bold; margin-bottom:14px; margin-right:22px; padding:8px; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
.car_tit{line-height:1.4em}
}