/*
body {
  position: relative;
  margin: 0;
  background: #ffffff;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  color: #333;

}
h1,h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
}

dl, dt, dd {
	margin: 0px;
	padding: 0px;
}

.pc {
  display: block;
}
.sp {
  display: none;
}
*/
br.tb {
	display: none;
}
img {
  max-width: 100%;
  margin: 0;
  border: 0;
  vertical-align: top;
}
.inner-block {
  width: 1030px;
  margin: auto;
  padding: 0 0px;
  position: relative;
}
.inner-block.border {
	border: 1px solid rgba(128,128,128,1.00);
	border-radius: 40px;
}
.wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.title-wrap .title {
  font-size: 40px;
  text-align: center;
}

/* ボックス */
.box-wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 50px;
}
.box-wrap.is-inactive {
  position: relative;
}
.box-wrap.is-inactive .box {
  position: relative;
}
.box-wrap .box {
/*
  background: #f4f4f4;
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;
*/
/*
	border: 1px solid rgba(144,144,144,1.00);
  border-radius: 20px;
  padding: 80px 50px 40px;
*/

  padding: 80px 50px 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}
.box-wrap .box.start_box {
	display: block;
}

.box-wrap .box.is-inactive {
  position: absolute;
}
/*
.box-wrap .box.result .title {
  color: #009999;
}
*/
.box-wrap .box .txt {
  text-align: center;
  font-size: 18px;
}

/* 選択肢 */
.box-wrap .box h2.title {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
	color: rgba(128,128,128,1.00);
}
.box-wrap .start_box h2.title::before {
	content: '';
	background-image: url("../img/start.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 2.8em;
	height: 2.4em;
	position: absolute;
	left: 29.5%;
	top: -30%;
}
/*
.box-wrap .box .title::before {
  background: #999;
  content: "";
  display: block;
  height: 2px;
  width: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
*/
.box-wrap .box .title .num {
  font-size: 30px;
}
.box-wrap .box .title .small {
  font-size: 20px;
}
.box-wrap .box .select-wrap {
  display: flex;
  flex-wrap: wrap;
  /*align-items: center;*/
  justify-content: center;
	position: relative;
}
.box-wrap .box .select-wrap .select-box {
	width: 46%;
	margin-left: auto;
	margin-right: auto;
}

.box-wrap .box .select-wrap .select-box .select {
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1),-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0);
  border-radius: 50px;
  border: none;
  font-weight: bold;
  padding: 20px;
  text-decoration: none;
  text-align: center;
  position: relative;
  width: calc((100% - 40px) / 1);
}
.box-wrap .box .select-wrap .select-box .select::after {
  border-radius: 50px;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(0, 0, 0, 0.2) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;
  transition: all .2s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}


	.box-wrap .box .select-wrap .select-box .button {
		width: 100%;
		height: 64px;
		display: block;
		text-align: center;
		border: 2px solid rgba(128,128,128,1.00);
		border-radius: 20px;
		padding: 8px 0px;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1.3rem;
		color: rgba(77,77,77,0.80);
		background-color: #ffffff;
	}
.box-wrap .box .select-wrap .select-box .button:hover {
	border: 2px solid red;
}
.box-wrap .box .select-wrap .select-box .button span {
	font-size: 0.86rem;
}
.box-wrap .box .select-wrap .select-box dl {
	width: 100%;
	padding-top: 24px;
}

.box-wrap .box .select-wrap .select-box dl dt {
	width: 100%;
	text-align: center;
}
.box-wrap .box .select-wrap .select-box dl dt img {
	width: auto;
	height: 240px;
}
.box-wrap .box .select-wrap .select-box dl dd {
	width: 100%;
	margin-left: 0px;
}
.box-wrap .box .select-wrap .select-box dl dd p {
	/*font-size: 0.8rem;*/
	font-size: 0.9rem;
	line-height: 1.3rem;
	letter-spacing: 1px;
	padding-bottom: 0px;
}

.box-wrap .box .select-wrap .select-box .select.is-inactive {
	/*box-shadow: 2.8285px 2.8285px 5px 0px rgba(0, 0, 0, 0.2) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;*/
	/*
	background-color: #878787;
	color: #ffffff;
	*/
	border: 2px solid red;
}
.box-wrap .box .select-wrap .select-box .select.yes {
  color: #ff6666;
}
.box-wrap .box .select-wrap .select-box .select.no {
  color: #33cccc;
}
.box-wrap .box .select-wrap .select-box .select.vague {
  color: #999;
}
/*
@media screen and (min-width:761px) {
  .box-wrap .box .select-wrap .select:hover {
    box-shadow: none;
  }
  .box-wrap .box .select-wrap .select:hover::after {
    opacity: 1;
  }
  .box-wrap .box .select-wrap .select.is-inactive:hover {
    box-shadow: 2.8285px 2.8285px 5px 0px rgba(0, 0, 0, 0.2) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;
  }
  .box-wrap .box .select-wrap .select.is-inactive:hover::after {
    opacity: 0;
  }
  .box-wrap .box .select-wrap .select + .select {
    margin-left: 20px;
  }
}
*/

