@charset "shift_jis";

@font-face {
	font-family: 'GenJyuuGothic';
	font-display: block;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/GenJyuuGothic/GenJyuuGothic-Medium__limited.woff2') format('woff2'),
		url('./fonts/GenJyuuGothic/GenJyuuGothic-Medium__limited.woff') format('woff'),
		url('./fonts/GenJyuuGothic/GenJyuuGothic-Medium__limited.ttf') format('truetype');
}

@font-face {
	font-family: 'SourceHanSansJP';
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/SourceHanSansJP/SourceHanSansJP-Regular__limited.woff2') format('woff2'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Regular__limited.woff') format('woff'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Regular__limited.otf') format('opentype');
}

@font-face {
	font-family: 'SourceHanSansJP';
	font-display: block;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/SourceHanSansJP/SourceHanSansJP-Medium__limited.woff2') format('woff2'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Medium__limited.woff') format('woff'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Medium__limited.otf') format('opentype');
}

@font-face {
	font-family: 'SourceHanSansJP';
	font-display: block;
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/SourceHanSansJP/SourceHanSansJP-Bold__limited.woff2') format('woff2'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Bold__limited.woff') format('woff'),
		url('./fonts/SourceHanSansJP/SourceHanSansJP-Bold__limited.otf') format('opentype');
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#landing ol, #landing li {
	list-style: none !important;
	margin-left: 0 !important;
}

/* --- リンク画像の透過--- */
a:hover {
	opacity: .65;
	-webkit-opacity: .65;
	-moz-opacity: .65;
}

a {
	transition: opacity .2s ease-out;
}

/* --- parts --- */
.marker {
	background-color: #ffff00;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ▼コンテンツ用スタイル 編集可能領域ここから▼ --------------------------------------------------------------------------------------------*/

/********************

   common

*********************/
#medical_pitta {
	--font-base: 'SourceHanSansJP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, sans-serif;
	--font-maru_gothic: 'GenJyuuGothic', 'メイリオ', Meiryo, sans-serif;
	--font_shippori_mincho: "Shippori Mincho", serif;

	--color-black01: #000;
	--color-black02: #1e1e1e;
	--color-gray01: #666;
	--color-ivory01: #fcf2e3;
	--color-ivory02: #faf0e0;
	--color-brown01: #4c3f2f;
	--color-beige01: rgba(231, 227, 203);
	--color-light_green01: #dae5af;

	--wrapper01: 980px;
	--wrapper02: 750px;

	position: relative;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--font-base);
	color: var(--color-black01);
	letter-spacing: 0.16em;
}

#medical_pitta *,
#medical_pitta *::before,
#medical_pitta *::after {
	box-sizing: border-box;
}

#medical_pitta h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.44;
}

#medical_pitta h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 50px;
}

#medical_pitta h3 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.55;
	margin-bottom: 29px;
}

#medical_pitta p {
	font-size: 16px;
	line-height: 2.1;
}

#medical_pitta img {
	max-width: 100%;
	height: auto;
}

#medical_pitta figure {
	margin: 0;
}




/********************
   parts
*********************/
#medical_pitta .contents_wrapper {
	position: relative;
	width: 100%;
	max-width: var(--wrapper01);
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}

#medical_pitta .attention_text {
	font-size: 13px;
	text-align: left;
	font-weight: 500;
	line-height: 1.6;
}

#medical_pitta .attention_mark {
	position: relative;
	top: 0.1em;
	margin-left: 0.04em;
	margin-right: 0.1em;
	font-size: 0.62em;
	vertical-align: top;
}

#medical_pitta .underline01 {
	--underline_color: var(--color-light_green01);
	position: relative;
	display: inline;
	font-size: 1.02em;
	background: linear-gradient(transparent 0%, transparent 69.6%, var(--underline_color) 69.6%, var(--underline_color) 100%);
}


#medical_pitta .deco_group01>div {
	position: absolute;
	display: block;
	opacity: 0.3;
	width: auto;
	height: auto;
	aspect-ratio: 1/1;
	background: #fff;
	mask-size: contain;
	mask-repeat: no-repeat;
	z-index: -1;
}

#medical_pitta .deco_group01>div.deco01 {
	mask-image: url(../img/design/deco01.png);
	width: 268px;
	aspect-ratio: 268/118;
}

