@charset "UTF-8";
.column2R #main {
    float: none;
    width: auto;
}
#container {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 10px;
}

main{
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
	padding-right: 20px;
}

#container {
	width: 1140px;
}
.breadCrumb {
    width: 970px;
    margin: 0 auto;
}

.only_sp {
	display: none;
}
@media screen and (max-width: 479px){
.only_sp {
	display: block;
}
}

.section {
    padding-bottom: 20px;
}
.section h2, h2.spec {
	padding-top: 10px;
	color: #ffffff;
	border-left: 10px solid #262629;
	padding: 5px;
	line-height: 1.5em;
	background: #262629;
    font-size: 24px;
    margin-bottom: 20px;
    border-left: solid 5px #ff6100;
    border-bottom: solid 3px #d7d7d7;
}
@media screen and (max-width: 479px){
.section h2, h2.spec {
    font-size: 18px;
	}
}

.section p, p.w-break {
	padding-top: 3px;
    font-size: 16px;
	margin-bottom: 1rem;
}
@media screen and (max-width: 479px){
.section p, p.w-break {
    font-size: 14px;
}
}

.section img{
	width: 100%;
}

.top_banner{
	width: 100%;
	max-width: 1140px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.clear{
	clear: both;
}

.spec{
	width: 100%;
	margin-bottom: 15px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
    padding: 0.75rem;
    line-height: 1.42857143;
    vertical-align: top;
	border: 1px solid #dee2e6;
}
#container table {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
@media screen and (max-width: 479px){
#container table {
    font-size: 14px;
}
}

.btnBlock {
    width: 100%;
    overflow: hidden;
    margin: 40px 0 80px 0;
}
.btnBlock a {
    width: 80%;
    display: block;
    background-color: #007bff;
    border-color: #007bff;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
    margin: 0 auto;
    border-radius: 8px;
    text-decoration: none;
}
@media screen and (max-width: 479px){
.btnBlock a {
    width: 100%;
	font-size: 18px;
}
}
.btnBlock a:hover {
  opacity: 0.5;
}
.copyright{
	font-size: 6px;
}
.scroll {
	overflow: auto;
}


@media screen and (min-width:480px) {
.cp_banner img {
    width: 75%;
    margin: 0 auto;
    display: block;
}
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}
@media screen and (min-width:480px) {
.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 53.333333%;
    max-width: 53.333333%;
    padding-right: 15px;
    padding-left: 15px;
}
}
@media screen and (max-width: 479px){
.row {
    flex-direction: column-reverse;
}
}


/*-------------------------------------
ウィンドウ幅が0〜479pxの場合に適用するCSS
---------------------------------------*/
@media screen and (max-width:479px){
  .scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}