@charset "UTF-8";
/*  -------------------------------------
pc
 -------------------------------------*/

/*01-------------------------*/
#contbox_loc_01 {
	width:100%;
	margin:0 auto 40px auto;
	text-align:center;
	overflow:hidden;
}
#contbox_loc_01 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin:0 auto 40px auto;
}
#contbox_loc_01 ul li{
    width: 25%;
}

#contbox_loc_01 .inner01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin:0 auto 40px auto;    
}
#contbox_loc_01 .inner01 .item{
    width: 46%;
}
#contbox_loc_01 .inner01 .img_box_right01{
    float: right;
    width: 40%;
    height: auto;
    margin: 0 0 0 4%;
    overflow: hidden;
}
#contbox_loc_01 .inner02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin:40px auto;    
}
#contbox_loc_01 .inner02 .item:first-child{
    width: 50%;
    align-self: center;
}
#contbox_loc_01 .inner02 .item:last-child{
    width: 42%;
    align-self: center;
}
#contbox_loc_01 .inner03{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin:0 auto 40px auto;    
}
#contbox_loc_01 .inner03 .item:first-child{
    width: 30%;
}
#contbox_loc_01 .inner03 .item:last-child{
    width: 66%;
}

#contbox_loc_01 #slide {
    width: 1100px;
    height: 320px;
    position: relative;
    margin: 0 auto 60px auto;
    overflow: hidden;
    background-color: #fff;
}

#contbox_loc_01 img.img_loc_route01{
    width: 1620px;
    height: 330px;
}

#contbox_loc_01 .slideCell {
    width: 1620px;
    float: left;
    opacity: 1 !important;
}
#contbox_loc_01 .slideCtrl {
    display: inline-block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    padding: 15px 15px;
    background: #000000;
    color: #ffffff;
    top: 50%;
    margin-top: -30px;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    opacity: .6 !important;
}
#contbox_loc_01 .slideCtrl:hover {
    background: #ffffff;
    color: #000000;
    opacity: .6 !important;
}
#contbox_loc_01 .left { left: 5px; }
#contbox_loc_01 .right { right: 5px; }



/*02-------------------------*/
#contbox_loc_02 {
	width:100%;
	margin:0 auto 40px auto;
	text-align:center;
	overflow:hidden;
}

#contbox_loc_02 .left_box{
    float: left;
    width: 46%;
    height: auto;
    overflow: hidden;
}
#contbox_loc_02 .right_box{
    float: right;
    width: 52.4%;
    height: auto;
    overflow: hidden;
}
#contbox_loc_02 .right_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#contbox_loc_02 ul li{
    width:48.4%;
}
#contbox_loc_02 ul li p{
    margin: 0 0 0 0;
}
/*03-------------------------*/
#contbox_loc_03 {
	width:100%;
	margin:0 auto 40px auto;
	text-align:center;
	overflow:hidden;
}
#contbox_loc_03 .left_box{
    float: left;
    width: 30%;
    height: auto;
    overflow: hidden;
    margin: 0 0 40px 0;
}
#contbox_loc_03 .right_box{
    float: right;
    width: 66%;
    height: auto;
    overflow: hidden;
    margin: 0 0 40px 0;
}
#contbox_loc_03 .left_box ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}

#contbox_loc_03 .right_box ul li:first-child{
    float: left;
    width:78%;
}
#contbox_loc_03 .right_box ul li:nth-child(2),
#contbox_loc_03 .right_box ul li:last-child{
    float: right;
    width: 20%;
}
#contbox_loc_03 .left_box02{
    float: left;
    width: 46%;
    height: auto;
    overflow: hidden;
    margin: 0 0 40px 0;
}
#contbox_loc_03 .right_box02{
    float: right;
    width: 46%;
    height: auto;
    overflow: hidden;
    margin: 0 0 40px 0;
}

#contbox_loc_03 .left_box02 ul li:first-child{
    float: left;
    width:48%;
}
#contbox_loc_03 .left_box02 ul li:last-child{
    float: right;
    width: 48%;
}

#contbox_loc_03 .right_box02 ul li:first-child{
    float: left;
    width:44%;
}
#contbox_loc_03 .right_box02 ul li:last-child{
    float: right;
    width: 50%;
}

/*  -------------------------------------
sp
 -------------------------------------*/

@media only screen and (max-width: 767px) {
/*01-------------------------*/
#contbox_loc_01 {
	width:94%;
}
#contbox_loc_01 ul li{
    width: 50%;
}
#contbox_loc_01 img.img_loc_route01{
    width: 100%;
    height: auto;
}
#contbox_loc_01 .inner01 .item{
    width: 100%;
}
#contbox_loc_01 .inner01 .img_box_right01{
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
}
#contbox_loc_01 .inner02 .item:first-child{
    width: 100%;
    margin: 0 0 20px 0;
}
#contbox_loc_01 .inner02 .item:last-child{
    width: 100%;
}
#contbox_loc_01 .inner03 .item:first-child{
    width: 100%;
}
#contbox_loc_01 .inner03 .item:last-child{
    width: 100%;
}

#contbox_loc_01 #slide {
    width: 100%;
    height: 204px;
}

#contbox_loc_01 img.img_loc_route01{
    width: 1000px;
    height: auto;
}

#contbox_loc_01 .slideCell {
    width: 1000px;
    float: left;
    opacity: 1 !important;
}

/*02-------------------------*/
#contbox_loc_02 {
	width:94%;
}
#contbox_loc_02 .left_box{
    float: none;
    width: 100%;
}
#contbox_loc_02 .right_box{
    float: none;
    width: 100%;
}

#contbox_loc_02 ul li{
    width:49.5%;
}
/*03-------------------------*/
#contbox_loc_03 {
	width:94%;
}
#contbox_loc_03 .left_box{
    float: none;
    width: 100%;
}
#contbox_loc_03 .right_box{
    float: none;
    width: 100%;
}

#contbox_loc_03 .right_box ul li:first-child{
    float: none;
    width:100%;
}
#contbox_loc_03 .right_box ul li:nth-child(2){
    float: left;
    width: 49%;
}
#contbox_loc_03 .right_box ul li:last-child{
    float: right;
    width: 49%;
}
#contbox_loc_03 .left_box02{
    float: none;
    width:100%;
}
#contbox_loc_03 .right_box02{
    float: none;
    width:100%;
}

#contbox_loc_03 .left_box02 ul li:first-child{
    width:49%;
}
#contbox_loc_03 .left_box02 ul li:last-child{
    width: 49%;
}

#contbox_loc_03 .right_box02 ul li:first-child{
    float: none;
    width:100%;
}
#contbox_loc_03 .right_box02 ul li:last-child{
    float: none;
    width:100%;
}

}