@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; }
}

/*******************************
 
about
 
*******************************/

.work{
	border: solid 2px #4bc9d3;
    padding: 20px;
    border-radius: 10px;
	margin-bottom: 30px;
}

.work_ttl{
	font-size: 14pt;
	color: #4bc9d3;
	margin-bottom: 10px;
}

.work_txt{
	border-top: dotted 1pt #ccc;
	padding-top: 10px;
}

/*******************************
 
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;
}
}