:root {
	--size-h2: 4vw;
	--size-h2a: 4vw;
	}

/***** メニューに関するＣＳＳ *****/

.navi ul .query_li a {
	color: var(--color-pink);
	font-weight: bold;
	}

/***** コンテンツに対するＣＳＳ *****/

.sp_br {
	display: none;
	}

main {
	width: 100vw;
	height: auto;
	background: var(--color-white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title {
	width: 100%;
	height: 50vw;
	margin-top: 7vw;
	background: url(../image/query/aifeel_back.svg) center center / auto 100% no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title h2 {
	box-sizing: border-box;
	width: 40%;
	margin-bottom: 5vw;
	padding: 6% 2%;
	background: var(--color-white);
	line-height: 5vw;
	box-shadow: 0 0 2vw var(--color-white);
	border-radius: 50%;
	font-size: var(--size-h2);
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title h2::after {
	content: "Question";
	color: var(--color-orange);
	font-size: 4vw;
	font-family: 'CherryBombOne';
	letter-spacing: 0.3vw;
	}

.content {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 20vw;
	padding: 10vw 0 15vw 0;
	background: var(--color-lightgreen);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.comment {
	position: absolute;
	top: -1%;
	background: var(--color-white);
	padding: 2%;
	border: solid 0.2vw var(--color-lightgray);
	border-radius: 0.5vw;
	box-shadow: 0.5vw 0.5vw 0.5vw var(--color-lightgray);
	font-size: 1.8vw;
	line-height: 3.5vw;
	}

.content_box {
	width: 90%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	}

section {
	width: 100%;
	height: auto;
	background: var(--color-white);
	border-radius: 2vw;
	margin: 8vw 0;
	padding: 3vw 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	}

.box {
	position: relative;
	width: 90%;
	margin-bottom: 1vw;
	height: auto;
	display: flex;
	flex-direction: column;
	}

.test {
	display: flex;
	align-items: baseline;
	}

.question {
	margin: 5vw 0;
	font-size: 2vw;
	}

.question strong {
	color: var(--color-pink);
	font-size: 6vw;
	font-family: 'ZenMaruGothic';
	font-weight: 900;
	text-shadow: 0.3vw 0.3vw 0.2vw var(--color-lightgray);
	}

.Answer {
	position: absolute;
	width: 6.2vw;
	height: 4.5vw;
	margin: 0;
	padding-bottom: 2%;
	color: var(--color-orange);
	background: var(--color-yellowgreen);
	border: solid 0.5vw var(--color-yellowgreen);
	border-radius: 20vw;
	font-size: 4.5vw;
	font-family: 'ZenMaruGothic';
	font-weight: 900;
	text-shadow: 0.3vw 0.3vw 0.1vw var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
	}

section .box .setsumei {
	box-sizing: border-box;
	width: auto;
	height: auto;
	margin: 3.7vw;
	padding: 3.5vw;
	background: var(--color-white);
	font-size: 1.4vw;
	letter-spacing: 0.2vw;
	line-height: 2.5vw;
	border: solid 0.5vw var(--color-yellowgreen);
	border-radius: 1vw;
	}

.box .style {
	padding: 1vw 0;
	}

.box ol li {
	margin-left: 4vw;
	list-style: decimal;
	}







@media (max-width: 960px){





main {
	width: 100%;
	}

.page_title {
	width: 98%;
	background: url(../image/query/aifeel_back.svg) center center / 100% auto no-repeat;
	margin: 20% 0 15% 0;
	}

.page_title h2 {
	width: 48%;
	margin-top: 5%;
	padding: 8% 2%;
	font-size: 6vw;
	}

.page_title h2::after {
	margin-top: 4%;
	font-size: 4.5vw;
	}

.content {
	margin-top: 20vw;
	}

.comment {
	top: -8vw;
	font-size: 3.5vw;
	width: 90%;
	line-height: 6vw;
	border: solid 0.3vw var(--color-lightgray);
	border-radius: 2vw;
	}

.content_box {
	width: 90%;
	}

section {
    border-radius: 2vw;
	margin: 15vw 0;
	}

.box {
    width: 95%;
	}

.question {
	margin: 10vw 0;
	padding: 0 3%;
	font-size: 3vw;
	}

.question strong {
	font-size: 9vw;
	}

.Answer {
    top: -1vw;
    left: -1vw;
    width: 9vw;
	height: 7.5vw;
    font-size: 7.5vw;
	}

section .box .setsumei {
    font-size: 3vw;
    border-radius: 2vw;
    line-height: 4.5vw;
	}

.box .style {
	padding: 2vw 0;
	}

.box ol li {
	margin-left: 7vw;
	list-style: decimal;
	}

.test {
	line-height: 4vw;
	align-items: center;
	}

}