/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */
.pc {
    display: block ;
}
.tab {
    display: none;
}
.smp {
    display: none;
}
.only_979 {
	display: none;
}
.under {
  border-bottom: solid 3px #ffcd75;
}
.big {
	font-size: 180%;
}
.text_fff  {
	color: #fff;
}
.container-1020 {
    margin: 0 auto;
    width: 1020px;
}

/*ボタン光*/
.btn_00,
.btn_01 {
    background-color: rgba(255, 255, 255, 0);/*ボタン背景色*/
}
.btn_00:hover {
    opacity: 0.8;
}
.btn_01:hover {
    opacity: 1;
}
.btn_00 a,
.btn_01 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;

    position: relative;
    overflow: hidden;
}
.btn_00 a::before,
.btn_01 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    left: -100%;
    top: -50vh;
    content: '';
    width: 15rem;
    height: 100vh;
    transform: rotate(45deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    animation: highLight 2s ease-in-out 0s infinite;
}

@keyframes highLight {
    from {
        left: -5%;
    }
    15%,
    100% {
        left: 150%;
    }
}

.btn_00 > img {
    float: left;
}
.btn_00::after {
    content: '';
    clear: left;
}
.btn_01 a {
    pointer-events: none;
    cursor: default;
}

/* --------------------------------------------------------------------------------------
 ベース
--------------------------------------------------------------------------------------- */
/*ヘッダー*/
.header {
	margin: 5px auto 20px;
    max-width: 1220px;
}
.header01 {
    width: 310px;
    float: left;
    display: inline;
}
.header02 {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
	padding-top: 15px;
}
.header02_btn {
	width: 240px;
	margin-left: 10px;
}

/*メイン*/
#mv_area_covid-19 {
	border-top: solid 1px #e6e6e6;
	margin: 0 auto;
}
.main_lead {
	padding: 30px;
	background: #E4FBFF;
}
.main_lead p {
	width: 100%;
	height: 100%;
}
.main_lead img {
	width: auto;
	vertical-align: middle;
}
h1 {
	margin: 40px auto;
	width: 100%;
	height: 100%;
}
h1 img {
	margin: 0 auto;
}
.mv-box {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.mv-btnarea {
	width: 60%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.mv-img {
	width: 36%;
}
.mv-btnarea div {
	width: 32%;
}

/*法的支援*/
.support {
	width: 100%;
	background-color: #e4fbff;
	padding: 60px 0;
}
h2 {
	font-size: 220%;
	color: #0d68c7;
	font-weight: bold;
}
.support_text {
	background-color: #fff;
	max-width: 1000px;
	padding: 20px;
	text-align: center;
	margin: 0 auto;
	border-radius: 20px;
}
.support ol {
	display: inline-block;
    text-align: left;
}
.support li {
	font-size: 180%;
	padding: 5px 0 5px 1em;
    text-indent: -1em;
}
a.text_link {
	color: #ff931c;
	text-decoration: underline;
}
a.text_link:hover {
	text-decoration: none;
}

/*こんなお困りごと*/
.lead {
	font-weight: bold;
	background: #6bbce2;
	padding: 60px 0; 
}
h3 {
	font-size: 220%;
	font-weight: bold;
}
.lead_txt {
	font-weight: bold;
}
.lead ul {
	max-width: 1000px;
	font-size: 180%;
	text-align: left;
	margin: 0 auto;
}
.lead li {
	padding: 0 0 20px 38px;
    background-size:28px auto;
}
.lead li:last-child {
	padding: 0 0 0 38px;
}
.lead_01 {
	background: url(/lp/img/lead_covid-19.svg)left 0px top 4px no-repeat;
}

/*お問い合わせ*/
.pcfmenu {
    width: 100%;
    background-color: #f6f6f6;
	padding: 60px 0;
	margin: 0 auto;
}
.spfmenu {
	display: none;
}
.contact {
	font-size: 220%;
	font-weight: bold;
}
.contact-btn {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
	text-align: center;
	max-width: 840px;
	margin: 0 auto;
}
.grid-321 {
    width: 28%;
}
.copyright{
    width: 100%;
  	background-color: #e6e6e6;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}

/*-----------------------------------------------------	*/
/*	for - 1200px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1200px) {
	.container-1020 {
        margin: 0 auto;
        width: 640px;
    }
	.w90 {
		width: 90%;
		margin: 0 auto;
	}
	.header {
		margin: 15px auto 20px;
		padding: 0 10px;
	}
    .header01 {
        width: 220px;
    }
	.header02 {
		padding-top: 10px;
	}
	.header02_btn {
		width: 180px;
	}
	h2 {
		font-size: 200%;
	}
	h4 {
		font-size: 180%;
	}
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 979px) {
	.only_979 {
		display: block;
	}
}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    .smp {
        display: block;
    }
	.container-1020 {
        text-align: center;
        width: 90%;
    }
	.container-640 {
        text-align: center;
        width: 100%;
    }
	.btn_dt_01, .btn_dt_02 {
		width: 100%;
	}
	.btn_dt_01 {
		margin: 0 0 20px 0;
	}
	
	/*ヘッダー*/
    .header {
        width: 100%;
		margin: 5px auto 10px;
    }
    .header01 {
        margin-right: 0px;
        float: none;
        display: inline;
    }
	
	/*メイン*/
	.main_lead {
		padding: 15px;
	}
	h1 {
		margin: 20px auto;
	}
	h1 img {
		height: auto;
		width: 100%;
	}
	.mv-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.mv-img {
		order: 1;
		width: 60%;
		margin: 0 auto 20px;
		min-height: 0%;
	}
	.mv-btnarea {
		order: 2;
		width: 100%;
		min-height: 0%;
	}
	
	/*法的支援*/
	.support {
		padding: 40px 0;
	}
	h2 {
		font-size: 160%;
		line-height: 1.6;
	}
	.support li {
		font-size: 140%;
	}
	.support_text {
		margin: 20px auto 0;
	}
	
	
	/*こんなお困りごと*/
	.lead {
		padding: 40px 0;
	}
	h3 {
		font-size:  180%;
		margin-bottom: 20px;
	}
	.lead_txt {
		width: 90%;
	}
	.lead_txt_02 {
		margin: 0 0 20px 0;
	}
	.lead ul {
		font-size: 140%;
	}
	.lead li , .lead li:last-child {
		padding: 60px 0 20px;
        background-size: 50px auto;
	}
	.lead_01 {
         background: url(/lp/img/lead_covid-19.svg)left 50% top 0px no-repeat;
    }
	
	/*お問い合わせ*/
	.contact {
		font-size: 180%;
	}
	.pcfmenu {
		padding: 20px 0 80px;
	} 
    .grid-321 {
        width: 100%;
    }
    .grid-202 {
        width: 49.9%;
    }
    .spfmenu {
        display: flex;
        width: 100%;
        position: fixed;
        left: 0px;
        bottom: 0px;
        z-index: 9999;
        text-align: center;
        padding: 0 auto;
		justify-content: space-between;
    }
}

/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

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

    .header01 img {
        width: 60%;
        margin: 0 auto;

    }
    .btn_00 a::before {
        display: block;
        position: absolute;
        z-index: 1;
        left: -100%;
        top: -50vh;
        content: '';
        width: 5rem;
        height: 100vh;
        transform: rotate(45deg);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
        animation: highLight 1.8s ease-in-out 0s infinite;
    }
	.contact {
		font-size: 140%;
	}
}