@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0 0 20px;
	position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC*/
#qanda_wrap {
    border: none;
    margin: 0 auto;
    padding: 25px 5px 10px;
    text-align: left;
    max-width: 1200px;
}
#qanda_wrap h2,
#qanda_wrap h3 {
    border: none;
    font-size: 1.6em;
    margin: 0 0 0.5em 0;
    padding: 0;
    text-align: left;
}
#qanda_wrap .cp_qa *,
#qanda_wrap .cp_qa *:after,
#qanda_wrap .cp_qa *:before {
	 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#qanda_wrap .cp_qa dt,
#qanda_wrap .cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
#qanda_wrap .cp_qa dt {
    color: #383838;
	margin: 0 3em 1em 3em;
    background: #efece3;
    line-height: 1.5;
}
#qanda_wrap .cp_qa dd {
    color: #383838;
	margin: 0 3em 3em 3em;
    background: #ffefd6;
    line-height: 1.5;
}
/* 吹き出し▶︎ */
#qanda_wrap .cp_qa dt::before,
#qanda_wrap .cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し▶︎ */
#qanda_wrap .cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #efece3 transparent transparent;
}
/* 答え吹き出し▶︎ */
#qanda_wrap .cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent#ffefd6;
}
/* ?!アイコン */
#qanda_wrap .cp_qa dt::after,
#qanda_wrap .cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
#qanda_wrap .cp_qa dt::after {
    color: #fff;
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: 'Q';
	background: #b5b2a6;
}
/* !アイコン */
#qanda_wrap .cp_qa dd::after {
    color: #fff;
	right: -2.5em;
	margin: 0 0 0 0.5em;
    padding: 0.2em 0.45em;
	content: 'A';
    background: #f57c00;
}
#qanda_wrap section {
	margin: 0 auto;
	padding: 0;
}
/* 差し込みHTML4 */
.qanda_wrap {
        margin: -35px auto 0!important;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
p {
}
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
p {
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#qanda_wrap {
    max-width: 1200px;
}
#qanda_wrap .cp_qa dt {
    font-size: 16px;
    margin-top: 30px;
}
#qanda_wrap .cp_qa dd {
    font-size: 16px;
}
/* 差し込みHTML4 */
.qanda_wrap {
	margin: -65px auto 0!important;
}
}