#medical_pitta .deco_group01>div.deco02 {
	mask-image: url(../img/design/deco02.png);
	width: 573px;
	aspect-ratio: 435/573;
}

#medical_pitta .deco_group01>div.deco03 {
	mask-image: url(../img/design/deco03.png);
	width: 931px;
	aspect-ratio: 931/679;
}

#medical_pitta .deco_group01>div.deco04 {
	mask-image: url(../img/design/deco04.png);
	width: 498px;
	aspect-ratio: 498/380;
}




/********************

   main

*********************/
#medical_pitta main {
	overflow: hidden;
	width:100%;
}

#medical_pitta .main_section {
	position: relative;
	padding: 36px 0 82px;
	z-index: 10;
}


/********************
   fv
*********************/
#medical_pitta .fv {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #fff;
	padding: 0;
	margin: 0 auto -1px;
	z-index: 5;
	/* max-height: 63.95vw; */
}

#medical_pitta .fv__bg img {
	width: 110%;
	/* max-height: 66vw; */
	/* object-fit: cover; */
	/* object-position: 50% 100%; */
	/* position:absolute; */
	bottom:0;
}

#medical_pitta .fv__inner {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 2500px;
	height: 100%;
	font-size: clamp(16px, 1.25vw, 20px);
}

#medical_pitta .fv__inner img {
	width: 100%;
}

#medical_pitta .fv__tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 25em;
	font-size: 1em;
}

#medical_pitta .fv__text {
	position: absolute;
	top: 5.4em;
	right: 1em;
	width: 16em;
	font-size: 1em;
}

#medical_pitta .fv__name {
	position: absolute;
	bottom: 2em;
	left: 2em;
	width: 12em;
	font-size: 1em;
}

#medical_pitta .fv__inner .fv_deco {
	position: absolute;
	bottom: -7em;
	right: 0;
	width: 25em;
}



/********************
   cp_ofr
*********************/
#medical_pitta .cp_ofr {
	position: relative;
	margin: 0;
	z-index: 50;
	padding: 0 0 76px;
	z-index: 10;
}

#medical_pitta .cp_ofr .contents_wrapper {
	max-width: var(--wrapper02);
}

#medical_pitta .cp_ofr[data-type="01"] .cp_ofr__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 476px;
	background: var(--color-ivory01);
}

#medical_pitta .cp_ofr[data-type="01"] .cp_ofr__bg::after {
	content: "";
	position: absolute;
	top: calc(100% - 5px);
	left: 0;
	transform: translateY(-25%);
	width: 100%;
	height: 255px;
	background-image: url(../img/design/bg_deco01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#medical_pitta .cp_ofr[data-type="01"] .deco_group01>div:nth-of-type(1) {
	top: 196px;
	left: -396px;
	width: 334px;
	transform: rotate(-205deg);
}

#medical_pitta .cp_ofr[data-type="01"] .deco_group01>div:nth-of-type(2) {
	top: 382px;
	left: -310px;
	width: 280px;
	background: var(--color-light_green01);
	z-index: -2;
}

#medical_pitta .cp_ofr[data-type="01"] .deco_group01>div:nth-of-type(3) {
	top: 0;
	right: -390px;
	width: 317px;
	transform: rotate(-228deg);
}


#medical_pitta .cp_ofr[data-type="02"] {
	background: var(--color-ivory01);
	padding-bottom: 117px;
}

#medical_pitta .cp_ofr[data-type="02"] .cp_ofr__bg::after {
	content: "";
	position: absolute;
	bottom: -17px;
	left: 0;
	width: 100%;
	height: 310px;
	background-image: url(../img/design/bg_deco03@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#medical_pitta .cp_ofr[data-type="02"] .deco_group01>div:nth-of-type(2) {
	top: 132px;
	left: -417px;
	width: 440px;
	transform: rotate(-225deg);
}

#medical_pitta .cp_ofr[data-type="02"] .deco_group01>div:nth-of-type(3) {
	top: 400px;
	left: -320px;
	width: 359px;
	background: var(--color-light_green01);
	z-index: -2;
}

#medical_pitta .cp_ofr[data-type="02"] .deco_group01>div:nth-of-type(1) {
	top: -200px;
	right: -470px;
	width: 455px;
	transform: rotate(-186deg);
}


