a:hover {
	cursor: pointer;
}

* {
	box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
	border: 0;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
	list-style-type: none;
}

.button {
	background: transparent;
	border: none;
	outline: none;
}

.l-section__wrapper-title {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 20px;
	width: 100%;
}

.l-recent {
	background-color: #EEF9F8;
	margin-top: 114px;
	padding: 79px 0 65px 0;
}

.l-recent__layout {
	padding: 69px 0 21px 146px;
}

.l-recent__back {
	margin: 0 auto;
	max-width: 1440px;
}

.l-BestPlanner {
	overflow: hidden;
	padding: 79px 0 60px;
	position: relative;
}

.l-BestPlanner::before {
	background: url(../img/logo-big.png) no-repeat;
	bottom: 31%;
	content: "";
	height: 100%;
	max-height: 565px;
	max-width: 1047px;
	position: absolute;
	right: 36%;
	transform: translateX(50%);
	width: 100%;
}

.l-recomend { /* 方眼紙模様に必須のスタイル */
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-position: center center;
	background-repeat: repeat;
	background-size: 16px 16px; /* 以下任意のスタイル */
	padding: 81px 0 60px;
}

.l-populer {
	background-color: #F4F4F4;
	margin: 0 auto;
	overflow: hidden;
	padding: 79px 0 65px;
}

.l-populer__title {
	padding-left: 43px;
	padding-top: 70px;
}

.l-populer-plan__container {
	padding: 0 20px;
}

.l-planner {
	background-color: #FFF;
	margin: 0 auto;
	padding: 81px 0 0 0;
}

.l-planner__title {
	padding-left: 15px;
	padding-top: 64px;
}

.l-tags {
	background-color: #EEF9F8;
	margin: 0 auto;
	padding: 81px 0 133px;
}

.l-voice {
	margin: 0 auto;
	padding: 81px 0 60px;
}

.l-voice__container {
	padding: 0 15px;
}

.l-instagram { /* 方眼紙模様に必須のスタイル */
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-position: center center;
	background-repeat: repeat;
	background-size: 16px 16px; /* 以下任意のスタイル */
	padding: 88px 0 60px;
}

.c-section__title {
	display: flex;
}

.c-section__title h2 {
	color: #757676;
	font-family: "Avenir";
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 30px;
	padding-left: 15px;
	position: relative;
	z-index: 1;
}

.c-section__title h2::before {
	color: #84D6D6;
	content: "■";
	font-size: 200%;
	left: -14px;
	position: absolute;
	top: -11px;
	z-index: -1;
}

.c-section__title p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 30px;
	padding-left: 48px;
	position: relative;
}

.c-section__title p::before {
	background-color: #84D6D6;
	content: "";
	display: inline-block;
	height: 40px;
	left: 23px;
	position: absolute;
	top: -6px;
	width: 1px;
}

.c-section__sub-title {
	display: flex;
}

.c-section__sub-title h3 {
	color: #84D6D6;
	font-family: "Avenir";
	font-size: 24px;
	letter-spacing: 0.06em;
	line-height: 33px;
	position: relative;
}

.c-section__sub-title h3::before {
	color: #D9D9D9;
	content: "■";
	font-size: 56%;
	left: -19px;
	position: absolute;
	top: 0px;
}

.c-section__sub-title p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	letter-spacing: -0.01em;
	line-height: 34px;
	padding-left: 5px;
}

.c-area {
	font-family: "YuGothic";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	padding: 0 2px;
}

.c-card__title {
	font-family: "Sawarabi Mincho", serif;
}

.c-card__label-green {
	background-color: #ABD07B;
	color: #fff;
	display: inline-block;
	font-family: "YuGothic";
	padding: 0px 8px;
}

.c-card__label-orange {
	background-color: #F1B04E;
	color: #fff;
	display: inline-block;
	font-family: "YuGothic";
	padding: 0px 8px;
}

.c-card__label-pink {
	background-color: #D684B8;
	color: #fff;
	display: inline-block;
	font-family: "YuGothic";
	padding: 0px 8px;
}

.c-card__unit {
	display: flex;
	flex-wrap: wrap;
}

.c-card__area {
	border: 1px solid #84d6d6;
	color: #84d6d6;
	font-family: "YuGothic";
	padding: 0px 5px;
	text-align: center;
}

.c-card__area p {
	font-family: "YuGothic";
}

.c-card__tag {
	background: #84D6D6;
	border-radius: 10px;
	color: #fff;
	padding: 0px 5px;
	position: relative;
}

.c-card__tag:hover {
	cursor: pointer;
}

.c-card__area-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.c-is__pink::before {
	color: #D684B8;
	content: "■";
	font-size: 400%;
	left: -25px;
	position: absolute;
	top: -28px;
}

.c-is__blue::before {
	color: #84B6D6;
	content: "■";
	font-size: 400%;
	left: -25px;
	position: absolute;
	top: -28px;
}

.c-is__yellow::before {
	color: #F1B04E;
	content: "■";
	font-size: 400%;
	left: -25px;
	position: absolute;
	top: -28px;
}

.c-is__beige::before {
	color: #D6BF84;
	content: "■";
	font-size: 400%;
	left: -25px;
	position: absolute;
	top: -28px;
}

.c-is__green::before {
	color: #ABD07B;
	content: "■";
	font-size: 400%;
	left: -25px;
	position: absolute;
	top: -28px;
}

.c-is__pink-plan::before {
	color: #D684B8;
	content: "■";
	font-size: 220%;
	left: 72px;
	position: absolute;
	top: -11px;
}

.c-is__orange-plan::before {
	color: #F1B04E;
	content: "■";
	font-size: 220%;
	left: 72px;
	position: absolute;
	top: -11px;
}

.c-is__green-plan {
	margin-top: -17px;
}

.c-is__green-plan::before {
	color: #ABD07B;
	content: "■";
	font-size: 220%;
	left: 72px;
	position: absolute;
	top: -11px;
}

.c-button__section {
	background-color: #757676;
	color: #fff;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	margin: 0 auto;
	max-width: 478px;
	padding: 23px 24px 23px 24px;
	position: relative;
	width: 100%;
}

.c-button__section::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #fff;
	content: "";
	height: 7px;
	position: absolute;
	right: 35px;
	top: 28px;
	transform: skew(45deg);
	width: 27px;
}

.c-button__section:hover {
	cursor: pointer;
}

.c-hart {
	background: url(../img/hart.png) no-repeat center center/cover;
	background-color: rgba(117, 118, 118, 0.66);
	background-size: 12px;
	border-radius: 100%;
	height: 30px;
	position: absolute;
	right: 32px;
	top: 41px;
	width: 30px;
	z-index: 100;
}

.c-hart.click {
	background: url(../img/hart-active.png) no-repeat center center/cover;
	background-color: rgba(117, 118, 118, 0.66);
	background-size: 12px;
	border-radius: 100%;
	height: 30px;
	position: absolute;
	right: 32px;
	top: 41px;
	width: 30px;
	z-index: 100;
}

.c-hart:hover {
	cursor: pointer;
}

.c-star {
	background: url(../img/star.png) no-repeat center center/cover;
	background-color: rgba(117, 118, 118, 0.66);
	background-size: 15px;
	border-radius: 100%;
	height: 30px;
	position: absolute;
	right: 18px;
	top: 14px;
	width: 30px;
	z-index: 100;
}

.c-star.click {
	background: url(../img/star-active.png) no-repeat center center/cover;
	background-color: rgba(117, 118, 118, 0.66);
	background-size: 15px;
	border-radius: 100%;
	height: 30px;
	position: absolute;
	right: 18px;
	top: 14px;
	width: 30px;
	z-index: 100;
}

.c-star:hover {
	cursor: pointer;
}

.c-link-area {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.c-link-area:hover {
	cursor: pointer;
}

.c-main-button__first {
	background-color: #fff;
	border: 1px solid #84D6D6;
	height: 100px;
	padding: 17px 11px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 100px;
	width: 100px;
	z-index: 4;
}

.c-main-button__first p {
	color: #757676;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 16px;
	padding-top: 3px;
}

.c-main-button__login {
	background-color: #fff;
	border: 1px solid #84D6D6;
	height: 100px;
	padding: 20px 15px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 200px;
	width: 100px;
	z-index: 4;
}

.c-main-button__login img {
	margin-left: -16px;
}

.c-main-button__login p {
	color: #757676;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 16px;
	padding-top: 8px;
}

.c-main-button__report {
	background-color: #fff;
	border: 1px solid #84D6D6;
	height: 100px;
	padding: 21px 14px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 300px;
	width: 100px;
	z-index: 4;
}

.c-main-button__report p {
	color: #757676;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 16px;
	padding-top: 4px;
}

/*　ハンバーガーボタン　*/

.p-main__hamburger {
	cursor: pointer;
	display: block;
	height: 42px;
	position: fixed;
	right: 13px;
	text-align: center;
	top: 12px;
	width: 42px;
	z-index: 3;
}

.p-main__hamburger span {
	background: #555;
	display: block;
	height: 2px;
	left: 6px;
	position: absolute;
	transition: 0.3s ease-in-out;
	width: 30px;
}

.p-main__hamburger span:nth-child(1) {
	top: 10px;
}

.p-main__hamburger span:nth-child(2) {
	top: 20px;
}

.p-main__hamburger span:nth-child(3) {
	top: 30px;
}

/* ナビ開いてる時のボタン */

.p-main__hamburger.active span:nth-child(1) {
	background: #fff;
	left: 6px;
	top: 16px;
	transform: rotate(-45deg);
}

.p-main__hamburger.active span:nth-child(2),
.p-main__hamburger.active span:nth-child(3) {
	background: #fff;
	top: 16px;
	transform: rotate(45deg);
}

nav.p-main__globalMenuSp {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	left: 0;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 0;
	transition: opacity 0.6s ease, visibility 0.6s ease;
	width: 100%;
	z-index: 2;
}

nav.p-main__globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

nav.p-main__globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	transition: 0.4s all;
	width: 100%;
}

