*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


b {color:red;}

/* お問い合わせボタンCSS　*/
.btn-form {
  display: inline-block;
  max-width: 210px;
  text-align: left;
  background-color: #0059b3;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px;
  margin:10px 0 10px 0;
  border-radius: 4px;
  position: relative;
}

.btn-form > a{
	color: #FFF;
}


.flex_bbs {
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding:10px 0;
	border-bottom: 1px dotted #aaaaaa;

}

.w-listsize{
width: 10%;
padding:0 5px;
min-width:90px;
}

.w-listsize2{
width: 15%;
padding:0 5px;
min-width:90px;
}




.bgcolor{
	background-color: #F7F7F7; /*ヘッドライナーのBG色はhtml.pl側に直書き*/
}

/* ポップアップ（#news）内のリンクの下線（ボーダー）を完全に消す */
#news a,
#news a:link,
#news a:visited,
#news a:hover,
#news a:active {
    text-decoration: none !important;
    border-bottom: none !important; /* ★下線の正体であるborderを消す */
}

a.btn-icon-h{	
	color: #FFF;
}

a:link .btn-icon-h　{
	color: #FFF;
}
a:visited .btn-icon-h　{
	color: #FFF;
}

a:hover .btn-icon-h {
	color: #FFF;
}

a.font-logo{	
	color: none;
}

a:link.font-logo　{
	color: #000;
}
a:visited.font-logo　{
	color: #000;
}

a:hover.font-logo {
	color: #a9a9a9;
}

/* ===================================================
   Dimensionの画面別文字サイズ指定を完全に上書きする
   =================================================== */

/* 1. パソコン画面などのとき（Dimensionのベースを上書き） */
#wrapper #main article#news,
#wrapper #main article#news div,
#wrapper #main article#news p,
#wrapper #main article#news span,
#wrapper #main article#news b {
    font-size: 0.8rem !important; /* ← 1.25remから0.8rem（小さめ）に強制上書き */
    line-height: 1.8 !important;  /* 行間を少し広げて読みやすくします */
}

/* 2. スマホ画面（1023px以下）のとき */
@media screen and (max-width: 1023px) {
    #wrapper #main article#news,
    #wrapper #main article#news div,
    #wrapper #main article#news p,
    #wrapper #main article#news span,
    #wrapper #main article#news b {
        font-size: 0.75rem !important; /* ← スマホ用により小さく調整 */
    }
}

/* ===================================================
   小さくしたくない「タイトル」だけを元のサイズに戻す
   =================================================== */

/* 一番上のメインタイトル「会社概要」 */
#wrapper #main article#news > h2.major {
    font-size: 1.5rem !important;
}

/* 文章中の中見出し「オンラインギターレッスン...」 */
#wrapper #main article#news div h2 {
    font-size: 1.25rem !important;
}


.index_newsline{

	width: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color:   #696969;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

.index_newsline a{
	text-decoration: none;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.2em;

}

.index_newsline a:hover{

}

.index_newsline a::before {
  content: "\1F5E8";
}


h2{
	font-size: 1.2em;
	letter-spacing: normal;
	margin: 1em 0 1em 0;
	line-height: 150%;
	color: #099;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

h2 i{
	font-size: 1.2em;
	color: #FC0;
	color: #FFF;
}

h2:first-letter {
	font-size: 1.8em;
	color: #FF9900;
	color: #FFF;
}


.w-img{
	width: 49%;
	width: 100% !important;
	height: auto !important;
	display: inline-block !important;
	text-align: center;
	border: 1px solid transparent;
	background-color:transparent;
	object-fit: cover; 
	vertical-align: top !important;
	margin-top:1em;
}

.w-img h2{
	
	font-size:1.4em;
	margin:0;
	margin: 0.3em 0;
	padding:0;
	
	
}

.w-img p{
	margin:  0;
	padiing: 0;
	text-align:left;
	font-size:0.9em;

	
}

.w-img img{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	max-width: 100% !important;   /* ★ !important を追加 */
    height: auto !important;      /* ★ これも追加して縦横比を維持 */
    display: block !important;    /* ★ ブロック要素にしてリセットを上書き */
	object-fit: cover;
}



.nextback {
	border-collapse: collapse;
	border: none;
}

.nextback td {
	border: none;
}

/*----SP------*/
@media screen and (max-width : 1023px){
body {
font-size: 0.9em;
	background-color: #F1F1F1;
	background-image: none;
}


h2{
	font-size: 1em;

}

h2:first-letter {
font-size: 1.4em;

}


.w-img{
	width: 100%;

}

.w-img h2{	
	font-size:0.9em;
	font-weight: bold; 
	
}

.w-img p{
	font-size:0.8em;
	
}

.index_newsline a{


}



}