#medical_pitta .cp_ofr__heading {
	margin: 0 auto 47px;
	text-align: center;
}

#medical_pitta .cp_ofr__box {
	position: relative;
	width: 100%;
	height: auto;
	padding: 39px 50px 40px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 6.9px rgba(0, 0, 0, 0.2);
	z-index: 10;
}


#medical_pitta .cp_ofr__block {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 32px;
	text-align: center;
	margin: 0 auto 32px;
}

#medical_pitta .cp_ofr__sub_block {
	position: relative;
	width: 280px;
}

#medical_pitta .cp_ofr__sub_block img {
	width: 100%;
}

#medical_pitta .cp_ofr__contents_block {
	position: relative;
	width: fit-content;
	flex: 1;
}

#medical_pitta .cp_ofr__contents_text {
	margin: 14.7px 0 0;
}


#medical_pitta .cp_ofr .cp_ofr_btn {
	width: 100%;
	max-width: 580px;
	height: 76px;
	margin: 0 auto;
	box-shadow: 3.2px 3.2px 3.2px 0px rgba(0, 0, 0, 0.1);
}

#medical_pitta .cp_ofr .cp_ofr_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 25px;
	font-family: var(--font-base);
	font-weight: 400;
}

#medical_pitta .cp_ofr_btn .btn_arrow_ {
	--size: 0.76em;
	width: var(--size);
	height: var(--size);
}



/********************
    movie
*********************/

#medical_pitta .movie_box {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	line-height: 1;
}



/********************
  recommend
*********************/
#medical_pitta .recommend {
	position: relative;
	padding-bottom: 176px;
}


#medical_pitta .recommend::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 220px;
	background-image: url(../img/design/bg_deco02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#medical_pitta .recommend::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 1700px;
	height: 51px;
	transform: translateX(-50%) translateY(-7.6%);
	background-image: url(../img/text/text-MedicalPitta@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	z-index: 11;
}


#medical_pitta .recommend .deco_group01>div:nth-of-type(1) {
	top: 215px;
	right: -145px;
	width: 200px;
	background: var(--color-light_green01);
}

#medical_pitta .recommend .deco_group01>div:nth-of-type(2) {
	top: 562px;
	right: -150px;
	width: 340px;
	transform: rotateZ(-25deg);
}

#medical_pitta .recommend .deco_group01>div:nth-of-type(3) {
	top: 1000px;
	left: -187px;
	width: 317px;
	transform: rotateY(180deg);
}

#medical_pitta .recommend__heading {
	margin: 0 auto 35px;
	text-align: center;
	font-family: var(--font-maru_gothic);
	font-weight: 500;
}

#medical_pitta .recommend__img_block {
	text-align: center;
}

#medical_pitta .recommend__list {
	position: relative;
	width: fit-content;
	margin: 50px auto 54px;
	z-index: -5;
}

#medical_pitta .recommend__list::before {
	content: "";
	position: absolute;
	top: -176px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;

	height: calc(100% + 500px);
	background-image: url(../img/design/bg_deco04.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: -10;
}

#medical_pitta .recommend__list::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-54%) translateY(-47%);
	width: 870px;
	height: calc(100% + 320px);
	background-image: url(../img/design/deco03@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}

#medical_pitta .recommend__list_item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 0.92em;
	font-size: 22px;
	letter-spacing: 0.15em;
	line-height: 1.6;
}

#medical_pitta .recommend__list_item::before {
	content: "";
	position: relative;
	display: block;
	width: 1.8em;
	height: auto;
	aspect-ratio: 1/1;
	background-image: url(../img/design/icon-check_mark01@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#medical_pitta .recommend__list_item:nth-of-type(n+2) {
	margin-top: 28px;
}

#medical_pitta .recommend .movie_box {
	width: 569px;
	margin-bottom: 35px;
}
#medical_pitta .movie .hacobune-video-js .hacobune-vjs-big-play-button{
    font-size:3em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#medical_pitta .movie .hacobune-video-js .hacobune-vjs-big-play-button ::before{
    font-size:3em;
}
#medical_pitta .recommend__text {
	text-align: center;
}


