@charset "UTF-8";

/* 共通部分
------------------------------------- */

@media screen and ( max-width:800px )
{
	html {
		font-size: 100%;
		color: #000;
	}
	body {
		font-family: 'メイリオ', 'Meiryo',  sans-serif;
		width: 100vw;
		line-height: 1.7;
		font-size: 100%;
	}
	img {
		width: 100%;
		height: 100%;
	}
	p {
		font-size: 1rem;
		text-align: justify;
	}
	a.menu:link {
		width: 100%;
		color: #339;
		text-decoration: none;
	}
	a:link { 
		color: black;
		text-decoration: none;
	}
	a:visited {
		color: black;
		}
	a:hover {
		color: #424242;
		}
	a:active {
		color: #ff8000;
		}

	header {
		position: initial;
		width: 100vw;
		height: auto;
		box-shadow: 0 0 0 0 rgba(53, 47, 47, 0.5);
		z-index: 0;
	}
	.h-r-l-img {
		width: 80%;
		height: auto;
	}
	.hd-r-left {
		width: 100vw;
		text-align: center;
	}
	.hd-r-right {
		text-align: center;
	}
	.hd-r-r-img {
		width: 80%;
		height: auto;
	}
	.hd-img-rogo {
		width: 100%;
		height: auto;
	}
	.menu-contents {
		display: none;
	}
	#menu-btn-check {
    display: none;
	}
	#conts {
		padding: 10px;
	}
	.contents-title-wrapper {
		width: 100%;
		text-align: center;
	}
	.contents-title-line {
		width: 100vw;
		height: 50px;
		display: table-cell;
		border-top: 4px double black;
		border-bottom: 4px double black;
		vertical-align: middle;
		margin: 0 auto 0 auto;
	}
	.contents-title-h {
		font-size: 1.3rem;
		line-height: 5vh;
		text-align: center;
		color: #1CAFE3;
	}
	.eco-cont-title {
		width: 100%;
		height: auto;
		padding: 10px 0 0 0;
	}
	.h3-title {
		font-size: 1rem;
		color: #3B78E1;
	}
	.stronger-img-box {
		border: 1px solid #646464;
		margin-bottom: 10px;
	}
		td.why-td-01 {
		width: 30vw;
		height: auto;
		padding: 5px;
		text-align: center;
		background-color: red;
	}
	.why-tb-01 {
		display: none!important;
	}
	img.why-td-imgsize {
		width: 100%!important;
		height: auto;
		background-color: pink;
	}
	table.enkaku-tb {
		display: none!important;
	}
	td.td-50-mobile {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.td-50-mobile-in {
		width: 60%;
		text-align: center;
		margin: 0 auto;
	}
	.result-tb {
		width: 100%;
		height: auto;
		font-size: 0.7rem;
		border-collapse: collapse;
		border: 1px solid #707070;
		background-color: #81C147;
	}
	
	.re-ti {
		color: white;
		height: auto;
		border-collapse: collapse;
		border: 1px solid #707070;
	}
	.re-td {
		width: 50%;
		height: 30px;
		border-collapse: collapse;
		border: 1px solid #707070;
		padding: 0px;
		background-color: white;
	}
	.re-td2 {
		width: 25%;
		height: 15px;
		border-collapse: collapse;
		border: 1px solid #707070;
		padding: 0px;
		background-color: white;
	}
	.voice-title {
		width: 100%;
		height: auto;
		padding-left: 5px;
		margin-top: 20px;
		border-left: 10px solid #3B78E1;
		border-bottom: 1px solid #3B78E1;
	}
	.voice-sub-title {
		font-size: 1rem;
		width: 100%;
		height: auto;
		color: #81C147;
		padding: 10px;

	}
	.formzu-style {
		display: none;
	}
	.formzu-style-mobile {
		width: 100%;
		height: 1500px;
	}
	.h3-p {
		color: #3B78E1;
	}
	.faq-contents-left {
		width: 100%;
		height: auto;
		text-align: left;
	}
	.voice-contents {
		width: 100%;
		height: auto;
		display: block;
		padding-bottom: 80px;
	}
	.voice-contents-left {
		width: 100%;
		height: auto;
		text-align: left;

	}
	.else-contents {
		display: block;
	}
	.in-td-50-mobile {
		display:none;
	}
	.td-50 {
		width: 100%;
		height: auto;
		padding: 5px;
		vertical-align: top;
	}
	.td-50-b {
		display: none;
	}
	.td-50-c {
		width: 50%;
		height: auto;
		padding: 10px;
		vertical-align: top;
	}
	.tr-mobile {
		display: none;
	}
	.t-middle {
		font-size: 1.2rem;
	}
	.t-big-red {
		color: red;
		font-size: 1.4rem;
	}
	.t-bigger-red {
		font-size: 1.4rem;
	}
	.t-blue-middle {
		font-size: 1.5rem;
		color: dodgerblue;
	}
	table.iss-tb {
		width: 95%;
		height: 100%;
		font-size: 0.8rem;
		background-color: pink;
		margin: 0 auto 30px auto;
		text-align: left;
	}
	td.td-01 {
		width: 100%;
		height: 30px;
		padding: 5px;
		background-color: #FBEAFC;
	}
	td.td-02 {
		width: 100%;
		height: 30px;
		padding: 5px;
		background-color: #FFBCF2;
	}
	footer {
		width: 100%;
		height: auto;
		padding: 10px;
		text-align: center;
		background-color: #F0F0F0;
	}
}