nav.p-main__globalMenuSp ul li:last-child {
	padding-bottom: 0;
}

nav.p-main__globalMenuSp ul li:hover {
	background: #ddd;
}

nav.p-main__globalMenuSp ul li a {
	color: #fff;
	display: block;
	padding: 1em 0;
	text-decoration: none;
}

/* このクラスを、jQueryで付与・削除する */

nav.p-main__globalMenuSp.active {
	opacity: 100;
}

.p-main-container {
	position: relative;
	width: 100%;
}

.p-main__mv {
	background-image: url(../img/mv.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 790px;
	position: relative;
	width: 100%;
}

.p-main__wrapper {
	background-color: rgba(255, 255, 255, 0.91);
	left: 10%;
	max-width: 414px;
	padding: 136px 75px 126px 65px;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-main__wrapper-text {
	border-bottom: 1px solid rgba(117, 118, 118, 0.56);
	color: #757676;
	font-family: "Avenir";
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 27px;
	padding-bottom: 40px;
	text-align: center;
}

.p-main__wrapper-img img {
	max-width: 258px;
	width: 100%;
}

.p-main__wrapper-title-head {
	align-items: center;
	font-family: "Sawarabi Mincho", serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.29em;
	padding-top: 46px;
	text-align: center;
}

.p-main__wrapper-title-head span {
	color: #84D6D6;
	font-size: 56px;
}

.p-main__wrapper-title-middle {
	align-items: center;
	font-family: "Sawarabi Mincho", serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.29em;
	padding-top: 30px;
	text-align: center;
}

.p-main__wrapper-title-foot {
	align-items: center;
	border-bottom: 1px solid rgba(117, 118, 118, 0.56);
	font-family: "Sawarabi Mincho", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.29em;
	padding-bottom: 40px;
	padding-top: 30px;
	text-align: center;
}

.p-main__button-unit {
	bottom: -54px;
	display: flex;
	height: 132px;
	position: absolute;
	width: 100%;
}

.p-main__button-left {
	background-color: #757676;
	color: #fff;
	display: flex;
	font-size: 16px;
	height: 100%;
	justify-content: center;
	line-height: 28px;
	max-height: 132px;
	max-width: 400px;
	padding: 24px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.p-main__button-left img {
	height: 22px;
	margin: auto 0;
	margin-left: 34px;
	margin-right: -34px;
	width: 11px;
}

.p-main__button-left::after {
	border: 2px solid #fff; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 32px); /* 外側の線になる要素の高さを指定する */
	left: 16px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 13px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 34px); /* 外側の線になる要素の幅を指定する*/
}

.p-main__button-right {
	background-color: #84D6D6;
	color: #fff;
	display: flex;
	font-size: 16px;
	height: 100%;
	justify-content: center;
	line-height: 28px;
	max-height: 132px;
	max-width: 400px;
	padding: 24px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.p-main__button-right img {
	height: 22px;
	margin: auto 0;
	margin-left: 34px;
	margin-right: -34px;
	width: 11px;
}

.p-main__button-right::after {
	border: 2px solid #fff; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 32px); /* 外側の線になる要素の高さを指定する */
	left: 16px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 13px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 34px); /* 外側の線になる要素の幅を指定する*/
}

.p-main__button-text {
	font-family: "YuGothic";
	letter-spacing: 0.08em;
}

.p-main__button-text span {
	font-family: "YuGothic";
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-left: 5px;
}

.p-main__button-text .kara {
	font-family: "YuGothic";
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.2em;
	padding-left: 5px;
}

.p-recent {
	height: 100%;
	margin-right: 50px;
	max-height: 160px;
	max-width: 490px;
	position: relative;
	width: 100%;
}

.p-recent::after {
	border: 1px solid #fff; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 16px); /* 外側の線になる要素の高さを指定する */
	left: 6px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 8px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 16px); /* 外側の線になる要素の幅を指定する*/
}

.p-recent__title {
	padding-left: 102px;
}

.p-recent__item {
	background-color: #fff;
	display: flex;
	height: 165px;
	width: 480px;
}

.p-recent__item__about {
	padding: 23px 28px;
}

.p-recent__item-title {
	font-family: "Sawarabi Mincho", serif;
	font-size: 22px;
}

.p-recent__item-text {
	font-family: "YuGothic";
	font-size: 12px;
	padding-top: 9px;
}

.p-recent__item-service {
	display: flex;
	max-width: 260px;
	padding-top: 28px;
	position: relative;
	width: 100%;
}

.p-recent__item-service::before {
	background-color: #757676;
	content: "";
	display: inline-block;
	height: 0.5px;
	left: 1px;
	max-width: 260px;
	position: absolute;
	top: 16px;
	width: 100%;
}

.p-recent__item-service-icon {
	border: 1px solid #84D6D6;
	color: #84D6D6;
	font-family: "YuGothic";
	font-size: 10px;
	height: 20px;
	line-height: 15px;
	padding: 3px 0;
	text-align: center;
	width: 92px;
}

.p-recent__item-service-area {
	display: flex;
	flex-wrap: wrap;
}

.js-swiper1 {
	padding-bottom: 10px;
	width: 100%;
}

.js-swiper6 {
	padding-left: 19px;
}

.js-swiper9 {
	overflow: visible;
}

.sample-slider .swiper-wrapper {
	transition-timing-function: linear;
}

.swiper-pagination {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

.swiper-wrapper {
	transition-timing-function: linear;
}

.swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.6196078431);
	height: 16px;
	opacity: 1;
	width: 16px;
}

.swiper-pagination-bullet:not(:first-child) {
	margin-left: 12px;
}

.swiper-pagination-bullet-active {
	background: #2F7DC8;
	opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
	background-color: rgba(132, 214, 214, 0.6);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 100%;
	padding: 18px 21px;
}

.swiper-button-prev {
	background-image: url("../img/prev-button.png");
	background-size: 7px;
}

.swiper-button-next {
	background-image: url("../img/next-button.png");
	background-size: 7px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	content: "";
}

.p-report {
	max-width: 416px;
	width: 100%;
}

.p-report__item {
	background-color: #fff;
	height: 437px;
	max-width: 415px;
	position: relative;
	width: 100%;
}

.p-report__item::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 33px); /* 外側の線になる要素の高さを指定する */
	left: 12px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 12px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 24px); /* 外側の線になる要素の幅を指定する*/
}

.p-report__item-img {
	background-color: #fff;
	max-width: 416px;
	width: 100%;
}

.p-report__item-img img {
	height: 100%;
	max-height: 256px;
	max-width: 413px;
	padding: 29px 23px 6px;
	width: 100%;
}

.p-report__item__content {
	background-color: rgba(255, 255, 255, 0.88);
	height: 211px;
	left: 50%;
	line-height: 25px;
	max-width: 332px;
	padding: 24px 16px 15px;
	position: absolute;
	top: 207px;
	transform: translateX(-50%);
	width: 100%;
}

.p-report__item-title {
	font-size: 18px;
	padding-bottom: 8px;
}

.p-report__item-box {
	border-top: 0.5px solid #757676;
	padding-top: 5px;
}

.p-report__item-label {
	font-size: 12px;
}

.p-report__item-unit {
	margin-top: 3px;
}

.p-report__item-area {
	font-size: 10px;
}

.p-report__item-area-text {
	display: inline-block;
	font-size: 12px;
	margin-left: 10px;
}

.p-report__item-tag-content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
}

.p-report__item-tag {
	font-size: 12px;
	margin-right: 8px;
	margin-top: 2px;
	position: relative;
}

.p-best__wrapper {
	margin: 85px auto 60px;
	max-width: 796px;
	width: 100%;
}

.p-best__wrapper h3 {
	color: #202020;
	font-family: "YuGothic";
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 40px;
	text-align: center;
}

.p-best__swiper-container {
	margin: 0 auto;
	max-width: 1260px;
	width: 100%;
}

.p-best__title {
	color: #202020;
	font-family: "Sawarabi Mincho", serif;
	font-size: 36px;
	letter-spacing: 0.1em;
	line-height: 62px;
	margin-bottom: 54px;
	text-align: center;
}

.p-best__title span {
	color: #84D6D6;
	font-size: 40px;
}

.p-best__title-layout {
	margin: 39px 0;
}

.p-best__footer {
	margin: 20px 0 54px;
	text-align: center;
}

.p-best__footer-text {
	color: #84d6d6;
	display: inline-block;
	font-family: "YuGothic";
	font-size: 20px;
	position: relative;
}

.p-best__footer-text::before {
	content: "＼";
	left: -20%;
	position: absolute;
	top: 0;
}

.p-best__footer-text::after {
	content: "／";
	position: absolute;
	right: -20%;
	top: 0;
}

.p-best__footer-button {
	background-color: #84D6D6;
	margin: 10px auto;
	width: 451px;
}

.p-best__footer-button a {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 62px;
	line-height: 62px;
	text-decoration: none;
}

.p-best {
	height: 100%;
	max-height: 235px;
	max-width: 235px;
	width: 100%;
}

.p-best__img img {
	height: 100%;
	max-height: 235px;
	max-width: 235px;
	width: 100%;
}

.p-recomend__wrapper {
	background-color: #EEF9F8;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 69px auto 0px;
	max-width: 1240px;
	padding: 18px 0px 45px;
	width: 100%;
}

.p-recomend__container {
	padding: 0 20px;
}

.p-recomend__item {
	background-color: #fff;
	display: flex;
	height: 100%;
	margin-left: 24px;
	margin-top: 40px;
	max-height: 124px;
	min-width: 271px;
	position: relative;
	width: calc(30% - 12px);
}

.p-recomend__item::after {
	border: 1px solid #fff; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 20px); /* 外側の線になる要素の高さを指定する */
	left: 9px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 9px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 20px); /* 外側の線になる要素の幅を指定する*/
}

.p-recomend__item.click {
	background-color: rgba(0, 0, 0, 0.49);
	color: #fff;
	display: flex;
	height: 100%;
	margin-left: 24px;
	margin-top: 40px;
	max-height: 124px;
	min-width: 271px;
	position: relative;
	width: calc(30% - 12px);
}

