@media screen and (min-width:480px) {
	body{
		/*  フォントの種類  */
		font-family:"メイリオ", "Meiryo",-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;

		/*  フォントのサイズ  */
		/*font-size: 16px;*/

		/*  フォントの色  */
		/*font-size: #333;*/

		/* カーニングの設定 */
		letter-spacing: 0.2px;

		/* 行間の設定 */
		/*line-height: 1.75;*/

		/* 表示幅の設定 */
		width:1024px;

		/* 中央に表示 */
		margin-right:auto;
		margin-left:auto;

		/* 背景色 */
		background-color:rgba(255,255,255,1);
	}

	header, nav, article, aside, section, footer {
		display:block;/*←新要素はデフォルトではinline要素なのでこの指定が必要。*/
		/*border:1px solid #ccc;*/ /*←各ブロックに枠線をつけてわかりやすくしました。*/
	}

	#logo_area{
		/* max-width: 100%; */
		/* text-align:left; */
		text-align:left;
		height: 48px;
	}

	#logo_area2{
		max-width: 50%;
		margin: 0 auto;
		text-align:left;
	}

	#logo_table,th,td {
		width:100%;
	}

	.logo_td1 {
		/*width:80%;*/
		width:34%;
		text-align: left;
	}
	.logo_td2 {
		/*width:80%;*/
		width:33%;
		text-align: center;
	}
	.logo_td3 {
		/*width:80%;*/
		/* width:33%; */
	}

	section {
		background-color:rgba(255,255,255,1);;
		padding:1px,0px;
	}

	#form_Main {
		overflow: hidden;/*そらの描画を枠内にするため記述*/
		/*height: 532px;/*そらの描画を枠内にするため記述*/
		height: 550px;/*そらの描画を枠内にするため記述*/
		}

	#section_area {
		/*FAQエリア背景色*/
		/*background-image: url(../img/backimage.png);*/
		background-color:rgba(226,239,218,1);
		background-size: cover;
		position:relative;
		z-index: 10;
	}

	#section_area2 {
		padding:1px,0px;
		position:relative;
		z-index: 20;
	}

	footer {
		position:relative;
		z-index: 30;
	}

	/*フッター 商標部分*/
	footer p {
		margin:-0.2em 1em;
		font-size: 8pt;/*フォントのサイズ*/
		color:rgba(0,51,102,1);
	}

	#main_area{
		text-align:center;
		font-size: 24pt;
		font-family:Meiryo;
	}

	#title_logo{
		text-align:center;
		font-size: 18pt;
		color:rgba(58,32,75,1);/*濃い紫色*/
		background-color:rgba(182,155,211,1);/*紫色*/
	}

	.title_logo{

		height:auto;/*タイトルロゴの高さ固定*/
/*		width: 100%;*/
		width: 550px;
		margin-left: -75px;
		/*margin-top: -2px;
		margin-bottom: -15px;*/
		margin-top: -15px;
		margin-bottom: -20px;
	}

	.company_logo{
		height:36px;/*タイトルロゴの高さ固定*/
		margin-top: -5px;
		margin-bottom: -5px;
	}

	#base-frame{
		height:460px;
		/*スクロールバーはY軸のみ表示固定*/
		overflow:hidden;
		overflow-y:scroll;
	}

	#faq_area{
		max-width:98%;
		min-width:300px;
		height:100%;/*JSからFAQエリアを拡張するため100％とする*/
		margin:10px auto;
		float:left;
	}

	#question_area{
		max-width:100%;
		min-width:150px;
		background-size: 100%;
		margin:0 auto;
		/*質問エリア背景色*/
		background-color:rgba(226,239,218,1);
	}

	li a b {
		color: red;
	}

	li {
		border-bottom: thin solid #e0e0e0;
	}

	#queiton_table,th,td {
		width:100%;
	}

	.question1 {
		/*width:80%;*/
		width:70%;
	}

	.question3 {
		width:10%;
		padding-right: 7px;
	}

	#voice_btn{
		vertical-align: middle;
		background-color: rgba(240,220,253,1);/*薄い紫色*/
		color: rgb(255,255,255);
		border: 1px solid #000;/*黒色*/
		height: 33px;
		font-size: 12pt;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		border-radius: 15px;
		border-bottom: solid 2px #627295;
		transition: all .3s;
