@charset "UTF-8";
/* banner */

.banner_image{
    margin-left:0 auto;
    margin-right:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}


.banner_bt{
    margin-left:0 auto;
    margin-right:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}

.banner p {
	padding: 10px;
}

.banner table {
	border-collapse: collapse;
	border: solid 1px #333;/*表全体を線で囲う*/
}


.banner th {
	border-collapse: collapse;
	border: solid 1px #333;/*ヘッダー部分を線で囲う*/
	padding: 10px;
	background: #ddd;
    font-weight: bold;
}

.banner td {
	border-collapse: collapse;
	border: solid 1px #333;/*表全体を線で囲う*/
	padding: 10px;
}


#main .banner h2 {
   border-top-left-radius: 15px;  /* 左上だけの角丸半径 */
   border-top-right-radius: 15px; /* 右上だけの角丸半径 */
   border-bottom-left-radius: 15px;  /* 左下だけの角丸半径 */
   border-bottom-right-radius: 15px; /* 右下だけの角丸半径 */
   border: 1px #eb5c22 solid;       /* 枠線の装飾 */
   background-color: #eb5c22;     /* 背景色 */
   padding: 15px 10px 10px 10px;  /* 内側の余白 */
   display: inline-block;         /* インラインブロック化(※インラインのままだと、右端で折り返されて上下に並んだときに、前後の行と重なってしまうため) */
   background-image: none;
   font-size: 20px;
   color: #ffffff;
}

#main .banner h4 {
   background-image: none;
   font-size: 20px;
   color: #0000f0;
}

.sp {
    display: none;
}

/*スマホ
------------------------------*/

@media screen and (max-width: 750px) {

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

}