@charset "UTF-8";

/* 共通部分
------------------------------------- */
@media screen and ( min-width:800px )
{
	{
		color: #000;
	}
	html {
		scroll-behavior: smooth;
	}
	body {
		font-family: 'メイリオ', 'Meiryo',  sans-serif;
		width: 100vw;
		height: auto;
		line-height: 1.7;
	}
	img {
		width: 100%;
		height: 100%;
	}
	p {
		font-size: 20px;
		text-align: justify;
		color: #707070;
	}
	a.menu:link {
		width: 100%;
		color: #707070;
		text-decoration: none;
	}
	a:link { 
		color: #707070;
		text-decoration: none;
	}
	a:visited {
		color: #555555;
		}
	a:hover {
		color: #707070;
		}
	a:active {
		color: #ff8000;
		}
	header {
		position: fixed;
		width: 100%;
		height: 17vh;
		background-color: white;
		box-shadow: 0 5px 10px 0 rgba(53, 47, 47, 0.5);
		z-index: 5;
	}
	.header-contents {
		width: 100%;
		height: 70%;
		display: flex;
	}
	.hd-left {
		display: flex;
		align-items: center;
		width: 500px;
		height: 100%;
		padding: 10px 10px 10px 80px;
	}
	.hd-img-rogo {
		width: auto;
		height: 8vh;
	}
	.hd-right {
		width: 1420px;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.hd-right-in-left {
		width: 50%;
		height: 100px;
		margin-left: auto;
		display: flex;
	}
	.hd-r-left {
		display: flex;
		width: 50%;
		height: auto;
		align-items: center;
	}
	img.h-r-l-img {
		width: 12vw;
		height: auto;
		align-items: center;
	}
	.hd-r-right {
		display: flex;
		width: 100%;
		height: auto;
		padding: 25px;
	}
	img.hd-r-r-img {
		width: 100%;
		height: auto;
	}
	#nav {
		list-style: none;
		margin: 0 0 0 auto;
		padding-right: 40px;
		text-align: right;
	}

	#nav li {
		width: 8vw;
		padding: 0 5px 0 0;
		text-align: center;
		float: left;
		height: 50px;
		line-height: 50px;
		margin-right: 2px;
	}

	#nav li a {
		text-decoration: none;
		font-size: 1vw;
		font-weight: bold;
		padding-right: 20px;
		padding-left: 10px;
		text-align: center;
	}
	#nav li a:hover {
		top: -50px;	
		border-bottom: 5px solid #3B78E1;
	}
	#menu-btn-check {
    display: none;
	}
	.menu-contents {
		width: 50%;
		height: 30%;
		margin: 0 0 0 auto;
		text-align: right;
	}
	.hamburger-menu {
		display: none;
	}
	img.top-eco {
		width: 60%;
		height: auto;
	}
	.top-icon {
		width: 1.5vw;
		height: 1.5vw;
		vertical-align: middle;
	}
	#conts {
		widht: 100vw;
		height: auto;
		padding-top: 12vh;
	}
	.index01 {
		height: 510px;
	}
	.page1 {
		width: 100%;
		height: auto;
	}
	.page2 {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.page3 {
		width: 80%;
		height: 100vh;
		background-color: white;
	}
	.top-space {
		width: 100%;
		height: 100px;
	}
	.top-img {
		width: 100%;
		height: auto;
		margin-top: -100px;
	}
	.main-sub-title {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 20px 0;
	}
	.contents-title-wrapper {
		width: 70%;
		height: auto;
		padding: 8vh 0 0 0;
		margin: 0 auto 0 auto;
	}

	.contents-title-line{
		width: 100%;
		height: auto;
		border-top: 4px double black;
		border-bottom: 4px double black;
	}
	.contents-title-h {
		line-height: 10vh;
		text-align: center;
		color: #1CAFE3;
	}
	.contents-contents {
		width: 100%;
		height: auto;
		padding: 20px;
	}
	h3.h3-title {
		font-size: 1.5rem;
		color: #1CAFE3;	
	}
	.stronger-contents {
		width: 100%;
		height: auto;
	}
	.flexbox {
		width: 80%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.stronger-img-box {
		width: 350px;
		height: 350px;
		padding: 20px;
		margin: 40px auto 40px auto;
		box-shadow: 1px 1px 10px #C3C3C3;
		border: 1px solid #C3C3C3;
	}
	.st-top-box {
		width: 100%;
		height: 10%;
		text-align: center;
		border-bottom: 3px solid #3B78E1;
	}
	.st-middle {
		text-align: justify;
		width: 100%;
		height: 40%;
		padding-top: 10px;
	}
	.st-bottom {
		width: 100%;
		height: 50%;
		text-align:center;
	}
	img.st-box-img {
		width: auto;
		height: auto;
	}
	.iss-cont-title {
		padding-bottom: 20px;
	}
	.iss-table {
		width: auto;
		height: 100%;
		padding-bottom: 50px;
	}

	table.iss-tb {
		width: 80%;
		height: 100%;
		background-color: pink;
		margin: 0 auto;
	}
	td.td-01 {
		width: 100%;
		height: 30px;
		padding: 5px;
		background-color: #FBEAFC;
	}
	td.td-02 {
		width: 100%;
		height: 30px;
		padding: 5px;
		background-color: #FFBCF2;
	}
	/* why */
	.why-contents {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	table.why-tb-01 {
	width: 100%;
	height: auto;
}
	table.why-tb {
		width: 100%;
		height: auto;
	}
	td.why-td-01 {
		width: 30%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	img.why-td-imgsize {
	width: 100%;
	height: auto;
	}
	table.why-tb-mobile {
		display: none!important;
	}
	table.enkaku-tb {
		
	}
	.else-contents {
		width: 100%;
		height: auto;
		display: flex;
	}
	.else-contents-left {
		width: 70%;
		height: auto;
		padding: 20px;
	}
	.else-photo-size {
		width: 100%;
		height: auto;
		padding: 30px;
	}
	.else-photo-come {
		width: 100%;
		height: auto;
		text-align: center;
		padding-top: -100px;
	}
	td.e-c-td {
		width: 100%;
		height: auto;
		text-align: center;
	}
	td.td-50 {
		width: 50%;
		height: auto;
		padding: 10px;
		vertical-align: top;
	}
	td.td-50-b {
		width: 50%;
		height: auto;
		padding: 10px;
		vertical-align: top;
	}
	table.f-table {
		width: 100%;
	}
	td.ex-td {
		width: 24%;
		height: auto;
		padding: 5px;
		text-align: center;
		background-color: white;
			border-collapse: collapse;
		border: 1px solid #333;
	}
	table.ex-tb {
		width: 100%;
		height: auto;
		border-collapse: collapse;
		border: 1px solid #707070;
	}
	table.result-tb {
		width: 100%;
		height: auto;
		border-collapse: collapse;
		border: 1px solid #707070;
		background-color: #81C147;
	}
	th.re-ti {
		width: 50%;
		color: white;
		height: 40px;
		border-collapse: collapse;
		border: 1px solid #707070;
	}
	th.re-ti2 {
		width: 25%;
		color: white;
		height: 40px;
		border-collapse: collapse;
		border: 1px solid #707070;
	}
	td.re-td {
		width: 50%;
		height: 40px;
		border-collapse: collapse;
		border: 1px solid #707070;
		padding: 10px;
		background-color: white;
	}
	td.re-td2 {
		width: 25%;
		height: 40px;
		border-collapse: collapse;
		border: 1px solid #707070;
		padding: 10px;
		background-color: white;
	}
	.voice-title {
		width: 100%;
		height: auto;
		padding-left: 5px;
		border-left: 10px solid #3B78E1;
		border-bottom: 1px solid #3B78E1;
	}
	.voice-contents {
		width: 100%;
		height: auto;
		display: flex;
		padding-bottom: 80px;
	}
	.voice-contents-left {
		width: 70%;
		height: auto;
	}
	.voice-contents-right {
		width: 30%;
		height: 500px;
		padding: 30px 30px 0 30px;
	}
	img.voice-photo-small {
		width: 100%;
		height: auto;
		border: 1px solid black;
	}
	.voice-sub-title {
		width: 100%;
		height: auto;
		color: #81C147;
		padding: 10px;

	}
	.voice-contents-main {
		width: 100%;
		height: auto;
		padding-left: 20px;
	}
	.formzu-style {
		width: 100%;
		height: 1200px;
	}
	.formzu-style-mobile {
		display: none;
	}
	.faq-title {
		text-align: center;
	}
	.faq-contents-left {
		width: 100%;
		height: auto;
	}
	.faq-space {
		height: 50px;
	}
	/* ここから定型文 */
	h3.h3-p {
		color: #3B78E1;
	}
	.iss-main-1 {
		color: red;
		font-size: 2rem;
		text-align: center;
	}
	.iss-main-2 {
		color: #FF6700;
		font-size: 2.5rem;
		text-align: center;
	}
	.iss-main-3 {
		color: #FFE500;
		font-size: 4rem;
		text-align: center;
	}
	.t-center {
		text-align: center;
	}
	.inline-box {
		display: inline;
	}
	.font-blue {
		color: #3B78E1;
	}
	.red-font {
		font-size: 0.8rem;
		color: red;
	}
	.nowrap {
		white-space: nowrap;
	}
	.img-50 {
		width: 50%;
		height: auto;
		text-align: center;
	}
	.t-middle {
		font-size: 2rem;
	}
	.t-big-red {
		color: red;
		font-size: 3rem;
	}
	.t-bigger-red {
		font-size: 4rem;
	}
	.t-blue-middle {
		font-size: 3.5rem;
		color: dodgerblue;
	}
	td.td-40 {
		width: 40%;
	}
	td.td-20 {
		td-20%;
	}
	/* ここまで定型 */
	footer {
		width: 100%;
		height: 22vh;
	}
	.ft-wrapper {
		width: 100%;
		height: auto;
		display: flex;
	}
	.ft-left {
		display: block;
		width: 50vw;
		height: auto;
		padding-top: 50px;
		text-align: right;
	}
	img.ft-img-rogo {
		width: auto;
		height: 100%;
		margin-right: auto;
		padding-right: 40px;
	}
	.ft-right {
		display: flex;
		width: 50vw;
		height: 100%;
		padding-top: 70px;
	}
	.ft-img-rogo-right {
		width: 10%;
		height: auto;
	}
	.ft-font {
		font-size: 0.9rem;
	}
	.copy-right {
		width: 35%;
		height: 20px;
		margin: 0 auto;
		text-align: center;

	}
}