.txtColor{
	color: 	#2B88BE;
}

#under .bgColor, #under .bgc,.under{
	text-align: center;
	background-color:#2B88BE;
	color: #fff;
}

.txtunder{
	color: 	#2B88BE;
}

.headLineL{
	 border-left:solid 10px #2B88BE;	
	border-bottom: solid 2px #000;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	font-size: 150%;
	margin-bottom: 20px;
	padding-left: 10px;
}


.field {
  font-size:120%;
  margin-bottom:20px;
  padding:5px;
  border: solid 1px #ccc;
}
.tfield{
  font-size:120%;	
  height: 200px;
  border: solid 1px #ccc;
}

.min{
	font-size: 85%;
}
.red{
	color: red;
}
.formimg{
	font-size: 150%;
	font-weight: 600;
	padding-bottom: 40px;
	color: #000;
	padding-top: 20px;
}
#form dt {
  padding-top:2%;	
  font-weight: bold;
  padding-bottom: 1%;
}
#form dd {

}



.center{
	text-align: center;
}


#flow li{
	float: left;
}
#flow li{
	width: 200px;
	margin-right: 10px;
	list-style: none;
	border: solid 1px #ccc;
	color: #555;
	background-color: #f7f7f7;
}
#flow ul:after{
	content: "";
	display: block;
	height: 0px;
	clear: both;
	overflow: hidden;
}
#flow ul{
	padding-left: 20px;
	width: 660px;
	margin: 0 auto;
	margin-bottom: 20px;

}
#flow .active{
	background-color: #fdd7d7;
	color: #000;
}



#under .headLineL{
	border-bottom: solid 2px #2B88BE;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	font-size: 160%;
	margin-bottom: 20px;
}

.iconC{
	background-image:url(../img/icon_circle.png);
	background-position: left center;
	background-repeat: no-repeat;
	
	font-size: 120%;
	margin-bottom: 5px;
}
.iconC:before{
	content: '◎ ';
	color: <br />
<b>Notice</b>:  Undefined offset: 0 in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>131</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>131</b><br />
;
}

#under .iconC{
	background-image:url(../under/img/icon_circle.png);
	background-position: left center;
	background-repeat: no-repeat;

	font-size: 120%;
	margin-bottom: 5px;
}

.boxline{
	border: dashed 1px #555;
	color:#000;
	padding: 20px;
	margin-bottom: 20px;
}
.boxline2{
	border: solid 1px #555;
	color:#000;
	padding: 10px;
	margin-bottom: 20px;
}
/*
#under .boxline{
	border: solid 1px #2B88BE;
	color: #2B88BE;
	padding: 20px;
	margin-bottom: 20px;
}
*/
.balloon {
  background-color:#F7F9FF;
  margin-bottom:30px;
  padding:20px;
  position:relative;
  text-align:center;
  border-radius: 20px;
  font-weight: 500;
  color:#03B4E8;
}
.balloon:after {
  border-top: 12px solid #F7F9FF;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  bottom: -12px;
  left: 50%;
}

#under .balloon-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	background: #FFF;
 	border: solid 2px #2B88BE;
 	box-sizing: border-box;
 	padding: 3%;
}

#under .balloon-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

#under .balloon-top:after{
	content: "";
	position: absolute;
	top: -29px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #2B88BE;
 	z-index: 1;
}


*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight: normal;
	vertical-align:baseline;
	background:transparent;
	list-style: none;
	text-decoration: none;
	font-style: normal;
}

