@charset "utf-8";
/* CSS Document */
@media screen and (min-width:240px) and (max-width:341px) {

.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 5vw;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 1.3em !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 1em !important;
    line-height: 1.3em;
  }
  .tx_200 {
    font-size: .9em !important;
    line-height: 1.3em;
  }
  .tx_150 {
    font-size: .9em;
    line-height: 1.5em;
  }
  .tx_130 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em;
  }
  .tx_110 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .8em;
    line-height: 1.5em !important;
	}
}
@media screen and (min-width:320px) and (max-width:480px) {
.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 6vw;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 6vw !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 6vw !important;
    line-height: 1.3em;
  }
  .tx_200 {
    font-size: 6vw !important;
    line-height: 1.3em;
  }
	.tx_200b {
    font-size: 5vw;
    line-height: 1.2em;
  }
  .tx_150 {
    font-size: 4.5vw;
    line-height: 1.5em;
  }
  .tx_130 {
    padding: 0;
    font-size: 5vw;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: 4.8vw;
    line-height: 1.5em;
  }
  .tx_110 {
    padding: 0;
    font-size: 5vw;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
}
@media screen and (min-width:481px) and (max-width:768px) {
.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 4vw;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 6vw !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 5vw !important;
    line-height: 1.3em;
  }
    .tx_200, .tx_200b {
    font-size: 4vw;
    line-height: 1.5em;
  }
  .tx_150 {
    font-size: 3.5vw;
    line-height: 1.5em;
  }
  .tx_130 {
    padding: 0;
    font-size: 3.vw !important;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: 3.5vw;
    line-height: 1.5em;
  }
  .tx_110 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 3vw;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 5vw !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 3vw !important;
    line-height: 1.3em;
  }
  .tx_200, .tx_200b {
    font-size: 3vw;
    line-height: 1.5em;
  }
  .tx_150 {
    font-size: 2.2vw;
    line-height: 1.5em;
  }
  .tx_130 {
    padding: 0;
    font-size: 2.8vw;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: 2.5vw;
    line-height: 1.5em;
  }
  .tx_110 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
}
@media screen and (min-width:1025px) and (max-width:1440px) {
.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 2.5vw;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 3vw !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 2.8vw !important;
    line-height: 1.3em;
  }
  .tx_200, .tx_200b {
    font-size: 2vw;
    line-height: 1.5em;
  }
	 .tx_150 {
    font-size: 2vw!important;
    line-height: 1.5em;
  }
  .tx_130 {
    font-size: 2.2vw;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: 1.8vw;
    line-height: 1.5em;
  }
  .tx_110 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
}
@media screen and (min-width:1441px) {

.article h1{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
		font-size: 2em;
		line-height: 2em;
	color:#000;
	width: 100%;
	white-space: nowrap;
	background-color:rgba(255,255,255,0.8);
		
  }
  .tx_300 {
    font-size: 3vw !important;
    line-height: 1.5em;
  }
  .tx_250 {
    font-size: 2.5vw !important;
    line-height: 1.3em;
  }
  .tx_200, .tx_200b {
    font-size: 2vw;
    line-height: 1.5em;
  }

  .tx_150 {
    font-size: 1.5vw!important;
    line-height: 1.5em;
  }
  .tx_130 {
    padding: 0;
    font-size: 1.3vw;
    line-height: 1.5em;
  }
  .tx_120 {
    padding: 0;
    font-size: 1.2vw;
    line-height: 1.5em !important;
  }
  .tx_110 {
    padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
  }
	.tx_60 {
    padding: 0;
    font-size: .6em;
    line-height: 1.5em !important;
  }
	h4{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
	p{
		padding: 0;
    font-size: .9em;
    line-height: 1.5em !important;
	}
}