@charset "utf-8";
/* CSS Document */
.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*　//////////////////////////////////////////////////
　金融用トップ
//////////////////////////////////////////////////　*/
.microtracer-fin-header {
  margin-top: 119px;
  background-image: url(../../images/microtracer-fin-header-backimage.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 767px) {
.microtracer-fin-header { 
	margin-top: 80px; 
	background-image: url(../../images/microtracer-fin-header-backimage_sp.jpg); 
	height: 460px; 
	background-position: left;
	}
}
/*　//////////////////////////////////////////////////
　金融用css
//////////////////////////////////////////////////　*/
main p {
	font-size: 18px;
}
.microtracer-fin-header-text {
    position: absolute;
    top: 32px;
    left: 16px;
}
.microtracer-fin-header-text h1 {
    color: #fff;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 16px;
    text-shadow: 2px 2px 4px #000;
}
.microtracer-fin-header-text p {
    color: #ffcc33;
    font-size: 24px;
    font-weight: 500;
    text-shadow: 2px 2px 4px #000;
}
.microtracer-sec {
    padding: 2.6rem 1rem 0;
}
main .possible-item-honbun {
	font-size: 16px;
}
main .forFin h3 {
	background: #fff;
	border: 1px solid #003366;
	color: #c60;
	text-align: left;
	margin: 3rem auto 0;
}
main .forFin h3 span{
	background: #003366;
    padding: 0.9rem 1.2rem;
    color: #fff;
    margin-right: 1rem;
}
main .forFin h4 {
	display: block;
	font-size: clamp(1.125rem, 0.964rem + 0.71vw, 1.5rem);
	height: auto;
	margin: 1.6rem auto 1.2rem;
}
.microtracer-sec h4:before {
	content: none;
}
main .possible-item-midashi-orange span {
	background: #003366;
    color: #fff;
    padding: 0.2rem 0.6rem;
    margin-right: 0.5rem;
}
main .forFin figure {
    width: 50%;
    margin-inline: auto;
}
.pb60 {
	padding-bottom: 60px;
}
@media (max-width: 768px) {
	.microtracer-sec h2 {
        font-size: 22px;
	}
	.microtracer-fin-header-text { top: 48px;}
	.microtracer-fin-header-text h1 { font-size: 24px; line-height: 30px; margin-bottom: 8px;}
	.microtracer-fin-header-text p { font-size: 16px;}
    .microtracer-sec h3 {
        font-size: 24px;
    }
	main .forFin h3 {
		margin: 2rem auto 0;
	}
	main .forFin h3 span {
    padding: 0.68rem 1.2rem;
	margin-right: 0.2rem;
	}
	main .forFin figure {
    	width: 100%;
	}
	.microtracer-sec h3 {
        font-size: 22px;
    }
	main .forFin h3 small {
		font-size: 60%;
		letter-spacing: 1px;
	}
	main .forFin h4 {
		margin: 1.2rem auto;
	}
	.possible-item-midashi {
        font-size: 20px;
	}
	.possible-item:last-of-type {
		margin-bottom: 0;
	}
}
@media (max-width: 480px) {
		.microtracer-sec h3 {
        font-size: 20px;
    }
	.microtracer-sec {
    	padding: 1rem 1rem 0;
	}
	.pb60 {
		padding-bottom: 2rem;
	}
}
@media (max-width: 390px) {
		.microtracer-sec h3 {
        font-size: 16px;
    }
}
/*　//////////////////////////////////////////////////
　table
//////////////////////////////////////////////////　*/
.forFin table {
	border-collapse: collapse;
	font-size: 16px;
	margin-bottom: 2rem;
	width: 100%;
}
.forFin table strong {
	display: block;
}
.forFin th,.forFin td {
	background: #e0ecf9;
    border: 1px solid #fff;
	width: 33%;
    padding: 1rem;
}
.forFinSec th,.forFinThi th {
	color: #fff;
	font-weight: bold;
}
.forFinSec th:first-child {
	background: #003366;
}
.forFinSec th:nth-child(2) {
	border-left: 8px solid #ff0000;
	border-right: 8px solid #ff0000;
	border-top: 8px solid #ff0000;
	background: #19728f;
}
.forFinSec th:last-child {
	background: #7c0b2a;
}
.forFinSec tr td:nth-child(2) {
	border-left: 8px solid #ff0000;
	border-right: 8px solid #ff0000;
}
.forFinSec tr:last-child td:nth-child(2) {
	border-bottom: 8px solid #ff0000;
}
.forFinThi th {
	background: #5499df;
}
.forFinThi th:nth-child(2) {
	background: #f56c6c;
}
.forFinThi tr td:nth-child(2){
	background: #f9d7d7;
}
@media (max-width: 600px) {
	.tableWrap {
		overflow: auto;
	}
	.tableWrap table {
		min-width: 600px;
	}
}
/*　//////////////////////////////////////////////////
　バナー用
//////////////////////////////////////////////////　*/
.seminar {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}

.seminar_link:hover{
  opacity: .8;
}