/********************
    points
*********************/
#medical_pitta .points {
	position: relative;
	padding: 140px 0 76px;
	margin: 0;
	z-index: 15;
}

#medical_pitta .points__heading {
	text-align: center;
	font-family: var(--font-maru_gothic);
	font-weight: 500;
	padding: 0;
	margin: 0 0 45px;
}

#medical_pitta .point {
	position: relative;
	padding: 0;
	z-index: 10;
}
#medical_pitta .point:nth-of-type(n+2) {
	margin-top: 82px;
}


#medical_pitta .point__num {
	position: relative;
	display: block;
	margin: 0 auto -10px 0px;
	padding: 0;
	line-height: 1.1;
	z-index: -1;
}

#medical_pitta .point:nth-of-type(2n) .point__num {
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: -3.2px;
}

#medical_pitta .point__tit {
	position: relative;
	width: fit-content;
	min-width: 450px;
	margin: 0 0 50px;
	padding: 25px 73px 29px 50px;
	line-height: 1.1;
	z-index: 1;
}

#medical_pitta .point__tit::before {
	--shadow_adjust: 1;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #746964;
	box-shadow: calc(var(--shadow_adjust) * 4.5px) 5.5px rgba(156, 144, 50, 0.76);
}

#medical_pitta .point:nth-of-type(2n) .point__tit {
	margin-left: auto;
	padding-left: 62px;
	padding-right: 70px;
	text-align: right;
}

#medical_pitta .point:nth-of-type(2n) .point__tit::before {
	right: auto;
	left: 0;
	--shadow_adjust: -1;
}


#medical_pitta .point__text {
	margin-bottom: 0.5em;
	font-size: 20px;
	letter-spacing: 0.2em;
}



/* 01 */
#medical_pitta .point[data-num="01"]::before {
	content: "";
	position: absolute;
	top: 92px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: calc(100% + 92px);
	clip-path: polygon( 0 0 , 100% 0 , 100% 100% , 0 82.8%);
	background: #f1f1ec;
	z-index: -1;
}

#medical_pitta .point[data-num="01"] .point__block01 {
	max-width: var(--wrapper02);
	margin-left: auto;
	margin-right: auto;
}

#medical_pitta .point[data-num="01"] .point__block01 .point__img_block {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 28px;
	margin-bottom: 35px;
}

/* 02 */
#medical_pitta .point[data-num="02"] .point__block01 {
	position: relative;
	width: fit-content;
	margin: 0 auto 32px;
}
#medical_pitta .point[data-num="02"] .point__block01 .deco_group01>div {
	content: "";
	background: var(--color-light_green01);
	top: -117px;
	left: -102px;
	width: 569px;
}
#medical_pitta .point[data-num="02"] .point__sub_tit {
	margin: 0 0 10px;
	color: var(--color-brown01);
	font-size: 27px;
	font-family: var(--font-maru_gothic);
	font-weight: 500;
}

#medical_pitta .point[data-num="02"] .point__block02 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 45px;
	margin-bottom: 76px;
}
#medical_pitta .point[data-num="02"] .point__block02_inner {
	flex: 1;
}
#medical_pitta .point[data-num="02"] .point__block02_inner img {
	width: 100%;
}
#medical_pitta .point[data-num="02"] .point__block02_inner figcaption {
	width: fit-content;
	padding: 0.55em 1.39em 0.76em 1.1em;
	margin: 0;
	background: #b1bf7b;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
}
#medical_pitta .point[data-num="02"] .point__block02_inner .point__img_block {
	margin-bottom: 10px;
}

#medical_pitta .point[data-num="02"] .point__block03 {
	position: relative;
	z-index: 1;
}
#medical_pitta .point[data-num="02"] .point__block03 .deco_group01>div {
	content: "";
	background: var(--color-light_green01);
	transform: rotate(-10deg);
	top: -73px;
	left: -80px;
	width: 493px;
}
#medical_pitta .point[data-num="02"] .point__block03_inner {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 69px;
}

#medical_pitta .point[data-num="02"] .point__block03 .point__contents {
	max-width: 432px;
}