.p-recomend__item.click::after {
	border: 1px solid #fff; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 20px); /* 外側の線になる要素の高さを指定する */
	left: 9px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 9px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 20px); /* 外側の線になる要素の幅を指定する*/
}

.p-recomend__item-img {
	height: 100%;
}

.p-recomend__item-img img {
	height: 100%;
}

.p-recomen__item-text {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
	width: 100%;
}

.p-recomen__item-text h3 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 20px;
	line-height: 27px;
}

.p-recomen__item-text::before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	bottom: 18px;
	color: #757676;
	content: "";
	height: 6px;
	position: absolute;
	right: 12%;
	transform: skew(45deg);
	width: 40px;
}

.p-populer__container {
	display: flex;
	flex-wrap: wrap;
	margin: 4px auto;
	max-width: 1260px;
	padding: 0 25px;
	width: 100%;
}

.p-populer__box {
	background-color: #fff;
	flex-basis: 100%;
	margin: 20px auto 27px;
	max-width: 1180px;
	padding: 40px 50px 30px;
	position: relative;
	width: 100%;
}

.p-populer__box::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 33px); /* 外側の線になる要素の高さを指定する */
	left: 16px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 12px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 36px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer__box:nth-child(2) {
	margin-right: 23px;
}

.p-populer__box-sm {
	flex-basis: 48.5%;
	height: 100%;
	margin: 0 0;
	min-height: 549px;
	padding: 38px 42px 20px 37px;
}

.p-populer__box-sm::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 33px); /* 外側の線になる要素の高さを指定する */
	left: 16px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 12px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 36px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer__ribbon-text-yellow {
	background: #C99700;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	left: 24px;
	line-height: 16px;
	margin: 0;
	padding: 2px 0 3px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 46px;
	z-index: 3;
}

.p-populer__ribbon-no-yellow {
	background: #C99700;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	left: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0px 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 46px;
	z-index: 2;
}

.p-populer__ribbon-no-yellow::before {
	border-bottom: 15px solid transparent;
	border-left: 23px solid #C99700;
	border-right: 23px solid #C99700;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 96%;
	width: 0;
	z-index: 2;
}

.p-populer__ribbon-text-glay {
	background: #C4C4C4;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	left: 24px;
	line-height: 16px;
	margin: 0;
	padding: 2px 0 3px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 46px;
	z-index: 3;
}

.p-populer__ribbon-no-glay {
	background: #C4C4C4;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	left: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0px 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 46px;
	z-index: 2;
}

.p-populer__ribbon-no-glay::before {
	border-bottom: 15px solid transparent;
	border-left: 23px solid #C4C4C4;
	border-right: 23px solid #C4C4C4;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 96%;
	width: 0;
	z-index: 2;
}

.p-populer__ribbon-text-orange {
	background: #BA6E40;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	left: 24px;
	line-height: 16px;
	margin: 0;
	padding: 2px 0 3px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 46px;
	z-index: 3;
}

.p-populer__ribbon-no-orange {
	background: #BA6E40;
	color: white;
	display: inline-block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	left: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0px 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 46px;
	z-index: 2;
}

.p-populer__ribbon-no-orange::before {
	border-bottom: 15px solid transparent;
	border-left: 23px solid #BA6E40;
	border-right: 23px solid #BA6E40;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 96%;
	width: 0;
	z-index: 2;
}

.p-populer__block-head {
	display: flex;
	padding-bottom: 11px;
}

.p-populer__block-head-sm {
	display: flex;
	padding-bottom: 19px;
}

.p-populer__box-img {
	max-width: 540px;
	width: 100%;
}

.p-populer__box-img img {
	width: 100%;
}

.p-populer__box-img-sm {
	max-width: 235px;
	width: 100%;
}

.p-populer__box-img-sm img {
	width: 100%;
}

.p-populer__item__content {
	padding: 23px 0 0 30px;
}

.p-populer__item__content-sm {
	padding: 23px 0 0 25px;
}

.p-populer__item-title {
	font-family: "Sawarabi Mincho", serif;
	font-size: 22px;
	line-height: 33px;
}

.p-populer__item-title-sm {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	line-height: 31px;
}

.p-populer__item-box {
	padding-top: 25px;
}

.p-populer__item-box-sm {
	padding-top: 20px;
}

.p-populer__item-label {
	display: inline-block;
	font-size: 14px;
	height: 21px;
	padding: 5px;
}

.p-populer__item-unit {
	padding-top: 10px;
}

.p-populer__item-area {
	font-size: 10px;
	margin-right: 5px;
	padding: 6px 14px;
}

.p-populer__item-tag-content {
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
}

.p-populer__item-tag-content-sm {
	display: flex;
	flex-wrap: wrap;
	padding-right: 15px;
	padding-top: 8px;
}

.p-populer__item-tag {
	font-size: 12px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px 5px;
}

.p-populer__block-foot {
	border-top: 1px solid #757676;
	margin: 0 auto;
	padding-top: 25px;
	width: 97%;
}

.p-populer__block-foot-title {
	color: #84D6D6;
	font-family: "YuGothic";
	font-size: 20px;
	letter-spacing: 0.1em;
}

.p-populer__block-foot-title-sm {
	color: #84D6D6;
	font-family: "YuGothic";
	font-size: 18px;
	letter-spacing: 0.09em;
	line-height: 27px;
}

.p-populer__block-foot-text {
	font-family: "YuGothic";
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 24px;
	padding: 25px 0 6px;
}

.p-populer__block-foot-text-sm {
	font-family: "YuGothic";
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 24px;
	padding: 9px 0 6px;
}

.p-populer__block-foot-unit {
	display: flex;
}

.p-populer__block-foot-unit-sm {
	display: flex;
	padding-left: 5px;
	padding-top: 15px;
}

.p-populer__block-foot-unit-img {
	display: flex;
}

.p-populer__block-foot-img {
	max-width: 68px;
	position: relative;
	width: 100%;
}

.p-populer__block-foot-img img {
	width: 100%;
}

.p-populer__block-foot-img::before {
	color: #D684B8;
	content: "■";
	font-size: 200%;
	left: -8px;
	position: absolute;
	top: -8px;
}

.p-populer__block-foot-caption {
	margin-left: 15px;
	padding-top: 8px;
}

.p-populer__block-foot-caption p {
	color: #757676;
	font-family: "YuGothic";
	font-size: 10px;
	line-height: 15px;
}

.p-populer__block-foot-caption h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
}

.p-populer__block-foot-caption h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
}

.p-populer__block-foot-unit-link {
	color: #757676;
	display: flex;
	margin-left: auto;
	margin-right: 61px;
	margin-top: 49px;
	position: relative;
}

.p-populer__block-foot-unit-link a {
	text-decoration: none;
}

.p-populer__block-foot-unit-link::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	left: -8px;
	position: absolute;
	top: 5px;
	transform: skew(45deg);
	width: 135px;
}

.p-populer__block-foot-unit-link-sm {
	display: flex;
	margin-left: auto;
	margin-right: 38px;
	margin-top: 44px;
	position: relative;
}

.p-populer__block-foot-unit-link-sm a {
	color: #757676;
	text-decoration: none;
}

.p-populer__block-foot-unit-link-sm::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	left: -8px;
	position: absolute;
	top: 5px;
	transform: skew(45deg);
	width: 135px;
}

.p-populer__button {
	margin-top: 63px;
}

.p-populer__button a {
	color: #fff;
	text-decoration: none;
}

.p-populer__button:hover {
	background-color: #fff;
	border: 1px solid #757676;
}

.p-populer__button:hover a {
	color: #757676;
}

.p-populer__button:hover:after {
	color: #757676;
}

.p-populer__box-swiper {
	background-color: #fff;
	height: auto;
	margin: 13px auto 27px;
	margin-right: 30px;
	max-width: 294px;
	min-height: 515px;
	padding: 21px 17px;
	position: relative;
	width: 100%;
}

.p-populer__box-swiper::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 33px); /* 外側の線になる要素の高さを指定する */
	left: 16px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 12px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 36px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer__item__content-swiper {
	background-color: rgba(255, 255, 255, 0.88);
	display: inline-block;
	left: 50%;
	min-height: 300px;
	padding: 14px;
	position: absolute;
	top: 139px;
	transform: translateX(-50%);
	width: 246px;
}

.p-populer__box-img-swiper {
	height: 100%;
	max-height: 184px;
	max-width: 260px;
	width: 100%;
}

.p-populer__box-img-swiper img {
	-o-object-fit: cover;
	height: 184px;
	object-fit: cover;
	width: 260px;
}

.p-populer__block-head-swiper {
	display: block;
	padding-bottom: 11px;
	position: relative;
}

.p-populer__item-title-swiper {
	font-family: "Sawarabi Mincho", serif;
	font-size: 16px;
	line-height: 24px;
}

.p-populer__block-foot-text-swiper {
	display: none;
}

.p-populer__item-tag-content-swiper {
	display: flex;
	flex-wrap: wrap;
}

.p-populer__block-foot-title-swiper {
	display: none;
}

.p-populer__block-foot-unit-swiper {
	display: block;
}

.p-populer__item-box-swiper {
	padding-top: 15px;
}

.p-populer__item-label-swiper {
	display: inline-block;
	font-size: 10px;
	height: 21px;
	padding: 5px 5px;
}

.p-populer__block-foot-swiper {
	margin-left: -16px;
	padding-top: 5px;
	width: 97%;
}

.p-populer__block-foot-unit-link-swiper {
	color: #757676;
	display: flex;
	padding-left: 118px;
	padding-top: 14px;
	position: relative;
}

.p-populer__block-foot-unit-link-swiper a {
	text-decoration: none;
}

.p-populer__block-foot-unit-link-swiper::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	position: absolute;
	right: -34px;
	top: 19px;
	transform: skew(45deg);
	width: 135px;
}

.p-populer-plan__container {
	background-color: #fff;
	margin: 55px auto 65px;
	max-width: 1240px;
	padding: 0 20px;
	padding-bottom: 65px;
	width: 100%;
}

