@media print, screen and (max-width: 768px){

/*
**  sp
============== ============== ============== ============== ============== ============== ============== */

/*///////// タブメニュー //////////*/	
.notesarea {
	padding: 5.5vw;
	margin: 0 6vw 7vh 6vw;
	border: solid 1px #000;
	}
	
.notes_l h3,.notes_r h3 {
	font-size: 4.7vw;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 2.5vh 0;
	border-left: solid 5px #000;
	padding: 0.3vh 0 0 2.5vw;
	text-align: left;
	}
	
.notes_l p,.notes_r p {
	font-size: 3.2vw;
	line-height: 1.6em;
	}
	
.notes_l p {margin: 0 0 5vh 0;}
	
/*///////// タブメニュー //////////*/	
.tabs {
	padding: 0;
	margin: 6vh 6vw 7vh 6vw;
	}

.tab-button-outer {
	display: block;
	}
	
#tab-button {
	margin: 0px;
	padding: 0 0 1.1vh 0;
	width: auto;
    overflow-x: auto; 
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
    white-space: nowrap;
	display: block; 
	}

#tab-button li {
	padding: 0px;
	margin: 0 0.3vw 0 0;
	display: inline-block;
	
	}
	
#tab-button li.finance{margin: 0px;}

#tab-button li a{
	width: 36vw;
	height: 7vh;
	font-size: 3.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	
/*============== ============== 2023.02.10変更 start ============== ============== ============== ============== */	
#tab-button li.ov{margin: 0px;}
	
#tab-button li a{
	width: 36vw;
	height: 7vh;
	font-size: 3.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	}
/*============== ============== 2023.02.10変更 end ============== ============== ============== ============== */
	
#tab-button li:not(:first-child) a {
  border-left: none;
}
	
#tab-button li.zenpan a {color: #499bee;border: solid 1px #499bee;}
#tab-button li.medical a {color: #f499ac;border: solid 1px #f499ac;}
#tab-button li.patent a {color: #e399f3;border: solid 1px #e399f3;}
#tab-button li.it a {color: #f2bf9a;border: solid 1px #f2bf9a;}
#tab-button li.finance a {color: #a0e2a5;border: solid 1px #a0e2a5;}
	
/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab-button li.ov a {color: #989898;border: solid 2px #989898;}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */
	
#tab-button li.zenpan  a:hover,
#tab-button li.zenpan.is-active a {
	background: #499bee;
	color: #fff;
	}
	
#tab-button li.medical a:hover,
#tab-button li.medical.is-active a {
	background: #f499ac;
	color: #fff;
	}
	
#tab-button li.patent  a:hover,
#tab-button li.patent.is-active a {
	background: #e399f3;
	color: #fff;
	}
	
#tab-button li.it a:hover,
#tab-button li.it.is-active a {
	background: #f2bf9a;
	color: #fff;
	}
	
#tab-button li.finance a:hover,
#tab-button li.finance.is-active a {
	background: #a0e2a5;
	color: #fff;
	}
	
/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab-button li.ov a:hover,
#tab-button li.ov.is-active a {
	background: #989898;
	color: #fff;
	}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */

.tab-contents {clear: both;}
	
.tab-contents p {
	color: #fff;
	height: 7.3vh;
	display: flex;
	align-items: center;
	justify-content: center;
	clear: both;
	font-size: 5vw;
	margin: 3.5vh 0 2vh 0;
	padding: 0.8vh 0 0.3vh 0;
	}

.tabtitle01 {background-color: #499bee;}
.tabtitle02 {background-color: #f499ac;}
.tabtitle03 {background-color: #e399f3;}
.tabtitle04 {background-color: #f2bf9a;}
.tabtitle05 {background-color: #a0e2a5;}
	
/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
.tabtitle06 {background-color: #6d6d6d;}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */

table {
	font-size: 3.3vw;
	width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
	display: block; 
	padding: 0 0 1.1vh 0;
	}
	
.theadarea {
	background-color: #959595;
	color: #fff;
	}
	
td a {
	font-size: 3.3vw;
	color: #4C4C4C;
	text-decoration: underline;
	}
	
td a:hover {
	color: #898989;
	text-decoration: none;
	}
	
.theadarea td {
	padding: 0.9vh 3vw;
	}
	
tbody td {
	border-bottom: solid 1px #cecece;
	border-right: 1px solid #cecece;
	padding: 0.9vh 3vw;
	color: #4C4C4C;
	}

#tab01 tbody tr:nth-child(4n-1), #tab01 tbody tr:nth-child(4n) {
	background-color: #ecf5fe;
}
#tab02 tbody tr:nth-child(4n-1), #tab02 tbody tr:nth-child(4n) {
	background-color: #feeef1;
}
#tab03 tbody tr:nth-child(4n-1), #tab03 tbody tr:nth-child(4n) {
	background-color: #f9ebfd;
}
#tab04 tbody tr:nth-child(4n-1), #tab04 tbody tr:nth-child(4n) {
	background-color: #ffefe3;
}
#tab05 tbody tr:nth-child(4n-1), #tab05 tbody tr:nth-child(4n) {
	background-color: #e9fceb;
}
	

/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab06 tbody tr:nth-child(4n-1), #tab06 tbody tr:nth-child(4n) {
	background-color: #f5f5f5;
}
	
.tab-contents p.price_kome {
	font-size: 3.5vw;
	color: #FF0004;
	margin: 1.5vw 0 0;
	display: flex;
	justify-content: flex-start;
	}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */
	
	
.header-col td:first-child {
	background-color: #fff;
}