/* 03 */
#medical_pitta .point[data-num="03"] {
	padding-bottom: 10px;
	margin-top: 108px;
}
#medical_pitta .point[data-num="03"]::before {
	content: "";
	position: absolute;
	top: 92px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: calc(100% + 28px);
	clip-path: polygon( 0 0 , 100% 0 , 100% 82.8% , 0 100%);
	background: #f1f1ec;
	z-index: -1;
}

#medical_pitta .point[data-num="03"] .point__block01 {
	max-width: var(--wrapper02);
	margin-left: auto;
	margin-right: auto;
}

#medical_pitta .point[data-num="03"] .point__block01 .point__img_block {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 32px;
	margin-bottom: 35px;
}

#medical_pitta .point[data-num="03"] .point__block01 .point__img_block_inner {
	flex: 1;
}

/* 04 */
#medical_pitta .point[data-num="04"] .point__block01 {
	display: flex;
	align-items: flex-start;
	column-gap: 50px;
}
#medical_pitta .point[data-num="04"] .point__img_block {
	flex: 1;
	margin-top: 7px;
}
#medical_pitta .point[data-num="04"] .point__img_block_inner {
	width: calc(100% + 150px);
	margin-left: -150px;
}
#medical_pitta .point[data-num="04"] .point__contents {
	width: 500px;
}






/********************
  features
*********************/
#medical_pitta .features {
	position: relative;
	background: var(--color-ivory01);
	padding: 250px 0 176px;
}

#medical_pitta .features::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 290px;
	transform: translateY(-69%);
	background: var(--color-beige01);
	clip-path: polygon(0 0, 100% 63.2%, 100% 100%, 0 69%);
	z-index: 10;
	opacity: 0.8;
}

#medical_pitta .features::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 1700px;
	height: 51px;
	transform: translateX(-50%) translateY(-39%);
	background-image: url(../img/text/text-MedicalPitta@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	z-index: 11;
}

#medical_pitta .features__heading {
	margin: 0 auto 54px;
	padding-bottom:50px;
	text-align: center;
}
#medical_pitta .features__heading img{
	width:700px;
}

#medical_pitta .features__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 30px;
	padding: 0 20px;
}

#medical_pitta .features__list::before,
#medical_pitta .features__list::after {
	content: "";
	position: absolute;
	width: 96px;
	height: auto;
	aspect-ratio: 99/86;
	border: 5px solid var(--color-beige01);
	border-bottom: 0;
	border-right: 0;
}

#medical_pitta .features__list::before {
	top: -50px;
	left: 0;
}

#medical_pitta .features__list::after {
	bottom: -50px;
	right: 0;
	transform: rotate(180deg);
}

#medical_pitta .features__list_item {}

#medical_pitta .features__list_item_img_block {
	margin: 0 auto 35px;
}

#medical_pitta .features__list_item_img_block img {
	width: 100%;
	height: auto;
	aspect-ratio: 303/225;
	object-fit: contain;
	object-position: bottom;
}

#medical_pitta .features__list_item_tit {
	margin: 0 0 14px;
	padding: 1.1em 0.1em 1.25em;
	border-radius: 100px;
	background: #fff;
	color: var(--color-brown01);
	text-align: center;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.44;
}

#medical_pitta .features__list_item_text {
	letter-spacing: 0.05em;
}

#medical_pitta .features__list_item_text .attention_text {
	letter-spacing: 0.04em;
}



/********************
  certification
*********************/
#medical_pitta .certification {
	position: relative;
	padding: 0;
	margin: 0;
}

#medical_pitta .certification .bg_img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 54%;
}

#medical_pitta .certification .contents_wrapper {
	padding: 132px 0 144px;
}

#medical_pitta .certification__heading {
	margin: 0 auto 44px;
	text-align: center;
}

#medical_pitta .certification__list {
	--gap: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: var(--gap);
	row-gap: var(--gap);
	margin: 20px auto 25px;
}

#medical_pitta .certification__list_item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100% - 2 * var(--gap)) / 3);
	height: 87px;
	background: linear-gradient(210deg, rgba(117, 95, 59, 1) 0%, rgba(90, 63, 31, 1) 100%);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.44;
}

#medical_pitta .certification .attention_text {
	text-align: center;
	line-height: 2.0;
	font-weight: 700;
}



/********************
  thrive_premium
*********************/
#medical_pitta .thrive_premium {
	padding: 125px 0 139px;
	background: #88807d;
	color: #fff;
	z-index: 15;
	margin-bottom:60px;
}