a{color: #000;}

b{font-weight: 700;}

img{
	-webkit-backface-visibility: hidden;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.vb{
	vertical-align:bottom !important;
}

select{
	border: solid 1px #ccc;
}



@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
a{cursor: pointer;}
a img:hover{opacity: 0.7;}

body{
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  font-size: 14px;
  letter-spacing:0.05em;
  overflow-x: hidden;
}
#visual{
	background-color: #1c8fd8;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: solid 6px #F0F4FA;
	border-bottom: solid 6px #F0F4FA;	
}
.sec{
	max-width:980px;
	margin: 0 auto;
	padding-bottom:60px;	
}


/* Head Line */
.headLine{font-weight: 700;padding-bottom: 1em;font-size: 110%;}
.headLine2{font-weight: 700;padding-bottom: 0.1em;ont-size: 110%;}
.headLineWhite{color: #fff;}

/* Text Style */
.txtWhite{color: #fff;}
.txtRed{color: red;}
.txtPurple{color: #c768c2;}
.txtPurple a{color: #c768c2;}
.txtBold{font-weight:800;}
.txtS80{font-size: 80%;}
.txtS90{font-size: 90%;}
.txtS100{font-size: 100%;}
.txtS110{font-size: 110%;}
.txtS120{font-size: 120%;}
.txtS130{font-size: 130%;}
.txtS140{font-size: 140%;}
.txtS150{font-size: 150%;}
.txtS200{font-size: 200%;}
.txtS300{font-size: 300%;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.center{text-align: center;}
.lcenter li{text-align: center;}
.linkU, .more-link{text-decoration: underline;}
.linkC{color:#fff;}
.list li{
	list-style: disc;
	margin-left: 1.5em;
}
.listRight{
	text-align: right;
}

.lh0{
	line-height: 0;
}
.catch{
	font-size: 140%;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.catch{
	line-height: 2em;
}


/* hide br */
.pc{display: block;}
.sp{display: none;}
.hide{display: none;}
.brPC{display:block;}
.brSP{display:inline;}




/* section padding margin */
.mauto{margin: 0 auto;}
.mbpb0{margin-bottom: 0 !important;padding-bottom: 0 !important;}
.pd1{padding: 1%;}
.pd2{padding: 2%;}
.pd3{padding: 3%;}
.pd4{padding: 4%;}
.pd5{padding: 5%;}
.pd10{padding: 10%;}
.lpdBottom2 li{padding-bottom: 2%;}
.lpdBottom5 li{padding-bottom: 5%;}
.pdBottom1{padding-bottom: 1% !important;}
.pdBottom2{padding-bottom: 2% !important;}
.pdBottom3{padding-bottom: 3% !important;}
.pdBottom4{padding-bottom: 4% !important;}
.pdBottom5{padding-bottom: 5% !important;}
.pdBottom10{padding-bottom: 10% !important;}
.pdBottom20{padding-bottom: 20% !important;}
.maBottom1{margin-bottom: 1% !important;}
.maBottom2{margin-bottom: 2% !important;}
.maBottom3{margin-bottom: 3% !important;}
.maBottom4{margin-bottom: 4% !important;}
.maBottom5{margin-bottom: 5% !important;}
.maBottom10{margin-bottom: 10% !important;}
.maBottom20{margin-bottom: 20% !important;}
.pdTop1{padding-top: 1%;}
.pdTop2{padding-top: 2%;}
.pdTop3{padding-top: 3%;}
.pdTop4{padding-top: 4%;}
.pdTop5{padding-top: 5%;}
.pdTop10{padding-top: 10%;}
.pdTop20{padding-top: 20%;}

/* Button imagelayout */
.button{
	max-width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	border: solid 1px #ccc;
}
.button:hover{background-color: rgba(255, 217, 237, 0.33);}
.radius5{
	border-radius: 5px;	
	-webkit-border-radius:  5px;
	-moz-border-radius: 5px;
}
.radius10{
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.circle{
	border-radius: 50%;
	text-align: center;
	width: 100px;
	height: 80px;
	padding-top: 27px;
	font-size: 120%;
	color: #fff;
	background-color: #ff94b5;
	margin-left: -60px;	
	float: left;	
}
.circle2{
	font-size: 120%;	
	border-radius: 50%;
	text-align: center;
	width: 20px;
	height: 20px;
	color: #fff;
	background-color: #ff94b5;
	margin-left: -22px;		
}

/* Table */

.table{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.table th{
	background-color: #F7F7F7;
	padding: 20px;
	vertical-align: middle;
	border: solid 1px #ededed;
	text-align: left;	
}
.table td{
	border: solid 1px #ededed;
	padding: 20px;	
	vertical-align: middle;
}
.table2{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.table2 th{
	background-color: #F7F7F7;
	padding: 20px;
	vertical-align: middle;
	border: solid 1px #ededed;
	text-align: left;	
}
.table2 td{
	border: solid 1px #ededed;
	padding: 20px;	
}

.bgColor2{
	background-color: #4B4B4B !important;
	color: #FFF;
	padding: 10px;
}
.bgColor3{
	background-color: #c7ded3 !important;
}
.bgColor4{
	background-color: #f9c7e3 !important;
}
.bgColor5{
	background-color: #f9d4d2 !important;
}
.bgColor6{
	background-color:#f6ffe2 !important;
}

.calendar td{
	width: 13%;
	padding: 2%;
	height: 40px;
	border: solid 1px #EDEDED;
	text-align: center;
}
.calendar th{
	width: 13%;
	padding: 2%;
	border: solid 1px #EDEDED;
	text-align: center;
	background-color: #D3D3D3;
	color: #fff;
	font-weight: 600;	
}

.calendar{
	width: 100%;
	border-collapse: collapse;
}
.calendar .sun{
	color: #FD7F9C;
}
.calendar .sat{
	color: #88B7FD;
}
.calendar .holiday{
	color: red;
}

.calendar .poc{
	color: pink;
	font-weight: bold;
}
.calendar .minioc{
	color: pink;
	font-weight: bold;
}
.calendar .oc{
	color: pink;
	font-weight: bold;
}
.calendar .today{
	background-color: #f7f7f7;
}
.calendar td{
	background-color: rgba(255, 255, 255, 0.89);
}

.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 2%;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/* Line */
.dash{
	border-bottom: dashed 1px #555;
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 2%;
	margin-bottom: 2%;
}

/* Background */
.bgGray{background-color:#F7F7F7;}
.bgGray2{background-color: #626262;color: #fff;}
.bgWhite{background-color: #fff;}
.bgPurple{background-color:#f5e6fe;}
.bgBeige{background-color: #F4F3EF;}
.bgSky{background-color: #def4ff;}
.bgPink{background-color: #ea7bac;}
.bgPink2{background-color: #FBBADA;}
.bgOrange{background-color: #f1b849;}

.bgFooter{
	background-image:url();
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;	
}

/* column  */
.column2{
	letter-spacing: -0.4em
}
.column2 li{
	letter-spacing: normal;
	display:inline-block; 
	/display:inline; 
	/zoom:1;
	width: 49.5%;
	vertical-align: top;
}
.column2 li:nth-child(odd){
	padding-right: 1%;
}

.column3{
	letter-spacing: -0.4em
}
.column3 li{
	letter-spacing: normal;
	display:inline-block; 
	/display:inline; 
	/zoom:1;
	width:32.62%;
	vertical-align:top;
	padding-right: 1%;
	padding-bottom: 1%;
}.column3 li:last-child{
	padding-right: 0;
}

.column4{
	letter-spacing: -0.4em;
	margin-right: -2%;
}
.column4 li{
	letter-spacing: 0;
	display:inline-block;
	/display:inline; 
	/zoom:1;
	width:23%;
	vertical-align:top;
	margin-right: 2%;
	padding-bottom: 1%;
}

.ribbon1 {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #f167a7;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;

}
.rb{
	width: 300px;
	margin: 0 auto;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}




/* float  */
.clr:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.fL{float: left;}
.fR{float: right;}
.w90{width: 90%;}
.w92{width: 92%;}
.w88{width: 88%;}
.w80{width: 80%;}
.w78{width: 78%;}
.w70{width: 70%;}
.w68{width: 68%;}
.w75{width: 75%;}
.w65{width: 65%;}
.w60{width: 60%;}
.w55{width: 55%;}
.w50{width: 50%;}
.w45{width: 45%;}
.w49{width: 49%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w16{width: 16%;}
.w25{width: 25%;}
.w12{width: 12%;}
.w10{width: 10%;}
.w35{width: 35%;}
.w38{width: 38%;}
.w98{width:98%;}
.w100{width:100%;}

/* image Rect  */
.oft{
	object-fit: cover;
	font-family: 'object-fit: cover;'	
}
.btn{
	margin-top: 10px;
	background-color: #be1212;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 160%;
	padding-top: 10px;
	padding-bottom: 10px;
	 border-radius: 3px;
	 cursor: pointer;
}
.txtCy{
	background-color: #FFF100;
	padding: 5px;
	font-weight: bold;
}
.txtCp{
	background-color: #ED7E8E;
	padding: 5px;
	font-weight: bold;	
}


/* header  */
header{
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	height: 120px;
	z-index: 100;
}
header #logo{
	padding-top: 20px;
	padding-left: 2%;
	padding-bottom: 20px;
}
header #rNav{
	position: absolute;
	right: 0px;
	top:30px;
	padding-right: 2%;
}
header #rNav .btList li{
	float: left;
	width:110px;
	letter-spacing: 0em;
	font-size: 12px;
}
header #rNav2{
	position: absolute;
	left: 0%;
	top:2px;
	width: 100%;
	height: 30px;
	text-align: right;
}


/* nav  */
nav{
	width: 980px;
	margin: 0 auto;
	margin-bottom: 16px;

}
nav ul li{
	float: left;
	width: 163.3px;
	text-align: center;
	position: relative;	
	font-size: 110%;
	line-height: 1em;
}
nav ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* visual  */

#visual .fR{
	padding-top: 5%;
	padding-right: 3%;
}

#visual .bg img{
	width: 100%;
	height: auto;
}
#visual .clr{
	position: absolute;
	width: 100%;
	top:10px;
	z-index: 90;
}
#visual .clr img{
	max-width: 90%;
	height: auto;
}


#visual .catch{
	position: absolute;
	top:24%;
	left: 18%;	
}
#visualUnder{
	width: 1178px;
	margin: 0 auto;
}



/* breadcrumb  */
.pnav{
	max-width: 980px;
	margin: 0 auto;
	padding-top:5px;

	text-align: left;
}
.pnav a{
	text-decoration: underline;
}


/* slider  */
#topSlide{
	max-width: 1177px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#topSlide .slider{
	margin-left: 1px;
}
#topSlide .slider div{
	margin-right: 2px;
}
.bx-prev {
  background-image:url(../img/common/icn_arrowL.png);
  width:27px;
  height:43px;
  left:-3%;
  position:absolute;
  top:45%;
  z-index: 10;
}
.bx-next {
  background-image:url(../img/common/icn_arrowR.png);
  width:27px;
  height:43px;
  position:absolute;
  right:-3.2%;
  top:45%;
   z-index: 10; 
}

/* footer  */
footer{
	width: 100%;
	background-color: #F0F4FA;
	padding-top: 20px;
	color: <br />
<b>Notice</b>:  Undefined offset: 0 in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>878</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>878</b><br />
;
	z-index: 100;
	position: relative;
}
footer .sitemap{
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}
footer .txtR{
	position: absolute;
	bottom: 100px;
	right: 10px;
	z-index: 99;
	
}
.sitemap .fR{
	padding-bottom: 10px;
}

footer .sitemap a{
	color: <br />
<b>Notice</b>:  Undefined offset: 0 in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>899</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>899</b><br />
;
}
address{
	background-color: #AA9CDA;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* layout  */
#youtube div{
	width: 100%;
	text-align: center;
}

#youtube p{
	max-width: 600px;
	margin: 0 auto;
}





.bg1{
	margin-bottom: 5%;
}
.bgit{
	background-image: url(../img/bg_c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 100px;
	position: relative;
}
.bgi{
	background-image: url(../img/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 100px;
	position: relative;
}



.bgit .g{
	position: absolute;
	top:0px;
	right: -50px;
	opacity: 0.4;
}

#top .oneday{
	text-align: left;
	padding-top: 200px;
	padding-bottom: 60px;
	line-height: 1em;
}
#under .oneday{
	text-align: left;
	padding-top: 10px;
	padding-bottom: 60px;
	line-height: 1em;
}



.bg2{
	position: relative;
}
.bg2 .clr{
	position: absolute;
	top:20%;
	width: 100%;
}
.bg2 ul{
	width: 100%;
}
.bg2 .center{
	position: absolute;
	top:10%;
}
.bg2 .bg{
	width: 100%;
	height: auto;
}

#headline h4 {
  left:20px;
  position:absolute;
  top:10px;
}
#headline {
  background-color:#FFFAC6;
  height:32px;
  margin:20px auto;
  padding-top:10px;
  width:1000px;
  position:relative; 
}

#headline p {
  background-color:#FFFFFF;
  height:24px;
  left:120px;
  padding-left:10px;
  position:absolute;
  top:10px;
  width:86%;
}

.bg2 .bg img{
	width: 100%;
	height: auto;
}

.bg4{
	background: url(../img/bg_4.jpg);
}
.pccenter{
	text-align: center;
}

.voice{
	font-size: 120%;
	padding-bottom: 2%;
	font-weight: 500;
	line-height: 1.2em;	
}
.voice:before{
	content: '‘‘ ';
	font-size: 200%;
	padding-left: 4%;

}
.voice:after{
	content: ' ,,';
	font-size: 200%;
	padding-right: 4%;
}
.blog p{
	font-size: 140%;
}

.bg2 .clr {
	top:28% ;
}

.underimg{
	position: absolute;
	top:200px;
	right: 20%;
}
.underimg img{
	width: 330px;
	height: auto;
}
#jbad div {
  background-color:#FFFFFF;
  border:1px dashed #000000;
  font-size:120%;
  margin:10px auto 20px;
  padding:20px;
  width:800px;
}

.icatch img{
	border-radius:50% !important;
		border: solid 5px #FFF;
}
.bg3{
	border-bottom: 2px dotted #777;
	padding-bottom: 5%;
}
#voice img{
	width: 100%;
	height: auto;
}
#logo{
	width: 100%;
	text-align: left !important;
}

.ol li{
	margin-left: 20px;
	list-style:decimal;
	margin-bottom: 5px;
}
.newicon{
	display: none;
}


@media all and (max-width: 780px) {
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.pc{display: none;}
.sp{display: block;}
.brPC{display:inline;}
.brSP{display:block;}
footer{display: none;}
/* nav  */
nav{
	width: 101%;
	border-top: solid 1px #ccc;	
}
#wrap{
	background-image:none;
}
#top .oneday{
	padding-top:10px;
	padding-bottom: 40px;
}
.pnav {
	padding-bottom: 20px;
	width: 100%;

}

.bgi {
	padding-top: 100px !important;
}
.bgit{
	padding-top: 100px !important;
}


nav ul{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 16px;
}


nav ul li{
	float: left;
	width: 33%;
	height: 40px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-top: 5%;
	text-align: center;
	position: relative;	
	font-size: 110%;
	line-height: 1em;
}
nav ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#under #wrap{
	border-top: 1px solid #ccc; 
}
.sec{width: 90%;margin: 0 auto;}
.pnav{width: 90%;margin: 0 auto;}
.spfoot{
	background-color: <br />
<b>Notice</b>:  Undefined offset: 0 in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>1161</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/users/0/hugolab/web/hugo/ssl/css/base.php</b> on line <b>1161</b><br />
;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrap{
	width: 100%;
	overflow-x: hidden;
	margin-top: 27.2%;
}
.pccenter{
	text-align: left;
}
.bg3 p{
	font-size: 80%;
}
.blog p{
	font-size: 100%;
	padding-left: 5%;
}
.blog{
	margin-top: 10%;
}

.blog .img{
	padding-top: 5%;
	width: 80%;
	height: auto;	
}


#visual .fR{
		padding-top: 0%;
}