.p-populer-plan__title {
	padding-left: 20px;
	padding-top: 65px;
}

.p-populer-plan__wrapper {
	background-color: #EEF9F8;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	max-width: 1200px;
	padding: 70px 47px 90px;
	width: 100%;
}

.p-populer-plan__block {
	margin-top: 20px;
	max-width: 348px;
	width: 100%;
}

.p-populer-plan__block-sm {
	margin-top: 20px;
	max-width: 348px;
	width: 100%;
}

.p-populer-plan__genre {
	font-family: "Sawarabi Mincho", serif;
	font-size: 18px;
	position: relative;
	text-align: center;
	z-index: 0;
}

.p-populer-plan__genre span {
	position: relative;
	z-index: 2;
}

.p-populer-plan__genre-sm {
	font-family: "Sawarabi Mincho", serif;
	font-size: 18px;
	position: relative;
	text-align: center;
	z-index: 0;
}

.p-populer-plan__genre-sm span {
	position: relative;
	z-index: 2;
}

.p-populer-plan__box {
	background-color: #fff;
	margin-top: 30px;
	padding: 20px 22px 34px;
	position: relative;
}

.p-populer-plan__box::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 22px); /* 外側の線になる要素の高さを指定する */
	left: 14px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 7px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 28px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer-plan__box-img {
	height: 100%;
	max-height: 202px;
	max-width: 302px;
	width: 100%;
}

.p-populer-plan__box-img img {
	height: 100%;
	width: 100%;
}

.p-populer-plan__item-title {
	align-items: center;
	display: flex;
	font-family: "Sawarabi Mincho", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	padding: 10px 10px;
}

.p-populer-plan__item-unit {
	padding-left: 3px;
}

.p-populer-plan__item-area {
	font-family: "YuGothic";
	font-size: 10px;
	padding: 6px 12px;
}

.p-populer-plan__item-area-text {
	font-size: 12px;
	padding-left: 10px;
}

.p-populer-plan__item-tag-content {
	display: flex;
	flex-wrap: wrap;
	padding-left: 4px;
	padding-top: 5px;
}

.p-populer-plan__item-tag {
	font-family: "YuGothic";
	font-size: 12px;
	margin-right: 8px;
	margin-top: 4px;
	padding: 5px;
}

.p-populer-plan__block-foot-unit {
	padding-left: 15px;
	padding-top: 26px;
}

.p-populer-plan__block-foot-unit-img {
	display: flex;
}

.p-populer-plan__block-foot-img {
	max-width: 68px;
	position: relative;
	width: 100%;
}

.p-populer-plan__block-foot-img img {
	width: 100%;
}

.p-populer-plan__block-foot-img::before {
	color: #D684B8;
	content: "■";
	font-size: 220%;
	left: -19px;
	position: absolute;
	top: -13px;
}

.p-populer-plan__block-foot-caption {
	margin-left: 15px;
	padding-top: 4px;
}

.p-populer-plan__block-foot-caption p {
	color: #757676;
	font-family: "YuGothic";
	font-size: 10px;
	line-height: 15px;
}

.p-populer-plan__block-foot-caption h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
}

.p-populer-plan__block-foot-caption h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
}

.p-populer-plan__block-foot-unit-link {
	color: #757676;
	margin-left: auto;
	margin-top: 26px;
	padding-right: 51px;
	position: relative;
	text-align: right;
}

.p-populer-plan__block-foot-unit-link a {
	text-decoration: none;
}

.p-populer-plan__block-foot-unit-link::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	position: absolute;
	right: 8px;
	top: 5px;
	transform: skew(45deg);
	width: 132px;
}

.p-populer-plan__button {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	margin-top: 50px;
	padding: 21px 24px 21px 34px;
}

.p-populer-plan__button a {
	color: #fff;
	text-decoration: none;
}

.p-populer-plan__button:hover {
	background-color: #fff;
	border: 1px solid #757676;
}

.p-populer-plan__button:hover a {
	color: #757676;
}

.p-populer-plan__button:hover:after {
	color: #757676;
}

.p-populer-new__container {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	width: 100%;
}

.p-populer-new__title {
	padding-bottom: 33px;
}

.p-populer-new__box {
	background-color: #fff;
	margin-top: 30px;
	max-width: 345px;
	padding: 20px 22px;
}

.p-populer-new__box::after {
	border: 1px solid #84D6D6; /* 外側の線になる一本線の枠線をひく*/
	content: ""; /* 擬似要素に実体を持たせる */
	height: calc(100% - 21px); /* 外側の線になる要素の高さを指定する */
	left: 12px; /* 外側の線の位置を、内側の線から左に3pxずらす*/
	position: absolute; /* 外側の線の位置を自由に動かせるようにする */
	top: 12px; /* 外側の線の位置を、内側の線から上に3pxずらす */
	width: calc(100% - 23px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer-new__box-img {
	height: 100%;
	max-height: 202px;
	max-width: 302px;
	width: 100%;
}

.p-populer-new__box-img img {
	width: 100%;
}

.p-populer-new__item-title {
	align-items: center;
	display: flex;
	font-family: "Sawarabi Mincho", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	padding: 17px 10px 10px;
}

.p-populer-new__item-area {
	font-family: "YuGothic";
	font-size: 10px;
	padding: 6px 12px;
}

.p-populer-new__item-area-text {
	font-size: 12px;
	padding-left: 10px;
}

.p-populer-new__item-tag-content {
	display: flex;
	flex-wrap: wrap;
	padding-left: 4px;
	padding-top: 5px;
}

.p-populer-new__item-tag {
	font-family: "YuGothic";
	font-size: 12px;
	margin-right: 8px;
	margin-top: 4px;
	padding: 5px;
}

.p-populer-new__block-foot-unit {
	padding-left: 15px;
	padding-top: 26px;
}

.p-populer-new__block-foot-unit-img {
	display: flex;
}

.p-populer-new__block-foot-img {
	max-width: 68px;
	position: relative;
	width: 100%;
}

.p-populer-new__block-foot-img img {
	width: 100%;
}

.p-populer-new__block-foot-img::before {
	color: #84D6D6;
	content: "■";
	font-size: 220%;
	left: -19px;
	position: absolute;
	top: -13px;
}

.p-populer-new__block-foot-caption {
	margin-left: 15px;
	padding-top: 4px;
}

.p-populer-new__block-foot-caption p {
	color: #757676;
	font-family: "YuGothic";
	font-size: 10px;
	line-height: 15px;
}

.p-populer-new__block-foot-caption h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
}

.p-populer-new__block-foot-caption h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
}

.p-populer-new__block-foot-unit-link {
	color: #757676;
	margin-left: auto;
	margin-top: 26px;
	padding-right: 51px;
	position: relative;
	text-align: right;
}

.p-populer-new__block-foot-unit-link::after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	position: absolute;
	right: 8px;
	top: 5px;
	transform: skew(45deg);
	width: 132px;
}

.p-populer-new__button {
	margin-top: 66px;
	max-width: 379px;
}

.p-populer-new__button a {
	color: #fff;
	text-decoration: none;
}

.p-populer-new__button:hover {
	background-color: #fff;
	border: 1px solid #757676;
}

.p-populer-new__button:hover a {
	color: #757676;
}

.p-populer-new__button:hover:after {
	color: #757676;
}

.p-tags__container {
	display: flex;
	margin: 64px auto 0;
	max-width: 1320px;
	padding: 0 40px;
	width: 100%;
}

.p-tags__wrapper {
	background-color: #fff;
	display: flex;
	justify-content: left;
	padding: 40px 70px 20px;
}

.p-tags__box-left {
	max-width: 300px;
	width: 100%;
}

.p-tags__box-center {
	border-left: 1px solid #757676;
	border-right: 1px solid #757676;
	max-width: 426px;
	padding-left: 67px;
	width: 100%;
}

.p-tags__box-right {
	padding-left: 76px;
	width: 374px;
}

.p-tags__title {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	margin-bottom: 41px;
	padding-left: -20px;
	padding-right: 37px;
	position: relative;
	text-align: center;
}

.p-tags__title:before {
	content: "＼";
	left: 5%;
	position: absolute;
	top: 0;
}

.p-tags__title:after {
	content: "／";
	position: absolute;
	right: 16%;
	top: 0;
}

.p-tags__block {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.p-tags__block-area {
	padding-left: 24px;
	padding-right: 30px;
	padding-top: 23px;
}

.p-tags-tag {
	border-radius: 14px;
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
	margin-right: 8px;
	margin-top: 8px;
	padding: 4px 8px;
}

.p-planner-ranking__title {
	padding-left: 14px;
	padding-top: 64px;
}

.p-planner-ranking__container {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 30px;
	width: 100%;
}

.p-planner-ranking__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 29px;
	width: 100%;
}

.p-planner-ranking__box {
	background-color: #EEF9F8;
	max-width: 397px;
	padding: 40px 6px 40px 32px;
	position: relative;
	width: 100%;
}

.p-planner-ranking__head {
	display: flex;
}

.p-planner-ranking__left {
	max-width: 140px;
	width: 100%;
}

.p-planner-ranking__left h3 {
	font-family: "Sawarabi Mincho", serif;
	font-size: 22px;
	line-height: 24px;
	padding-top: 10px;
}

.p-planner-ranking__left h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
}

.p-planner-ranking__left-img {
	height: 100%;
	max-height: 160px;
	max-width: 140px;
	width: 100%;
}

.p-planner-ranking__left-img img {
	height: 100%;
	width: 100%;
}

.p-planner-ranking__right {
	max-width: 221px;
	padding: 0px 5px;
	width: 100%;
}

.p-planner-ranking__right-title {
	line-height: 24px;
	padding-bottom: 25px;
}

.p-planner-ranking__right-unit {
	display: block;
}

.p-planner-ranking__right-area {
	background-color: #fff;
	display: inline-block;
	font-size: 10px;
	padding: 7px;
}

.p-planner-ranking__area-wrapper {
	display: flex;
	flex-wrap: wrap;
	padding-top: 4px;
}