#medical_pitta .thrive_premium .contents_wrapper {
	max-width: calc(var(--wrapper01) - 20px);
}

#medical_pitta .thrive_premium__box {
	position: static;
	padding: 76px 30px 82px;
	margin: 0;
	border: 1.5px solid #ffffff;
}

#medical_pitta .thrive_premium__box_deco::before,
#medical_pitta .thrive_premium__box_deco::after {
	--adjust_x: 1;
	--adjust_y: 1;
	--rotate: 0deg;
	content: "";
	position: absolute;
	transform: translateX(calc(-47% * var(--adjust_x))) translateY(calc(-47% * var(--adjust_y))) rotateZ(var(--rotate));
	width: 100px;
	height: auto;
	aspect-ratio: 1/1;
	background-image: url(../img/design/thrive_premium__box_deco@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#medical_pitta .thrive_premium__box_deco:nth-of-type(1)::before {
	--adjust_x: 1;
	--adjust_y: 1;
	--rotate: 0deg;
	top: 0;
	left: 0;
}

#medical_pitta .thrive_premium__box_deco:nth-of-type(1)::after {
	--adjust_x: -1;
	--adjust_y: 1;
	--rotate: 90deg;
	top: 0;
	right: 0;
}

#medical_pitta .thrive_premium__box_deco:nth-of-type(2)::before {
	--adjust_x: 1;
	--adjust_y: -1;
	--rotate: 270deg;
	bottom: 0;
	left: 0;
}

#medical_pitta .thrive_premium__box_deco:nth-of-type(2)::after {
	--adjust_x: -1;
	--adjust_y: -1;
	--rotate: 180deg;
	bottom: 0;
	right: 0;
}

#medical_pitta .thrive_premium__logo {
	margin: 0 auto 20px;
	text-align: center;
}

#medical_pitta .thrive_premium__prizes {
	margin: 0 auto 28px;
	text-align: center;
}

#medical_pitta .thrive_premium__contents {
	padding: 0 92px;
}

#medical_pitta .thrive_premium__tit {
	font-size: 20px;
	text-align: center;
}

#medical_pitta .thrive_premium__text {
	margin-bottom: 28px;
	font-size: 18px;
	letter-spacing: 0.2em;
}




/********************
    products_specification
*********************/
#products_specification {
	position: relative;
	/* padding: 15px 0 170px; */
	margin: 0;
	background: var(--color-ivory01);
	z-index: 1;
}

#products_specification .contents_wrapper {
	position: relative;
	padding-top: 90px;
	overflow:hidden;
	width: 100%;
	max-width: 1920px;
}
#products_specification .deco_group01 {
	padding-top: 180px;
}
#products_specification .deco_group01 >div:nth-of-type(1) {
	top: 450px;
	right: 160px;
	overflow:hidden;
	width: 870px;
	transform: rotate(-5deg);
	background: var(--color-light_green01);
}

#products_specification .deco_group01>div:nth-of-type(2) {
	top: 720px;
	right: 160px;
	width: 440px;
	transform: rotateY(-180deg) rotate(15deg);
	background: #e7e3cb;
	mask-size: 100% 100%;
	aspect-ratio: 340/182;
	opacity: 0.73;
}


#products_specification table {
	border-collapse: collapse;
	width: 980px;
	text-align: left;
	margin:auto;
}

#products_specification caption {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	padding: 20px 36px 21px;
	margin-bottom: 25px;
	background: #746964;
	color: var(--color-ivory01);
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.1;
	letter-spacing: 0.04em;
}

#products_specification td,
#products_specification th {
	height: auto;
	padding: 14px 10px 15px 20px;
	background: #fff;
	color: var(--color-black01);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	font-family: var(--font-base);
	border: 1.5px solid var(--color-black01);
	vertical-align: text-top;
	text-align: left;
	letter-spacing: 0.02em;
}

#products_specification th {
	background: var(--color-brown01);
	color: #fff;
	width: 21.5%;
	font-size: 18px;
	font-weight: 600;
}

#products_specification td {}




/* ▲コンテンツ用スタイル 編集可能領域ここまで▲ --------------------------------------------------------------------------------------------*/