/*
 Theme Name:   lightning_child
 Template:     lightning
*/
@import url('../lightning/style.css');
/* 以下、追加・変更分のCSSを足す */

/* ヘッダー画像のサイズ */
#header #site-title a img { width:100％; max-height:100％; }
#header .innerBox #site-title img { max-height:100px; }

/* ヘッダー背景色 */
.site-header {
    background-color: #000000;
}

/* ヘッダー色 */
.site-header-logo a {
    color: #ffffff;
    text-decoration: none;
}


/* メニュー色 */
.global-nav-name{
	color: #ffffff;	
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');

*{
font-family: 'Noto Serif JP', serif; !important;
}

.site-header-logo {
    text-align: center;
    padding-top: 1.1rem;
    margin-bottom: 1rem;
    margin-left: 0;
}


.global-nav-description{
	color: #ffffff;
}


@media (min-width: 975px)  {
    .site-header--layout--nav-float .site-header-logo img {
        margin-left: auto;
    }
    .site-header--layout--nav-float .site-header-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.info{
	width: 100%;
	font-size: 28px;
	border-bottom: solid 1px #707070;
	padding: 30px 0px 0px 0px;
	
	/*border:solid #00ffff;*/
}


.site-body {
    padding: 0rem 15px 3.5rem;
}

.news{
	color: #2958C5;
	font-size: 20px;
	font-family: "Noto Serif JP" ;
	font-weight: bold;
}

.news1{
	color: #000000;
	font-size: 12px;
	font-family: "Noto Serif JP" ;
}

.news2{
	color: #000000;
	font-size: 14px;
	font-family: "Noto Serif JP" ;
}

.news3{
	color: #ffffff;
	font-size: 14px;
	font-family: "Noto Serif JP";
	background-color: #000000;
	padding:10px;
}

.osusume{
	color: #000000;
	font-size: 16px;
	font-family: "Noto Serif JP" ;
}

.ac{
	font-size: 24px;
	font-family: "Noto Serif JP" ;
	font-weight: bold;
}

.ac1{
	color: #000000;
	font-size: 16px;
	font-family: "Noto Serif JP" ;
}


#service{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1rem;
    }



#service_list{
        width: 100%;
		margin: 50px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
		font-size: 1rem;
		font-weight: normal;
    }
    #service_list div {
        min-width: 200px;
        width: auto;
        height: 200px;
        margin: 0 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #service_list div a{
        margin: 0 0 0.2rem 0;
    }


.site-footer {
    --vk-size-text-sm: 12px;
    display: block;
    overflow: hidden;
    font-size: var(--vk-size-text-sm);
    content-visibility: auto;
    contain-intrinsic-size: 370px;
    background-color: #000000;
	color: #FFFFFF;
}

.site-footer a {
	color: #FFFFFF;
}

.ft{
	border:solid 1px;        /* 二重線の枠線をひく*/
	max-width: 300px;
	/*padding-left: 5px;*/
	font-size:21px;
	padding:10px 10px 10px 0px;
	margin-top: 50px;
	
}


.btn-primary {
    background-color: #000000;
    border-color: #000000;
}

.tenpo {
    text-align:center;
}





.tb_hyou1 {
	width: 90%;
	font-size: 14px;
	margin: 0 auto;
	text-align: left;
	margin-top: 0px;
}

.tb_hyou1 th, .tb_hyou1 td {
	padding: 5px;
	border: 1px solid #A9A9A9;

}

.tb_hyou1 th {
	width: 25%;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
}


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

.tb_hyou1 {
		width: 95%;
		margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	/*文字大きさ1024px以上に合わす*/
	/*margin-top:-200px;*/
	}

.tb_hyou1 th, .tb_hyou1 td {
		width: 100%;
		display: block;
		/*border-top: none;*/
	}
	
.tb_hyou1 th {
		border-top: 1px solid #A9A9A9;
	}

}



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

.tb_hyou1 {
		width: 88%;
		margin: 0 auto;
		text-align: center;
		margin-top:50px;
	}

.tb_hyou1 th, .tb_hyou1 td {
		width: 100%;
		display: block;
		/*border-top: none;*/
	}

.tb_hyou1 th {
		border-top: 1px solid #A9A9A9;
	
}
}


.tb_hyou1 a {
	color: #4169E1;
	text-decoration: none;

}

.tb_hyou1 a:link { color: #4169E1; }
.tb_hyou1 a:visited { color: #4169E1; }
.tb_hyou1 a:hover { color: #4169E1; }
.tb_hyou1 a:active { color: #4169E1; }





img {
    height: auto;
    max-width: 100%;
}

.haba{
	margin-left: 10px;
}