@charset "UTF-8";

/*
  ページ別CSS
*/


/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
}



/***********************************************************
#1 インフォメーション
***********************************************************/
#c-main .box-about {
  padding: 3.0em 0 1.5em;
  margin: 1.0em 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-about-l {
  margin: 0;
  width: 54%;
  max-width: 100%;
  float: left;
}

#c-main .box-about-l01 {
  margin: 0 auto 0.5em;
  padding: 1.8em 0 0;
  width: 49%;
  max-width: 100%;
  float: left;
  text-align: center;
  background: #F0F3FA;
  height: 200px;
}
#c-main .box-about-l02 {
  margin: 0 auto 0.5em;
  padding: 1.8em 0 0;
  width: 49%;
  max-width: 100%;
  float: right;
  text-align: center;
  background: #F0F3FA;
  height: 200px;
}


#c-main .box-about-r {
  margin: 0;
  padding: 0.5em 1.0em 0;
  width: 45%;
  max-width: 100%;
  float: right;
  background: #F0F3FA;
  height: 408px;
}

#c-main .box-about-r h3 {
  margin: 1.0em 0 0.8em;
  padding: 0 0 0.5em;
  border-bottom: solid 1px #2853A1;
  color :#2853A1;
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
}

#c-main .box-about-r h4 {
  margin: 0.3em 0 0.2em;
  padding: 0;
  color :#2853A1;
  font-size: 1.1em;
  font-weight: normal;
}

#c-main .box-about-r p {
  margin: 0 0 0.2em 0.5em;
  font-size: 1.0em;
}

#c-main .box-about-r01 {
  margin: 1.0em 0 0 ;
  font-size: 1.5em;
  font-weight: bold;
  width: 51%;
  max-width: 100%;
  float: left;
  background: url("../images/icon_tel.png") no-repeat left;
  padding: 0.5em 0 0.5em 40px;
}

#c-main .box-about-r02 {
  margin: 2.2em 0 0  ;
  color: #D22926;
  width: 47%;
  max-width: 100%;
  float: right;
}

#c-main .box-about-r02 .font-small {
  margin:0 0.5em 0 0 ;
  font-weight: 0.9%;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
	
#c-main .box-about-l {
  width: 50%;
}
#c-main .box-about-r {
  width: 49%;
  height: 448px;
}	

#c-main .box-about-l01 {
  height: 220px;
}
#c-main .box-about-l02 {
  height: 220px;
}	
	
	
	
#c-main .box-about-r01 {
  width: 100%;
  max-width: 100%;
  float: none;
  margin: 0.2em 0 0 ;
}

#c-main .box-about-r02 {
  width: 100%;
  max-width: 100%;
  float: none;
  margin: 0 ;
}

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-about-l {
  width: 100%;
  float: none;
}
#c-main .box-about-r {
  width: 100%;
  float: none;
  height: auto;
  padding-bottom: 1.0em;
}	

#c-main .box-about-l01 {
  height: auto;
  padding: 1.0em 0;
}
#c-main .box-about-l02 {
  height: auto;
  padding: 1.0em 0;
}	
	
}