.p-planner-ranking__right-tag-content {
	display: flex;
	flex-wrap: wrap;
	padding-left: 3px;
}

.p-planner-ranking__right-tag {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	margin-right: 8px;
	margin-top: 3px;
	padding: 3px;
}

.p-planner-ranking__middle-box-left {
	display: flex;
}

.p-planner-ranking__middle-box-left img {
	height: 13px;
	width: 13px;
}

.p-planner-ranking__middle-box-left p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 13px;
}

.p-planner-ranking__middle {
	background-color: #fff;
	display: flex;
	margin-top: 17px;
	max-width: 336px;
	padding: 15px 26px 8px 26px;
	width: 100%;
}

.p-planner-ranking__middle-box-right {
	margin-top: -3px;
	padding-left: 15px;
}

.p-planner-ranking__middle-box-right ul li {
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	line-height: 25px;
}

.p-planner-ranking__foot {
	margin-top: 16px;
}

.p-planner-ranking__foot-title {
	display: flex;
}

.p-planner-ranking__foot-title img {
	height: 12px;
	width: 12px;
}

.p-planner-ranking__foot-title p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 13px;
}

.p-planner-ranking__foot-img {
	display: flex;
	justify-content: space-between;
	max-width: 336px;
	padding-top: 10px;
	width: 100%;
}

.p-lanner-ranking__ribbon {
	left: 13px;
}

.p-planner-new__container {
	background-color: #fff;
	margin: 59px auto 63px;
	padding-bottom: 0px;
	width: 100%;
}

.p-planner-new__title {
	padding-left: 13px;
}

.p-planner-new__wrapper {
	background-color: #EEF9F8;
	margin-top: 29px;
	padding-bottom: 33px;
	padding-top: 50px;
}

.p-planner-new {
	background-color: #fff;
	max-width: 397px;
	padding: 30px 5px 30px 30px;
	width: 100%;
}

.p-planner-new__head {
	display: flex;
}

.p-planner-new__left {
	max-width: 140px;
	width: 100%;
}

.p-planner-new__left h3 {
	font-family: "Sawarabi Mincho", serif;
	font-size: 22px;
	line-height: 24px;
	padding-top: 18px;
}

.p-planner-new__left h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
}

.p-planner-new__left-img {
	height: 100%;
	max-height: 160px;
	max-width: 140px;
	width: 100%;
}

.p-planner-new__left-img img {
	height: 100%;
	width: 100%;
}

.p-planner-new__right {
	max-width: 221px;
	padding: 0px 5px;
	width: 100%;
}

.p-planner-new__right-title {
	line-height: 24px;
	padding-bottom: 25px;
	padding-top: 10px;
}

.p-planner-new__right-unit {
	display: block;
}

.p-planner-new__right-area {
	background-color: #fff;
	display: inline-block;
	font-size: 10px;
	padding: 7px;
}

.p-planner-new__area-wrapper {
	display: flex;
	flex-wrap: wrap;
	padding-top: 4px;
}

.p-planner-new__right-tag-content {
	display: flex;
	flex-wrap: wrap;
	padding-left: 3px;
}

.p-planner-new__right-tag {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	margin-right: 8px;
	margin-top: 3px;
	padding: 3px;
}

.p-planner-new__middle {
	background-color: rgba(117, 118, 118, 0.14);
	display: flex;
	margin-top: 13px;
	max-width: 336px;
	padding: 10px 10px 10px 25px;
	width: 100%;
}

.p-planner-new__middle-box-left {
	display: flex;
}

.p-planner-new__middle-box-left img {
	height: 13px;
	width: 13px;
}

.p-planner-new__middle-box-left p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 12px;
	line-height: 13px;
}

.p-planner-new__middle-box-right {
	margin-top: -3px;
	padding-left: 15px;
}

.p-planner-new__middle-box-right ul li {
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	line-height: 25px;
}

.p-planner__button {
	margin-top: 60px;
	max-width: 287px;
	width: 100%;
}

.p-planner__button a {
	color: #fff;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	text-decoration: none;
}

.p-planner__button:hover {
	background-color: #fff;
	border: 1px solid #757676;
}

.p-planner__button:hover a {
	color: #757676;
}

.p-planner__button:hover:after {
	color: #757676;
}

.p-voice__container {
	background-color: #C8C8C8;
	margin: 64px auto 0;
	max-width: 1240px;
	padding: 27px 0px 65px 0;
	width: 100%;
}

.p-voice__title {
	padding-bottom: 21px;
	padding-left: 45px;
}

.p-voice__title h3 {
	color: #fff;
}

.p-voice__title-ranking {
	padding-bottom: 21px;
	padding-left: 45px;
	padding-top: 36px;
}

.p-voice__title-ranking h3 {
	color: #fff;
}

.p-voice {
	background-color: #fff;
	display: flex;
	height: 100%;
	max-height: 295px;
	max-width: 1175px;
	padding: 33px 27px;
	width: 100%;
}

.p-voice::before {
	border-bottom: 5em solid transparent;
	border-left: 5em solid #84D6D6; /* ラベルの色はここで変更 */
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
}

.p-voice::after {
	color: #fff; /* 文字色はここで変更 */
	content: "NEW";
	display: block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	left: 9px;
	position: absolute;
	top: 16px;
	z-index: 101;
}

.p-voice-sm {
	background-color: #fff;
	display: flex;
	height: 100%;
	max-width: 1175px;
	min-height: 256px;
	padding: 16px 13px;
	position: relative;
	width: 100%;
}

.p-voice-sm::before {
	border-bottom: 3.5em solid transparent;
	border-left: 3.5em solid #84D6D6; /* ラベルの色はここで変更 */
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
}

.p-voice-sm::after {
	color: #fff; /* 文字色はここで変更 */
	content: "NEW";
	display: block;
	font-family: "Sawarabi Mincho", serif;
	font-size: 8px;
	left: 5px;
	position: absolute;
	top: 11px;
	z-index: 101;
}

.p-voice__box-left img {
	max-height: 236px;
	max-width: 229px;
}

.p-voice__box-left-sm img {
	max-height: 236px;
	max-width: 229px;
}

.p-voice__box-right {
	padding-left: 32px;
}

.p-voice__box-right-sm {
	padding-left: 10px;
}

.p-voice__box-right-block {
	display: flex;
}

.p-voice__box-right-title h3 {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	padding-top: 7px;
}

.p-voice__box-right-title-sm h3 {
	font-family: "Sawarabi Mincho", serif;
	font-size: 16px;
	line-height: 20px;
	padding-top: 7px;
}

.p-voice__box-right-title-unit {
	display: flex;
	padding-top: 12px;
}

.p-voice__box-right-title-unit h4 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 14px;
	padding: 7px 0;
}

.p-voice__box-right-title-unit-sm {
	display: flex;
	padding-top: 12px;
}

.p-voice__box-right-title-unit-sm h4 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 12px;
	padding: 2px 0;
}

.p-voice__title-star {
	padding-left: 7px;
}

.p-voice__title-star img {
	width: 23px;
}

.p-voice__title-star-sm {
	padding-left: 7px;
}

.p-voice__title-star-sm img {
	width: 16px;
}

.p-voice__box-right-profile {
	display: flex;
	padding-left: 79px;
	padding-top: 5px;
}

.p-voice__box-right-profile-sm {
	display: block;
}

.p-voice__box-right-profile-img {
	display: flex;
}

.p-voice__box-right-profile-img img {
	height: 57px;
	width: 57px;
}

.p-voice__box-right-profile-img-sm {
	display: flex;
	padding-top: 5px;
}

.p-voice__box-right-profile-img-sm img {
	height: 40px;
	width: 40px;
}

.p-voice__profile-img {
	position: relative;
}

.p-voice__profile-img::before {
	color: #84D6D6;
	content: "■";
	font-size: 193%;
	left: -19px;
	position: absolute;
	top: -11px;
}

.p-voice__box-right-profile-star {
	display: flex;
}

.p-voice__block-foot-caption {
	padding-left: 10px;
	padding-top: 7px;
}

.p-voice__block-foot-caption p {
	font-family: "YuGothic";
	font-size: 14px;
	line-height: 21px;
}

.p-voice__block-foot-caption h3 {
	font-family: "YuGothic";
	font-size: 20px;
	line-height: 30px;
	padding-top: 3px;
}

.p-voice__block-foot-caption-sm {
	padding-left: 5px;
	padding-top: 7px;
}

.p-voice__block-foot-caption-sm p {
	font-family: "YuGothic";
	font-size: 11px;
	line-height: 15px;
}

.p-voice__block-foot-caption-sm h3 {
	font-family: "YuGothic";
	font-size: 14px;
	line-height: 18px;
	padding-top: 3px;
}

.p-voice__box-right-profile-star {
	padding-left: 8px;
	padding-top: 33px;
}

.p-voice__box-right-profile-star h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
	padding-left: 2px;
}

.p-voice__box-right-profile-star h4 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-left: 2px;
	padding-top: 3px;
}

.p-voice__box-right-profile-star-sm {
	padding-left: 8px;
	padding-top: 8px;
}

.p-voice__box-right-profile-star-sm h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
	padding-left: 2px;
}

.p-voice__box-right-profile-star-sm h4 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-left: 2px;
	padding-top: 3px;
}

.p-voice__prfile-unit {
	display: flex;
}

.p-voice__profile img {
	height: 18px;
	width: 16px;
}

.p-voice__profile-sm img {
	height: 14px;
	width: 14px;
}

.p-voice__box-right-text {
	padding-top: 6px;
}

.p-voice__box-right-text h3 {
	font-family: "YuGothic";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 24px;
	padding-right: 65px;
}

.p-voice__box-right-text h4 {
	font-family: "YuGothic";
	font-size: 14px;
	line-height: 21px;
	padding-left: 2px;
	padding-top: 13px;
}

.p-voice__box-right-text-sm {
	padding-top: 6px;
}

.p-voice__box-right-text-sm h3 {
	font-family: "YuGothic";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 24px;
	padding-right: 0px;
}

