@charset "utf-8";

 /*---------------------ベース--------------------------------------*/
body {  font-family: "Noto Sans JP", "Meiryo", sans-serif; color: #000000; }
.article_cont {padding-top: 55px; background: none; }
.art_inner { max-width:1440px; padding:0 15px; margin-top:-233px; }
.art_inner a { color:#0072e6; }
.art_box02 { position: relative; max-width: 1240px; margin: 0 auto; padding: 60px 3.548387% 0; text-align: center; background-color: #fff; border: solid 6px #003d7b; border-radius:44px 0 44px 0; box-shadow: 15px 15px 15px rgba(42, 41, 40, 0.15); }
.art_box02 h2 { display: inline-block; padding: 0 50px; font-size:3.4rem; font-weight: 900; color:#fff; line-height:60px; background-color:#003d7b; border-radius:30px; }
@media screen and (max-width: 767px) {
	.art_inner { max-width:89.33%; padding:0 0; }
	.art_box02 { max-width: 100%; padding: 9.33vw 5.07% 10.8vw; border: solid 0.8vw #003d7b; border-radius: 12.4vw 0 12.4vw 0; box-shadow: 15px 15px 15px rgba(42, 41, 40, 0.15); }
	.art_box02 h2 { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 16vw; font-size: 5.6vw; font-weight: 900; line-height:1.238; text-align: center; border-radius:8vw; }
}


/*mv*/
.mv { width:100%; background:url("/pickup/nisa-guide/images/nisa-research/bg_mv_pc.png") center top no-repeat; background-size: cover; aspect-ratio: 1440 / 884; }
.mv h1 { padding-top:5.764vw; margin: 0 auto; width:45.83%; font-size:0; }
.mv p { width: 39.79%; padding-left: 10px; margin: 1.8vw auto 0; font-size:1.6rem; font-weight:400; line-height:1.875; color:#fff; }

@media screen and (max-width: 1439px) {
	.mv p { font-size: 1.26vw; }
	.art_inner { margin-top: -11vw; }
}
@media screen and (max-width: 767px) {
	.mv { background:url("/pickup/nisa-guide/images/nisa-research/bg_mv_sp.png") center top no-repeat; background-size: contain; aspect-ratio: 750 / 1620; }
	.mv h1 { padding-top:9.33vw; width:88vw; }
	.mv p { width: 89.33%; padding-left: 0; margin: 74.26vw auto 0; font-size:3.46vw; line-height:1.77; }
	.art_inner { margin-top: -27.6vw; }
}


/*gridBox*/
.gridBox { display: grid; justify-content: space-between; grid-template-columns: 46% 49.12%; border-bottom: dotted 4px #003d7b; padding:58px 0 54px; }
.gridBox:first-of-type { padding-top:41px; }
.gridBox:last-of-type { border-bottom:none; }
.faq { grid-column: 1 / 2;  grid-row: 1 / 2: }
.faq dl { display:grid; justify-content:flex-start; align-items:flex-start; grid-template-columns:65px 1fr; }
.faq .answer { margin-top:21px; }
.faq dt { position: relative; width: 65px; height: 65px; font-size:3rem; font-weight:900; border-radius:50%; display:flex; justify-content:center; align-items:center; }
.faq dt:after { position:absolute; content:""; display:inline-block; width:12px; height:9px; left:calc(100% - 1px); top:50%; }
.faq dd { margin-left: 20px; font-size:2.8rem; font-weight: 900; line-height:1.2857; }
.faq dd span { font-size: 1.6rem; }
.faq .question dt { color:#face00; background-color:#003d7b; }
.faq .answer dt { color:#003d7b; background-color: #face00; }
.faq .question dt:after { background:url("/pickup/nisa-guide/images/nisa-research/arrow_question.png") left top no-repeat; background-size:contain; }
.faq .answer dt:after { height: 7px; background:url("/pickup/nisa-guide/images/nisa-research/arrow_answer.png") left top no-repeat; background-size:contain; }
.faq .question dd { color:#003d7b; }
.explanation { margin-top: 30px; font-size:1.6rem; line-height:1.9375; grid-column: 1 / 2; grid-row: 2 / 3; }
.explanation em { font-size:2rem; font-weight:bold; }
.gridBox figure { grid-column: 2 / 3; grid-row: 1 / 3; }

.gridBox.reverse { grid-template-columns: 49.12% 46%; }
.reverse .faq { grid-column: 2 / 3; }
.reverse .explanation { grid-column: 2 / 3; }
.reverse figure { grid-column: 1 / 2; }

@media screen and (max-width: 767px) {
	.gridBox { display: block; border-bottom: dotted 0.8vw #003d7b; padding:10.4vw 0 8.8vw; }
	.gridBox:first-of-type { padding-top:9.2vw; }
	.faq dl { display:grid; justify-content:flex-start; align-items:flex-start; grid-template-columns:10.53vw 1fr; }
	.faq .answer { margin-top:2.4vw; }
	.faq dt { width: 10.53vw; height: 10.53vw; font-size:4.77vw; font-weight:900; }
	.faq dt:after { position:absolute; content:""; display:inline-block; width: 1.86vw; height: 1.33vw; }
	.faq dd { margin-left: 3.2vw; font-size: 4.26vw; font-weight: 900; line-height:1.3748; }
	.faq dd span { font-size: 2.93vw; }
	.faq .answer dt:after { height: 1.06vw; }
	.explanation { margin-top: 4vw; font-size:3.46vw; line-height:1.846; }
	.explanation em { font-size: 4.26vw; font-weight:bold; }
	.gridBox figure { margin-top:3.6vw; }
}


/*summary*/
.summary { position:absolute; }
#anc01 .art_box02 { padding-bottom: 13.55%; }
#anc01 .summary { width: 99.75%; left:-4.1129%; bottom:-11px; }
#anc02 .art_box02 { padding-bottom: 13.388%; }
#anc02 .summary { width: 91.12%; right:-1px; bottom:-12px; }
#anc03 .art_box02 { padding-bottom: 13.84%; }
#anc03 .summary { width: 98.86%; left:-6.51%; bottom:0; }

@media screen and (max-width: 767px) {
	#anc01 .art_box02 { padding-bottom: 56.66vw; }
	#anc01 .summary { width: 89.33vw; left:-6.1vw; bottom:-1.6vw; }
	#anc02 .art_box02 { padding-bottom: 54.26vw; }
	#anc02 .summary { width: 89.33vw; right:-6.1vw; bottom:-1.73vw; }
	#anc03 .art_box02 { padding-bottom: 56.66vw; }
	#anc03 .summary { width: 89.33vw; left:-6.1vw; bottom: 0; }
}


/*ancpt_matome02*/
.ancpt_matome02 { margin-top:82px; width:100%; background:url("/pickup/nisa-guide/images/nisa-research/bg_matome.png") left top repeat; }
.art_box_matome { max-width: 1240px; margin: 0 auto; padding-bottom: 0; background: transparent; border-radius:0; }
.ancpt_matome02 h2 { position:absolute; width: 21.21%; top:-36px; left:-1.935% }
.ancpt_matome02 p { padding: 31px 10px 31px 23.39%; font-size:1.8rem; font-weight:bold; color:#fff; line-height:2; }

@media screen and (max-width: 767px) {
	.ancpt_matome02 { margin-top:13.3vw; }
	.art_box_matome { max-width: 89.33%; margin: 0 auto; padding-bottom: 0; background: transparent; border-radius:0; }
	.ancpt_matome02 h2 { width: 35.06vw; margin: 0; text-align: left; top:-11.33vw; left:-4.8vw; }
	.ancpt_matome02 p { margin-top: 0; padding: 19.46vw 0 5.06vw; font-size: 3.73vw; line-height:1.643; }
}


/*survey_overview*/
.survey_overview { margin-top:92px; width:100%; }
.art_box_overview { max-width:1070px; padding:0 15px 39px; margin:0 auto; border-bottom: dotted 4px #003d7b; }
.survey_overview h3 { position: relative; text-align:center; border-top: dotted 4px #003d7b; }
.survey_overview h3 span { position: absolute; display: inline-block; padding: 0 20px; font-size:2.8rem; font-weight:900; color: #003d7b; background-color:#fff; left:50%; top:50%; transform: translate(-50%, -50%); }
.list { margin-top: 30px; display: flex; justify-content:center; }
.list li { display:inline-block; padding: 0 10px; font-size:1.6rem; line-height: 19px; border-right: solid 1px #000; }
.list li:last-child { border-right: none; }
.survey_overview .flexBox { display:flex; justify-content:space-evenly; align-items:stretch; }
.survey_overview .flexBox figure { margin-top:33px; }
.survey_overview .flexBox img { margin-top: 34px; max-height:325px; }
.survey_overview .flexBox figcaption { font-size: 2.2rem; font-weight:900; color:#003d7b; text-align:center; }
.survey_overview .bg_gray { margin-top:31px; padding: 13px 20px; background-color:#ededed; border-radius:24px; text-align:center; }
.survey_overview .bg_gray ul { display:inline-block; }
.survey_overview .bg_gray li { font-size:1.6rem; line-height:1.875; text-indent:-1em; margin-left:1em; }

@media screen and (max-width: 767px) {
	.survey_overview { margin-top:15.2vw; }
	.art_box_overview { max-width:89.33%; padding:0 0 10.8vw; border-bottom: dotted 0.8vw #003d7b; }
	.survey_overview h3 { border-top: dotted 0.8vw #003d7b; }
	.survey_overview h3 span { padding: 0 3.2vw; font-size: 4.532vw; }
	.list { margin-top: 5.2vw; display: block; }
	.list li { padding: 0; font-size:3.732vw; line-height: 1.71; border-right: none; }
	.survey_overview .flexBox { display:block; }
	.survey_overview .flexBox figure { margin-top:7.2vw; }
	.survey_overview .flexBox img { margin-top: 4.4vw; max-height:none; }
	.survey_overview .flexBox figcaption { font-size: 3.73vw; }
	.survey_overview .bg_gray { margin-top:8vw; padding: 9.2vw 5.33vw; border-radius:3.2vw; text-align:left; }
	.survey_overview .bg_gray ul { display:block; }
	.survey_overview .bg_gray li { font-size:3.2vw; line-height:1.583; }
}


/*bnr_area*/
.bnr_area { margin:60px 0; }
.bnr_area a { display:block; margin:0 auto; max-width:919px; }
@media screen and (max-width: 767px) {
	.bnr_area { margin:10.66vw 0; }
	.bnr_area a { width:97.31%; max-width:652px; }
}