@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------
# ウガンダCS用デザイン
----------------------------------------------*/


/* ----------------------------

　共通CSSのスタイル 整形

---------------------------- */

html {
	min-width: 950px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


body .container2012 {
	background: none !important;
}
body .container2012 .pannav_top {
	padding: 6px 0;
	color: #666;
}
body .container2012 .pannav_bottom {
	clear: both;
	padding: 36px 0 6px;
	color: #666;
}
body .navbg_nn {
	background: none !important;
}

/* ----------------------------

　ウガンダCSレイアウト

---------------------------- */


.lp-base{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #5a5a5a;	
	}

.section{
	margin:  0px auto;
	width: 100%;
	}

/* パンくず */
.breadcrumbs-area.breadcrumbs__cs-page.rwd {
	background-color: #fff;
}
	
/*--sec01--------------------------------------------------------------------*/


.lp-sec01{
	width: 100%;
	height: 352px;
	border-top: 10px solid #2798f8;
	border-bottom: 10px solid #2798f8;
	background: #fff url(../../../images/1/customersupportcenter/uganda/bg_mainheader.png) top center no-repeat;
	}

.lp-sec01-innerbox{
	/*width: 1024px;*/
	margin: 0px auto;
	color: #f5f7fa;	
	display: flex;
	justify-content: center;
}

.lp-sec01-innerbox a,
.lp-sec01-innerbox a:hover,
.lp-sec01-innerbox a:visited{
	color: #FFF;
	text-decoration: underline;
}

.sec01-innerbox-h2{
	width: 55%;
	background-color: rgba(39,152,248,0.9);;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#982798f8,EndColorStr=#982798f8);
	text-align: left;
	padding: 30px 2.5em 20px 2.5em;
	margin: 1.2em 0px;
	overflow: hidden;	
	min-width: 910px;
}

.sec01-innerbox-h2 .sec01-ttl{
	width: 80%;
	font-size: 30px;
	font-weight: 700; 
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}

.sec01-innerbox-h2 .sec01-ttl span.size46{
	font-size: 46px;
}

.sec01-innerbox-h2 .sec01-ttl span.size58{
	font-size: 58px;
}

.sec01-innerbox-body{
	font-size: 14px;
	text-align: right;
}

.sec01-add-ttl{
	font-weight: 700;
	display: block;	
	text-align: left;
}
.sec01-add-body{
	padding: 0.5em 1em;
	border-bottom: 1px solid #f5f7fa;
	border-top: 1px solid #f5f7fa;
	text-align: left;
	font-weight: 400;	
}

.sec01-telbox-body{
	width: 700px;
	text-align: right;
	float: right;
}

.sec01-tel-ttl{
	margin: 0 0 0 0;	
}

.tel-add{
	padding-left: 10px;
}

.sec01-tel-ttl,.sec01-tel-body,.sec01-mob-ttl,.sec01-mob-body{
	display: inline-block;
}

/*for ie7*/
*:first-child+html .sec01-tel-ttl,
*:first-child+html .sec01-tel-body,
*:first-child+html .sec01-mob-ttl,
*:first-child+html .sec01-mob-body{
	display: inline;
	zoom: 1;
}
.sec01-tel-ttl,.sec01-mob-ttl{
	font-weight: 700;
	padding: 0 3px 0 5px;
}
.sec01-mob-ttl{
	margin: 0 0 0 60%;
}
.sec01-tel-body,.sec01-mob-body{
	font-weight: 400;
	font-size: 18px;
}

.sec01-time-ttl{
	display: inline-block;
	font-weight: 700;
	padding: 0 5px 0 5px;
	margin: 0 0 0 50%;	
}

/*for ie7*/
*:first-child+html .sec01-time-ttl{
	display: inline;
	zoom: 1;	
}

.sec01-time-body{
	display: inline-block;
	font-weight: 400;
}

/*for ie7*/
*:first-child+html .sec01-time-body{
	display: inline;
	zoom: 1;	
}

/*PCで表示しない要素*/

.imgbox-title-sp{
	display: none;
}
.lp-sec01-nav{
	display: none;
}
	
.pc_none{
	display: none;
}

/*--sec02-----------------------*/	

.lp-sec02{
	width: 100%;
	margin: 0px auto;
	}

.lp-sec02-read{
	width: 950px;
	height: 311px;
	margin: 0px auto;
	text-align: left;
	background: #FFF url(../../../images/1/customersupportcenter/uganda/img_read_photo.png) top right no-repeat;
}

.sec02-read-txt{
	width: 468px;
	text-align: left;
	padding: 3em 0px;	
}

.sec02-read-txt .sec02-read-ttl{
	font-size: 32px;
	color: #2798f8;
	font-weight: 700;
	line-height: 1.2em;
}

.sec02-read-txt .sec02-read-body{
	font-size: 18px;
	color: #5a5a5a;
	line-height: 1.2em;
	margin: 0.5em 0;
	padding: 0 1em 0 0;
}
	
/*--sec03-----------------------*/

.lp-sec03{
	background: #ececec;
	padding: 40px 0px;
	text-align: center;
	}

.lp-sec03-listbox{
	width: 860px;
	margin: 0px auto;
	overflow: hidden;
}	

.lp-sec03-listbox li{
	width: 420px;
	min-height: 110px;
	display: block;
	float: left;
	text-align: left;
	padding: 0 0 0 100px;
	margin: 0 10px 10px 0;
	font-size: 18px;
}

.sec03-list-ttl{
	font-size: 20px;
	color: #2798f8;
}

.lp-sec03-listbox li.sec03-box-list01{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list01.png) left top no-repeat;
}