.w92 img{
	max-width: 70%;
	height: auto;
}

.bgi{
	margin-top: 2%;
	padding-top: 35%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.bgit{
	margin-top: 2%;
	padding-top: 1%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.bgit .g{
	position: absolute;
	top:-80px;
	right: 0px;
	opacity: 0.4;
	width: 60%;
}


.bg3 .fR img{
	width: 80%;
	height: auto;
}



.bg2 .clr {
	top:32% !important;
}


header{
	width: 100%;
	height: 100px;
	background-color: #fff;		
}
header #logo{
	float: left;
	width: 70%;
	padding-top: 6%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left !important;
}
header #spMenu{
	float: right;
	width: 18%;
	text-align: right;
	padding-top:5.5%;
	padding-right:3%;
	cursor: pointer;
}
header #spMenu p{
	font-size: 100%;
	font-weight: 600;
}

.list{
	width: 90%;
	margin: 0 auto;
}
.sp100 li{
	display: block;
	width: 100% !important;
	margin-bottom: 7%;		
}
.sp96 li{
	display: block;
	width: 100%;
	margin-bottom: 4%;
}
.sp96{
	width: 96%;
	margin: 0 auto;
}
.sp100 .fL{
	display: block;
	width: 100%;
	margin-bottom: 7%;		
}
.sp100 .fR{
	display: block;
	width: 100%;
	margin-bottom: 7%;		
}
.sp50 li{
	width: 49% !important;
}
.sp60{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.sptxtS100{
	font-size: 100%;	
}
.sptxtS80{
	font-size: 80%;	
}

.list li{
	list-style: disc;
	margin-left: 0em;
}

.lpdBottom2 li{
	padding-bottom: 0;
}
.lpdBottom2 li img{
	width: 80%;
	height: auto;
}

 
#headline{
	width:100%;
}


/* table  */
.table th,.table td {
	width: 96%;
	display: block;
	padding: 2%;
}
.table2{
	width: 100%;
}
.dash{
	width: 90%;
	margin: 0 auto;	
	margin-bottom: 2%;
}
.column4 li{ width: 48%;
}
#jbad div{
	width: 84%;
}
.bgi .g{
	top:-5%;
	right: -2%;
	width: 40%;
	height: auto;
	
}

}