/* CSS Document */
section.diagnose_top{
  background-color: #fff;
  padding: calc(var(--headerHeight) + 4rem) 0 var(--headerHeight) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.diagnose_top{
  padding: calc(var(--headerHeight) * 1.5) 7vw calc(var(--headerHeight) / 2) 7vw;
}
body[wc-view-type="tb"] section.diagnose_top{
  padding: calc(var(--headerHeight) + 2rem) 7.5vw var(--headerHeight) 7.5vw;
}
body[wc-view-type="tb-l"] section.diagnose_top{
  padding: calc(var(--headerHeight) + 2rem) 10vw var(--headerHeight) 10vw;
}
section.diagnose_top::after{
  content: "";
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -1.25rem;
  position: absolute;
  z-index: 1;
}
section.diagnose_top div.diagnose_title{
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column-reverse;
}
section.diagnose_top div.diagnose_title > h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
section.diagnose_top div.diagnose_title > h1 span.opa{
  display: inline-block;
}
section.diagnose_top div.diagnose_title p{
  font-weight: 700;
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) section.diagnose_top div.diagnose_title p.sp_other{
  display: none;
}
body[wc-view-type="sp"] section.diagnose_top div.diagnose_title p{
  padding-right: calc(22vw + 0.5rem);
}
body[wc-view-type="tb"] section.diagnose_top div.diagnose_title p{
  padding-right: calc(75px + 0.5rem);
}
body[wc-view-type="tb-l"] section.diagnose_top div.diagnose_title p{
  padding-right: calc(75px + 0.5rem);
}
body[wc-view-type="pc"] section.diagnose_top div.diagnose_title p{
  padding-right: calc(86px + 0.5rem);
}
body:not([wc-view-type="sp"]) section.diagnose_top div.diagnose_title p{
  text-align: center;
}
section.diagnose_top div.diagnose_title p::after{
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
body[wc-view-type="sp"] section.diagnose_top div.diagnose_title p::after{
  width: 21vw;
  height: 22vw;
}
body[wc-view-type="tb"] section.diagnose_top div.diagnose_title p::after{
  width: 75px;
  height: 79px;
}
body[wc-view-type="tb-l"] section.diagnose_top div.diagnose_title p::after{
  width: 75px;
  height: 79px;
}
body[wc-view-type="pc"] section.diagnose_top div.diagnose_title p::after{
  width: 86px;
  height: 92px;
}
body[wc-view-type="sp"] section.diagnose_top div.diagnose_title p::after{
  background-image:url("/img/diagnose/sp_top.webp");
}
body.safari[wc-view-type="sp"] section.diagnose_top div.diagnose_title p::after{
  background-image:url("/img/diagnose/sp_top.png");
}
body[wc-view-type="tb"] section.diagnose_top div.diagnose_title p::after,
body[wc-view-type="tb-l"] section.diagnose_top div.diagnose_title p::after{
  background-image: url("/img/diagnose/tb_top.webp");
}
body.safari[wc-view-type="tb"] section.diagnose_top div.diagnose_title p::after,
body.safari[wc-view-type="tb-l"] section.diagnose_top div.diagnose_title p::after{
  background-image: url("/img/diagnose/tb_top.png");
}
body[wc-view-type="pc"] section.diagnose_top div.diagnose_title p::after{
  background-image: url("/img/diagnose/pc_top.webp");
}
body.safari[wc-view-type="pc"] section.diagnose_top div.diagnose_title p::after{
  background-image: url("/img/diagnose/pc_top.png");
}
section.diagnose_top div.diagnose_title p span{
  font-size: 2rem;
  font-weight: 700;
  color: #fc5959;
  line-height: 1em;
  margin: 0 0.35rem;
}
section.diagnose_top div.d_top_text{
}
section.diagnose_top div.d_top_text p{
  margin-bottom: 0.5rem;
}
body:not([wc-view-type="sp"]) section.diagnose_top div.d_top_text p{
  text-align: center;
}
section.diagnose_top div.d_top_text p span.red{
  color: #fc5959;
  font-weight: 700;
}
section.diagnose_top div.d_top_text p:last-of-type{
  margin-bottom: 0;
}
/*診断*/
div.diagnose_block{
  padding: var(--headerHeight) 0;
  background-color: #e5f6f5;
}
/*
div.diagnose_block::after{
  content: "";
  background-color: #e5f6f5;
  width: 2.5rem;
  height: 2.5rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -1.25rem;
  position: absolute;
  z-index: -1;
}*/
body[wc-view-type="sp"] div.diagnose_block{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] div.diagnose_block{
  padding: var(--headerHeight) 7.5vw;
}
body[wc-view-type="tb-l"] div.diagnose_block{
  padding: var(--headerHeight) 10vw;
}
div.diagnose_block form{
  padding: calc(var(--headerHeight) / 2);
}
body[wc-view-type="sp"] div.diagnose_block form,
body[wc-view-type="tb"] div.diagnose_block form,
body[wc-view-type="tb-l"] div.diagnose_block form{
  padding: calc(var(--headerHeight) / 2) 0;
}
body[wc-view-type="pc"] div.diagnose_block form{
  width: 800px;
  margin: 0 auto;
}
div.diagnose_block form dl{
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
div.diagnose_block form dl:last-of-type{
  margin-bottom: 0;
}
div.diagnose_block form dl dt{
  border-bottom: 1px dashed #bbb;
  padding: 0 0.5rem 1rem 0.5rem;
}
div.diagnose_block form dl dt span{
  color: #00a79e;
  border: solid 1px #00a79e;
  box-sizing: border-box;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  margin: 0 auto 0.5rem auto;
  display: table;
}
div.diagnose_block form dl dt p.q_text{
  font-weight: 700;
}
div.diagnose_block form dl dt p.example_text{
  padding-left: 1.8rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  color: #666;
  font-size: 0.9rem;
  margin-top: 0.25rem;
}
div.diagnose_block form dl dt p.example_text::before{
  content: "(例)";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.9rem;
  color: #666;
}
div.diagnose_block form dl dd{
  padding: 1rem 0.5rem 0 0.5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
div.diagnose_block form dl dd input{
  display: none;
}
div.diagnose_block form dl dd label{
  border: 1px solid #00a79e;
  box-sizing: border-box;
  border-radius: 1rem;
  padding: 0.5rem 2rem;
  cursor: pointer;
}
div.diagnose_block form dl dd label.yes{
  margin-right: 0.5rem;
}
div.diagnose_block form dl dd label.no{
  margin-left: 0.5rem;
}
div.diagnose_block form dl dd input[type="radio"]:checked + label{
  background-color: #00a79e;
  color: #fff;
}
div.diagnose_block form div.shindan_btn{
  display: table;
}
body[wc-view-type="sp"] div.diagnose_block form div.shindan_btn{
  margin: 1.8rem auto 0 auto;
}
body[wc-view-type="tb"] div.diagnose_block form div.shindan_btn{
  margin: 2rem auto 0 auto;
}
body[wc-view-type="tb-l"] div.diagnose_block form div.shindan_btn,
body[wc-view-type="pc"] div.diagnose_block form div.shindan_btn{
  margin: 2.25rem auto 0 auto;
}
div.diagnose_block form div.shindan_btn button{
  background-color: #00a79e;
  color: #fff;
  font-weight: 700;
  padding: 0.75rem 2.75rem 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
  border: none;
  line-height: 1em;
}
div.diagnose_block form div.shindan_btn button::after{
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 2;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
/*診断結果*/
div.result_block{
  padding-top: calc(var(--headerHeight) / 2);
}
div.result_block.top_block{
	padding-top: var(--headerHeight);
}
body[wc-view-type="sp"] div.result_block.top_block{
	width: 86vw;
	margin: 0 auto;
}
body[wc-view-type="tb"] div.result_block.top_block{
	width: 85vw;
	margin: 0 auto;
}
body[wc-view-type="tb-l"] div.result_block.top_block{
	width: 80vw;
	margin: 0 auto;
}
body[wc-view-type="pc"] div.result_block.top_block{
	width: 800px;
	margin: 0 auto;
}
div.result_block p.result_title{
  font-size: 1.5rem;
  color:#fff;
  text-align: center;
  padding: 0.75rem 0;
  background-color: #00a79e;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
div.result_block p.result_title::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.6rem;
  transform: translateX(-50%) rotate(45deg);
  width: 1.2rem;
  height: 1.2rem;
  background-color: #00a79e;
  z-index: -1;
}
body[wc-view-type="pc"] div.result_block p.result_title{
  width: 800px;
  margin: 0 auto;
}
div.result_block > article{
  background-color: #fff;
  box-sizing: border-box;
}
div.result_block > article.back{
	background-color: #e5f6f5;
}
body[wc-view-type="sp"] div.result_block > article{
  padding: 1rem;
}
body:not([wc-view-type="sp"]) div.result_block > article{
  padding: 2rem; 
}
body[wc-view-type="pc"] div.result_block > article{
  width: 800px;
  margin: 0 auto;
}
div.result_block > article div.r_title{
  display: flex;
  align-items: center;
}
body:not([wc-view-type="sp"]) div.result_block > article div.r_title{
  width: 400px;
  margin: 0 auto;
}
div.result_block > article div.r_title > h1{
  font-size: 1.2rem;
  font-weight: 700;
  color: #00a79e;
  width: 60%;
}
div.result_block > article div.r_title > div.title_img{
  width: 40%;
}
div.result_block > article div.r_title > div.title_img picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.result_block > article div.r_title > div.title_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.result_block > article div.r_text{
  box-sizing: border-box;
  border: solid 1px #00a79e;
}
div.result_block > article.back div.r_text{
	background-color: #fff;
}
body[wc-view-type="sp"] div.result_block > article div.r_text,
body[wc-view-type="tb"] div.result_block > article div.r_text,
body[wc-view-type="tb-l"] div.result_block > article div.r_text{
  padding: 1rem;
}
body[wc-view-type="pc"] div.result_block > article div.r_text{
  padding: 2rem;
}
div.result_block > article div.r_text p{
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
div.result_block > article div.r_text p:last-of-type{
  margin-bottom: 0;
}
div.result_block > article div.result_btn_box{
  margin: 1rem auto 0 auto;
}
body[wc-view-type="sp"] div.result_block > article div.result_btn_box{
  width: 210px;
}
body:not([wc-view-type="sp"]) div.result_block > article div.result_btn_box{
  width: 238px;
}
body[wc-view-type="pc"] div.result_block > article div.result_btn_box{
  margin: 2.25rem auto 0 auto;
}
div.result_block > article div.result_btn_box div.result_btn{
  display: table;
}
div.result_block > article div.result_btn_box div.result_btn a{
  background-color: #ecca5d;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1rem 3rem 1rem 1rem;
  line-height: 1em;
  position: relative;
  z-index: 1;
  display: table;
  border-radius: 0.75rem;
  text-decoration: none;
  margin: 0 auto;
}
div.result_block > article div.result_btn_box div.result_btn a::after{
  content: "";
  background-color: #333;
  position: absolute;
  top: 55%;
  right: 0.25rem;
  transform: translateY(-50%);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
div.result_block > article div.result_btn_box div.result_btn02{
  margin-top: 0.5rem;
}
div.result_block > article div.result_btn_box div.result_btn02 a{
  display: table;
  color: #fc5959;
  margin-left: auto;
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
}
div.result_block > article div.result_btn_box div.result_btn02 a::after{
  content: "";
  background-color: #fc5959;
  position: absolute;
  top: 50%;
  right: 0rem;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}