.relative {
    position: relative;
}
.absolute {
    position: absolute;
    font-size: min(1.5vw, 16px);
    left: 2%;
    right: 3%;
    top: 3%;
    color: #006699;
}

.absolute02 {
    position: absolute;
    font-size: min(1.5vw, 16px);
    left: 2%;
    right: 46%;
    top: 28%;
    color: #006699;
}

.absolute03 {
    position: absolute;
    font-size: min(1.5vw, 16px);
    left: 2%;
    right: 3%;
    top: 81%;
    color: #006699;
}

.absolute04 {
    position: absolute;
    font-size: min(1.8vw, 22px);
    left: 73%;
    top: 29%;
    color: #fff;
    font-weight: bold;
}

.absolute05 {
    position: absolute;
    font-size: min(1.8vw, 22px);
    left: 69%;
    top: 43%;
    color: #fff;
    font-weight: bold;
}

.absolute06 {
    position: absolute;
    font-size: min(1.8vw, 22px);
    left: 71%;
    top: 58%;
    color: #fff;
    font-weight: bold;
}

.absolute02_01 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 36%;
    top: 55%;
    color: #fff;
    font-weight: bold;
}

.absolute02_02 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 31%;
    top: 62%;
    color: #fff;
    font-weight: bold;
}

.absolute02_03 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 24%;
    top: 69.5%;
    color: #fff;
    font-weight: bold;
}

.absolute02_04 {
    position: absolute;
    font-size: min(1.6vw, 20px);
    left: 19%;
    top: 76.5%;
    color: #fff;
    font-weight: bold;
}

.absolute02_05 {
    position: absolute;
    font-size: min(1.6vw, 20px);
    left: 13.5%;
    top: 83.5%;
    color: #fff;
    font-weight: bold;
}

.absolute02_06 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 8%;
    top: 91%;
    color: #fff;
    font-weight: bold;
}

.absolute02_07 {
    position: absolute;
    font-size: min(1.6vw, 20px);
    left: 63.5%;
    top: 50.5%;
    color: #006666;
    font-weight: bold;
}

.absolute02_08 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 66%;
    top: 57.5%;
    color: #006666;
    font-weight: bold;
}

.absolute02_09 {
    position: absolute;
    font-size: min(1.4vw, 18px);
    left: 63%;
    top: 64%;
    color: #006666;
    font-weight: bold;
}

.absolute02_10 {
    position: absolute;
    font-size: min(1.6vw, 20px);
    left: 63.5%;
    top: 71%;
    color: #006666;
    font-weight: bold;
}

.absolute02_11 {
    position: absolute;
    font-size: min(1.4vw, 18px);
    left: 63.5%;
    top: 78%;
    color: #006666;
    font-weight: bold;
}

.absolute02_12 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 65%;
    top: 84.5%;
    color: #006666;
    font-weight: bold;
}

.absolute02_13 {
    position: absolute;
    font-size: min(1.8vw, 20px);
    left: 67%;
    top: 91%;
    color: #006666;
    font-weight: bold;
}

table, td, th {
	border: 1px solid #666;
	border-collapse: collapse;
}
td, th {
    padding: 1rem;
}
th.left {
	background: #c65911;
    color: #fff;
    width: 30%;
    font-size: 14px;
}
th.center {
	background: #ee7e32;
    color: #fff;
    width: 25%;
    font-size: 14px;
}
th.right {
	background: #f4b084;
    color: #fff;
    width: 45%;
    font-size: 14px;
}

td.left {
    background: #fdd6bd;
    color: #000;
    font-size: 14px;
}
td.center {
    background: #ffe4d2;
    color: #000;
    font-size: 14px;
}
td.right {
    background: #ffeee3;
    color: #000;
    font-size: 14px;
}

.dm02 th.left {
	background: #548235;
    color: #fff;
    width: 30%;
    font-size: 14px;
}
.dm02 th.center {
	background: #6c9f49;
    color: #fff;
    width: 25%;
    font-size: 14px;
}
.dm02 th.right {
	background: #83bb5e;
    color: #fff;
    width: 45%;
    font-size: 14px;
}

.dm02 td.left {
    background: #c3fe9a;
    color: #000;
    font-size: 14px;
}
.dm02 td.center {
    background: #d5fabb;
    color: #000;
    font-size: 14px;
}
.dm02 td.right {
    background: #e5ffd3;
    color: #000;
    font-size: 14px;
}

.dm03 th.left {
	background: #2f75b5;
    color: #fff;
    width: 30%;
	font-size: 14px;
}
.dm03 th.center {
	background: #3587d1;
    color: #fff;
    width: 25%;
    font-size: 14px;

}
.dm03 th.right {
	background: #4da0ea;
    color: #fff;
    width: 45%;
	font-size: 14px;
}

.dm03 td.left {
    background: #a2e2f9;
    color: #000;
    font-size: 14px;
}
.dm03 td.center {
    background: #b3eafe;
    color: #000;
    font-size: 14px;
}
.dm03 td.right {
    background: #cbf1ff;
    color: #000;
    font-size: 14px;
}

.marketingBox_wrapper
{
  display: flex;
  margin-bottom: 5rem;
  flex-wrap: wrap;
}

.marketingBox_wrapper_link
{
  display: flex;
  margin-bottom: 5rem;
	justify-content: center;
  /*flex-wrap: wrap;*/
}

@media screen and (max-width: 850px) {
.marketingBox_wrapper_link
{
  flex-wrap: wrap;
}
	.marketingBox_link {
  width: 50%;
  margin: 0 0 5rem 0;
  box-shadow: 3px 4px 8px -2px rgb(10 10 10 / 10%),
    -4px 0px 0px -20px rgb(10 10 10 / 2%);
  transition: all 0.3s ease-in-out;
	}
	
}

.marketingBox_link {
  width: 40%;
  margin: 0 2rem 5rem 2rem;
  box-shadow: 3px 4px 8px -2px rgb(10 10 10 / 10%),
    -4px 0px 0px -20px rgb(10 10 10 / 2%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 455px) {
.marketingBox_link {
  width: 100%;
}
}

.marketingBox {
  width: 45%;
  margin: 0 2rem 5rem 2rem;
  box-shadow: 3px 4px 8px -2px rgb(10 10 10 / 10%),
    -4px 0px 0px -20px rgb(10 10 10 / 2%);
  transition: all 0.3s ease-in-out;
}



/*.marketing:nth-child(3n) {
  margin-right: 0;
}*/

.blog-link:hover {
  text-decoration: underline;
  color: #333;
  opacity: 0.8;
}
.marketingBox img {
  display: block;
  width: 100%;
}

.marketingBox_link img {
  display: block;
  width: 100%;
}
.marketingBox p {
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.marketing-ttl {
  padding: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 0.5rem;
}



.txtlink a:link,.txtlink a:visited,.txtlink a:hover,.txtlink a:active,.txtlink a:focus {
  color: #0000ff;
  text-decoration: underline;
}

.zuhanlink a:link,.zuhanlink a:visited,.zuhanlink a:hover,.zuhanlink a:active,.zuhanlink a:focus {
  color: #ffffff;
  text-decoration: underline;
}





/*================================================
 *  レスポンシブ対応
 ================================================*/

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

.marketingBox {
  width: 100%;
  margin: 0 0 5rem 0;
  box-shadow: 3px 4px 8px -2px rgb(10 10 10 / 10%),
    -4px 0px 0px -20px rgb(10 10 10 / 2%);
  transition: all 0.3s ease-in-out;
}

}

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

}

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

}