/*.bkcolor {background-color: #ecf5fe;}
.bkcolor02 {background-color: #feeef1;}
.bkcolor03 {background-color: #f9ebfd;}
.bkcolor04 {background-color: #ffefe3;}
.bkcolor05 {background-color: #e9fceb;}*/
.damycolor {background-color: #fff;}
.tright {border-right: none;}

}
	

@media print, screen and (min-width: 769px){

/*
**  pc
============== ============== ============== ============== ============== ============== ============== */
.notesarea {
	width: 970px;
	padding: 30px;
	margin: 0 auto 70px auto;
	border: solid 1px #000;
	}
	
.notes_l {
	float: left;
	width: 470px;
	}
	
.notes_r {
	float: right;
	width: 470px;
	}
	
.notes_l h3,.notes_r h3 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 0 25px 0;
	border-left: solid 5px #000;
	padding: 8px 0 0 15px;
	}
	
.notes_l p,.notes_r p {
	font-size: 15px;
	line-height: 2em;
	}
	
/*///////// タブメニュー //////////*/	
.tabs {
	width: 1030px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}
	
.tab-button-outer {
	display: block;
	}
	
#tab-button li {
	padding: 0px;
	margin: 0 5px 0 0;
	float: left;
	}
	
/*============== ============== 2023.02.10変更 start ============== ============== ============== ============== */	
#tab-button li.ov{margin: 0px;}
	
#tab-button li a{
	width: 163px;
	height: 55px;
	font-size: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
/*============== ============== 2023.02.10変更 end ============== ============== ============== ============== */
	
#tab-button li:not(:first-child) a {
  border-left: none;
}
	
#tab-button li.zenpan a {color: #499bee;border: solid 2px #499bee;}
#tab-button li.medical a {color: #f499ac;border: solid 2px #f499ac;}
#tab-button li.patent a {color: #e399f3;border: solid 2px #e399f3;}
#tab-button li.it a {color: #f2bf9a;border: solid 2px #f2bf9a;}
#tab-button li.finance a {color: #a0e2a5;border: solid 2px #a0e2a5;}
	
	
/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab-button li.ov a {color: #989898;border: solid 2px #989898;margin-bottom: 60px;}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */
	
	
#tab-button li.zenpan  a:hover,
#tab-button li.zenpan.is-active a {
	background: #499bee;
	color: #fff;
	}
	
#tab-button li.medical a:hover,
#tab-button li.medical.is-active a {
	background: #f499ac;
	color: #fff;
	}
	
#tab-button li.patent  a:hover,
#tab-button li.patent.is-active a {
	background: #e399f3;
	color: #fff;
	}
	
#tab-button li.it a:hover,
#tab-button li.it.is-active a {
	background: #f2bf9a;
	color: #fff;
	}
	
#tab-button li.finance a:hover,
#tab-button li.finance.is-active a {
	background: #a0e2a5;
	color: #fff;
	}

/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab-button li.ov a:hover,
#tab-button li.ov.is-active a {
	background: #989898;
	color: #fff;
	}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */
	

.tab-contents {
	clear: both;
	}
	
.tab-contents p {
	color: #fff;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	clear: both;
	font-size: 24px;
	}
	
.tabtitle01 {background-color: #499bee;}
.tabtitle02 {background-color: #f499ac;}
.tabtitle03 {background-color: #e399f3;}
.tabtitle04 {background-color: #f2bf9a;}
.tabtitle05 {background-color: #a0e2a5;}

/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
.tabtitle06 {background-color: #6d6d6d;}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */

table {
	width: 1030px;
	font-size: 15px;
	margin: 30px 0 0 0;
	}
.theadarea {
	background-color: #959595;
	color: #fff;
	}
	
.theadarea td {
	padding: 15px 0 15px 10px;
	}

td a {
	font-size: 15px;
	color: #4C4C4C;
	text-decoration: underline;
	}
	
td a:hover {
	color: #898989;
	text-decoration: none;
	}
	
tbody td {
	border-bottom: solid 1px #cecece;
	border-right: 1px solid #cecece;
	padding: 15px 0 15px 10px;
	color: #4C4C4C;
	}

#tab01 tbody tr:nth-child(4n-1), #tab01 tbody tr:nth-child(4n) {
	background-color: #ecf5fe;
}
#tab02 tbody tr:nth-child(4n-1), #tab02 tbody tr:nth-child(4n) {
	background-color: #feeef1;
}
#tab03 tbody tr:nth-child(4n-1), #tab03 tbody tr:nth-child(4n) {
	background-color: #f9ebfd;
}
#tab04 tbody tr:nth-child(4n-1), #tab04 tbody tr:nth-child(4n) {
	background-color: #ffefe3;
}
#tab05 tbody tr:nth-child(4n-1), #tab05 tbody tr:nth-child(4n) {
	background-color: #e9fceb;
}
	
	
/*============== ============== 2023.02.10追加 start ============== ============== ============== ============== */
#tab06 tbody tr:nth-child(4n-1), #tab06 tbody tr:nth-child(4n) {
	background-color: #f5f5f5;
}
	
.tab-contents p.price_kome {
	font-size: 16px;
	color: #FF0004;
	margin: 10px 0 0;
	display: flex;
	justify-content: flex-start;
	}
/*============== ============== 2023.02.10追加 end ============== ============== ============== ============== */

	
.header-col td:first-child {
	background-color: #fff;
}
	
.level {width: 95px;}
.kozamane {width: 410px;}
.style {width: 75px;}
.price {width: 110px;}
.tright {border-right: none; width: 82px;}
/*.bkcolor {background-color: #ecf5fe;}
.bkcolor02 {background-color: #feeef1;}
.bkcolor03 {background-color: #f9ebfd;}
.bkcolor04 {background-color: #ffefe3;}
.bkcolor05 {background-color: #e9fceb;}
.damycolor {background-color: #fff;}*/

}