/*		display: none;*/
	}

	#voice_btn:hover {
		background-color: #ffffff;
		border-color: #A9D08E;
		color: rgb(0,0,0);
		border-bottom: solid 2px #627295;
/*		display: none;*/
	}

	#queiton_text {
		width:87%;
		font-size:15pt;
		vertical-align: middle;
	}

	#question_btn {
		width:100%;
		font-size: 15pt;
		text-decoration: none;
		background: rgba(198,224,180,1);/*ボタン色*/
		color:#ffffff;
		border: 1px solid #548235;
		border-bottom: solid 4px #627295;
		cursor: pointer;
		border-radius: 5px;
		transition: all .3s;
		margin-left: -5px;
	}

	#question_btn:hover {
		background-color: #ffffff;
		border-color: rgba(198,224,180,1);/*ボタン色*/
		color: rgba(84,130,53,1);/*ボタン色*/
	}

	#question_clr {
		width:100%;
		font-size: 15pt;
		text-decoration: none;
		background: rgba(35,152,235,1);/*ボタン色*/
		color: #ffffff;
		border: 1px solid #7F7F7F;
		border-bottom: solid 4px #627295;
		cursor: pointer;
		border-radius: 5px;
		transition: all .3s;
		margin-left: -5px;
	}

	#question_clr:hover {
		background-color: #ffffff;
		border-color: rgba(35,152,235,1);/*ボタン色*/
		color: rgba(35,152,235,1);/*ボタン色*/
	}

	div.eval_comp{
		border: 1px solid rgba(255,187,211,1);
		/*border: 1px solid rgba(35,186,235,1);*/
		background-color: #fff;
		color: rgba(255,102,153,1);
		/*color:black;*/
		border-radius: 10px;
		text-align: left;
		padding: 1px 10px;
		margin-bottom: 5px;
		opacity: 1;
		transition: .3s;
	}

}

/*******************/
/*     iphone用    */
/*******************/

@media screen and (max-width:480px) {
	body{
		/*  フォントの種類  */
		font-family:"メイリオ", "Meiryo",-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;

		/*  フォントのサイズ  */
		/* font-size: 10pt; */

		/*  フォントの色  */
		/* //font-size: #333;/

		/* カーニングの設定 */
		letter-spacing: 0.2px;

		/* 行間の設定 */
		/* //line-height: 1.75;*/

		-webkit-text-size-adjust: 100%;

		margin:0;
	}

	header, nav, article, aside, section, footer {
		display:block;/*←新要素はデフォルトではinline要素なのでこの指定が必要。*/
	}
	header, nav, article, aside, section, footer {
		/*border:1px solid #ccc;*/ /*←各ブロックに枠線をつけてわかりやすくしました。*/
		/*margin:0px 0px 5px;*/
		padding:2px;
	}

	#section_area {
		/*FAQエリア背景色*/
		/*background-image: url(../img/backimage_m.png);*/
		background-color:rgba(226,239,218,1);
		background-size: cover;
	}

	#section_area2 {
		/*質問エリア背景色*/
		/*background-color:rgba(208,230,164,1);*//*濃い緑*/
	}

	footer {
	}


	footer p {
		margin:-0.2em 1em;
		font-size:6pt; /*  フォントのサイズ  */
		color:rgba(0,51,102,1);;
	}

	#logo_area{
		max-width: 100%;
		height: 48px;
		margin: 0 auto;
		text-align:center;
	}

	#logo_area2{
		max-width: 50%;
		margin: 0 auto;
		text-align:center;
	}


	#logo_table,th,td {
		width:100%;
	}

	.logo_td1 {
		/*width:80%;*/
		width:34%;
		text-align: left;
	}
	.logo_td2 {
		/*width:80%;*/
		width:33%;
		text-align: center;
	}
	.logo_td3 {
		/*width:80%;*/
		width:33%;
	}

	.title_logo{
		width: 150%; /*タイトルロゴ固定*/
		height:auto; /*タイトルロゴ固定*/
		text-align: center;
		margin-top: 3px;
		/*margin-left: -9px;*/
		margin-left: -15px;
	}
	.company_logo{
		height: auto;
		width: 70%;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#main_area{
		text-align:center;
		font-size: 24pt;
		color:rgba(0,51,102,1);
		font-family:Meiryo;
	}

	#title_area{
		text-align:center;
		font-size: 12pt;
		color:rgba(255,255,255,1);
		background-color:rgba(0,51,102,1);
	}

	#base-frame{
		height:70vh;
		overflow:auto;
		/* padding-topを設定しないと吹き出しの上部が*/
		/* 2pxくらい欠けてしまう*/
		padding-top: 10px;
		padding-left: 20px;
		font-size: 10pt;
	}

	#faq_area{
		min-width:320px;
		max-width:100%;
		height:100%;/*JSからFAQエリアを拡張するため100％とする*/
	}

	#voice_ico{
		zoom: 0.7;
	}

	#question_area{
		max-width:100%;
		min-width:80px;
		margin:0 auto;
		/*質問エリア背景色*/
		background-color:rgba(226,239,218,1);
	}

	#queiton_table,th,td {
		width:100%;

		/*スマホの入力フォームをタップして入力しようとする時に拡大する現象を解消する*/
		/*が効かなくなるためここでサイズ指定*/
		/* ★font-size: 8pt; */
	}

	.question1 {
		width:80%;
	}

	.question3 {
		width:10%;
	}

	#voice_btn {
		/*　縦中央揃え　*/
		vertical-align: middle;
		/*width: 22%;*/
		border: 1px solid #000;
		background-color: rgba(240,220,253,1);/*薄い紫*/
		/* margin-left: 0px; */
		/*margin-left: 10px;*/
		margin-left: -12%;
		height: 21px;
		color: rgb(255,255,255);
		font-size: 8pt;
		border: solid 1px rgb(221, 164, 236);/*濃い色*/
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
		border-radius: 15px;
		/*font-weight: bold;*//*太文字*/