.lp-sec03-listbox li.sec03-box-list02{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list02.png) left top no-repeat;
}
.lp-sec03-listbox li.sec03-box-list03{	
	background: url(../../../images/1/customersupportcenter/uganda/icon_list03.png) left top no-repeat;
}
.lp-sec03-listbox li.sec03-box-list04{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list04.png) left top no-repeat;
}


/*--sec04-----------------------*/

.lp-sec04{
	width: 100%;
	height: 284px;
	background: #2798f8 url(../../../images/1/customersupportcenter/uganda/bg_sec04.png) center top no-repeat;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}

.lp-sec04 h3{
	color: #f5f7fa;
	font-size: 40px;
}

.lp-sec04-box{
	padding: 4.5em 0px;
}

.lp-sec04-box p{
	width: 910px;
	margin: 0 auto;
	font-size: 26px;
	color: #f5f7fa;
}


/*--sec05-----------------------*/

.lp-sec05{

}

.lp-sec05-box{
	width: 840px;
	min-height: 197px;
	margin: 3em auto 3em auto;
	background: url(../../../images/1/customersupportcenter/uganda/Uganda_Allways_Logi.jpg) left 50px no-repeat;}

.sec05-add-box{
	width: 560px;
	margin: 0 0 0 280px;
	text-align: left;
}

.add-boxtitle-dt{
	font-size: 24px;
	color: #2798f8;
	border-bottom: 1px solid #2798f8;
	font-weight: 700;
	text-align: center;
}

.sec05-add-txt{
	line-height: 1.5em;
}

.imgbox-logo-company{
	margin: -5px 0 0 0;
}

.sec05-addtxt-adddd span{
	display: none;
}

.sec05-add-txt dt{
	float: left;
	clear: left;
	display: block;
	width: 6.5em;
	font-size: 14px;
	color: #2798f8;
	text-align: right;
	padding: 1em 0 0 0;
	font-weight: 700;	
}

.sec05-add-txt dd{
	display: block;
	margin: 0 0 0 6.5em;
	font-size: 16px;
	padding: 1em 0 0 0;	
}



/*--sec06-----------------------*/

.lp-sec06 {

}

/*SP対応用----------------------------------------------------------------------------------------------*/
	
@media screen and (max-width: 767px) {

a{
	display: block;	
	}

.lp-base{
	padding: 0 0 0px 0;
	}

/*--sec01----------------------------*/
	
.lp-sec01{
	width: 100%;
	height: auto;
	border-top: none;
	border-bottom: none;
	background-color: #2c3e50;
	background-image: none;
	}

.lp-sec01-innerbox{
	width: 100%;
	margin: 0px auto;
	color: #f5f7fa;		
}

.imgbox-title-sp{
	display: block;
}


.sec01-innerbox-h2{
	width: 100%;
	background-color: none;
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
	overflow: visible;
	min-width: 0;
}

.sec01-innerbox-h2 .sec01-ttl{
	width: 100%;
	font-size: 2.2rem;
	font-weight: 700; 
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 1em 0;
	text-align: center;
}

.sec01-innerbox-h2 .sec01-ttl span.size46{
	font-size: 2.4rem;

}

.sec01-innerbox-h2 .sec01-ttl span.size58{
	font-size: 2.9rem;
	line-height: 1.5em

}

.sec01-innerbox-body{
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	padding: 1em 0 1em 0;
	width: 80%;
}

.sec01-add-ttl{
	display: none;
}
.sec01-add-body{
	display: none;
}
.sec01-tel-ttl{
	margin: 0;
}
.tel-add{
	padding-left: 0px;
}

.sec01-telbox-body{
	width: 100%;
	text-align: left;
	float: none;
}


.sec01-tel-ttl,.sec01-tel-body,.sec01-mob-ttl,.sec01-mob-body{
	display: block;
}

.sec01-tel-ttl,.sec01-mob-ttl{
	float: left;
	clear: left;
	text-align: right;
	width: 4em;
	font-size: 1.6rem;
	color: #2c3e50;
	padding: 0.3em 0 0 0;
	font-weight: 700;	
}

.sec01-mob-ttl{
	margin: 0 0 0 0;
}

.sec01-tel-body,.sec01-mob-body{
	font-size: 2rem;
	text-align: left;
	margin-left: 3.5em;
}

.sec01-tel-body a,.sec01-mob-body a{
	color: #f5f7fa;
	text-decoration: underline;
}



.sec01-time-ttl{
	display: block;
	font-weight: 700;
	color: #2c3e50;
	font-size: 1.6rem;	
	line-height: 1em;
	padding: 1em 0 0 0;
	margin: 0 auto;
	text-align: center;
}

.sec01-time-body{
	display: block;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 0 auto;	
	text-align: center;
}

.lp-sec01-nav{
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 0.5em 0;
	text-align: center;
}

.lp-sec01-nav li{
	display: inline-block;
	padding: 0 0.5em 0 0.5em;
}

.lp-sec01-nav li a{
	color: #f5f7fa;
	text-decoration: none;
}

.lp-sec01-nav li a i{
	color: #5e7c99;
}

.sp_none{
	display: none;
}

.pc_none{
	display: block;
}

/*--sec02-----------------------*/	

.lp-sec02{
	width: 100%;
	margin: 0px auto;
	}

.lp-sec02-read{
	width: 100%;
	height: auto;
	margin: 0px auto;
	background: none;
}

.sec02-read-txt{
	width: 80%;
	text-align: left;
	padding: 1.5em 0;	
	margin: 0 auto;
}

.sec02-read-txt .sec02-read-ttl{
	font-size: 2.2rem;
	color: #2798f8;
	font-weight: 700;
	line-height: 1.2em;
}

.sec02-read-txt .sec02-read-body{
	font-size: 1.6rem;
	color: #5a5a5a;
	line-height: 1.2em;
	margin: 0.5em 0;
	padding: 0 1em 0 0;
}
	
/*--sec03-----------------------*/

.lp-sec03{
	background: #ececec;
	padding: 2em 0 3em 0;
	}

.lp-sec03-listbox{
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}	

.lp-sec03-listbox li{
	width: 100%;
	min-height: 50px;
	display: block;
	float: left;
	text-align: left;
	padding: 60px 0 0 0;
	margin: 0 auto 1em auto;
	font-size: 1.6rem;
	text-align: center;
}

.lp-sec03-listbox li h3{
	font-size: 2rem;
	color: #2798f8;
}

.lp-sec03-listbox li p{
	padding: 0 2em;
	line-height: 1.2em;
}

.lp-sec03-listbox li.sec03-box-list01{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list01_sp.png) center top no-repeat;
	background-size: 62px;
}

.lp-sec03-listbox li.sec03-box-list02{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list02_sp.png) center 10px no-repeat;
	background-size: 62px;
}
.lp-sec03-listbox li.sec03-box-list03{	
	background: url(../../../images/1/customersupportcenter/uganda/icon_list03_sp.png) center 10px no-repeat;
	background-size: 62px;
}
.lp-sec03-listbox li.sec03-box-list04{
	background: url(../../../images/1/customersupportcenter/uganda/icon_list04_sp.png) center 5px no-repeat;
	background-size: 62px;
}
/*--sec04-----------------------*/

