@charset "utf-8";
/* -----------------------------------------------------------------------------
	Figure
*/
@media only screen and (max-width:768px){
	.figBp768{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp768{}
		.figC01.figBp768 img{
			max-width:100% !important;
		}
	.figC02.figBp768{}
		.figC02.figBp768 figure{
			width:100%;
		}
		.figC02.figBp768 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp768{}
		.figC03.figBp768 figure{
			max-width:100% !important;
		}
}
@media only screen and (max-width:767px){
	.figBp767{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp767{}
		.figC01.figBp767 img{
			max-width:100% !important;
		}
	.figC02.figBp767{}
		.figC02.figBp767 figure{
			width:100%;
		}
		.figC02.figBp767 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp767{}
		.figC03.figBp767 figure{
			max-width:100% !important;
		}
}
@media only screen and (max-width:640px){
	.figBp640{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp640{}
		.figC01.figBp640 img{
			max-width:100% !important;
		}
	.figC02.figBp640{}
		.figC02.figBp640 figure{
			width:100%;
		}
		.figC02.figBp640 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp640{}
		.figC03.figBp640 figure{
			max-width:100% !important;
		}
}
@media only screen and (max-width:540px){
	.figBp540{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp540{}
		.figC01.figBp540 img{
			max-width:100% !important;
		}
	.figC02.figBp540{}
		.figC02.figBp540 figure{
			width:100%;
		}
		.figC02.figBp540 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp540{}
		.figC03.figBp540 figure{
			max-width:100% !important;
		}
}
@media only screen and (max-width:480px){
	.figBp480{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp480{}
		.figC01.figBp480 img{
			max-width:100% !important;
		}
	.figC02.figBp480{}
		.figC02.figBp480 figure{
			width:100%;
		}
		.figC02.figBp480 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp480{}
		.figC03.figBp480 figure{
			max-width:100% !important;
		}
}
@media only screen and (max-width:320px){
	.figBp320{
		float:none !important;
		max-width:100% !important;
		margin:40px 0 40px !important;
	}
	.figC01.figBp320{}
		.figC01.figBp320 img{
			max-width:100% !important;
		}
	.figC02.figBp320{}
		.figC02.figBp320 figure{
			width:100%;
		}
		.figC02.figBp320 img{
			max-width:100% !important;
			margin:10px 0;
		}
	.figC03.figBp320{}
		.figC03.figBp320 figure{
			max-width:100% !important;
		}
}


@media only screen and (max-width:767px){
	.figC01{}
		.figC01 figure{
			display:block;
		}
	.figC02{}
		.figC02 figure > br{
			display:block;
		}
	.figC03{}
		.figC03 figure{
			display:block;
			margin: 20px auto 0;
		}
}

/* -----------------------------------------------------------------------------
	Columns
*/
@media only screen and (max-width: 960px) {
  .opt4.optFlex .cntsColumnsColumn {
    width: 33.3%;
  }
	.cntsColumns.opt4 .cntsColumnsInner--center {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
  .cntsColumns {
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: -20px;
  }
  .cntsColumns .cntsColumnsColumn {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .opt4.optFlex .cntsColumnsColumn,
  .opt4.optFlex .cntsColumnsInner--center .cntsColumnsColumn,
  .opt3.optFlex .cntsColumnsColumn {
    width: 50%;
  }
}
@media only screen and (max-width: 341px) {
  .opt4.optFlex .cntsColumnsColumn,
  .opt3.optFlex .cntsColumnsColumn,
  .opt2.optFlex .cntsColumnsColumn {
    width: 100%;
  }
}

@media only screen and (max-width:1160px){
	.col8,
	.col7,
	.col6{
		width:103.6%;
		margin:0 -3.6% 0 0;
	}
	.col8 > .col, .col8 > li,
	.col7 > .col, .col7 > li,
	.col6 > .col, .col6 > li{
		margin-right:3.6%;
	}
	.col8 > .col, .col8 > li,
	.col7 > .col, .col7 > li,
	.col6 > .col, .col6 > li,
	.col5 > .col, .col5 > li{
		width:21.4%;
	}
	.col8 > .col_2,
	.col7 > .col_2,
	.col6 > .col_2,
	.col5 > .col_2{
		width:46.4%;
	}
	.col8 > .col_3,
	.col7 > .col_3,
	.col6 > .col_3,
	.col5 > .col_3{
		width:71.4%;
	}
	.col8 > .col_4,
	.col8 > .col_5,
	.col8 > .col_6,
	.col8 > .col_7,
	.col8 > .col_8,
	.col7 > .col_4,
	.col7 > .col_5,
	.col7 > .col_6,
	.col7 > .col_7,
	.col6 > .col_4,
	.col6 > .col_5,
	.col6 > .col_6,
	.col5 > .col_4,
	.col5 > .col_5{
		width:96.4%;
	}
}
@media only screen and (max-width:929px){
	.col8 > .col, .col8 > li,
	.col7 > .col, .col7 > li,
	.col6 > .col, .col6 > li,
	.col5 > .col, .col5 > li,
	.col4 > .col, .col4 > li{
		width:29.7%;
	}
	.col8 > .col_2,
	.col7 > .col_2,
	.col6 > .col_2,
	.col5 > .col_2,
	.col4 > .col_2{
		width:63%;
	}
	.col8 > .col_3,
	.col8 > .col_4,
	.col8 > .col_5,
	.col8 > .col_6,
	.col8 > .col_7,
	.col8 > .col_8,
	.col7 > .col_3,
	.col7 > .col_4,
	.col7 > .col_5,
	.col7 > .col_6,
	.col7 > .col_7,
	.col6 > .col_3,
	.col6 > .col_4,
	.col6 > .col_5,
	.col6 > .col_6,
	.col5 > .col_3,
	.col5 > .col_4,
	.col5 > .col_5,
	.col4 > .col_3,
	.col4 > .col_4{
		width:96.4%;
	}
}
@media only screen and (max-width:789px){
	.col8 > .col, .col8 > li,
	.col7 > .col, .col7 > li,
	.col6 > .col, .col6 > li,
	.col5 > .col, .col5 > li,
	.col4 > .col, .col4 > li,
	.col4_2 > .col, .col4_2 > li,
	.col3 > .col, .col3 > li{
		width:46.4%;
	}
	.col4_2 > .col_2 > .col2{
		width:100%;
	}
	.col4_2 > .col_2 > .col2 > .col, .col4_2 > .col_2 > .col2 > li{
		width:48.15%;
		margin-left:3.7%;
	}
	.col4_2 > .col_2 > .col2 > .col:first-child, .col4_2 > .col_2 > .col2 > li:first-child{
		margin-left:0;
	}
	.col4_i01 > .col, .col4_i01 > li{
		width:21.34%;
	}
	.col4_i01 > .col_02{
		width:37.34%;
		margin-right:8.19%;
	}
	.col4_i01 > .col_03{
		margin-right:8.19%;
	}
	.col8 > .col_2,
	.col8 > .col_3,
	.col8 > .col_4,
	.col8 > .col_5,
	.col8 > .col_6,
	.col8 > .col_7,
	.col8 > .col_8,
	.col7 > .col_2,
	.col7 > .col_3,
	.col7 > .col_4,
	.col7 > .col_5,
	.col7 > .col_6,
	.col7 > .col_7,
	.col6 > .col_2,
	.col6 > .col_3,
	.col6 > .col_4,
	.col6 > .col_5,
	.col6 > .col_6,
	.col5 > .col_2,
	.col5 > .col_3,
	.col5 > .col_4,
	.col5 > .col_5,
	.col4 > .col_2,
	.col4_2 > .col_2,
	.col4 > .col_3,
	.col4_2 > .col_3,
	.col4 > .col_4,
	.col4_2 > .col_4,
	.col4_i01 > .col_01,
	.col3 > .col_2,
	.col3 > .col_3{
		width:96.4%;
	}
}
@media only screen and (max-width:480px){
	.col4_i01 > .col, .col4_i01 > li{
		width:46.4%;
	}
	.col4_i01 > .col_03,
	.col4_i01 > .col_04{
		margin-right:3.6%;
	}
	.col8 > .col, .col8 > li,
	.col7 > .col, .col7 > li,
	.col6 > .col, .col6 > li,
	.col5 > .col, .col5 > li,
	.col4 > .col, .col4 > li,
	.col4_i01 > .col_01,
	.col4_i01 > .col_02,
	.col3 > .col, .col3 > li,
	.col2 > .col, .col2 > li{
		width:96.4%;
	}
}

/* -----------------------------------------------------------------------------
	table
*/
@media only screen and (max-width: 767px) {
	.tbl02{
		display:block;
	}
		.tbl02 tbody{
			display:block;
			width:100%;
		}
			.tbl02 tbody tr{
				display:block;
				width:100%;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-o-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				overflow:hidden;
				clear:both;
			}
				.tbl02 tbody tr th{
					display:block;
					float:left;
					width:100%;
					padding:5px 20px;
				}
				.tbl02 tbody tr:first-child th{
					padding:5px 20px;
				}
				.tbl02 tbody tr td{
					display:block;
					float:left;
					width:100%;
					padding:5px 20px;
					margin-bottom:10px;
					border-left: solid 3px #666666;
				}
				.tbl02 tbody tr:first-child td{
					padding:5px 20px;
				}
	
	.tbl03{}
		.tbl03 > dl{
			display:block;
		}
			.tbl03 > dl > dt{
				display:block;
				width:100% !important;
				padding:0 0 20px;
				vertical-align:baseline;
				border-right:none;
				border-bottom:1px solid #ccc;
			}
			.tbl03 > dl > dd{
				display:block;
				padding:20px 0 0;
				vertical-align:baseline;
			}

	.tbl05{
		display:block;
	}
		.tbl05 thead,
		.tbl05 tbody{
			display:block;
			width:100%;
		}
			.tbl05 tr{
				display:block;
				width:100%;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-o-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				padding:0 10px 10px;
				overflow:hidden;
				clear:both;
				border-bottom: dotted 1px #666666;
			}
				.tbl05 th{
					display:block;
					float:left;
					width:100%;
					padding:10px 0 0;
					border-bottom:none;
				}
				.tbl05 td{
					display:block;
					float:left;
					width:100%;
					border-bottom:none;
					padding:10px 0 0;
				}


}
/* -----------------------------------------------------------------------------
	boxElm
*/
@media only screen and (max-width: 767px) {
	.boxElm01{}
		.boxElm01 > ul{}
			.boxElm01 > ul > li{
				float:none;
				width:auto;
			}
	.boxElm02{
		padding:30px 0;
	}
		.boxElm02Inner{
			display:block;
		}
			.boxElm02Main{
				display:block;
				padding:0;
			}
				.boxElm02MainInner{
					display:block;
					margin:0 0 20px;
				}
					.boxElm02Heading{
						display:block;
						margin:0 0 20px;
						padding:0;
						border-right:none;
					}
					.boxElm02Content{
						display:block;
						padding:0;
					}
						.boxElm02Title{
							font-weight:normal;
						}
			.boxElm02Img{
				display:block;
				width:100%;
				padding:0;
			}
		
	.boxElm05{
		padding:40px 20px;
	}

}
/* -----------------------------------------------------------------------------
	Skip Link
*/
@media only screen and (max-width: 767px) {
	.skipLink ul li{
		padding-right:20px;
	}
}


/* -----------------------------------------------------------------------------
	container
*/
@media screen and (min-width: 768px) {
  #container {
    margin: 0 !important;
  }
}

/* -----------------------------------------------------------------------------
	header
*/
@media only screen and (max-width: 767px) {
  #header {
    border-top: none !important;
  }
  #headerInner {
    background-color: #fff !important;
  }
  #logo {
    border: none;
    height: auto;
  }
  /* ---- header navigation ---- */
  #hnav {
    display: none;
  }
  /* ---- global navigation ---- */
  #gnav {
    display: none;
  }
  .gnavCatBox {
    display: none !important;
  }
  /* ---- menu ----*/
  #menuBtn {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  #pageslide {
    display: none !important;
  }
}

