@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");

/* ==========================================================
 corona_war
========================================================== */
.corona_war {
	width:100%;
	max-width:1100px;
	background:#FFF;
	box-sizing: border-box;
	margin:2% auto;
	position:relative;
	padding:3% 4%;
	line-height:1.6;
	text-align: center;
}

.corona_war img{
	line-height: 0;
	vertical-align: bottom;
}

@media screen and (max-width: 1280px) {
.corona_war {
  font-size:15px;
  }
}

@media screen and (max-width: 568px) {
.corona_war {
  font-size:14px;
  width:96%;
  margin:2%;
  }
}

.corona_war h3 {
  margin: 0 0 50px;
  font-size: 2.5em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:600;
  color:#0D8E87;
}

@media screen and (max-width: 800px) {
.corona_war h3 {
  margin: 0 0 30px;
  }
}

@media screen and (max-width: 568px) {
.corona_war h3 {
  font-size: 1.65em;
  margin: 10px 0 20px;
  }
}

.corona_war .day {
  text-align: right;
}

.corona_war .tx01 {
  text-align: left;
}

.corona_war .tx02 {
  text-align: right;
  line-height:1.6;
}

.corona_war .tx03 {
  text-align: left;
  margin-bottom:15px;
  line-height:1.8;
}

.taisaku{
	width:100%;
	box-sizing: border-box;
	padding:2% 0;
}

.mgbtm3{margin-bottom:3%;clear:both;}

.taisaku_tx{
	width:60%;
	box-sizing: border-box;
	padding:0 3% 0 0;
	text-align: left;
}

@media screen and (max-width: 800px) {
.taisaku_tx{
	width:100%;
	padding:0;
}
}

.taisaku_tx h4 {
  margin: 0 0 10px;
  font-size: 1.8em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  padding:5px 15px;
  display:inline-block;
  border:2px solid #000;
}

@media screen and (max-width: 800px) {
.taisaku_tx h4 {
  margin: 0 0 5px;
  font-size: 1.4em;
}
}

.taisaku_tx ul {
  margin: 10px 0;
  display:block;
}

.taisaku_tx li {
  margin: 10px 0 15px;
}

.taisaku_tx li dl {
  margin-bottom: 3px;
  width:100%;
  color:#EF315E;
}

.taisaku_tx li dt {
  padding:0 5px 0 0;
  display:table-cell;
  font-weight:600;
  font-size:1.3em;
  vertical-align:top;
  line-height:1.5;
}

.taisaku_tx li dd{
  display:table-cell;
  vertical-align:top;
}

.taisaku_tx li dd p{
  font-size: 1.05em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  line-height:1.5;
  padding-top:1px;
}

.taisaku_tx li .plt5{padding-left:20px;margin-bottom: 3px;font-size:14px;}

@media screen and (max-width: 568px) {
.taisaku_tx li .plt5{padding-left:15px;margin-bottom: 3px;font-size:13px;}
}

.taisaku_ph{
	width:40%;
	box-sizing: border-box;
}

@media screen and (max-width: 800px) {
.taisaku_ph{
	width:100%;
	padding:0;
	margin-bottom:15px;
}
}

.taisaku .mrt25{margin-top:20px;}
.taisaku .mrt15{margin-top:0px;}

@media screen and (max-width: 568px) {
.taisaku .mrt25{margin-top:0px;}
.taisaku .mrt15{margin-top:0px;}
}

.taisaku_ph li {
  position:relative;
  width:100%;
  margin-bottom:5px;
}

.taisaku_ph li img{
  width:100%;
  height:auto;
}

.taisaku_ph li .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background:#2EC300;
	background: rgba(46, 195, 0, 0.7);
	padding: 5px;
	line-height:1;
}

.taisaku_ph li .icon img {
	width:20px;
	height:auto;
}

.taisaku_ph li a:hover img { opacity: 0.8; }

.taisaku_phL {
  width:100%;
  float:left;
  margin-bottom:3%;
}

.taisaku_phL li {
  display:inline-block;
  position:relative;
}

.taisaku_phL .w30ss{
  width:30.3333%;
  margin:1.5%;
}

@media screen and (max-width: 800px) {
.taisaku_phL .w30ss{
  width:46%;
  margin:2%;
}
}

@media screen and (max-width: 568px) {
.taisaku_phL .w30ss{
  width:48%;
  margin:1%;
}
}

@media screen and (max-width: 800px) {
.taisaku_ph .w50ss{
  width:46%;
  margin:2%;
  display:inline-block;
}
}