.lp-sec04{
	width: 100%;
	height: auto;
	background-color: #2798f8;
	background-image: none;
	margin: 0px auto;
	padding: 0;
}

.lp-sec04 h3{
	color: #f5f7fa;
	font-size: 2.4rem;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	line-height: 1.2em;
	padding: 0 0 0.5em 0;
}

.lp-sec04-box{
	padding: 2em 0px;
}

.lp-sec04-box p{
	width: 80%;
	margin: 0 auto;
	padding: 0 0 0.5em 0;
	font-size: 1.6rem;
	color: #f5f7fa;
	text-align: left;
	line-height: 1.2em;
}
/*--sec05-----------------------*/

.lp-sec05{

}

.lp-sec05-box{
	width: 100%;
	min-height: auto;
	margin: 2em auto 2em auto;
	background-image: none;
}

.sec05-add-txt{
	line-height: 1.2em;
	width: 90%;
	margin: 0 auto;
	padding: 1.5em 0 0 0;
}

.sec05-add-box{
	width: 100%;
	margin: 0 0 0 0px;
	text-align: left;
}

.add-boxtitle-dt{
	font-size: 2.2rem;
	color: #2798f8;
	border-bottom: 1px solid #2798f8;
	font-weight: 700;
	width: 90%;
	margin: 0 auto;
	line-height: 1.2em;
	padding: 0 0 0.2em 0;
}
.add-boxtitle-dt span{
	font-size: 1.6rem;
	display: block;
	line-height: 1.2em;	
}