/* -----------------------------------------------------------------------------
	Topic Path
*/
@media only screen and (max-width: 767px) {
  #tp {
    display: none !important;
  }
  #tp #tpInner {
    padding: 0 10px;
  }
}

/* -----------------------------------------------------------------------------
	PAGE TITLE
*/
@media only screen and (max-width: 767px) {
  #pt {
    margin-bottom: 30px;
  }
  #pt #ptInner {
    display: block;
    padding: 25px 20px;
  }
  #pt #ptInner img {
    width: 100%;
    height: auto;
  }
  #pt #ptInner.clearfix:after {
    display: none !important;
  }
  #pt #ptInner.clearfix #ptTitle {
    float: none;
    width: auto;
  }
  #pt #ptInner.clearfix #ptText {
    margin-left: 0;
  }
  #pt .clearfix #ptText {
    font-size: 9px;
  }
  #pt #ptTitle {
    font-size: 15px;
  }
}
/* -----------------------------------------------------------------------------
	contents
*/
@media only screen and (max-width: 767px) {
  #contents {
    margin-bottom: 30px;
  }
  #contents #contentsInner {
    padding: 0 20px;
  }
}

/* ---- Main Visual ----*/
@media only screen and (max-width: 767px) {
  #contents .mv {
    margin-bottom: 20px;
  }
}


/* -----------------------------------------------------------------------------
	Local Navigation
*/
@media only screen and (max-width: 767px) {
  #lnav {
    display: none;
  }
}
/* -----------------------------------------------------------------------------
	footer
*/
@media only screen and (max-width: 767px) {
  #footer {
    border-bottom-style: none;
  }
  #footer #footerGuide {
    display: none;
  }
  #footer #copyright {
    float: none;
    margin: 0 10px;
    text-align: right;
  }
}

/* -----------------------------------------------------------------------------
	footer navigation
*/
@media only screen and (max-width: 767px) {
  #fnav {
    display: none;
  }
}