.p-voice__box-right-text-sm h4 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 21px;
	padding-left: 2px;
	padding-top: 13px;
}

.p-voice__box-link-unit {
	display: flex;
}

.p-voice__box-right-label {
	padding-top: 7px;
}

.p-voice__box-label {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding: 2px 8px;
}

.p-voice__box-label-sm {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px;
}

.p-voice__box-right-link {
	margin-left: auto;
}

.p-voice__box-link {
	padding-right: 59px;
	padding-top: 44px;
}

.p-voice__box-link a {
	color: #757676;
	text-decoration: none;
}

.p-voice__box-link-sm {
	padding-right: 0px;
	padding-top: 10px;
}

.p-voice__box-link-sm a {
	color: #757676;
	text-decoration: none;
}

.p-voice__box-link {
	position: relative;
}

.p-voice__box-link:before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 15px;
	position: absolute;
	right: 16px;
	top: 50px;
	transform: skew(45deg);
	width: 132px;
}

.p-voice__box-link-sm {
	position: relative;
}

.p-voice__box-link-sm:before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 7px;
	position: absolute;
	right: -7px;
	top: 20px;
	transform: skew(45deg);
	width: 96px;
}

.p-voice-ranking__wrapper {
	display: flex;
	padding: 0 40px;
}

.p-voice-ranking__box {
	background-color: #fff;
	height: 100%;
	max-height: 329px;
	max-height: 343px;
	max-width: 368px;
	padding: 16px 12px;
	position: relative;
	width: 32%;
}

.p-voice-ranking__box:not(:last-child) {
	margin-right: 24px;
}

.p-voice-ranking__img {
	height: 157px;
	width: 136px;
}

.p-voice-ranking__img img {
	height: 100%;
	max-height: 157px;
	max-width: 136px;
	width: 100%;
}

.p-voice-ranking__caption-unit {
	display: flex;
}

.p-voice-ranking__head {
	display: flex;
}

.p-voice-ranking__foot-title {
	display: flex;
}

.p-voice-ranking__caption {
	padding-left: 16px;
	padding-top: 10px;
}

.p-voice-ranking__caption p {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
}

.p-voice-ranking__caption h3 {
	font-family: "YuGothic";
	font-size: 20px;
	line-height: 29px;
	padding-top: 3px;
}

.p-voice-ranking__caption-unit h3 {
	font-family: "YuGothic";
	font-size: 16px;
	line-height: 24px;
	padding-left: 4px;
}

.p-voice-ranking__caption-unit h4 {
	color: #757676;
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-top: 6px;
}

.p-voice-ranking__star {
	padding-top: 6px;
}

.p-voice-ranking__star img {
	height: 18px;
	width: 15px;
}

.p-voice-ranking__foot {
	padding-top: 17px;
}

.p-voice-ranking__foot p {
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
	padding-top: 9px;
}

.p-voice-ranking__foot h3 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 18px;
	padding-right: 10px;
	padding-top: 2px;
}

.p-voice-ranking__foot-title img {
	height: 12px;
	width: 13px;
}

.p-voice-ranking__foot-title h3 {
	font-family: "YuGothic";
	font-size: 12px;
	line-height: 11px;
	padding-left: 3px;
}

.p-voice-ranking__link {
	border-bottom: 1px solid #757676;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 5px;
	padding-right: 53px;
	padding-top: 18px;
	position: relative;
	text-align: right;
	width: 212px;
}

.p-voice-ranking__link a {
	color: #757676;
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	text-decoration: none;
}

.p-voice-ranking__link:before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	color: #757676;
	content: "";
	height: 6px;
	position: absolute;
	right: 16px;
	top: 20px;
	transform: skew(45deg);
	width: 16px;
}

.p-voice__button {
	margin-top: 60px;
	max-width: 252px;
	width: 100%;
}

.p-voice__button a {
	color: #fff;
	text-decoration: none;
}

.p-voice__button:hover {
	background-color: #fff;
	border: 1px solid #757676;
}

.p-voice__button:hover a {
	color: #757676;
}

.p-voice__button:hover:after {
	color: #757676;
}

.p-instagram__container {
	margin: 64px auto 0;
	max-width: 1175px;
	padding: 5px 0px 0;
	width: 100%;
}

.p-instagram__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.p-instagram__box img {
	height: auto;
	width: 100%;
}

.p-instagram__box:not(:nth-child(4n+1)) {
	margin-left: 38px;
	width: calc(23% - 6px);
}

.p-instagram__box:nth-child(n+5) {
	margin-top: 34px;
}

.footer__container {
	background-color: #F7F7F7;
	width: 100%;
}

.footer__wrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1240px;
	padding: 55px 62px 64px;
	width: 100%;
}

.footer__logo img {
	max-width: 229px;
	width: 100%;
}

.footer__sns-title {
	font-family: "Avenir";
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-top: 22px;
	position: relative;
	text-align: center;
}

.footer__sns-title::before {
	content: "＼";
	left: 44px;
	position: absolute;
}

.footer__sns-title::after {
	content: "／";
	position: absolute;
	right: 44px;
}

.footer__sns-wrapper {
	padding-top: 9px;
	text-align: center;
}

.footer__sns-wrapper img:not(:last-child) {
	margin-right: 10px;
}

.footer__right-block {
	padding: 28px 0;
}

.footer__right-menu:not(:first-child) {
	margin-top: 33px;
}

.footer__menu-list {
	display: flex;
}

.footer__menu-text {
	font-family: "Sawarabi Mincho", serif;
	font-size: 16px;
	position: relative;
}

.footer__menu-text:not(:last-child) {
	margin-right: 24px;
}

.footer__under-wrapper {
	border-top: 1px solid #757676;
	margin: 0 auto;
	max-width: 1240px;
	padding: 26px 30px;
	width: 100%;
}

.footer__under-menu {
	display: flex;
	justify-content: right;
}

.footer__under-menu-text {
	font-family: "Sawarabi Mincho", serif;
	font-size: 14px;
	position: relative;
}

.footer__under-menu-text:not(:last-child) {
	margin-right: 22px;
}

.footer__under-menu-text:last-child {
	padding-right: 37px;
}

.footer__under-container {
	background-color: #84D6D6;
	padding: 8px 0;
}

.footer__under-title {
	color: #fff;
	font-family: "Avenir";
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 16px;
	text-align: center;
}

.footer__under-text {
	color: #fff;
	font-family: "Avenir";
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 16px;
	text-align: center;
}

.modal-plan__container {
	background: #fff;
	border: 1px solid #84D6D6;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
	display: none;
	height: 284px;
	left: 50%;
	max-width: 750px;
	padding: 45px 60px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 501;
}

.modal-area__wrapper {
	display: flex;
	flex-wrap: wrap;
}

.modal-area__item {
	border-bottom: 1px solid #84D6D6;
	margin-top: 16px;
	padding-bottom: 14px;
	position: relative;
	width: 280px;
}

.modal-area__item p {
	font-family: "YuGothic";
	font-size: 16px;
}

.modal-area__item:nth-child(odd) {
	margin-right: 64px;
}

.modal-area__item:before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	bottom: 18px;
	color: #757676;
	content: "";
	height: 6px;
	position: absolute;
	right: 12%;
	transform: skew(45deg);
	width: 40px;
}

.modal-contact-background {
	background: rgba(0, 0, 0, 0.3);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}

.modal-area__unit {
	border-bottom: 1px solid #757676;
	display: flex;
	height: 76px;
	margin-top: 12px;
	max-width: 280px;
	padding-bottom: 12px;
	position: relative;
	width: 100%;
}

.modal-area__unit img {
	width: 64px;
}

.modal-area__unit p {
	font-family: "YuGothic";
	font-size: 16px;
	left: 25%;
	line-height: 24px;
	position: absolute;
	top: 50%;
	transform: translate(6%, -60%);
}

.modal-area__unit:before {
	border-bottom: solid 1px;
	border-right: solid 1px;
	bottom: 18px;
	color: #757676;
	content: "";
	height: 6px;
	position: absolute;
	right: 12%;
	transform: skew(45deg);
	width: 40px;
}

.modal-area__container {
	background: #fff;
	border: 1px solid #84D6D6;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
	display: none;
	height: 332px;
	left: 50%;
	max-width: 750px;
	padding: 25px 60px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 501;
}

.drawer-hamburger {
	background-color: #84D6D6;
	height: 52px;
	padding: 25px 0.75rem 25px;
	width: 76px;
	z-index: 102;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 30px;
	top: 30px;
}

.drawer-hamburger-icon {
	background-color: #fff;
	margin: 0 auto;
	width: 34px;
}

.drawer-hamburger-icon:before {
	background-color: #fff;
}

.drawer-hamburger-icon:after {
	background-color: #fff;
}

.drawer-hamburger:hover {
	background-color: #84D6D6;
	cursor: pointer;
}

.drawer-nav {
	background-color: #fff;
	border: 30px solid #EEF9F8;
	color: #222;
	height: 100%;
	max-height: 861px;
	max-width: 1440px;
	overflow: hidden;
	position: fixed;
	right: 100%;
	top: 0;
	width: 100%;
	z-index: 101;
}

