@charset "UTF-8";
/* CSS Document */
/*top*/
.PC-slider {
	max-width:2000px;/*画像サイズで変動*/
	margin: 0 auto;
}
.sp-slider {
	display:none;
}
.slider {
	padding-left: 0;
}
/*top*/
.content {
	margin: 0 0 200px;
}
.news {
	background-color: #EAF1F5;
    padding: 10px 0 150px;
    margin-bottom: 0;
}
.newsBack {
	background-color: #fff;
    /*padding: 30px;*/
    border-radius: 10px;
    margin: 10px 0;
}
.newsBox {
	width: 70%;
    margin: 15px auto;
    padding: 15px 20px;
    border-bottom: dotted 2px #e2e2e2;
}
.newsBox .date {
	display: inline-block;
    font-size: 0.9em;
    margin-bottom: 0;
	font-family: "M PLUS Rounded 1c"
}
.newsBox .title {
	display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    padding-left: 10px;
	font-family: "M PLUS Rounded 1c"
}
.news-text {
	text-indent: 1em;
}
.bnrBack {
	background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin: 50px  0 10px 0;
}
.bnrBox {
	width: 80%;
    margin: 15px auto;
    padding: 15px 20px;
    border-bottom: dotted 2px #e2e2e2;
}
.img_r {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.img_l {
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
@media screen and (max-width:991px){
.newsBox {
    width: 100%;
}
.bnrBox {
    width: 100%;
}
.img_r {
    float: none;
    margin: 0 auto 20px;
}
.img_l {
    float: none;
    margin: 0 auto 20px;
}
}
@media screen and (max-width:600px){
.PC-slider {
	display:none;
}
.sp-slider {
	display:block;
	max-width:750px;
	margin: 0 auto;
}
}

.p-box {
	margin-bottom: 50px;
}
/*annai*/
.annaiPage_1 {
	margin-bottom: 80px;
}
.annaiPage_2 {
	margin-bottom: 80px;
}
.annaiPage_3 {
	margin-bottom: 80px;
}
@media screen and (max-width:991px){
.right-image {
    float: none;
    margin: 0 auto 20px;
}
}
/*satellite*/
.wc {
	border: solid 1px #ccc;
	border-radius: 10px;
	margin: 50px 0 50px;
    padding: 50px 15px;
}
.s-4f {
	width:50%;
	margin: 0 auto;
}
.s-photo {
	
}
.spec {
	background-color: #fffdda;
	padding:15px;
	border:solid 3px #20a099;
	border-radius: 10px;
}
.spec-2 {
	margin-bottom: 50px;
}
@media screen and (max-width:768px) {
.s-4f {
	width:100%;
}
}
.cl_rd {
	color: #F00;
}
.cl_pi {
	color: #F36;
}
.cl_pi2 {
	color: #f679a5;
}
.cl_gr {
	color: #369460;
}
.cl_pu {
	color: #423899;
}


.c_tbl{
    font-size: 105%;
}
.c_tbl>tbody>tr>th {
	border-top: none;
	border-bottom: 2px solid #ddd;
}
.c_tbl>tbody>tr>th:first-child, .c_tbl>tbody>tr>td:first-child {
	padding: 8px 8px 8px 15px;
}
.wakusen{
	border: 1px solid;
	color: #0C6;
}

/* YouTubeレスポンシブ対応 */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




.img-border{
	border: solid 1px #dcdcdc;
}
.banner-link {
    text-decoration: none;
    display: inline-block;
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.banner-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* テキストと画像の間隔を調整 */
    background-color: #E5E6E9;
    padding: 8px;
    border-radius: 10px;
}

.banner-image {
    width: 36px;
    height: 36px;
    border-radius: 3px;
    margin-left: 12px; /* 画像とテキストの間隔を空ける */
}

.banner-text {
    display: flex;
    flex-direction: column;
}

.title {
    font-size: 12px;
    font-weight: bold;
    color: #272727;
}

.subtitle {
    font-size: 11px;
    color: #808080;
}