@charset "utf-8";
@import url("gdpr.css");
@media only screen and (max-width: 768px) {
.js-globalNavigationBaseBlock {
	display: block !important;
}
#head-top, #head-bottom{
	display: none !important;
}	
}


body {
font-family: 'Noto Sans JP', sans-serif;
}

/*SPのみTOPリンク表示*/
@media only screen and (min-width: 769px) {
}
/*header ロゴ*/
header h1{
	display: flex;
	align-content: center;
	align-items: center;
}

/*共通*/
.only-sp {
	display: none;
}
.only-pc {
	display: inline;
}
.only-tabn {
	display: inline;
}
.only-tab {
	display: none;
}

/*****************************
header
+*****************************/
@media only screen and (max-width: 768px) {
	.only-tabn {
		display: none;
	}
	.only-tab {
		display: inline;
	}
}
@media only screen and (max-width: 641px) {
	.only-sp {
		display: inline;
	}
	.only-pc {
		display: none;
	}
}


/*検索ボックス*/
.search-box {
 display: flex;
}
.search-box .box-input{
 padding: 10px 5px;
 border: 1px solid #E5E5E5;
 color: #7D8FA3;
 width: 330px;
}
.search-box .box-input:focus{
 outline: none;
}
.search-box input::placeholder{
  color:#7D8FA3 !important;
 opacity: 0.5;
}
.search-box .box-serch{
 color: #fff;
 background: #131E38;
 border: none;
 cursor: pointer;
 font-size: 20px;
 padding: 0 15px;
}

@media only screen and (max-width: 1100px) {
.search-box .box-input{
 width: 230px;
}
}
@media only screen and (max-width: 1000px) {
.search-box .box-input{
 width: 130px;
}
}
@media only screen and (max-width: 768px) {
.search-box .box-input{
 width: 260px;
}
}

.search-box.search-content .box-input{
 padding: 20px;
 border: 1px solid #E5E5E5;
 color: #7D8FA3;
 background: #F4F5F8;
 width: 90%;
}
.search-box.search-content .box-serch{
 width: 10%;
}
.search-box.search-content input::placeholder{
  font-size: 16px;
 opacity: 0.8;
}
@media only screen and (max-width: 768px) {
.search-box.search-content .box-input{
 width: 80%;
}
.search-box.search-content .box-serch{
 width: 20%;
}
}

/*****************************
H2
+*****************************/
@media only screen and (max-width: 641px) {
.c-title::before {
top: 0px !important;
    width: 24px !important;
    height: 24px !important;
}
}
/*****************************
Table Scroll
+*****************************/
@media only screen and (max-width: 641px) {
.cssskin-table_scroll  {
  overflow: scroll;
}
.cssskin-table_scroll table{
	white-space: nowrap;
}
.cssskin-table_scroll .c-none{
	overflow: scroll;
}
.cssskin-table_scroll_onwrap table{
	width: 900px !important;
}
.cssskin-table_scroll_onwrap .c-none{
	overflow: scroll;
}
.cssskin-table_scroll02  .b-tab_contents{
	overflow: scroll !important;
}
}


body {
	overflow-wrap:break-word;
}


#total,#pl,#bapa,#ar,#h,#History {
display: block;
padding-top: 200px !important;
margin-top: -120px !important;
}

@media only screen and (max-width: 641px) {
#total,#pl,#bapa,#ar,#hd {
padding-top: 50px !important;
margin-top: 0px !important;
}
}