@charset "UTF-8";

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


body {
  font-family: "-apple-system", "Helvetica Neue","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
body {
	margin: 0;
    color: forestgreen;
    /*font-family: Meiryo;*/
	background-color: #D7F2D7;
	
  }
	
h2 {	
	text-align:center;
}
	
h2:before {
	content:"";
	display:inline-block;
	width:45px;
	height:38px;
	background:url(../kaeru2_icon.svg);
	/*background-repeat: no-repeat;*/
	background-size:contain;
   vertical-align: middle;
   /*background-color:black;*/
}
h2:after {
	content:"";
	display:inline-block;
	width:45px;
	height:38px;
	background:url(../kaeru2_icon.svg);
	/*background-repeat: no-repeat;*/
	background-size:contain;
   vertical-align: middle;
   /*background-color:black;*/
}



.form input,
.form textarea{
  margin: 0.3em;
  font-size: 16px;
  max-width: 100%;
}
.input--5letter{
  width: 5em;
}
.input--15letter{
  width: 15em;
  max-width: 100%;
}
.input--middle{
  width: 25em;
  max-width: 100%;
  height: 4.5em;
}
.input--full{
  width: 100%;
}
.radiobutton{
  display: inline-block;
  margin-right:1.5em;
  white-space: nowrap;
  vertical-align: top;
}
.radiobutton input[type="checkbox"],
.radiobutton input[type="radio"]{
  display: inline-block;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

.radiobutton > *{
  white-space: normal;
}
.form_thx{
  font-size: 1.1em;
  text-align: center;
}
.form_thx::before{
  content: "";
  display: block;
  margin-bottom: 1em;
  height:60vw;
  background: url(../images/enquete/thx_img.gif) no-repeat 50% 50%;
  background-size: contain;
}



div.centerRed{
	text-align:center;
	color: red;
	font-size:small;
}
div.center{
	font-weight:bold;
	text-align:center;
	font-size:large;
	margin:0 20px 0 20px;

}


a {
font-weight:bold;
text-decoration:none;
}
a:link { color: darkgreen; }
a:visited { color: darkgreen; }
a:hover { color: darkgreen; 
text-decoration:underline;}
a:active { color: darkgreen; }

a.red:link { color: orangered; }
a.red:visited { color: orangered; }
a.red:hover { color: orangered; 
text-decoration:underline;}
a.red:active { color: orangered; }


div.red{
	color: red;
	display:inline;
	/*font-size:small;*/
}
div.error{
	color: red;
	display:inline;
	font-size:small;
}
div.intype{
	color: #000000;
}

span.intype{
 color: #000000;
}

span.yellow{
 color: orange;
}

ul li {
    list-style: none;
}
li.kaeru{
	margin: 0;	
	padding: 0;
	padding-left: 35px;
	line-height: 2.0em;
	background: url(../kaeru_icon.svg) left 0px top 5px no-repeat;
	background-size: 30px auto;
	
}


div.textArea{
	margin:0 20px 0 20px;
	font-size:small;
}
div.textArea2{
	margin:0 20px 0 20px;
	/*font-size:small;*/
}

.mainftr{
    color:#fff;
    background:#069C00;
    margin:30px -15px -15px;
    padding:15px;
    text-align:center;
	font-size:small;
	
}

input,  textarea{
    max-width:100%;
}
textarea{
    height:10em;
	width:100%;
}
.form input,
.form textarea{
  /*margin: 0.3em;*/
  font-size: 16px;
  max-width: 90%;
}


@media screen and (max-width: 767px) {
	.submit_btn {
		/* 文字サイズを1.4emに指定 */
		font-size: 1.4em;
		/* 文字の太さをboldに指定 */
		font-weight: bold;
		/* 縦方向に10px、
		* 横方向に30pxの余白を指定 */
		padding: 10px 30px;
		/* 背景色を濃い青色に指定 */
		background-color: darkgreen;
		/* 文字色を白色に指定 */
		color: #fff;
		/* ボーダーをなくす */
		border-style: none;

	}
}

@media screen and (min-width: 768px) {

h2:before {
	content:"";
	display:inline-block;
	width:95px;
	height:38px;
	background:url(../kaeru2_icon.svg);
	/*background-repeat: no-repeat;*/
	background-size:contain;
   vertical-align: middle;
   /*background-color:black;*/
}
h2:after {
	content:"";
	display:inline-block;
	width:95px;
	height:38px;
	background:url(../kaeru2_icon.svg);
	/*background-repeat: no-repeat;*/
	background-size:contain;
   vertical-align: middle;
   /*background-color:black;*/
}

	div.center{
		font-size:medium;
	}


	div.textArea{
		/*width: 80%;*/
		margin:0 100px 0 100px;
		font-size:small;
	}
	div.textArea2{
		margin:0 150px 0 150px;
		font-size:small;
	}

	.mainftr{
		color:#fff;
		background:#069C00;
		margin:30px -15px -15px;
		padding:15px;
		text-align:center;
		font-size:small;

	}

	li.nobr  br {display: none;}

	.mainftr br {display: none;}

	label.form {
		margin-right: 10px;
		width:150px;
		float: left;
	}

	li {
		border-top:1px solid forestgreen;
	}
	li.hiheight{
		/*top:50px;*/
		margin: 20 auto;
	}
	ul {
		width: 500px;
		margin: 0 auto;
	}
	li.text br {
		display: none;
	}
	

.submit_btn{
/*
    font-size: 1em;
	font-weight: normal;
	padding: 0px 0px;
	background-color: darkgreen;
	color: #fff;
	border-style: none;
	*/

   /* border: 0px;
    width:200px;
    height:55px;*/
    /*background: url(../kaeru_icon.svg) left top no-repeat;*/
   
}

	
}

.button_wrapper{
   text-align:center;
}

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


}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}