/*		display: none;*/
	}

	#queiton_text {
		/* width:65%; */
		/*width:70%;*/
		/*width: 85%;*/
		width: 100%;
		/*margin-left: -30px;*/
		margin-left: -13%;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
	}
	#question_btn {
		width:100%;
		font-size: 9pt;
		text-decoration: none;
		background: rgba(198,224,180,1);/*ボタン色*/
		color: #ffffff;/*白色*/
		border: solid 0px #548235;
		margin-right: 12px;
		height: 22px;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
		border-radius: 3px;
	}

	#question_clr {
		width:100%;
		font-size: 9pt;
		text-decoration: none;
		background: rgba(35,152,235,1);/*ボタン色*/
		color: #ffffff;/*白色*/
		border: solid 0px #7F7F7F;
		height: 22px;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
		border-radius: 3px;
	}

	div.eval_comp{
		border: 1px solid rgba(255,187,211,1);
		/*border: 1px solid rgba(35,186,235,1);*/
		background-color: #fff;
		color: rgba(255,102,153,1);
		/*color:black;*/
		border-radius: 10px;
		text-align: left;
		padding: 1px 10px;
		margin-bottom: 5px;
		opacity: 1;
		transition: .3s;
	}

	li a b {
		color: red;
	}

	/* サジェストエリアの指定 */
	li{
		font-size: 9pt;
		list-style-type : none;
		padding:5px 10px;
		border-bottom: thin solid #e0e0e0;
	}

	/*スマホの入力フォームをタップして*/
	/*入力しようとする時に拡大する現象を解消する*/
	.question1 input[type="text"] {
		font-size: 100%;
		transform: scale(calc(12 / 16));
	}

}

/*******************/
/*     android用   */
/*******************/