@media screen and (max-width: 568px) {
.taisaku_ph .w50ss{
  width:48%;
  margin:1%;
}
}

.taisaku_phL li img{
  width:100%;
  height:auto;
}

.taisaku_phL li img.img-circle{border-radius:50%}

.taisaku_phL li .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background:#2EC300;
	background: rgba(46, 195, 0, 0.7);
	padding: 5px;
	line-height:1;
}

.taisaku_phL li .icon img {
	width:20px;
	height:auto;
}

.taisaku_phL li a:hover img { opacity: 0.8; }

.taisaku .fleft{float:left;padding:0 2% 0 0;}
.taisaku .fright{float:right;padding:0 0 0 2%;}

.cv_service {
	width:100%;
	box-sizing: border-box;
	float:left;
	padding:2% 0 0;
}

.cv_service h5 {
  margin: 0 0 10px;
  font-size: 1.8em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  padding:5px 15px;
  display:block;
  text-align: center;
  color:#FFFF00;
}

@media screen and (max-width: 800px) {
.cv_service h5 {
  margin: 0 0 5px;
  font-size: 1.4em;
}
}

@media screen and (max-width: 568px) {
.cv_service h5 {
  font-size: 1.3em;
}
}

.robg {
  animation: robgAnime 1.2s infinite alternate;
}

@keyframes robgAnime{
   0% { background-color:#A92A84; }
 100% { background-color:#FF336D; }
}

.cv_service .csv_tx01{
  padding:1% 2%;
  font-size: 1.1em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  text-align: left;
  line-height:1.8;
}

@media screen and (max-width: 800px) {
.cv_service .csv_tx01{
  font-size: 1em;
  line-height:1.6;
  padding:2% 1%;
}
}

.cv_service .csv_tx01 span{
  color:#D51731;
  font-weight:500;
  font-size: 1.1em;
}

.csv_ph {
	width:50%;
	box-sizing: border-box;
	float:left;
	padding:2% 2% 2% 0;
}

@media screen and (max-width: 800px) {
.csv_ph {
	width:100%;
	padding:2% 0;
}
}

.csv_ph .wdt98{
	width:100%;
	box-sizing: border-box;
	padding:1px;
}

.csv_ph li{
	width:50%;
	display:inline-block;
	box-sizing: border-box;
	padding:1px;
	position:relative;
}

.csv_ph img{
	width:100%;
	height:auto;
}
.csv_ph li .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background:#2EC300;
	background: rgba(46, 195, 0, 0.7);
	padding: 5px;
	line-height:1;
}

.csv_ph li .icon img {
	width:20px;
	height:auto;
}

.csv_ph li a:hover img { opacity: 0.8; }


.csv_syousai {
	width:50%;
	box-sizing: border-box;
	float:right;
	padding:2% 0 2% 2%;
	text-align: left;
}

@media screen and (max-width: 800px) {
.csv_syousai {
	width:100%;
	padding:2% 0;
}
}

.csv_syousai img{
	width:100%;
	height:auto;
	margin-top:10px;
}

.cv_service .csv_tx{
  font-size: 1.1em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  text-align: left;
  line-height:1.8;
}

.cv_service .csv_tx span{
  color:#D51731;
}

/* taisaku_video
--------------------------------------------------*/
.taisaku_video {
  position: relative;
  width: 100%;
  max-width:800px;
  height: auto;
  margin: 2% auto;
}

.taisaku_video .video-title {
  display:block;
  color:#FFF;
  padding:8px 0 5px;
  font-size:14px;
  background:#000;
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
	z-index:2;
}

.bz-1{
	z-index:-1;
	cursor: pointer;
}

.bz-0{
	z-index:0;
	cursor: pointer;
}

.crtop{
	width:98%;
	margin:0 auto 3%;
	text-align: center;
}

@media screen and (max-width: 800px) {
.crtop{
	width:100%;
}
}

.crtop-ph{
	width:22%;
	margin-left:4%;
	display:inline-block;
}

@media screen and (max-width: 800px) {
.crtop-ph{
	width:30%;
	margin-left:4%;
	display:inline-block;
}
}

@media screen and (max-width: 568px) {
.crtop-ph{
	width:50%;
	margin-left:0;
}
}

.crtop-ph img{
	width:100%;
	height:auto;
}

.crtop-tx{
	width:73%;
	display:inline-block;
	vertical-align: top;
	padding-top:2%;
}

@media screen and (max-width: 800px) {
.crtop-tx{
	width:65%;
	padding-top:0;
}
}

@media screen and (max-width: 568px) {
.crtop-tx{
	width:100%;
}
}