@media (max-width: 767px) {
  .navbar {
    z-index: 3 !important;
  }
}

@media (max-width: 500px) {
  .row .col-xs-6 {
    width: 50%; !important;
    float: left !important;
  }
}

html {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	background:#FFF;
	-webkit-touch-callout:none; /*リンク長押しのポップアップを無効化*/
}

.carousel-indicators {
	bottom: -7%;
}

.fns{
	width:100%;
}

.cation{
	width:100%;
	margin:0 auto;
}

.head_margin{
	margin-top:10px;
}

.btn-img{
    width:72.5%;
    margin:0 auto;
}

.b-top_w{
	width:50%;
	margin:0 auto;
}

.contents_img01{
    max-width: 86vw; 
    margin:0 auto;
}

.contents_img02{
    max-width: 92vw; 
    margin:0 auto;
}

.contents_img03{
    max-width: 22vw; 
    margin:0 auto;
}

.contents_img04{
    max-width: 92.244vw;
    margin:0 auto;
}

.contents_img05{
    max-width: 86.735vw;
    margin:0 auto;
}

.contents_img06{
    max-width: 17.347vw; 
    margin:0 auto;
}

.contents_img07{
    max-width: 41.633vw; 
    margin:0 auto;
}

.contents_img08{
    max-width: 51.020vw; 
    margin:0 auto;
}

.contents_img09{
    max-width: 87.959vw; 
    margin:0 auto;
}

.contents_img10{
    max-width: 76.531vw; 
    margin:0 auto;
}

@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: -20px !important;
  }
  
  .cation{
    width:95%;
  }
  
  .fns{
    width:85%;
  }
  
  .head_margin{
	margin-top:30px;
  }

  
}

@media screen and (min-width: 992px) {
  .btn-img{
 	width:100%;
  }
}

.bold{
	font-weight:bold;
}

h6,.h6 {
	font-size: 1.1rem;
	line-height: 1.5;
	font-weight: 400;
	color: #6e7879;
}

.fns img{
	width:100%;
}

.square{
	padding:3px;
	border:1px solid #a4a4a4;
	text-align:center;
	font-size: 1.3rem;
}

.s-car{
	padding:10px;
	background-color:#eeeeee;
	width:70%;
	margin:0 auto;
}

.image_link span.link-1{
	position:absolute;
	bottom:0;
	left: 0;
	padding:7.5% 50%;
	z-index: 2;
	/*border:1px solid;*/
}

.image_link span.link-2{
	position:absolute;
	bottom:0;
	right: 0;
	padding:6% 24.5%;
	/*border:1px solid;*/
}

.bg-connect{
	background:#f5bebe;
}

.img_top{
	z-index:999;
}


.link01{
	position:absolute;
	bottom:4.4%;
	left: 6%;
	padding:5% 43.8%;
	z-index: 6;
	border:solid #000;
}

@media screen and (min-width: 500px) {

}

@media screen and (min-width: 980px) {
  .link01{
	bottom:3.9%;
	left: 7.2%;
	padding:5% 42.5%;
  }
}

.bg_acc{background-color:#f7f7f7}

/*ボックス全体*/
.accbox {
    margin: 0;
    padding: 0;
}
/*
@media screen and (min-width: 768px) {
  .accbox {
    margin: 0 auto 3em;
    width:100%;
  }
}*/

/*ラベル*/
.accbox label {
    display: block;
    margin: 0 0;
    padding : 6.2% 50%;
    cursor :pointer;
    background: url(./images/01-03.jpg) no-repeat center center;
    background-size:contain;
}




@media screen and (min-width: 768px) {
	.accbox label {
	    margin: 0em 0 0em ;
	    padding : 60px 100px;
	    background: url(./images/01-03.jpg) no-repeat center center;
	}

	.accbox input[type="checkbox"]:checked + label {
	    background: url(./images/01-03.jpg) no-repeat center center;
	}
}


/*ラベルホバー時*/
.accbox label:hover {
    /*opacity: 0.8;*/
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    /*opacity: 0;*/
    transition: all 0.6s ;
    padding:0;
}

/*クリックで中身表示*/
.cssacc:checked ~ article{
    /*height: auto;*/
    opacity: 1;
    max-height: 100em;
    padding:0;
}