@charset "UTF-8";

#contents {
	padding: 0px;
	overflow: hidden;
}

#suntory_content {
	padding: 0px;
	width: auto;
}

#container {
  padding: 0 !important;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* id007
 * ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');

#id007 ol, ul {
	list-style: none;
}

#id007 img {
	display: block;
	width: 100%;
	height: auto;
}

#id007 #content {
	width: 100%;
	margin: 0px auto;
  padding: 0;
  background-color: #FFFFFF;
}

#id007 .notes {
  line-height: 140%;
  font-size: 3vw;
  text-align: justify;
	padding: 1% 5% 0%;
}

#id007 .caution_att_tp {
  display: inherit;
  margin: 0;
}

/* ========================================= */

#id007 .paragraph {
  margin-top: 2em;
}

#id007 .btn01, #id007 .btn02 {
  position: relative;
}

#id007 .btn01 p {
  position: absolute;
  left: 0;
  right: 0;
  top: 19%;
  width: 85.6%;
  margin: 0 auto;
}

#id007 h2 {
  width: 89.86%;
  margin: 0 auto;
  padding: 6% 0 0;
}

#id007 .image {
  width: 59.06%;
  margin: 12% auto 0;
}

#id007 #question03 .image {
  width: 100%;
  margin: 10% 0 0;
}

#id007 .choices {
  width: 82.66%;
  margin: 12% auto 0;
}

#id007 #question02 .choices {
  width: 90%;
  margin: 8% auto 0;
}

#id007 #question03 .choices {
  margin: 10% auto 10%;
}

#id007 .choices li {
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  margin-top: 5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 4.5vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
  border: 1px solid #B3B3B3;
  border-radius: 6px;
}

#id007 .attention {
  text-align: center;
  margin: 4% 0 -5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 3vw;
  line-height: 1.2;
  color: #808080;
}

#id007 .choices li.check {
  background-color: #FCC954;
  border: 1px solid #FD9C00;
}

#id007 .choices li .answer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3.8em;
}

#id007 .choices li p {
  width: 100%;
}

#id007 .choices li p span {
  font-size: 0.7em;
}

#id007 .choices li p a {
  color: inherit;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6em;
}

#id007 #q02_01, #id007 #q02_02, #id007 #q02_03 {
  display: flex;
  padding: 5% 4%;
}

#id007 .voice .icon {
  width: 18%;
}

#id007 .voice .text {
  width: 82%;
  text-align: left;
  font-weight: 300;
  font-size: 4vw;
  letter-spacing: 0;
  padding-left: 0.8em;
}

#id007 .voice .text .character {
  font-weight: 700;
  font-size: 4.5vw;
  letter-spacing: 0.1em;
  margin-bottom: 0.2em;
}

#id007 #question02 .choices li p {
  width: auto;
  line-height: 1.5;
}

#id007 #question02 .choices li p .txtBold {
  font-weight: 700;
  font-size: inherit;
}

#id007 .next {
  width: 40.26%;
  margin: 10% auto;
  position: relative;
}

#id007 .off::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #FFFFFF;
	cursor: auto;
	opacity: 0.6;
}

#id007 #thanks {
  width: 92%;
  margin: 8% auto 0;
}

#id007 #thanks h2 {
  width: 100%;
  margin-bottom: 18%;
}

#id007 .product {
  margin: 12% 0 4%;
}

#id007 .btn02 p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30%;
  width: 56.26%;
  margin: 0 auto;
}

#id007 .require {
  line-height: 140%;
  font-size: 3vw;
  text-align: justify;
	padding: 0 5% 8%;
  color: #808080;
}

#id007 .application p {
  line-height: 140%;
  font-size: 3vw;
  text-align: justify;
	padding: 0 5%;
  color: #808080;
}

#id007 .application p.notification {
  width: 90%;
  margin: 0.5em auto;
  padding: 1em;
  border: 1px solid #808080;
  box-sizing: border-box;
}

#id007 .underline {
  text-decoration: underline;
}

#id007 .application a {
  text-decoration: underline;
}

#id007 #q02_outline {
  display: none;
}