img{
    width: 100%;
}

::-webkit-input-placeholder {
   color: #c0c0c0;
}
::-moz-placeholder {
   color: #c0c0c0;
}
:-ms-input-placeholder {
   color: #c0c0c0;
}
::-ms-input-placeholder {
   color: #c0c0c0;
}
::placeholder {
   color: #c0c0c0;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}

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

	.content {
	    max-width: 750px;
	    height: 100vh;
	    margin: auto;
		text-align: center;
	    overflow-x: hidden;
  	}

	.kani {
		text-align: center;
		width: 100%;
	}

	.pageContainer {
	    position: relative;
	}

	.formTitle {
		background-color: #689120;
		color: #ffffff;
		width: 100%;
		height: 40px;
		border-radius: 6px;
		text-align: left;
		vertical-align: middle;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: min(18px, 4.3vw);
	}

	.formTitleWord {
		margin-left: 10px;
		width: 100%;
		vertical-align: middle;
	}

	.formBlank {
	    position: absolute;
	    top: -1px;
		background-color: #ffffff;
		width: 100%;
		height: 3px;
		border-radius: 0 0 6px 6px;
	}

	.formEntry {
	    position: relative;
		background-color: #cce198;
		width: 100%;
		height: 140px;
		border-radius: 0 0 6px 6px;
		text-align: left;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 10px;
	}

	.mailTitle {
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #352922;
		display: inline-block;
	}

	.required {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #ff0201;
	}

	.cp_iptxt {
		position: relative;
		width: 96%;
		margin: 0 2%;
	}
	.cp_iptxt input[type='text'] {
		box-sizing: border-box;
		width: 100%;
		padding: 0.3em;
		transition: 0.3s;
		letter-spacing: 1px;
		color: #352922;
		border: 2px solid #bdc9a7;
		border-radius: 4px;
		font-family: sans-serif;
	}
	.ef input[type='text']:focus {
		border: 2px solid #bdc9a7;
		outline: none;
		box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
	}

	.msgDisp {
		height: 20px;
		text-align: left;
		margin-left: 10px;
	}

	.infoMsg {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #352922;
	}

	.errMsg {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #ff0201;
	}

	.send {
		text-align: center;
	}

	.Image {
		margin-top: -4px;
	}

	.shita {
		position: relative;
		width: 100%;
	}

	.logo {
		position: absolute;
		width: 15%;
		bottom: -5px;
		right: 0.4%;
	}

.pc { display: none !important; }
.sp { display: block !important; }

}

@media screen and (min-width: 751px)
{
	.content {
	    width: 960px;
	    margin: auto;
		text-align: center;
	    position: relative;
	}

	.kani {
		text-align: center;
	}

	.pageContainer {
	    position: absolute;
	    top: 500px;
	    left: 300px;
	}

	.formTitle {
		background-color: #689120;
		color: #ffffff;
		width: 380px;
		height: 40px;
		border-radius: 6px;
		text-align: left;
		display: table-cell;
		vertical-align: middle;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 18px;
		/*font-weight: bold;*/
		margin-left: 17px;
	}

	.formTitleWord {
		margin-left: 10px;
	}

	.formBlank {
	    position: absolute;
	    top: -1px;
		background-color: #ffffff;
		width: 380px;
		height: 3px;
		border-radius: 0 0 6px 6px;
	}

	.formEntry {
	    position: relative;
		background-color: #cce198;
		width: 380px;
		height: 140px;
		border-radius: 0 0 6px 6px;
		text-align: left;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 10px;
	}

	.mailTitle {
		margin-left: 10px;
		margin-top: 5px;
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #352922;
		display: inline-block;
	}

	.required {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #ff0201;
	}

	.cp_iptxt {
		position: relative;
		width: 96%;
		margin: 0 2%;
	}
	.cp_iptxt input[type='text'] {
		box-sizing: border-box;
		width: 100%;
		padding: 0.3em;
		transition: 0.3s;
		letter-spacing: 1px;
		color: #352922;
		border: 2px solid #bdc9a7;
		border-radius: 4px;
		font-family: sans-serif;
	}
	.ef input[type='text']:focus {
		border: 2px solid #bdc9a7;
		outline: none;
		box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
	}

	.msgDisp {
		height: 20px;
		text-align: left;
		margin-left: 10px;
	}

	.infoMsg {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #352922;
	}

	.errMsg {
		font-family: '小塚ゴシック Pr6N','Kozuka Gothic Pr6N',sans-serif;
		font-size: 13px;
		color: #ff0201;
	}

	.send {
		text-align: center;
	}

	.Image {
		margin-top: -4px;
	}

	.shita {
	    position: absolute;
	    top: 320px;
	    z-index: 1;
	    pointer-events: none;
	}

	.logo {
	    position: absolute;
	    width: 105px;
	    bottom: -5px;
	    right: 1px;
	    pointer-events: visible;
	}

    .pc { display: block !important; z-index: 2; }
    .sp { display: none !important; z-index: 2; }
}