/* CSS Document */
/*ページタイトル*/
.page_title .contents_title::after{
	content: "PRICE";
}
/*アバウト*/
.about{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .about{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .about{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .about{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.about .contents_title::before{
	content: "ABOUT PLAN";
}
.about .contents_title{
	margin-bottom: 1rem;
}
.about .sub_title{
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.about > p{
	line-height: 1.8rem;
  opacity: 0;
  transform: translateY(1rem);
  transition: transform 600ms ease,opacity 600ms ease;
}
.about > p.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body:not([wc-view-code="sp"]) .about > p{
	text-align: center;
}
.about > p:not(:first-of-type){
	margin-top: 0.75rem;
}
/*プラン*/
.plan{
	box-sizing: border-box;
	background-color: #f0f8ff;
}
body[wc-view-code="sp"] .plan{
	padding: var(--headerHeight) 0;
}
body[wc-view-type="tb"] .plan{
	padding: var(--headerHeight) 0;
}
body[wc-view-type="tb-l"] .plan{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .plan{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.plan .contents_title::before{
	content: "PLAN";
}
.plan > p{
  line-height: 1.8rem;
  margin-block:1.5rem 0;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(1rem);
  transition: transform 600ms ease,opacity 600ms ease;
}
.plan > p.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body[wc-view-code="sp"] .plan > p{
  padding: 0 7vw;
}
body:not([wc-view-code="sp"]) .plan > p{
  text-align: center;
}
body[wc-view-code="tb"] .plan > p{
  padding: 0 5vw;
}
.plan_block{
	display: flex;
	gap:1rem;
	margin-top: 1.5rem;
  box-sizing: border-box;
}
body[wc-view-code="sp"] .plan_block{
  padding: 0 7vw;
}
body[wc-view-type="tb"] .plan_block{
  padding: 0 5vw;
}
body[wc-view-code="sp"] .plan_block,body[wc-view-type="tb"] .plan_block{
  overflow-x: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
body[wc-view-code="pc"] .plan_block{
	gap:1.5rem;
}
.plan_block > article{
	background-color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
  flex: none;
}
body[wc-view-type="sp-s"] .plan_block > article{
  width: 260px;
}
body[wc-view-type="sp"] .plan_block > article{
  width: 300px;
}
body[wc-view-type="tb"] .plan_block > article{
  width: calc((100% / 2) - 0.75rem);
}
body[wc-view-type="tb-l"] .plan_block > article{
	width: calc((100% / 3) - 0.6rem);
}
body[wc-view-code="pc"] .plan_block > article{
	width: calc((100% / 3) - 1rem);
}
.plan_block > .osusume::before{
	content: "オススメ";
  position: absolute;
  background-color: #f26d00;
  color: #fff;
  padding: 0 1.5rem 0 0.5rem;
  font-weight: 700;
  top: 0;
  left: 0;
  clip-path: polygon(100% 0, calc(100% - 1rem) 50%, 100% 100%, 0 100%, 0 0);
  line-height: calc(1rem +(1em - 1lh) / 2);
  height: 1.8rem;
  display: flex;
  align-items: center;
}
.plan_block > article > h2{
}
.plan_block > article > h2{
  text-align: center;
  position: relative;
  z-index: 1;
  padding:1rem 1rem 0 1rem;
  box-sizing: border-box;
  font-size: 1.25rem;
  width: calc(100% - 2rem);
  margin: 0 auto;
}
.plan_block > article > h2 .pb_title{
  color: var(--accentColor);
  font-weight: 700;
  opacity: 0;
  transition: opacity 600ms 300ms ease;
}
.plan_block > article > h2.wcvisible .pb_title{
  opacity: 1;
}
.plan_block > article > h2::before,
.plan_block > article > h2::after{
  content: "";
  width: 27px;
  height: 13px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  top: calc(50% + 0.5rem);
  transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  transition: all 600ms ease;
  opacity: 0;
}
.plan_block > article > h2::before{
  -webkit-mask-image: url("/img/svg/p_left_title.svg");
  mask-image: url("/img/svg/p_left_title.svg");
  left: -1.5rem;
  background: var(--accentColor);
background: linear-gradient(275deg,rgba(30, 76, 124, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.plan_block > article > h2.wcvisible::before{
  left: 0;
  opacity: 1;
}
.plan_block > article > h2::after{
  -webkit-mask-image: url("/img/svg/p_right_title.svg");
  mask-image: url("/img/svg/p_right_title.svg");
  right: -1.5rem;
  background: var(--accentColor);
background: linear-gradient(90deg,rgba(30, 76, 124, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.plan_block > article > h2.wcvisible::after{
  right: 0;
  opacity: 1;
}
.plan_block > article > .price_memo{
	display: table;
	margin: 0.15rem auto 0.75rem auto;
	font-weight: 700;
	font-size: 0.95rem;
}
.plan_block > article .p_in_contents{
	background-color: #f0f8ff;
	padding: 1rem;
	box-sizing: border-box;
}
.plan_block > article .p_in_contents > h3{
	font-weight: 700;
	text-align: center;
  font-size: 0.97rem;
}
.plan_block > article .p_in_contents > .price{
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-block: 1rem;
	flex-wrap: wrap;
	gap: 0.5rem 0;
}
body[wc-view-type="sp-s"] .plan_block > article .p_in_contents > .price{
	min-height: 40px;
}
body[wc-view-code="tb"] .plan_block > article .p_in_contents > .price{
	min-height: 43.2px;
}
body[wc-view-code="pc"] .plan_block > article .p_in_contents > .price{
	width: 200px;
	margin:1rem auto 0.75rem;
	min-height: 48.4px;
}
.plan_block > article .p_in_contents > .price span{
  line-height:calc(1rem + (1em - 1lh) / 2);
}
.plan_block > article .p_in_contents > .price .money{
  font-family: "Montserrat";
  font-size: 2.35rem;
}
.plan_block > article .p_in_contents > .price .unit{
  font-size: 0.9rem;
  font-weight: 700;
}
.plan_block > article .p_in_contents > .price .p_top,
.plan_block > article .p_in_contents > .price .bottom{
	font-weight: 700;
	font-size: 0.9rem;
	width: 100%;
	text-align: center;
	line-height: calc(1rem +(1em - 1lh) / 2);
}
.plan_block > article .p_in_contents .p_in_box{
  background-color: #fff;
  padding: 0.75rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
body[wc-view-code="sp"] .plan_block > article .p_in_contents .p_in_box{
	min-height: 153px;
}
body[wc-view-code="tb"] .plan_block > article .p_in_contents .p_in_box,
body[wc-view-code="pc"] .plan_block > article .p_in_contents .p_in_box{
	min-height: 178px;
}
.plan_block > article .p_in_contents .p_in_box > dl{
}
.plan_block > article .p_in_contents .p_in_box > dl > dt{
}
.plan_block > article .p_in_contents .p_in_box > dl > dt > span{
	box-sizing: border-box;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  display: table;
  background-color: #f0f8ff;
}
.plan_block > article .p_in_contents .p_in_box > dl > dd{
	padding: 0.25rem 0.5rem;
  box-sizing: border-box;
}
.plan_block > article .p_in_contents .p_in_box > dl > dd p{
	font-size: 0.85rem;
}
.plan .mitsumori{
	background-color: #fff;
	padding: 1rem;
	box-sizing: border-box;
}
body[wc-view-code="sp"] .plan .mitsumori{
	width: 86vw;
	margin: 1.5rem auto 0 auto;
}
body[wc-view-code="tb"] .plan .mitsumori{
	width: 90vw;
	margin: 1.5rem auto 0 auto;
}
body[wc-view-code="pc"] .plan .mitsumori{
	padding: 1.5rem;
	margin-top: 1.5rem;
}
.plan .mitsumori > h2{
	text-align: center;
  font-weight: 700;
  color: var(--accentColor);
  font-size: 1.25rem;
  border-bottom: 2px solid #f0f8ff;
  padding-bottom: 0.5rem;
}
.plan .mitsumori > p{
	line-height: 1.8rem;
	padding: 0.5rem 0.75rem 0 0.75rem;
	box-sizing: border-box;
}
body:not([wc-view-code="sp"]) .plan .mitsumori > p{
	text-align: center;
}
body[wc-view-code="pc"] .plan .mitsumori > p{
	padding: 0.75rem 1rem 0 1rem;
}
.plan .plan_last{
	margin-top: 1.5rem;
}
body[wc-view-code="sp"] .plan .plan_last{
	width: 86vw;
	margin: 1.5rem auto 0 auto;
}
body[wc-view-code="tb"] .plan .plan_last{
	width: 90vw;
	margin: 1.5rem auto 0 auto;
}
.plan .plan_last > p{
	line-height: 1.8rem;
}

body:not([wc-view-code="sp"]) .plan .plan_last > p{
	text-align: center;
}
.plan .plan_last > .btn{
	margin: 1rem auto 0;
}
/*比較表*/
.comparison{
	box-sizing: border-box;
	overflow: hidden;
	background-color: #f0f8ff;
}
body[wc-view-code="sp"] .comparison{
	padding: var(--headerHeight) 0;
}
body[wc-view-code="tb"] .comparison{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .comparison{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.comparison .contents_title::before{
	content: "COMPARISON";
}
.comparison .c_top_text{
	margin-top: 1.5rem;
	line-height: 1.8rem;
	box-sizing: border-box;
}
body[wc-view-code="sp"] .comparison > .c_top_text{
	padding: 1.5rem 7vw 0rem 7vw;
}
body:not([wc-view-code="sp"]) .comparison .c_top_text{
	text-align: center;
}
.comparison .comparison_area{
	margin-top: 1.5rem;
}
body[wc-view-type="tb"] .comparison .comparison_area,
body[wc-view-code="sp"] .comparison .comparison_area{
	overflow-x: auto !important;
  -ms-overflow-style: none;
	box-sizing: border-box;
}
body[wc-view-code="sp"] .comparison .comparison_area{
	margin-left: 7vw;
}
.comparison .comparison_area .comparison_block{
	display: flex;
}
.comparison .comparison_area .comparison_block > div{
	flex: none;
	padding: 0.75rem;
	width: 115px;
	box-sizing: border-box;background-color: #fff;
}
body[wc-view-code="tb"] .comparison .comparison_area .comparison_block > div{
	width: calc((100% - 160px) / 3);
}
body[wc-view-code="pc"] .comparison .comparison_area .comparison_block > div{
	width: 310px;
}
.comparison .comparison_area .comparison_block > .c_big{
	border-radius: 0.25rem 0.25rem 0 0;
  height: 55px;
  padding: 0;
  padding-top: 1rem;
  box-sizing: border-box;
}
.comparison .comparison_area .comparison_block > .c_box .cb_text{
	display: flex;
	align-items:baseline;
	line-height: calc(1rem + (1em - 1lh) / 2);
}
.comparison .comparison_area .comparison_block > .c_box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.comparison .comparison_area .comparison_block > .c_box .cb_text span{
	font-size: 0.85rem;
}
.comparison .comparison_area .comparison_block .sticky{
	position: sticky;
  top: 0;
  left: 0;
  width: 105px;
  background-color: #f0f8ff;
  z-index: 10;
	box-sizing: border-box;
}
body[wc-view-code="tb"] .comparison .comparison_area .comparison_block .sticky{
	width: 160px;
}
body[wc-view-code="pc"] .comparison .comparison_area .comparison_block .sticky{
	width: 170px;
}
.comparison .comparison_area .comparison_block .sticky.gray{
	background-color: #e8e8e8;
	font-weight: 700;
}
.comparison .comparison_area .comparison_block .pale_blue{
	background-color: #fff;
}
.comparison .comparison_area .comparison_block .dark_blue{
	background-color: var(--accentColor)
}
.comparison .comparison_area .comparison_block div .cp_bold{
	font-weight: 700;
}
.comparison .comparison_area .comparison_block div .cp_bold.osusume{
	position: relative;
	z-index: 1;
}
.comparison .comparison_area .comparison_block div .cp_bold.osusume::before{
	content: "オススメ";
  background-color: #f26d00;
  color: #fff;
  font-size: 0.8rem;
  display: block;
  clip-path: polygon(0 0, 100% 0, 93% 50%, 100% 100%, 0 100%, 7% 50%);
  padding: 0 0.5rem;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.comparison .comparison_area .comparison_block .dark_blue .cp_bold{
	color: #fff;
}
.comparison .comparison_area .comparison_block .c_smal{
	display: block;
	font-size: 0.85rem;
}
.comparison .comparison_area .comparison_block:nth-of-type(2n) > div{
	background-color: #f9f9f9;
}
.comparison > .kome{
	margin: 0 auto;
}
body[wc-view-code="sp"] .comparison > .kome{
	width: 86vw;
	margin-top: 0.5rem;
}
.comparison > .kome.k01{
	content: "(※1)" !important;
}
.addition{
	border: solid 1px #bbb;
	box-sizing: border-box;
	padding: 1rem;
}
body[wc-view-code="sp"] .addition{
	width: 86vw;
	margin: 1rem auto 0;
}
.addition > dt{
	text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #bbb;
  font-size: 1.1rem;
  padding-bottom: 0.5rem;
}
.addition > dd p{
	line-height: 1.8rem;
	padding: 0.5rem 0.5rem 0 0.5rem;
	box-sizing: border-box;
}
/*調査に必要な人数について*/
.people{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .people{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .people{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="pc"] .people{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.people .contents_title::before{
	content: "NUMBER OF PEOPLE NEEDED";
}
.people .p_flex{
	display: flex;
	margin-top: 1.5rem;
}
body[wc-view-code="sp"] .people .p_flex{
	flex-direction: column;
}
.people .p_flex .p_text{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .people .p_flex .p_text{
	padding: 0 1rem 1rem 1rem;
}
body[wc-view-type="tb"] .people .p_flex .p_text{
	padding: 0 1rem 0 0;
}
body[wc-view-type="tb-l"] .people .p_flex .p_text{
	padding: 1.5rem 1.5rem 0 0;
}
body[wc-view-code="pc"] .people .p_flex .p_text{
	padding-right: 1.5rem;
	padding-top: 1.5rem;
}
.people .p_flex .p_text > p{
	line-height: 1.8rem;
}
.people .p_flex .p_text > p:not(:first-of-type){
	margin-top: 1rem;
}
.people .p_flex figure{
}
body:not([wc-view-code="sp"]) .people .p_flex .p_text,
body:not([wc-view-code="sp"]) .people .p_flex figure{
	width: 50%;
}
.people .p_flex figure img{
	aspect-ratio:1.414/1;
}
/*お支払いについて*/
.payment{
	box-sizing: border-box;
	background-color: #fff;
}
body[wc-view-code="sp"] .payment{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .payment{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .payment{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.payment .contents_title::before{
	content: "PAYMENT";
}
.payment .pay_block{
	display: flex;
	gap:1rem;
	margin-top: 1.5rem;
}
body[wc-view-type="tb"] .payment .pay_block{
	flex-wrap: wrap;
}
body[wc-view-type="tb-l"] .payment .pay_block{
}
body[wc-view-code="sp"] .payment .pay_block{
	flex-direction: column;
}
.payment .pay_block > dl{
	background-color: #f0f8ff;
	padding: 1rem;
	box-sizing: border-box;
  opacity: 0;
  transform: translateY(1rem);
  transition: transform 600ms ease,opacity 600ms ease;
}
.payment .pay_block > dl.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body[wc-view-type="tb"] .payment .pay_block > dl:nth-of-type(1),
body[wc-view-type="tb"] .payment .pay_block > dl:nth-of-type(2){
	width: calc(50% - 0.5rem);
}
body[wc-view-type="tb"] .payment .pay_block > dl:nth-of-type(3){
	width: 100%;
}
body[wc-view-code="pc"] .payment .pay_block > dl,
body[wc-view-type="tb-l"] .payment .pay_block > dl{
	width: calc((100% / 3) - 0.5rem);
}
.payment .pay_block > dl > dt{
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--accentColor);
	text-align: center;
	padding-bottom: 0.5rem;
}
.payment .pay_block > dl > dd{
	padding: 0.75rem;
	box-sizing: border-box;
	background-color: #fff;
}
body[wc-view-type="tb"] .payment .pay_block > dl > dd{
	height: calc(100% - 2rem);
	padding: 1rem;
}
body[wc-view-type="tb-l"] .payment .pay_block > dl > dd,
body[wc-view-code="pc"] .payment .pay_block > dl > dd{
	height: calc(100% - 2.1rem);
}
.payment .pay_block > dl > dd p{
	line-height: 1.8rem;
}
.payment .pay_block > dl > dd > ul{
	padding-left: 1rem;
	box-sizing: border-box;
	list-style-position: outside;
}
.payment .pay_block > dl > dd > ul li{
	margin-top: 0.25rem;
}