/* 次の質問へ */
.btn-wrap {
  margin-top: 20px;
}
.btn-wrap.start_box {
  background: #f4f4f4;
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;
  border-radius: 20px;
  padding: 80px 50px;
	
}
.btn-wrap.start_box h2 {
	text-align: center;
}
.btn-wrap.start_box .top_select {
	display: flex;
	flex-wrap: wrap;
}


/*
.btn-wrap .tool-btn {
  background: #009999;
  border: 2px solid #009999;
  border-radius: 50px;
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1),-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0);
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  max-width: 400px;
  margin: auto;
  text-align: center;
  text-decoration: none;
  padding: 13px 20px 12px;
  position: relative;
  transition: 0.2s ease-in-out;
  width: 100%;
}
*/


/*
.btn-wrap .tool-btn::before {
  content: "";
  color: #fff;
  border-style: solid;
  display: inline-block;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 18px;
  right: 20px;
}
*/
.btn-wrap .tool-btn.is-inactive {
  pointer-events: none;
  background: #999;
  border-color: #999;
}
.btn-wrap .tool-btn + .tool-btn {
  margin-top: 15px;
}
.btn-wrap .start_box.is-inactive {
  display: none;
}
.btn-wrap.is-inactive {
  display: none;
}


.btn-wrap.step {
	position: absolute;
	bottom: 60px;
	right: 25px;
	width: 230px;
	margin-top: 0px;
}
.btn-wrap.step .select-box {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
.btn-wrap.step .tool-btn.is-inactive {
  pointer-events: none;
  background: #ffffff;
	border: 2px solid rgba(188,188,188,1.00);
}
.btn-wrap.step .tool-btn {
	color: #555555;
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
  /*box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1),-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0);*/
	cursor: pointer;
	font-size: 14px;
	padding: 4px 0px;
	border: 2px solid #9DD0B4;
	border-radius: 100px;
	background-color: #bde0cd;
}


/******* 最終 ******/
.box-wrap .result {
	position: relative;
}
.box-wrap .result h2.title {
	font-size: 1.0rem;
	font-weight: bold;
  	text-align: center;
	margin-bottom: 8px;
	padding-bottom: 0px;
	color: #333333;
}
.box-wrap .result h3.title {
	font-size: 1.6rem;
	font-weight: bold;
  	text-align: center;
	margin-bottom: 16px;
	color: #333333;
}
.box-wrap .result h3.title span.plus {
	color: rgba(77,77,77,0.80);
	font-size: 1.8rem;
	font-weight: bold;
    letter-spacing: 0px;
}

.box-wrap .result h3.title span.smallTitle {
	font-size: 1.4rem;
}
.box-wrap .result .result-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.box-wrap .result .result-box .main_img {
	width: 25%;
	padding-top: 12px;
}
.box-wrap .result .result-box .main_img img {
	width: 100%;
	height: auto;
}
.box-wrap .result .result-box .result-main {
	width: 72%;
	position: relative;
	padding-bottom: 0px;
}

.box-wrap .result .result-box .result-main p {
	/*font-size: 0.8rem;*/
	font-size: 0.9rem;
	text-align: left;
	margin: 0px;
	line-height: 1.4rem;
}

.box-wrap .result .result-box .result-main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.box-wrap .result .result-box .result-main ul li {
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.box-wrap .result .result-box .result-main ul li.chair, .box-wrap .result .result-box .result-main ul li p.chair {
	padding-top: 40px;
}
.box-wrap .result .result-box .result-main ul li .sub_img {
	width: 40%;
}
.box-wrap .result .result-box .result-main ul li .sub_img img {
	width: 100%;
	height: auto;
}
.box-wrap .result .result-box .result-main ul li .sub_img span {
	font-size: 0.55rem;
}
.box-wrap .result .result-box .result-main ul li p {
	width: 56%;
	/*font-size: 0.74rem;*/
	font-size: 0.9rem;
	line-height: 1.4rem;
	margin: 0px;
}


.box-wrap .result .result-box .result-main .linkBox {
	width: 100%;
	padding-top: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.box-wrap .result .result-box .result-main .linkBox dl {
	width: 48%;
	margin-top: 0px;
	margin-bottom: 8px;
	text-align: center;
}
.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo {
	width: 100%;
	margin-bottom: 8px;
}

.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo .logo {
	padding-top: 6px;
}
.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo .logo img {
	width: auto;
	height: 29px;
	padding-right: 16px;
}
.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo.kareeduo .logo img {
	height: 20px;
}

.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo span {
	display: block;
	font-size: 0.7rem;
	padding-top: 4px;
}
.box-wrap .result .result-box .result-main .linkBox dl:nth-of-type(2) dt {
	padding-top: 34px;
}
.box-wrap .result .result-box .result-main .linkBox dl:nth-of-type(2) dt.result-noLogo {
	padding-top: 31px;
}
/*
.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo span.noLogo {
	padding-top: 4px;
}
*/
.box-wrap .result .result-box .result-main .linkBox dl dd.btn-wrap {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
}
.box-wrap .result .result-box .result-main .linkBox dl dd.btn-wrap a {
  color: #999;
  display: block;
  font-size: 0.84rem;
  font-weight: bold;
	text-align: center;
  border-radius: 100px;
  cursor: pointer;
  padding: 6px 20px;
	border: 2px solid rgba(188,188,188,1.00);
}

.box-wrap .result .result-box .result-main .linkBox dl dd.btn-wrap a:hover {
	border: 2px solid red;
}



/* クローズボタン */
.close-btn {
  color: #999;
  display: block;
  font-weight: bold;
  border-radius: 100px;
  /*box-shadow: 2.8285px 2.8285px 5px 0px rgba(100, 100, 100, 0.1),-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0);*/
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 32px;
	border: 2px solid rgba(188,188,188,1.00);
}
.close-btn:hover {
	border: 2px solid red;
}

@media screen and (max-width: 1024px) {
	br.tb {
		display: inline;
	}

	.inner-block {
  		width: 100%;
		min-width: 730px;
	}
	
	.box-wrap .box .select-wrap .select-box {
		width: 46%;
	}	
	/*
.box-wrap .box h2.title {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
	color: rgba(128,128,128,1.00);
}
	*/
.btn-wrap.step {
	right: -20px;
}
	.box-wrap .start_box h2.title::before {
		width: 2.8em;
		height: 2.4em;
		position: absolute;
		left: 23%;
		top: -12%;
	}	
	.box-wrap .box {
  		padding: 80px 20px 40px;
  		position: absolute;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		margin: auto;
  		display: none;
	}	
	
	

}




@media only screen and (max-width: 480px) {
/* ボックス */
	.wrap {
		display: block;
	}
	.box-wrap {
		display: block;
  		margin-top: 0px;
	}	
	
  	.box-wrap .box {
    	padding: 60px 0px 40px;
  	}
	.box-wrap .box h2.title {
  		font-size: 1.2rem;
		padding-left: 2.2rem;
	}
	.box-wrap .box .select-wrap {
		display: block;
	}
	.box-wrap .box .select-wrap .select-box {
		width: 94%;
	}
	.box-wrap .box .select-wrap .select-box .button {
		font-size: 1.0rem;
		height: 38px;
	}
	.box-wrap .box .select-wrap .select-box .button.topSelect {
		height: 64px;
	}

	.box-wrap .box .select-wrap .select-box .button span {
		font-size: 1.0rem;
	}
	.box-wrap .box .select-wrap .select-box dl {
		margin-bottom: 40px;	
		padding-top: 0px;
	}
	.box-wrap .box .select-wrap .select-box dl dd p {
		text-align: center;	
	}
	.box-wrap .box .select-wrap .select-box dl dt img {	
		height: 180px;	
	}
/*** 最終 ***/	
	.box-wrap .result .result-box {
		display: block;
	}
	
	.box-wrap .result h2.title {
		font-size: 0.8rem;
		padding-left: 0rem;
		margin-bottom: 24px;
	}
	.box-wrap .start_box h2.title::before {
		width: 2.8em;
		height: 2.4em;
		left: 9%;
		top: -22%;
	}	
	
	.box-wrap .result h3.title {
		font-size: 1.6rem;
		font-weight: bold;
  		text-align: center;
		margin-bottom: 16px;
		color: #333333;
	}
	.box-wrap .result h3.title span.plus {
		font-size: 1.4rem;
	}

	.box-wrap .result h3.title span.smallTitle {
		font-size: 1.1rem;
	}	
	
	.box-wrap .result .result-box .main_img {
		width: 100%;
		padding-top: 4px;
		text-align: center;
	}
	.box-wrap .result .result-box .main_img img {
		width: auto;
		height: 240px;
	}	
	.box-wrap .result .result-box .result-main {
		width: 100%;
	}
	.box-wrap .result .result-box .result-main .linkBox dl:nth-of-type(2) dt {
		padding-top: 34px;
	}
	.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo span {
		font-size: 0.6rem;
	}	
	.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo span.noLogo {
		padding-top: 0px;
	}	
	
	.box-wrap .result .result-box .result-main .linkBox dl dt.result-logo p {
		padding-top: 8px;
		padding-bottom: 0px;
		height: 90px;
		/*font-size: 0.7rem;*/
		font-size: 0.8rem;
	}
	
	.box-wrap .result .result-box .result-main .linkBox dl dd.btn-wrap a {
  		font-size: 0.84rem;
		line-height: 1.1rem;
  		border-radius: 16px;
  		padding: 6px 20px;
	}	
	
	
	.inner-block {
  		width: 100%;
		min-width: 330px;
	}	
	
	.btn-wrap.step {
		bottom: 30px;
  		right: 0;
  		left: 0;
  		margin: auto;
	}	
	
	
	
	
	
	
	
	
	
	
	.close-btn {
		top: 0px;
	}

	.close-btn {
		text-align: center;
    	left: 50%;
		right: inherit;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
	}
	
	
	
	
}








@media screen and (max-width:761px) {
	/*
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
	*/
  .ib {
    display: inline-block;
  }
  .inner-block {
    padding: 0 2%;
    width: 96%;
  }
}


@media screen and (max-width:761px) {
  .title-wrap .title {
    font-size: 24px;
  }
  .diagnose-wrap {
    width: 100%;
  }
}

/*
@media screen and (max-width:761px) {
  .box-wrap .box {
    padding: 60px 30px 40px;
  }
}
*/

@media screen and (min-width:761px) {
  .btn-wrap button:hover {
    background: #fff;
    color: #009999;
    transition: 0.2s ease-in-out;
  }
  .btn-wrap button:hover::before {
    border-color: transparent transparent transparent #009999;
  }
}
@media screen and (max-width:761px) {
/*
.btn-wrap {
    margin-top: 40px;
  }
  .btn-wrap .tool-btn {
    font-size: 16px;
    max-width: 320px;
    padding: 10px;
  }
  .btn-wrap .tool-btn::before {
    border-width: 5px 0 5px 8px;
    top: 16px;
  }
*/
}




/*
.box-wrap .result .result-box .result-main .result-logo {
	position: absolute;
	bottom: 0px;
	left: 0%;
	display: flex;
	flex-wrap: wrap;
	width: 60%;
}
.box-wrap .result .result-box .result-main .result-logo.kareeduo {
	padding-bottom: 6px;
}
#a2-1-1 .result-logo.kareeduo {
	padding-bottom: 0px;	
}


.box-wrap .result .result-box .result-main .result-logo .logo {
	width: 24%;
}
.box-wrap .result .result-box .result-main .result-logo.kareeduo .logo {
	width: 38%;
	padding-top: 0px;
}

#a2-1-1 .result-logo.kareeduo .logo {
	padding-top: 10px;
}
#a2-2-1 .result-logo.karee .logo {
	padding-top: 10px;	
}
.box-wrap .result .result-box .result-main .result-logo .logo img {
	width: auto;
	height: 29px;
}
.box-wrap .result .result-box .result-main .result-logo.kareeduo .logo img {
	width: auto;
	height: 24px;
}


.box-wrap .result .result-box .result-main .result-logo span {
	font-size: 0.8rem;
	padding-left: 16px;
	padding-top: 4px;
}
.box-wrap .result .result-box .result-main .btn-wrap {
	position: absolute;
	bottom: 0px;
	right: 4%;
	margin: 0px;
	
}
.box-wrap .result .result-box .result-main .btn-wrap a {
  color: #999;
  display: block;
  font-weight: bold;
  border-radius: 100px;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 20px;
	border: 1px solid rgba(212,212,212,1.00);
}
*/

@media screen and (max-width:761px) {
  .box-wrap .box .title {
    font-size: 20px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .box-wrap .box .title::before {
    width: 40px;
  }
  .box-wrap .box .title .num {
    font-size: 24px;
    display: block;
  }
  .box-wrap .box .title .small {
    display: block;
    font-size: 14px;
  }
  .box-wrap .box .select-wrap {
    flex-direction: column;
  }
  .box-wrap .box .select-wrap .select {
    padding: 12px;
    width: 100%;
  }
  .box-wrap .box .select-wrap .select + .select {
    margin-top: 20px;
  }
}



/*
.close-btn::after {
  border-radius: 100px;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  box-shadow: 2.8285px 2.8285px 5px 0px rgba(0, 0, 0, 0.2) inset,-2.8285px -2.8285px 5px 0px rgba(255, 255, 255, 1.0) inset;
  transition: all .2s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.close-btn .mark {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
*/
@media screen and (min-width:761px) {
  .close-btn:hover {
    box-shadow: none;
  }
  .close-btn:hover::after {
    opacity: 1;
  }
}
@media screen and (max-width:761px) {
  .close-btn {
    font-size: 12px;
    padding: 5px 0px;
  }
}

button {
  cursor: pointer;
/*
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic,
    "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif !important;
*/
}




@media only screen and (max-width: 1023px) {
	
}