@charset "utf-8";
/* CSS Document */

/*h2タイトル設定*/
#coordinator h2 {
	clear: both;
	margin: 10px 20px 10px 20px;	/*上下、左右への余白*/
	font-size: 160%;	/*文字サイズ*/
    /*line-height: 1.2em;*/
	color: #1f2c5c;		/*文字色*/
    text-align: center;
    border-bottom: 1px solid #999999;	/*枠線の幅、線種、色*/
}

#coordinator h2 span {
    font-size: 70%;	/*文字サイズ*/
	line-height: 1em;
}

#coordinator h2 span::before {
	content: "\A" ;
	white-space: pre;
}

#main p {
    padding: 0;
}
.teltitle {
    width: 80%;
    margin: 30px auto 0;
    padding: 0;
    color: #FFFFFF;
    background: #0000FF;
    text-align: center;
    line-height: 2em;
    font-size: 130%;
}



.coordinator_aria {
    width: 90%;
    margin: 30px auto 0;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.coordinator_aria .coordinator_title {
    text-align: left;
    color: #FFF;
    padding-left: 12px;
    margin-bottom: 12px;
    line-height: 2.5em;
    letter-spacing: 0.05em;
    background: #1f2c5c;
}

.coordinator_photo {
    float: left;
    width: 28%;
    margin: 0px 1%;
    text-align: center;
}

.coordinator_moji {
    float: left;
    width: 68%;
    margin: 0px 1%;
    
}
.coordinator_titlemini {
    margin-top: 20px;
    border-bottom: dotted 1px #1f2c5c;

}
.coordinator_name {
    font-size: 180%;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

  .coordinator_photo, .coordinator_moji {
      float: none;
      width: 98%;
  }
  .coordinator_name {
      font-size: 140%;
  }
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){




}


/*画面幅767px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){



}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){




}