/********* レスポンシブ設定 ********************************************************************************************************************/
/********* スマートフォン 　、 タブレット -1169px　、 パソコン 1170-　　最大1200px ******************************************************************/


/*==================================================================================================================
 *  スマートフォン向けデザイン　画面幅730以下
 ==================================================================================================================*/

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

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}
	
/************ Q & A 　[パソコン] ******************************/
	.boxQA {
		position: relative;
		margin: 2em 0;
		padding: 0.5em 0.5em;
		background:rgba(242,217,173,1.00);/*A文章部分背景色*/
		border-radius: 10px;
	}

	.boxQA .box-title {
		position: relative;
		background: #fff;/*Q文章部分背景色*/
		padding: 10px 5px 10px 40px;
		color: #454545;/*Q文章文字色*/
		border-radius: 10px;
	}
	.boxQA .box-title:before {
		content: "Q";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*Q文字色*/
		background:#85C5FF;/*Q背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		top: 25px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}
	.boxQA .box-title:after {
		content: "A";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*A文字色*/
		background:#FFAF91;/*A背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		bottom: -80px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}

	.boxQA p {
		padding: 20px 20px 15px 40px;
		margin: 0;
	}

	.boxQA ul {
	  padding: 0 1em;
	  position: relative;
	}
	.boxQA ul li {
	  line-height: 1.5;
	  padding: 0.5em 0 0.5em 4.2em;
	  list-style-type: none!important;
	}
	.boxQA ul li:before {
	  font-family: "FontAwesome";
	  content: "\f138";/*アイコン種類*/
	  position: absolute;
	  left : 3.5em;
	  color: #FFAB8B; /*Aのリストのアイコンの色*/
	}
	
}


/*===================================================================================================================
 *  タブレット向けデザイン  画面幅730px以上1010以下
 ==================================================================================================================*/

@media screen and (min-width: 781px) and (max-width:1104px) {

/*-- 非表示設定 --*/
	.menu-box_pc{
		display: none;
	}
	.menu-box_tablet{
		display: block;
	}
	.menu-box_phone {
		display: none;
	}
	/*トグルボタン非表示*/
	.headC {
		display: none;
	}
	
	
/************ Q & A 　[パソコン] ******************************/
	.boxQA {
		position: relative;
		margin: 2em 0;
		padding: 0.5em 0.5em;
		background:rgba(242,217,173,1.00);/*A文章部分背景色*/
		border-radius: 10px;
	}

	.boxQA .box-title {
		position: relative;
		background: #fff;/*Q文章部分背景色*/
		padding: 10px 5px 10px 40px;
		color: #454545;/*Q文章文字色*/
		border-radius: 10px;
	}
	.boxQA .box-title:before {
		content: "Q";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*Q文字色*/
		background:#85C5FF;/*Q背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		top: 25px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}
	.boxQA .box-title:after {
		content: "A";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*A文字色*/
		background:#FFAF91;/*A背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		bottom: -80px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}

	.boxQA p {
		padding: 20px 20px 15px 40px;
		margin: 0;
	}

	.boxQA ul {
	  padding: 0 1em;
	  position: relative;
	}
	.boxQA ul li {
	  line-height: 1.5;
	  padding: 0.5em 0 0.5em 4.2em;
	  list-style-type: none!important;
	}
	.boxQA ul li:before {
	  font-family: "FontAwesome";
	  content: "\f138";/*アイコン種類*/
	  position: absolute;
	  left : 3.5em;
	  color: #FFAB8B; /*Aのリストのアイコンの色*/
	}
	
}


/*==================================================================================================================
 *  パソコンメニュー用　画面幅1011px以上 最大1200px
 ==================================================================================================================*/

@media print, screen and (min-width:1105px) {

/************** 非表示設定　[パソコン] ********************************/
	.menu-box_pc {
		display: block;	
	}
	.menu-box_tablet{
		display: none;
	}
	.menu-box_phone {
		display: none;
	}
	/*トグルボタン非表示*/
	.headC {
	display: none;
	}
	
	/************ Q & A 　[パソコン] ******************************/
	.boxQA {
		position: relative;
		margin: 2em 0;
		padding: 0.5em 0.5em;
		background:rgba(242,217,173,1.00);/*A文章部分背景色*/
		border-radius: 10px;
	}

	.boxQA .box-title {
		position: relative;
		background: #fff;/*Q文章部分背景色*/
		padding: 10px 5px 10px 40px;
		color: #454545;/*Q文章文字色*/
		border-radius: 10px;
	}
	.boxQA .box-title:before {
		content: "Q";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*Q文字色*/
		background:#85C5FF;/*Q背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		top: 25px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}
	.boxQA .box-title:after {
		content: "A";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;/*A文字色*/
		background:#FFAF91;/*A背景色*/
		font-weight: bold;
		width: 40px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		left: -1.2em;
		bottom: -80px;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border: solid 3px white; 
		border-radius: 50%;
	}

	.boxQA p {
		padding: 20px 20px 15px 40px;
		margin: 0;
	}

	.boxQA ul {
	  padding: 0 1em;
	  position: relative;
	}
	.boxQA ul li {
	  line-height: 1.5;
	  padding: 0.5em 0 0.5em 4.2em;
	  list-style-type: none!important;
	}
	.boxQA ul li:before {
	  font-family: "FontAwesome";
	  content: "\f138";/*アイコン種類*/
	  position: absolute;
	  left : 3.5em;
	  color: #FFAB8B; /*Aのリストのアイコンの色*/
	}
	
}