@media (max-width:360px) {
	body{
		/*  フォントの種類  */
		font-family:"メイリオ", "Meiryo",-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;

		/*  フォントのサイズ  */
		font-size: 10pt;

		/*  フォントの色  */
		/* font-size: #333; */

		/* カーニングの設定 */
		letter-spacing: 0.2px;

		/* 行間の設定 */
		line-height: 1.25;

		margin:0;
	}

	footer p {
		margin:-0.2em 1em;
		font-size:6pt; /*  フォントのサイズ  */
		color:rgba(0,51,102,1);
	}

	/*#queiton_text {float: left;
		
		width:50%;
		
		margin-left: -30px;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止
	}*/
	/*#voice_btn {
		/*　縦中央揃え　
		vertical-align: middle;
		width: 25%;
		border: 1px solid #333333;
		background-color: #ffffcc;/*薄い黄色
		
		margin-left: -10px;
		height: 20px;
		color: #000;
		font-size: 8pt;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		-webkit-appearance: none;/*iPhoneの丸角グラデ防止
		border-radius: 15px;
		font-weight: bold;/*太文字

	}
*/
	.title_logo{
		width: 150%;/*タイトルロゴ*/
		height: auto;
		text-align: center;
		margin-top: 3px;
		margin-left: -15px;
	}

}

/*ここから共通部分*/

.ui-autocomplete {
	z-index: 20000 !important;
	font-size: 20pt;
}

/*サジェスト部分*/
.ui-menu .ui-menu-item a {
	color: rgba(85, 85, 85, 1);/*濃いグレー*/
}

/*リンク部分*/
a:hover, a:focus {
	text-decoration : none;
}

a:visited {
	color: #990099;
	text-decoration: underline;
}

a:link {
	color: #0000ff;
	text-decoration: underline;
}

/*選択ボタン*/
.choice_button{
	border: 1px solid rgba(169,208,142,1);
	background-color: rgba(198,224,180,1);
	color:#555555;
	border-radius: 10px;
	text-align: left;
	padding: 1px 10px;
	cursor:pointer;
	margin-bottom: 5px;
}

.choice_button:hover{
	background-color:rgba(237,125,49,1);
	border-color: rgba(237,125,49,1);
	color:#ffffff;/*白色*/
}

.choice_button-p{
	padding: 0px 0px;
}

/*独自選択ボタン*/
.choice_button_over{
	border: 1px solid rgba(0,51,102,1);
	background-color: #ffffff; /*白色*/
	color: rgba(255,102,153,1);/*濃いピンク*/
	border-radius: 10px;
	text-align: left;
	padding: 1px 10px;
	cursor:pointer;
	margin-bottom: 5px;
}

.choice_button_over:hover{
	background-color:rgba(255,187,211,1);/*濃いピンク*/
	color:#ffffff;/*白色*/
}

.choice_button_over-p{
	padding: 0px 0px;
}

/*問題解決YesNoエリア*/
.prolem-solv{
	float:right;
	/*color:#000;*/
	color:#555555f7;/*濃いグレー*/
}

.prolem-solv-yn{
	float: right;
}

.prolem-solv-y{
	background-color:rgba(153,204,255,1);
	width: 60px;
	color:#555555f7;/*濃いグレー*/
	background: rgba(35,186,235,1);/*濃い水色*/
	color: #ffffff;/*白色*/
	-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
	border-radius: 3px;
	margin-right: 3px;
	cursor: pointer;
}

.prolem-solv-y:hover {
	background-color: #ffffff;/*白色*/
	border-color: rgba(35,186,235,1);/*濃い水色*/
	color: rgba(35,186,235,1);/*濃い水色*/
}

.prolem-solv-n{
	background-color:rgba(255,102,153,1);/*濃いピンク*/
	width: 60px;
	color:#555555f7;/*濃いグレー*/
	background: rgba(255,102,153,1);/*濃いピンク*/
	color: #ffffff;/*白色*/
	-webkit-appearance: none;/*iPhoneの丸角グラデ防止*/
	border-radius: 3px;
	cursor: pointer;
}

.prolem-solv-n:hover {
	background-color: #ffffff;/*白色*/
	border-color: rgba(255,102,153,1);/*濃いピンク*/
	color: rgba(255,102,153,1);/*濃いピンク*/
}

/*フッター商標部分*/
.syouhyou{
	margin-top:5px;
	background-color: white;
}

textarea {
	resize: none;
	width:80%;
	height:50px;
}

.example2 input{
	display: block;
	margin-left: auto;
	text-align: center;
	width: 40px;
	cursor: pointer;
}
.example2{
	width: 80%;
}