.imgbox-logo-walmax{
	margin: 0;
}

.sec05-addtxt-adddd span{
	display: block;
	padding: 0.5em 0;
	font-size: 1.6rem;
	font-weight: 700;
}

.sec05-add-txt dt{
	float: none;
	display: block;
	width: auto;
	font-size: 1.6rem;
	color: #2798f8;
	text-align: left;
	padding: 0 0 0.5em 0;
	font-weight: 700;	
}

.sec05-add-txt dd{
	display: block;
	margin: 0;
	font-size: 1.6rem;
	padding: 0 0 1em 0;	
	line-height: 1.2em;	
}


/*--sec06-----------------------*/

.lp-sec06{
	display: none;
}
	
/*スマホ用ヘッダまわり整形用*/

     html{
		 min-width: 100% !important;
		 }

	.navheader .inner,
	.header950,
	.ci,
	.top_navi ul,
	.pnavwrapper,
	.pannav_top{
		width: 100% !important;	
		}
	.navbg_nn{
		height: 70px;
	}
	.navfooter .inner{
		width: 100% !important;			
		}
			
	.header-personal-area{
		display: none !important;
	}
	
	.header-global-area{
		display: none !important;
		}
					
	.footer-nav{
		display: none !important;
		}	
		
	.navbg_ft{
		background: none !important;
		}	
		
	.footer-copyright{
		float: none !important;
		width: 100% !important;
		}
		
	.footer-policy{
		display: none !important;
		}	

	.footer-share{
		float: none !important;
		position: relative !important;
		display: block !important;
		top: 0 !important;;
		left: 0 !important;
	}

	.footer-share-container{
		padding: 0px 1em;
	}

	.footer-copyright{
		float: none !important;
		width: 100% !important;
		text-align: left !important;
		font-size: 1.4rem  !important;
		padding: 1em 0 !important;
		color: #FFF !important;	
	}

	.navfooter{
		background: #465c73;
		padding: 1em 0;
	}
	

}

/* ----------------------------

　汎用

---------------------------- */

.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.5em;
	line-height: 0;
}
.clearfix {/* for ie6 */
	display: inline-block;
}
.clearfix {/* for Opera */
	display: block;
}




/* ----------------------------

　アイコンフォント用

---------------------------- */	
	
@font-face {
  font-family: 'fontello';
  src: url('./font/fontello.eot?87989218');
  src: url('./font/fontello.eot?87989218#iefix') format('embedded-opentype'),
       url('./font/fontello.ttf?87989218') format('truetype'),
       url('./font/fontello.svg?87989218#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?87989218#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-right-open:before { content: '\e60d'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */
.icon-doc-text-inv:before { content: '\e803'; } /* '' */
.icon-location:before { content: '\e91f'; } /* '' */
.icon-cancel-1:before { content: '\e805'; } /* '' */

/*for ie7*/

[class^="icon-"], [class*=" icon-"] {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
 
  /* fix buttons height */
  line-height: 1em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}
 
.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-doc-text-inv { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

.sec01-tel-body a:link,
.sec01-mob-body a:link,
.sec01-tel-body a:visited,
.sec01-mob-body a:visited {
	color: #f5f7fa !important;
}