@charset "UTF-8";

#com-02 .inner{
	max-width: 960px;
	margin: 0 auto 50px auto;
}

#com-03 header{
	 position: relative;
	}
#com-03 h2{
	
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
	
	
	
}

@media (max-width: 960px){
#com-03 h2 {
    width: 250px;
}
	#com-02 .inner p{
	width: 90%;
		margin: auto;
}
	}


@media screen and (max-width: 575px) {
	/* mixin
 #com-03 header {
	 
    background-image: none !important;
    height: 100%;
  }
   #com-03 header::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    min-height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
	  background-image:url("../img/com/img.jpg")
  }
========================================================= */
}
.pick{
		font-size: 30px;
    font-size: 1.87999rem;
  font-weight: bold;
	color: #e94d2d;
	text-align: center;
}

#com-03 .inner{
	max-width: 1100px;
	margin:50px auto 0 auto;
	
}

#com-03 .inner{
	 display: -webkit-flex;
    display: flex;
}
#com-03 .inner .map{
	width: 60%;
	margin-right: 3%;
}

#com-03 .inner h3{
	font-size: 30px;
    font-size: 1.87999rem;
  font-weight: bold;
}
.tel span{
	font-weight: bold;
}
@media (max-width: 767px) {
	#com-03 .inner h3{
	font-size: 18px;
    font-size: 1.125rem;
	}
	.pick{
			font-size: 18px;
    font-size: 1.125rem;
	}
#com-03 .inner{
	 
    display: block;
}
	
	#com-03 .inner .map{
	width: 100%;
	margin-right: 0%;
}
	#com-03 .inner .text{
		width: 90%;
		margin: 20px auto 0 auto;
	}
}


#com-02 .inner ul{
	 display: -webkit-flex;
    display: flex;
  
	
}
#com-02 .inner ul li{
	border: solid 2px #fff;
}

 @media (max-width: 966px) {

	#com-02 .inner{
		 width: 90%;
	 }
}
@media (max-width: 767px) {
	
	#com-02 .inner li{
	
}
}