/*--フォント設定--*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(/common/fonts/NotoSans_Thin.woff2) format('woff2'), url(/common/fonts/NotoSans_Thin.woff) format('woff'), url(/common/fonts/NotoSans_Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url(/common/fonts/NotoSans_Light.woff2) format('woff2'), url(/common/fonts/NotoSans_Light.woff) format('woff'), url(/common/fonts/NotoSans_Light.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(/common/fonts/NotoSans_DemiLight.woff2) format('woff2'), url(/common/fonts/NotoSans_DemiLight.woff) format('woff'), url(/common/fonts/NotoSans_DemiLight.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local('NotoSans_Regular.otf'), url(/common/fonts/NotoSans_Regular.woff2) format('woff2'), url(/common/fonts/NotoSans_Regular.woff) format('woff'), url(/common/fonts/NotoSans_Regular.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(/common/fonts/NotoSans_Medium.woff2) format('woff2'), url(/common/fonts/NotoSans_Medium.woff) format('woff'), url(/common/fonts/NotoSans_Medium.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(/common/fonts/NotoSans_Bold.woff2) format('woff2'), url(/common/fonts/NotoSans_Bold.woff) format('woff'), url(/common/fonts/NotoSans_Bold.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url(/common/fonts/NotoSans_black.woff2) format('woff2'), url(/common/fonts/NotoSans_black.woff) format('woff'), url(/common/fonts/NotoSans_black.otf) format('opentype')
}
/*共通*/
main {
  font-family: 'Noto Sans JP', "メイリオ", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", sans-serif;
}
.headLine-rd {
  border-top: 4px solid #2b3d79;
}
.btnBack {
	margin-bottom: 3rem;
	padding-top: 1rem;
}
.btnBack a {
	display: inline-block;
  max-width: 100px;
  background-color: #ccc;
  padding: .8rem 2rem .8rem 3.5rem;
  font-weight: bold;
  font-size: 1.6rem;
	position: relative;
}
.btnBack a::before {
  content: "";
  background-color: #282828;
  height: calc(tan(60deg) * 18px / 2);
  width: 11px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
	position: absolute;
	left: 1.5rem;
  top: 28%;
}
h1.pageHeader_title {
  font-size: 3.6rem;
  margin: 2rem auto 4rem;
  text-align: center;
	color: #2b3d79;
}
h2.heading-lv2::before {
  background: #2b3d79 none repeat scroll 0 0;
}
h2.heading-lv2::after {
  border-color: #2b3d79 transparent transparent;
}

/*イエス　ノー　チャート*/
.main_contents {
	background-color: #fff5e0;
}
#question_area {
  text-align: center;
  font-size: 2rem;
}
.txt_hide {
  display: none;
}
.txt_display {
  display: block;
}
#q1, #q2 {
  font-weight: bold;
}
#btn_area {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  gap: 30px;
}
#btn_area.txt_hide {
  display: none;
}
#btn_yes, #btn_no {
  display: block;
  width: 200px;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  font-size: 2rem;
}
#btn_yes {
  background: #ffa200;
  opacity: 0.7;
}
#btn_yes:hover, #btn_no:hover {
  opacity: 1;
}
#btn_no {
  background: #0452ed;
  opacity: 0.7;
}

h2.heading-lv2 {
background: none;
border-bottom: #ccc 4px solid;
margin: 1rem 0 2rem;
font-size: 2.8rem;
}

@media screen and (max-width:659px) {
  #main {
 padding: 0 1rem .5rem;
}
	.btnBack {
  margin-bottom: 1.5rem;
  margin-left: -2rem;
		padding-top: .5rem;
    padding-left: .5rem;
}
	.btnBack a {
  max-width: 150px;
  padding: .3rem 1rem .3rem 2rem;
  font-size: 1.2rem;
}
	.btnBack a::before {
	left: .8rem;
  top: 33%;
		height: calc(tan(60deg) * 14px / 2);
  width: 8px;
	}
  #question_area {
  font-size: 1.8rem;
  line-height: 1.5;
}
  #btn_area {
  margin-top: 1rem;
  display: block;
  text-align: center;
}
  #btn_yes, #btn_no {
  margin: 0 auto 1rem;
  font-size: 1.8rem;
}
}

.btn01 {
  max-width: 500px;
  margin: 0 auto;
}

.btn01.how a {
  display: block;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  padding: 1rem 0;
  background-color: #3657a8;
  color: #fff;
  box-shadow: .2rem .4rem 0 0 #20408e;
}

#result_area ol li {
  margin: 3rem 4rem;
}

#result_area .general-list.li-detail li {
  margin: 0;
}

#result_area ol .flex-wrapper {
  justify-content: space-between;
}

#result_area ol li .unm {
  display: inline-block;
  font-weight: bold;
  background-color: #2b3d79;
  color: #fff;
  padding: 0 2rem;
  border-radius: 2rem;
  margin-bottom: .5rem;
}

#result_area ol .flex-wrapper p {
  font-size: 1.8rem;
  width: 53%;
}

#result_area ol li div:first-child {
  margin-bottom: 1rem;
}

#result_area ol .flex-wrapper p {
  font-size: 1.8rem;
  width: 65%;
}

#result_area ol .flex-wrapper>div.text {
	width: 65%;
}
#result_area ol .flex-wrapper div p {
  width: 100%;
}

.inner.general figure{
margin: 0;
}

@media screen and (max-width:659px) {
	h2.heading-lv2 {
		font-size: 2rem;
	}
  .btn01 {
  max-width: 80%;
  margin: 0 auto 2rem;
}

.btn01.how a {
  font-size: 1.6rem;
  padding: 1rem 0;
}

#result_area ol li {
  margin: 2rem 0;
}
  
  #result_area ol .flex-wrapper p {
  font-size: 1.5rem;
  width: 100%;
}
  
  #result_area ol li .unm {
    padding: .2rem 1rem;
    margin-right: .5rem;
  }
  
  #result_area ol li img {
  display: block;
  margin: 1.5rem auto 0;
}

#result_area ol li div:first-child {
  margin-bottom: 1rem;
}

.inner.general figure{
margin: 0;
}
	#result_area ol .flex-wrapper > div.text {
	  width: 100%;
	}
}