@charset "UTF-8";
/* CSS Document */

.area01 {
	width: 100%;
	padding: 50px 0 0;
}

.back_color {
	background: #fcf6e9;
}

.wrapper {
	width: 93.75%;
	max-width: 800px;
	margin: auto;
}

.detail {
	margin-top: 25px;
	padding: 0 15px;
}

.md01 {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border: 2px solid #ecce87;
	background: url(../../img/common/md_bg.png) right center/65% 100% no-repeat, #fff;
	display: table;
	margin-bottom: 20px;
}

.md01 p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.75em;
	font-size: 2.0rem;
	font-weight: 700;
	color: #978275;
}

.sub_menu {
	width: 93%;
	max-width: 940px;
	margin: 0 auto 30px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;

	-ms-flex-wrap : wrap;
	-webkit-flex-wrap : wrap;
	flex-wrap : wrap;
}

.sub_menu li {
	width: 31.9148936%;
	
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}

.sub_menu li:hover {
	opacity: 0.8;
}

.sub_menu li:nth-child(2),
.sub_menu li:nth-child(3),
.sub_menu li:nth-child(5){
	margin-left: 2.1276595%
}

.sub_menu li:nth-child(n + 4) {
	margin-top: 30px
}

.accbox {
	width: 100%;
}

.accbox label {
    display: none;
}

.accbox label:hover {
    opacity: 0.8;
}

.accbox input {
    display: none;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 0;
    opacity: 1;
}

.qa_bg {
	padding: 30px 0 50px;
}

.qa {
	width: 93.75%;
	max-width: 800px;
	margin: auto;
}

.qa dl {
	width: 100%;
	max-width: 780px;
	margin: auto;
}

.qa dt, .qa dd {
	padding: 0.5em 1em;
	line-height: 1.5;
	font-feature-settings: "palt" 1;
	text-align: justify;
	text-justify: inter-ideograph;
}

.qa dt {
	border-radius: 21.5px;
}

.qa dt p {
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	padding-left: 32px;
	position: relative;
}

.qa dt p::before {
	position: absolute;
	top: -0.25em;
	left: 0;
	content: "Q";
	font-size: 2.6rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.qa dd p {
	font-size: 1.6rem;
	padding-left: 32px;
	position: relative;
}

.qa dd p::before {
	position: absolute;
	top: -0.25em;
	left: 0;
	content: "A";
	font-size: 2.6rem;
	color: #a74e62;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.qa01 dt {
	background: #b4d78d;
}

.qa02 dt {
	background: #97d2cc;
}

.answer + .question {
	margin-top: 1.5em
}

.symbol {
	padding-left: calc(32px + 1em);
	position: relative;
	color: #38a1db;
}

.symbol02 {
	padding-left: calc(32px + 1em);
	position: relative;
}

.symbol03 {
	padding-left: calc(32px + 2em);
	position: relative;
}

.symbol::before {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: absolute;
	left: 32px;
	top: 0;
	content: "※";
}

.symbol02::before {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: absolute;
	left: 32px;
	top: 0;
	content: "□";
	color: #a74e62;
}

.symbol03::before {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: absolute;
	left: calc(32px + 1em);
	top: 0;
	content: "※";
}

@media screen and (max-width: 960px){
} /*Minimum size PC*/

@media screen and (max-width: 768px){
} /*iPad*/

@media screen and (max-width: 600px){
	.area01 {
		width: 100%;
		padding: 20px 0 30px;
	}
	
	.wrapper {
		max-width: 490px;
	}
	
	.sub_menu {
		display: none;
	}
	
	.accbox label {
		display: block;
		width: 87.5%;
		max-width: 330px;
		margin: 0 auto 3px;
		cursor :pointer;
		transition: all 0.5s;
	}

	.accbox .accshow {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	
	.cssacc:checked + .accshow {
		height: auto;
		padding: 9px 0 20px;
		opacity: 1;
	}
	
	.qa_bg {
		padding: 18px 0 25px;
	}
	
	.md01 {
		display: none;
	}
	
	.qa dt {
		padding: 0.25em 1em;
	}
	
	.qa dt {
		border-radius: 15.25px;
	}

	.qa dt p {
		font-size: 1.5rem;
		padding-left: 20px;
	}

	.qa dt p::before {
		top: -0.25em;
		font-size: 2rem
	}

	.qa dd p {
		font-size: 1.4rem;
		padding-left: 20px;
	}

	.qa dd p::before {
		top: -0.25em;
		font-size: 2rem;
	}
	
	.answer + .question {
		margin-top: 1.0em
	}
	
	.symbol,
	.symbol02 {
		padding-left: calc(20px + 1em);
		font-size: 1.4rem;
	}
	
	.symbol03 {
		padding-left: calc(20px + 2em);
		font-size: 1.4rem;
	}

	.symbol::before,
	.symbol02::before {
		left: 20px;
	}
	
	.symbol03::before {
		left: calc(20px + 1em);
	}

} /*Nexus 7*/

@media screen and (max-width: 414px){
} /*iPhone 6 Plus*/

@media screen and (max-width: 375px){
} /*iPhone 6*/

@media screen and (max-width: 320px){
} /*iPhone 5*/