.drawer--right .drawer-nav {
	right: -90.25rem;
	transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-drawer-container {
	position: relative;
}

.p-drawer-container img {
	left: 0;
	position: absolute;
	top: -49px;
	width: 300px;
}

.p-drawer-wrapper {
	display: flex;
}

.p-drawer-wrapper a {
	color: #000;
	font-family: "Sawarabi Mincho", serif;
	font-size: 24px;
	line-height: 36px;
	text-decoration: none;
}

.p-drawer-button a {
	background-color: #757676;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	padding: 16px 83px 16px 24px;
	position: relative;
	width: 217px;
}

.p-drawer-button a:after {
	border-bottom: solid 1px;
	border-right: solid 1px;
	bottom: 30px;
	color: #fff;
	content: "";
	height: 6px;
	position: absolute;
	right: 12%;
	transform: skew(45deg);
	width: 40px;
}

.p-drawer-button a:hover {
	background-color: #fff;
	border: 1px solid #757676;
	color: #757676;
}

.p-drawer-button a:hover:after {
	color: #757676;
}

.p-drawer-nav-item:not(:first-child) {
	margin-top: 30px;
}

.p-drawer-nav-list__left {
	flex: 0 0 50%;
	margin-top: 193px;
	position: relative;
	text-align: center;
}

.p-drawer-nav-list__left:after {
	background-color: #757676;
	content: "";
	height: 546px;
	position: absolute;
	right: 0%;
	top: 0;
	transform: translateX(0%);
	width: 1px;
}

.p-drawer-nav-list__right {
	flex: 0 0 50%;
	margin-top: 193px;
	text-align: center;
}

.p-drawer__footer-nav-wrapper {
	bottom: -61%;
	display: flex;
	position: absolute;
	right: 12%;
}

.p-drawer__footer-nav-wrapper a {
	color: #000;
	font-family: "Sawarabi Mincho", serif;
	font-size: 18px;
	line-height: 27px;
	text-decoration: none;
}

.p-drawer__footer-nav-item:not(:first-child) {
	margin-left: 24px;
}

.p-drawer__header-sp {
	background-color: #fff;
	height: 60px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.p-drawer__header-sp img {
	padding: 12px 0px 7px 17px;
	width: 142px;
}

@media screen and (min-width: 1100px) {

.l-planner-ranking-swiper {
	display: none;
}

.l-planner-ranking {
	display: flex;
}

.c-is-tab {
	display: none;
}

.c-is-sp__only {
	display: none;
}

.c-is-pc__only {
	display: block;
}

.c-is-pc__only-ranking {
	display: flex;
}

.c-is-ranking__swiper {
	display: none;
}

}

@media screen and (max-width: 1199px) {

.l-planner-ranking-swiper {
	display: block;
}

.l-planner-ranking {
	display: none;
}

.c-section__title {
	display: block;
}

.c-is-pc {
	display: none;
}

.c-is-tab {
	display: block;
}

.c-is-sp__only {
	display: none;
}

.c-is-pc__only {
	display: block;
}

.c-is-pc__only-ranking {
	display: flex;
}

.c-is-ranking__swiper {
	display: none;
}

.js-swiper9 {
	overflow: hidden;
}

.p-recomend__item-img img {
	height: 107px;
	width: 106px;
}

.p-recomen__item-text h3 {
	font-size: 16px;
}

.p-populer__box:nth-child(2) {
	margin-right: 20px;
}

.p-populer__box-sm {
	padding: 27px 21px 36px 21px;
}

.p-populer__block-foot-unit-link {
	margin-right: 19px;
}

.p-populer__block-foot-unit-link::after {
	width: 103px;
}

.p-populer-plan__wrapper {
	padding: 70px 20px 90px;
}

.p-populer-plan__block:not(:first-child) {
	margin-left: 10px;
}

.p-populer-plan__block-sm:not(:first-child) {
	margin-left: 10px;
}

.p-tags__wrapper {
	display: block;
	padding: 52px 70px 50px;
}

.p-tags__box-left {
	max-width: none;
}

.p-tags__box-center {
	border-bottom: 1px solid #757676;
	border-left: none;
	border-right: none;
	border-top: 1px solid #757676;
	margin-top: 20px;
	max-width: none;
	padding-bottom: 20px;
	padding-left: 0;
	padding-top: 20px;
}

.p-tags__box-right {
	margin-top: 20px;
	padding-left: 0;
	width: 100%;
}

.p-tags__title:before {
	left: 18%;
}

.p-tags__title:after {
	right: 18%;
}

.p-tags__title {
	margin-bottom: 26px;
	padding-left: 0;
	padding-right: 0;
}

.p-voice {
	padding: 10px 27px;
}

.p-voice__box-right-title h3 {
	font-size: 16px;
}

.p-voice__box-right-profile {
	display: block;
	padding-left: 20px;
}

.p-voice__block-foot-caption {
	padding-top: 0;
}

.p-voice__block-foot-caption p {
	font-size: 12px;
	line-height: 14px;
}

.p-voice__block-foot-caption h3 {
	font-size: 16px;
	line-height: 20px;
}

.p-voice__box-right-profile-star {
	padding-top: 5px;
}

.p-voice__box-right-text h3 {
	font-size: 14px;
	line-height: 20px;
	padding-right: 36px;
}

.p-voice__box-right-text h4 {
	padding-top: 5px;
}

.p-voice__box-right-text-sm h4 {
	padding-top: 5px;
}

.p-voice__box-link {
	padding-top: 0;
}

.p-voice__box-link:before {
	top: 5px;
}

.p-voice-ranking__wrapper {
	padding: 0 20px;
}

.p-voice-ranking__star img {
	height: 15px;
	width: 13px;
}

.p-voice-ranking__link {
	font-size: 14px;
	margin: 0 auto;
	padding-right: 40px;
	width: 85%;
}

.p-voice-ranking__link a {
	font-size: 12px;
}

.p-instagram__container {
	padding: 5px 60px;
}

.p-instagram__box {
	width: calc(31% - 24px);
}

.p-instagram__box:not(:nth-child(4n+1)) {
	margin-left: 0px;
}

.p-instagram__box:not(:nth-child(3n+1)) {
	margin-left: 38px;
	width: calc(31% - 24px);
}

.p-instagram__box:nth-child(n+5) {
	margin-top: 0px;
}

.p-instagram__box:nth-child(n+4) {
	margin-top: 30px;
	width: calc(31% - 24px);
}

.footer__menu-text:not(:last-child) {
	margin-right: 20px;
}

.footer__menu-text {
	font-size: 14px;
}

.p-drawer__footer-nav-wrapper {
	display: block;
}

.p-drawer__footer-nav-item:not(:first-child) {
	margin-left: 0px;
}

}

@media screen and (max-width: 1199px) and (max-width: 767px) {

.p-instagram__box:not(:nth-child(3n+1)) {
	margin-left: 28px;
}

.p-instagram__box:nth-child(n+4) {
	margin-top: 21px;
}

}

@media screen and (max-width: 767px) {

.l-section__wrapper-title {
	padding: 0 8px;
}

.l-recent {
	margin-top: 48px;
	padding: 66px 0 22px 0;
}

.l-recent__layout {
	padding: 17px 0 18px 30px;
}

.l-BestPlanner {
	padding: 66px 0 60px;
}

.l-BestPlanner::before {
	background-size: 90%;
	bottom: 5%;
}

.l-recomend {
	padding: 6px 0 70px;
}

.l-populer {
	padding: 68px 0 47px;
}

.l-populer__title {
	padding-left: 23px;
	padding-top: 18px;
}

.l-populer-plan__container {
	padding: 0 24px;
}

.l-planner {
	padding: 67px 0 0 0;
}

.l-tags {
	padding: 165px 0 70px;
}

.l-voice {
	padding: 65px 0 60px;
}

.l-instagram {
	padding: 70px 0 79px;
}

.c-section__title h2 {
	font-size: 16px;
}

.c-section__title h2::before {
	left: -1px;
	top: -5px;
}

.c-section__title p {
	font-size: 16px;
	padding-left: 15px;
}

.c-section__title p::before {
	height: 1px;
	left: 16px;
	top: -1px;
	width: 40px;
}

.c-section__sub-title h3 {
	font-size: 16px;
}

.c-section__sub-title p {
	font-size: 16px;
}

.c-area {
	font-size: 12px;
	line-height: 22px;
}

.c-card__label-green {
	padding: 5px 5px;
}

.c-card__label-orange {
	padding: 5px 5px;
}

.c-card__label-pink {
	padding: 5px 5px;
}

.c-is__pink-plan::before {
	left: 46px;
	top: -12px;
}

.c-is__orange-plan::before {
	left: 46px;
	top: -12px;
}

.c-is__green-plan {
	margin-bottom: -19px;
	margin-top: 0px;
}

.c-is__green-plan::before {
	left: 46px;
	top: 10px;
}

.c-is-pc {
	display: none;
}

.c-is-sp__only {
	display: block;
}

.c-is-pc__only {
	display: none;
}

.c-is-pc__only-ranking {
	display: none;
}

.c-is-ranking__swiper {
	display: block;
}

.p-main__mv {
	height: 662px;
}

.p-main__wrapper {
	left: 0;
	max-width: 240px;
	padding: 35px 20px 44px 20px;
	top: 45%;
}

.p-main__wrapper-text {
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 15px;
}

.p-main__wrapper-img {
	display: none;
}

.p-main__wrapper-title-head {
	font-size: 20px;
	letter-spacing: 0.19em;
	padding-top: 33px;
}

.p-main__wrapper-title-head span {
	font-size: 29px;
}

.p-main__wrapper-title-middle {
	font-size: 16px;
	padding-top: 22px;
}

.p-main__wrapper-title-foot {
	font-size: 19px;
	padding-bottom: 22px;
	padding-top: 18px;
}

.p-main__button-left img {
	height: 19px;
	margin-left: 0;
	margin-right: 10px;
}

.p-main__button-left::after {
	height: calc(100% - 16px);
	left: 4px;
	top: 6px;
	width: calc(100% - 14px);
}

.p-main__button-left {
	max-height: 86px;
	padding: 10px 0;
}

.p-main__button-right img {
	height: 19px;
	margin-left: 0;
	margin-right: 10px;
}

.p-main__button-right::after {
	height: calc(100% - 16px);
	left: 4px;
	top: 6px;
	width: calc(100% - 14px);
}

.p-main__button-right {
	max-height: 86px;
	padding: 10px 0;
}

.p-main__button-text {
	font-size: 14px;
	line-height: 19px;
	padding-right: 25px;
	padding-top: 4px;
}

.p-main__button-text span {
	font-size: 14px;
}

.p-main__button-text .kara {
	font-size: 13px;
}

.p-recent {
	height: 116px;
	max-width: 371px;
	width: 100%;
}

.p-recent__title {
	padding-left: 10px;
}

.p-recent__item {
	height: 116px;
	width: 371px;
}

.p-recent__item-img {
	height: 116px;
	width: 114px;
}

.p-recent__item-img img {
	height: 100%;
	width: 100%;
}

.p-recent__item__about {
	padding: 16px 8px;
}

.p-recent__item-title {
	font-size: 18px;
}

.p-recent__item-service {
	padding-top: 11px;
}

.p-recent__item-service::before {
	top: 7px;
}

.p-recent__item-service-icon {
	height: 24px;
	width: 80px;
}

.js-swiper6 {
	padding-left: 0;
}

.p-report {
	height: 437px;
	max-width: 294px;
	width: 100%;
}

.p-report__item-img {
	height: 437px;
	max-width: 294px;
}

.p-report__item__content {
	height: 222px;
	max-width: 246px;
	padding: 18px 16px 15px;
	top: 161px;
}

.p-report__item-title {
	font-size: 16px;
	padding-bottom: 6px;
}

.p-report__item-box {
	padding-top: 1px;
}

.p-report__item-label {
	font-size: 10px;
	line-height: 20px;
}

.p-best__wrapper {
	margin: 42px auto 60px;
}

.p-best__wrapper h3 {
	font-size: 16px;
}

.p-best__title {
	font-size: 21px;
	line-height: 40px;
	margin-bottom: 25px;
}

.p-best__title span {
	font-size: 33px;
}

.p-best__footer {
	margin: 61px 0 46px;
}

.p-best__footer-text {
	font-size: 16px;
	letter-spacing: 2px;
}

.p-best__footer-button {
	width: 324px;
}

.p-best__footer-button a {
	font-size: 15px;
	letter-spacing: 2px;
}

.p-best {
	height: 100%;
	max-height: 110px;
	max-width: 110px;
	width: 100%;
}

.p-best__img img {
	height: 100%;
	max-height: 110px;
	max-width: 110px;
	width: 100%;
}

.p-recomend__wrapper {
	justify-content: center;
}

.p-recomend__wrapper {
	display: block;
	margin: 45px auto 0px;
	padding: 38px 27px 26px;
}

.p-recomend__container {
	padding: 0 35px;
}

.p-recomend__item {
	margin: 0 auto;
	max-height: 107px;
	max-width: 292px;
	width: 100%;
}

.p-recomend__item:not(:first-child) {
	margin-top: 39px;
}

.p-recomend__item-img img {
	height: 107px;
	width: 106px;
}

.p-recomen__item-text h3 {
	font-size: 16px;
}

.p-populer__button {
	font-size: 16px;
	line-height: 20px;
	margin-top: 21px;
	max-width: 315px;
	padding: 23px 99px 23px 24px;
	width: 100%;
}

.p-populer__button a {
	color: #fff;
	text-decoration: none;
}

.p-populer__button:after {
	top: 35px;
}

.p-populer-plan__container {
	margin: 55px auto 45px;
	padding: 0 10px 72px;
}

.p-populer-plan__title {
	padding-left: 23px;
	padding-top: 49px;
}

.p-populer-plan__wrapper {
	display: block;
	margin-top: 17px;
	padding: 35px 27px 19px;
}

.p-populer-plan__block {
	margin: 20px auto 0;
}

.p-populer-plan__block:not(:first-child) {
	margin: 30px auto 0;
}

.p-populer-plan__block-sm {
	margin: 20px auto 0;
}

.p-populer-plan__block-sm:not(:first-child) {
	margin: 15px auto 0;
}

.p-populer-plan__genre-sm {
	line-height: 25px;
}

.p-populer-plan__box::after {
	height: calc(100% - 23px); /* 外側の線になる要素の高さを指定する */
	left: 8px;
	top: 10px;
	width: calc(100% - 15px); /* 外側の線になる要素の幅を指定する*/
}

.p-populer-plan__box {
	margin-top: 21px;
	padding: 21px 16px 0px;
}

.p-populer-plan__box-img {
	margin: 0 auto;
	max-height: 184px;
	max-width: 260px;
}

.p-populer-plan__box-img img {
	max-height: 184px;
	max-width: 260px;
}

.p-populer-plan__item__content {
	background-color: rgba(255, 255, 255, 0.88);
	left: 50%;
	max-width: 246px;
	position: absolute;
	top: 174px;
	transform: translateX(-50%);
	width: 100%;
}

.p-populer-plan__item-title {
	font-size: 16px;
	line-height: 25px;
	padding: 15px 15px 8px;
}

.p-populer-plan__item-box {
	border-top: 0.5px solid #757676;
	margin: 0 auto;
	padding: 5px 0px;
	width: 88%;
}

.p-populer-plan__item-area {
	padding: 6px 3px;
}

.p-populer-plan__item-tag-content {
	padding-left: 1px;
	padding-top: 4px;
}

.p-populer-plan__block-foot-unit {
	margin-top: 161px;
	padding-bottom: 23px;
	padding-left: 8px;
}

.p-populer-plan__block-foot-unit-link {
	display: none;
}

.p-populer-plan__button {
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
	max-width: 298px;
	padding: 21px 96px 21px 25px;
	width: 100%;
}

.p-populer-new__title {
	padding-bottom: 0;
	padding-left: 10px;
}

.p-populer-new__box {
	margin-top: 17px;
}

.p-populer-new__button {
	margin-top: 20px;
	max-width: 235px;
	padding: 23px 90px 23px 24px;
	width: 100%;
}

.p-populer-new__button a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.p-tags__container {
	margin: 23px auto 0;
	padding: 0 25px;
}

.p-tags__wrapper {
	display: block;
	padding: 52px 20px 50px;
}

.p-tags__box-center {
	margin-top: 50px;
	padding-bottom: 48px;
	padding-top: 55px;
}

.p-tags__box-right {
	margin-top: 54px;
}

.p-tags__title:before {
	left: 12%;
}

.p-tags__title:after {
	right: 12%;
}

.p-tags__block-area {
	padding-top: 1px;
}

.p-planner-ranking__title {
	padding-left: 2px;
	padding-top: 16px;
}

.p-planner-new__container {
	margin: 66px auto 63px;
}

.p-planner-new__wrapper {
	margin-top: 18px;
	padding-bottom: 67px;
}

.p-planner__button {
	max-width: 251px;
}

.p-planner__button a {
	font-size: 16px;
}

.p-voice__container {
	margin: 25px auto 0;
	padding: 20px 0 54px 0;
}

.p-voice__title {
	padding-bottom: 19px;
	padding-left: 17px;
}

.p-voice__title-ranking {
	padding-bottom: 16px;
	padding-left: 16px;
	padding-top: 22px;
}

.p-voice__box-left {
	max-height: 144px;
}

.p-voice__box-left img {
	max-height: 144px;
	max-width: 125px;
}

.p-voice__box-left-sm {
	max-height: 144px;
}

.p-voice__box-left-sm img {
	max-height: 144px;
	max-width: 125px;
}

.p-voice__box-right-block {
	display: block;
}

.p-voice-ranking__wrapper {
	padding: 0 0px;
}

.p-voice-ranking__link {
	width: 55%;
}

.p-voice__button {
	margin-top: 15px;
}

.p-instagram__container {
	margin: 11px auto 0;
	padding: 5px 19px;
}

.footer__wrapper {
	padding: 19px 30px 16px;
}

.footer__wrapper {
	justify-content: center;
}

.footer__left-block {
	flex: 0 0 56%;
	padding-top: 17px;
}

.footer__logo img {
	width: 75%;
}

.footer__logo {
	margin-right: 39px;
	text-align: center;
}

.footer__sns-title {
	font-size: 12px;
	margin-right: 39px;
	padding-top: 14px;
}

.footer__sns-title::before {
	content: "＼";
	left: 15%;
	position: absolute;
}

.footer__sns-title::after {
	content: "／";
	position: absolute;
	right: 15%;
}

.footer__sns-wrapper img {
	margin-right: 39px;
	width: 13px;
}

.footer__menu-list {
	display: block;
	margin-top: 8px;
}

.footer__menu-text {
	font-size: 12px;
}

.footer__menu-text:not(:first-child) {
	margin-top: 14px;
}

.footer__under-wrapper {
	width: 80%;
}

.footer__under-menu {
	justify-content: space-between;
}

.footer__under-menu-text {
	font-size: 12px;
}

.footer__under-menu-text:last-child {
	padding-right: 0px;
}

.modal-plan__container {
	height: 480px;
	width: 344px;
}

.modal-area__wrapper {
	display: block;
}

.modal-area__item {
	width: 225px;
}

.modal-area__unit p {
	transform: translate(14%, -60%);
}

.modal-area__unit:before {
	bottom: 11px;
	right: 4%;
}

.modal-area__container {
	height: 503px;
	width: 344px;
}

.drawer-hamburger {
	height: 40px;
	padding: 10px 10px;
	width: 40px;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 10px;
	top: 10px;
}

.drawer-nav {
	border: 10px solid #EEF9F8;
	max-height: 553px;
}

.p-drawer-container img {
	left: 50%;
	top: -112px;
	transform: translateX(-50%);
	width: 157px;
}

.p-drawer-wrapper a {
	font-size: 18px;
	line-height: 27px;
}

.p-drawer-wrapper {
	display: block;
}

.p-drawer-button a {
	width: 190px;
}

.p-drawer-nav-item:not(:first-child) {
	margin-top: 25px;
}

.p-drawer-nav-list__left {
	margin-top: 74px;
}

.p-drawer-nav-list__left:after {
	display: none;
}

.p-drawer-nav-list__right {
	margin-top: 25px;
}

.p-drawer__footer-nav-wrapper {
	bottom: -15%;
	display: flex;
	right: 50%;
	transform: translateX(50%);
	width: 242px;
}

.p-drawer__footer-nav-wrapper a {
	font-size: 12px;
}

.p-drawer__footer-nav-item:not(:first-child) {
	margin-left: 10px;
}

}

@media screen and (max-width: 410px) {

.p-voice__box-label-sm {
	bottom: 7px;
	left: 8px;
	position: absolute;
}

}