@charset "UTF-8";

/*******************************
 
れすぽんCss
 
*******************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media only screen and (min-width: 750px) {
.pc { display: block !important; }
.sp { display: none !important; }
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* br_pc　pc時改行 */
/* br_sp　sp時改行 */
@media screen and (min-width: 750px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 750px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


/*******************************
 
newsCss
 
*******************************/
 
p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
table {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*******************************
 
table
 
*******************************/

.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #4dc9d3;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #dbf4f6;
  text-align: left;
  width: 120px;
  color: #3eaeb7;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}

/*******************************
 
wrap
 
*******************************/

.con_wrap{
	width: 988px;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 84px;
}
@media only screen and (max-width: 750px) {
.con_wrap{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
}

/*******************************
 
header
 
*******************************/

.mainttl_wrap{
	margin-bottom: 30px;
}
.mainttl{
	background-color: #4bc9d3;
    width: 820px;
    border-radius: 10px;
    display: block;
    padding: 10px;
    text-align: left;
}
.mainttl h1{
    color: #fff;
    font-size: 20pt;
    letter-spacing: 0.1em;
}
@media only screen and (max-width: 750px) {
	.mainttl{
    background-color: #4bc9d3;
    width: 100%;
    border-radius: 10px;
    display: block;
    padding: 10px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 10px;
}
	.mainttl h1{
    color: #fff;
    font-size: 14pt;
    letter-spacing: 0em;
}
}