@import url("https://fonts.googleapis.com/css2?family=Lato&family=Zen+Maru+Gothic&display=swap");

body,
html {
	width: 1440px;
	margin: 0 auto;
	color: #000000;
}

img {
	width: 100%;
	height: auto;
}

a:focus,
a:hover {
	cursor: pointer;
}

.star5_rating {
	display: inline-block;
	z-index: 0;
	position: relative;
	color: #CCCCCC; /* グレーカラー 自由に設定化 */
	white-space: nowrap; /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before,
.star5_rating:after {
	content: "★★★★★";
}

.star5_rating:after {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #ffcf32; /* イエローカラー 自由に設定化 */
	white-space: nowrap;
}

.star5_rating[data-rate="5"]:after {
	width: 100%;
}

/* 星5 */

.star5_rating[data-rate="4.5"]:after {
	width: 90%;
}

/* 星4.5 */

.star5_rating[data-rate="4"]:after {
	width: 80%;
}

/* 星4 */

.star5_rating[data-rate="3.5"]:after {
	width: 70%;
}

/* 星3.5 */

.star5_rating[data-rate="3"]:after {
	width: 60%;
}

/* 星3 */

.star5_rating[data-rate="2.5"]:after {
	width: 50%;
}

/* 星2.5 */

.star5_rating[data-rate="2"]:after {
	width: 40%;
}

/* 星2 */

.star5_rating[data-rate="1.5"]:after {
	width: 30%;
}

/* 星1.5 */

.star5_rating[data-rate="1"]:after {
	width: 20%;
}

/* 星1 */

.star5_rating[data-rate="0.5"]:after {
	width: 10%;
}

/* 星0.5 */

.star5_rating[data-rate="0"]:after {
	width: 0%;
}

/* 星0 */

.swiper-button-prev::after,
.swiper-button-next::after {
	width: 10px;
}

.section__title {
	z-index: 1;
	position: relative;
	margin-right: 24px;
	padding-right: 24px;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.3333333333;
	font-family: "Lato", sans-serif;
	letter-spacing: 0.1em;
}

.section__title-area {
	display: flex;
	align-items: center;
	margin-left: 118px;
}

.section__title::before {
	z-index: -1;
	position: absolute;
	top: -9px;
	left: -18px;
	width: 35px;
	height: 35px;
	background-color: #84D6D6;
	content: "";
	font-size: 30px;
}

.section__jp-title {
	font-size: 20px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.section__heading {
	position: relative;
	margin-right: 8px;
	color: #84D6D6;
	font-size: 24px;
	line-height: 1.25;
	font-family: "Lato", sans-serif;
	letter-spacing: 0.1em;
}

.section__heading-area {
	display: flex;
	align-items: center;
	align-items: center;
	margin-left: 146px;
}

.section__heading::before {
	position: absolute;
	top: 50%;
	left: -16px;
	width: 8px;
	height: 8px;
	transform: translateY(-50%);
	background-color: #D9D9D9;
	content: "";
}

.btn {
	display: inline-block;
	position: relative;
	padding: 16px 0px 16px 24px;
	border: 1px solid transparent;
	background-color: #757676;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
	transition: all 0.3s ease 0s;
}

.btn:hover {
	border: 1px solid #757676;
	background-color: #FFFFFF;
	color: #757676;
}

.btn::before {
	position: absolute;
	top: 50%;
	right: 28px;
	width: 27px;
	height: 1px;
	transform: translateY(-50%);
	background-color: #FFFFFF;
	content: "";
}

.btn::after {
	position: absolute;
	top: 50%;
	right: 27px;
	width: 9px;
	height: 1px;
	transform: translateY(-4px) rotate(45deg);
	background-color: #FFFFFF;
	content: "";
}

.profile {
	display: flex;
	position: relative;
	margin-top: 12px;
}

.profile::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 19px;
	height: 19px;
	background-color: #84D6D6;
	content: "";
}

.profile__img {
	width: 65px;
}

.profile__text-box {
	margin-left: 16px;
}

.profile__text {
	margin-top: 8px;
	color: #757676;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
}

.profile__name {
	font-weight: 500;
	line-height: 1.5;
}

.profile__affiliation {
	font-weight: 500;
	font-size: 12px;
}

.card__title {
	font-size: 18px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.card__sub-title {
	display: inline-block;
	margin-top: 16px;
	padding: 2px 8px;
	background-color: #ABD07B;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.card__area {
	position: relative;
	margin-top: 8.5px;
	padding-left: 47px;
}

.card__area::before {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 4px;
	transform: translateY(-50%);
	border: 1px solid #84D6D6;
	content: "エリア";
	color: #84D6D6;
	font-size: 10px;
	line-height: 1.5;
}

.card__tag-area {
	margin-top: 10.5px;
}

.card__tag {
	display: inline-block;
	margin-bottom: 3px;
	padding: 2px 6px 2px 4px;
	border-radius: 22.5px;
	background-color: #84D6D6;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.card__tag:not(:last-child) {
	margin-right: 8px;
}

.card__img-box {
	position: relative;
}

.card__img-box::after {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(117, 118, 118, 0.66);
	content: "";
}

.main-visual {
	position: relative;
	margin-bottom: 117px;
	padding-top: 54.9305555556%;
	background: url(../img/mv.jpg) no-repeat center center/cover;
}

.main-visual__catch-copy {
	position: absolute;
	width: 28.75%;
	width: 414px;
	margin-left: 145px;
	padding-top: 9.4444444444%;
	padding-bottom: 7.6388888889%;
	background-color: #FFFFFF;
	text-align: center;
}

.main-visual__btn-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(50%);
	content: "";
}

.main-visual__btn {
	display: inline-block;
	position: relative;
	width: 27.7777777778%;
	padding: 23px 0;
	border: 1px solid transparent;
	color: #FFFFFF;
	text-align: center;
	transition: all 0.3s ease 0s;
}

.main-visual__btn::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 32px);
	height: calc(100% - 30px);
	transform: translate(-50%, -50%);
	border: 1px solid #FFFFFF;
	content: "";
}

.main-visual__btn:nth-child(1) {
	background-color: #757676;
}

.main-visual__btn:nth-child(1):hover {
	border: 1px solid #757676;
	background-color: #FFFFFF;
	color: #757676;
}

.main-visual__btn:nth-child(1):hover::before {
	border: 1px solid #757676;
}

.main-visual__btn:nth-child(2) {
	background-color: #84D6D6;
}

.main-visual__btn:nth-child(2):hover {
	border: 1px solid #84D6D6;
	background-color: #FFFFFF;
	color: #84D6D6;
}

.main-visual__btn:nth-child(2):hover::before {
	border: 1px solid #84D6D6;
}

.main-visual__btn-text1,
.main-visual__btn-text3 {
	font-weight: 500;
	line-height: 1.5;
}

.main-visual__btn-text2 {
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 1.5;
}

.main-visual__btn-text2::before,
.main-visual__btn-text2::after {
	position: absolute;
	top: 50%;
	right: -40px;
	width: 16px;
	height: 1px;
	transform: translateY(-6px) rotate(45deg);
	background-color: #FFFFFF;
	content: "";
}

.main-visual__btn-text2::after {
	transform: translateY(6px) rotate(-45deg);
}

.main-visual__btn-text2--accent {
	font-weight: 700;
	font-size: 24px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.main-visual__sub-title1,
.main-visual__sub-title2 {
	color: #757676;
	line-height: 1.36625;
	font-family: "Lato", sans-serif;
	letter-spacing: 0.1em;
}

.main-visual__sub-title2 {
	position: relative;
	margin-top: 7px;
	margin-bottom: 67px;
}

.main-visual__sub-title2::after {
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 218px;
	height: 1px;
	transform: translateX(-50%);
	background-color: rgba(117, 118, 118, 0.56);
	content: "";
}

.main-visual__copy1 {
	font-size: 48px;
	line-height: 72px;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing: 0.08em;
}

.main-visual__copy1--accent {
	color: #84D6D6;
	font-size: 64px;
	line-height: 94px;
	letter-spacing: 0.08em;
}

.main-visual__copy2 {
	font-size: 36px;
	line-height: 54px;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing: -0.05em;
}

.main-visual__copy3 {
	position: relative;
	font-size: 38px;
	line-height: 57px;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing: 0.1em;
}

.main-visual__copy3::after {
	position: absolute;
	bottom: -49px;
	left: 50%;
	width: 218px;
	height: 1px;
	transform: translateX(-50%);
	background-color: rgba(117, 118, 118, 0.56);
	content: "";
}

.main-visual__copy3--accent {
	font-size: 40px;
	line-height: 60px;
}

.main-visual__img-box {
	width: 258px;
	height: 187px;
	margin: 0 auto;
	margin-top: 15px;
}

.header {
	z-index: 10;
	position: fixed;
	top: 0;
	right: 0vw;
}

.header__humberger-menu,
.header__menu {
	width: 100px;
	height: 100px;
	border: 1px solid #84D6D6;
	background: #FFFFFF;
	text-align: center;
}

.header__humberger-menu:nth-child(2) * .header__nav-img-box,
.header__menu:nth-child(2) * .header__nav-img-box {
	width: 23px;
	padding-top: 21px;
}

.header__humberger-menu:nth-child(3) * .header__nav-img-box,
.header__menu:nth-child(3) * .header__nav-img-box {
	margin-left: 26px;
}

.header__humberger-menu {
	background-color: #84D6D6;
}

.header__humberger-menu .header__nav-btn {
	position: relative;
}

.header__bar1,
.header__bar2,
.header__bar3 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 33.75px;
	height: 1px;
	transform: translate(-50%, -50%);
	background-color: #FFFFFF;
}

.header__bar1 {
	transform: translate(-50%, calc(-50% + 12px));
}

.header__bar3 {
	transform: translate(-50%, calc(-50% - 12px));
}

.header__nav-btn {
	display: block;
	width: 100px;
	height: 100px;
}

.header__nav-img-box {
	width: 35px;
	margin: 0 auto;
	padding-top: 24px;
}

.header__nav-text {
	margin-top: 7px;
	color: #757676;
	font-size: 12px;
}

.header-sp {
	display: flex;
	align-items: center;
	width: 100%;
	height: 60px;
	background-color: #FFFFFF;
}

.header-sp__logo {
	width: 31.884057971%;
	margin-left: 16px;
}

.pc-menu {
	display: none;
	z-index: 20;
	position: fixed;
	top: 0;
	left: 50%;
	width: 1440px;
	height: 100%;
	transform: translateX(-50%);
	background-color: #EEF9F8;
}

.pc-menu__img-box {
	width: 300px;
}

.pc-menu__inner {
	position: relative;
	height: calc(100vh - 60px);
	margin: 30px;
	background-color: #FFFFFF;
}

.pc-menu__nav {
	display: flex;
	position: relative;
}

.pc-menu__nav::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 546px;
	transform: translateX(-50%);
	background-color: #757676;
	content: "";
}

.pc-menu__left {
	width: 50%;
	margin-left: 172px;
}

.pc-menu__right {
	width: 50%;
	margin-left: 91px;
}

.pc-menu__menu {
	margin-bottom: 32px;
	font-size: 24px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.pc-menu__btn {
	margin-left: 172px;
	padding-right: 80px;
}

.pc-menu__close-btn-area {
	position: absolute;
	top: 24px;
	right: 24px;
}

.pc-menu__close-btn {
	display: block;
	position: relative;
	width: 24px;
	height: 24px;
	background-color: #84D6D6;
}

.pc-menu__close-btn::before,
.pc-menu__close-btn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 1px;
	background-color: #FFFFFF;
	content: "";
}

.pc-menu__close-btn::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.pc-menu__close-btn::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.search-plan-menu,
.search-area-menu {
	display: none;
	z-index: 15;
	position: fixed;
	top: 0;
	left: 50%;
	width: 1440px;
	height: 100vh;
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.7);
}

.search-plan-menu__inner,
.search-area-menu__inner {
	display: flex;
	position: fixed;
	top: 50vh;
	left: 50%;
	flex-direction: column;
	flex-wrap: wrap;
	width: 750px;
	height: 300px;
	margin-top: -12px;
	margin-bottom: -12px;
	padding: 25px 60px 37px 60px;
	transform: translate(-50%, -50%);
	border: 1px solid #757676;
	background-color: #FFFFFF;
}

.search-plan-menu__item {
	display: flex;
	position: relative;
	align-items: center;
	width: 276px;
	height: 64px;
	margin-bottom: 12px;
	padding-top: 12px;
}

.search-plan-menu__img-box {
	width: 64px;
}

.search-plan-menu__link {
	display: block;
	width: calc(100% - 64px);
	margin-left: 14px;
}

.search-area-menu__inner {
	padding: 45px 63px;
	border: solid 1px #84D6D6;
}

.search-area-menu__item {
	display: flex;
	position: relative;
	align-items: center;
	width: 280px;
	margin-bottom: 30px;
}

.search-area-menu__item:nth-child(4n) {
	margin-bottom: 14px;
}

.search-area-menu__item::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #84D6D6;
	content: "";
}

.search-area-menu__link {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
}

.recent {
	padding-top: 74px;
	padding-bottom: 64px;
	background-color: #EEF9F8;
}

.recent__heading-area {
	margin-top: 64px;
}

.recent-media {
	margin-top: 25.5px;
}

.recent-media__item {
	display: flex;
	position: relative;
	align-items: center;
	background-color: #FFFFFF;
}

.recent-media__item::after {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	margin: 8px 0 8px 8px;
	border: 1px solid #FFFFFF;
	content: "";
}

.recent-media__img-box {
	width: 160px;
}

.recent-media__body {
	padding: 15px 16px 20px 30px;
}

.recent-media__name {
	font-size: 22px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.recent-media__affiliation {
	position: relative;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.recent-media__affiliation::after {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.recent-media__area1,
.recent-media__area2 {
	margin-left: 41px;
	padding-left: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
}

.recent-media__area1 {
	position: relative;
	margin-top: 24px;
}

.recent-media__area1::before {
	position: absolute;
	top: 50%;
	right: 100%;
	width: 41px;
	height: 21px;
	transform: translateY(-50%);
	border: 1px solid #84D6D6;
	content: "エリア";
	color: #84D6D6;
	font-weight: 500;
	font-size: 10px;
	line-height: 21px;
	text-align: center;
}

.recent__report-heading-area {
	margin-top: 72px;
}

.recent-card {
	position: relative;
	margin-top: 32px;
}

.recent-card__title {
	position: relative;
}

.recent-card__title::before {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 87.3493975904%;
	width: 100%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.recent-card__item {
	padding: 12px;
	padding-bottom: 12.3611111111%;
	background-color: #FFFFFF;
}

.recent-card__body {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 84.693877551%;
	margin-bottom: -3px;
	padding: 16px 17px 19px 15px;
	transform: translateX(-50%);
	background: rgba(255, 255, 255, 0.88);
}

.recent-card__tag-area {
	margin-top: 10.5px;
}

.swiper {
	width: 100%;
}

.about {
	position: relative;
	padding: 64px 0;
}

.about::before {
	position: absolute;
	right: 0;
	bottom: 29.8611111111%;
	width: 72.7083333333%;
	padding-top: 39.2361111111%;
	background: url(../img/logo_2.png) no-repeat center center/cover;
	content: "";
}

.about__text1 {
	display: block;
	margin-top: 76px;
	font-size: 30px;
	line-height: 2;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
}

.about__text1--accent {
	color: #84D6D6;
	font-size: 60px;
	line-height: 1;
}

.about__text2 {
	margin-top: 56px;
	font-weight: 500;
	font-size: 18px;
	line-height: 2.2222222222;
	letter-spacing: 0.05em;
	text-align: center;
}

.about__btn {
	display: inline-block;
	margin-top: 8px;
	padding: 16px 64px;
	border: 1px solid transparent;
	background-color: #84D6D6;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.08em;
	transition: all 0.3s ease 0s;
}

.about__btn:hover {
	border: 1px solid #84D6D6;
	background-color: #FFFFFF;
	color: #84D6D6;
}

.about__btn-text {
	display: inline-block;
	position: relative;
	padding: 0 16px;
	color: #84D6D6;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.about__btn-text::before,
.about__btn-text::after {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	transform: translateY(-50%) rotate(-45deg);
	background-color: #84D6D6;
	content: "";
}

.about__btn-text::after {
	left: 100%;
}

.about__btn-text::before {
	right: 100%;
	transform: translateY(-50%) rotate(45deg);
}

.about__btn-area {
	margin-top: 92px;
	text-align: center;
}

.about-image__swiper {
	margin-top: 54px;
}

.about-image__item {
	width: 300px;
}

.about-image__img-box {
	width: 235px;
	height: 235px;
}

.inner {
	width: 86.1111111111%;
	margin: 0 auto;
}

.reccomend-plan {
	padding: 67px 0 70px;
	background: url(../img/bgreccomend.png) no-repeat center center/cover;
}

.reccomend-plan__content {
	margin-top: 64px;
	padding: 59px 40px 39px 34px;
	background-color: #EEF9F8;
}

.reccomend-plan__content-row1,
.reccomend-plan__content-row2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.reccomend-plan__content-row2 {
	justify-content: center;
	margin-top: 42px;
}

.reccomend-plan__item1,
.reccomend-plan__item2 {
	display: flex;
	position: relative;
	align-items: center;
	width: 27.5806451613%;
	background-color: #FFFFFF;
}

.reccomend-plan__item1::after,
.reccomend-plan__item2::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 7px);
	height: calc(100% - 7px);
	transform: translate(-50%, -50%);
	border: 1px solid #FFFFFF;
	content: "";
}

.reccomend-plan__item1::before,
.reccomend-plan__item2::before {
	position: absolute;
	top: -9px;
	left: -18px;
	width: 41px;
	height: 41px;
	background-color: #84D6D6;
	content: "";
	font-size: 30px;
}

.reccomend-plan__item1:nth-child(1)::before {
	background-color: #D684B8;
}

.reccomend-plan__item1:nth-child(2)::before {
	background-color: #84B6D6;
}

.reccomend-plan__item1:nth-child(3)::before {
	background-color: #F1B04E;
}

.reccomend-plan__item2:not(:first-child) {
	margin-left: 81px;
}

.reccomend-plan__item2:nth-child(1)::before {
	background-color: #D6BF84;
}

.reccomend-plan__item2:nth-child(2)::before {
	background-color: #ABD07B;
}

.reccomend-plan__img-box {
	width: 36.5497076023%;
}

.reccomend-plan__text-box {
	display: flex;
	position: relative;
	align-items: center;
	width: 63.4502923977%;
	height: 100%;
	padding-right: 36px;
}

.reccomend-plan__text-box::before {
	position: absolute;
	right: 18px;
	bottom: 16px;
	width: 45px;
	height: 1px;
	background-color: #757676;
	content: "";
}

.reccomend-plan__text-box::after {
	position: absolute;
	right: 17px;
	bottom: 19px;
	width: 9px;
	height: 1px;
	transform: rotate(45deg);
	background-color: #757676;
	content: "";
}

.reccomend-plan__text {
	margin: 0 auto;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.35;
	text-align: center;
}

.ranking__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 79.4444444444%;
	margin: 0 auto;
	margin-top: 39px;
	counter-reset: ranking;
}

.ranking__no-area {
	z-index: 10;
	position: absolute;
	top: -14px;
	left: -10px;
	width: 46px;
	height: 40px;
	padding: 3px 0;
	content: "No";
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Zen Maru Gothic", sans-serif;
	text-align: center;
}

.ranking__no-area.ranking--rank1 {
	background-color: #C99700;
}

.ranking__no-area.ranking--rank2 {
	background-color: #C4C4C4;
}

.ranking__no-area.ranking--rank3 {
	background-color: #BA6E40;
}

.ranking__triangle {
	position: relative;
}

.ranking__triangle::before,
.ranking__triangle::after {
	z-index: 15;
	position: absolute;
	top: 25px;
	width: 0;
	height: 0;
	border-style: solid;
	content: "";
}

.ranking__triangle::before {
	left: 0;
	border-width: 22px 22px 22px 0;
}

.ranking__triangle::after {
	right: 0;
	border-width: 22px 0 22px 22px;
}

.ranking__triangle.ranking--rank1::before,
.ranking__triangle.ranking--rank1::after {
	border-color: #C99700 transparent transparent transparent;
}

.ranking__triangle.ranking--rank2::before,
.ranking__triangle.ranking--rank2::after {
	border-color: #C4C4C4 transparent transparent transparent;
}

.ranking__triangle.ranking--rank3::before,
.ranking__triangle.ranking--rank3::after {
	border-color: #BA6E40 transparent transparent transparent;
}

.ranking__no {
	position: relative;
}

.ranking__no::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	content: "0" counter(ranking);
	color: #FFFFFF;
	font-size: 20px;
	font-family: "Zen Maru Gothic", sans-serif;
	text-align: center;
}

.ranking-card {
	justify-content: space-between;
}

.ranking__item {
	position: relative;
	border: solid 1px #84D6D6;
	counter-increment: ranking;
}

.ranking__item.col1 {
	width: 100%;
	padding: 26px 31px 15px 33px;
}

.ranking__item.col1 .ranking-card__sub-title {
	margin-top: 34px;
}

.ranking__item.col1 .ranking-card__area {
	margin-top: 11px;
	font-size: 14px;
}

.ranking__item.col1 .ranking-card__tag-area {
	margin-top: 8px;
}

.ranking__item.col1 .ranking-card__img-box {
	width: 50%;
}

.ranking__item.col1 .ranking-card__body {
	width: 47.037037037%;
}

.ranking__item.col1 .ranking__text-area {
	margin: 24px 61px 11px 48px;
}

.ranking__item.col1 .ranking__text-area::before {
	position: absolute;
	top: 310px;
	left: 16px;
	width: 95.8333333333%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.ranking__item.col2 {
	width: 47.9895104895%;
	margin-top: 62px;
	padding: 21px 31px 20px 29px;
}

.ranking__item.col2 .ranking-card__sub-title {
	margin-top: 34px;
}

.ranking__item.col2 .ranking-card__area {
	margin-top: 11px;
	font-size: 14px;
}

.ranking__item.col2 .ranking-card__tag-area {
	margin-top: 8px;
}

.ranking__item.col2 .ranking-card__img-box {
	width: 50%;
}

.ranking__item.col2 .ranking-card__body {
	width: 47.037037037%;
}

.ranking__item.col2 .ranking__text-area {
	position: relative;
	margin: 40px 0px 18px 0px;
}

.ranking__item.col2 .ranking__text-area::before {
	position: absolute;
	top: -8px;
	left: 6px;
	width: 95.8333333333%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.ranking-card {
	display: flex;
}

.ranking__text1 {
	color: #84D6D6;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
}

.ranking__text2 {
	margin-top: 8px;
	font-weight: 500;
	line-height: 1.5;
}

.ranking .profile-area {
	margin-top: 12px;
}

.ranking__btn {
	padding-right: 115px;
}

.ranking__btn-area {
	margin-top: 75px;
	text-align: center;
}

.populer-report {
	padding: 73px 58px;
}

.populer-report__ranking {
	padding-bottom: 58px;
}

.reports-plan__title-area {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	text-align: center;
}

.reports-plan__title {
	display: inline-block;
	z-index: 10;
	position: relative;
	font-size: 18px;
	line-height: 27px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.reports-plan__title::before {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	background-color: #D684B8;
	content: "";
}

.reports-plan__heading-area {
	margin-top: 63px;
	padding-left: 22px;
}

.reports-plan__item {
	width: 28.4081632653%;
}

.reports-plan__item:nth-child(2) > .reports-plan__title-area > .reports-plan__title {
	position: relative;
}

.reports-plan__item:nth-child(2) > .reports-plan__title-area > .reports-plan__title::before {
	background-color: #F1B04E;
}

.reports-plan__item:nth-child(3) > .reports-plan__title-area > .reports-plan__title {
	position: relative;
}

.reports-plan__item:nth-child(3) > .reports-plan__title-area > .reports-plan__title::before {
	background-color: #ABD07B;
}

.reports-plan__box {
	padding: 9px 14px 14px 13px;
	background-color: #FFFFFF;
}

.reports-plan__box-inner {
	padding: 11px 9px 16px 10px;
	border: solid 1px #84D6D6;
}

.reports-plan-card__title {
	margin-top: 8px;
}

.reports-plan__content {
	display: flex;
	justify-content: space-between;
	width: 90.6344410876%;
	margin: 0 auto;
	margin-top: 65px;
	padding: 65px 0 84px;
	background-color: #EEF9F8;
}

.reports-plan__btn-area {
	margin-top: 64px;
	text-align: center;
}

.reports-plan__btn {
	padding-right: 115px;
}

.new-reports__heading-area {
	margin-top: 66px;
}

.new-reports-card {
	margin-top: 66px;
}

.new-reports__item {
	width: 28.4081632653%;
}

.new-reports__box {
	padding: 9px 14px 14px 13px;
	background-color: #FFFFFF;
}

.new-reports__box-inner {
	padding: 11px 9px 16px 10px;
	border: solid 1px #84D6D6;
}

.new-reports-card__title {
	margin-top: 8px;
}

.new-reports__btn-area {
	margin-top: 64px;
	text-align: center;
}

.new-reports__btn {
	padding-right: 115px;
}

.new-reports__profile-area {
	display: block;
}

.reccomend-planner__content,
.new-planner__content {
	display: flex;
	justify-content: space-between;
	margin: 33px 99px 66px 102px;
}

.reccomend-planner__ranking-heading-area,
.new-planner__ranking-heading-area {
	margin-top: 65px;
}

.reccomend-planner__item,
.new-planner__item {
	border: none;
	background-color: #EEF9F8;
}

.reccomend-planner__no-area,
.new-planner__no-area {
	top: 0px;
	left: 0px;
}

.reccomend-planner__triangle::before,
.reccomend-planner__triangle::after,
.new-planner__triangle::before,
.new-planner__triangle::after {
	top: 25px;
	width: 0;
	height: 0;
}

.reccomend-planner__profile-area,
.new-planner__profile-area {
	display: block;
	margin-top: 0;
}

.reccomend-planner__profile-area::before,
.new-planner__profile-area::before {
	display: none;
}

.reccomend-planner__profile-img-box,
.reccomend-planner__profile-img,
.new-planner__profile-img-box,
.new-planner__profile-img {
	width: 140px;
	height: 160px;
}

.reccomend-planner__garally,
.new-planner__garally {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	margin-right: 17px;
}

.reccomend-planner__garally-img-box,
.new-planner__garally-img-box {
	width: calc(50% - 8px);
}

.reccomend-planner__garally-title,
.new-planner__garally-title {
	color: #757676;
	font-size: 14px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.reccomend-planner-card__body,
.new-planner-card__body {
	margin-left: 8px;
}

.reccomend-planner-card__title,
.new-planner-card__title {
	font-size: 18px;
	line-height: 1.5;
}

.reccomend-planner-card__tag-area,
.new-planner-card__tag-area {
	margin-left: 8px;
	font-size: 14px;
}

.reccomend-planner-card__tag:not(:last-child),
.new-planner-card__tag:not(:last-child) {
	margin-right: 0;
}

.reccomend-planner-card__area::before,
.new-planner-card__area::before {
	top: 5px;
	transform: translateY(0);
}

.reccomend-planner-card__area1,
.new-planner-card__area1 {
	margin-top: 43px;
	font-size: 14px;
	line-height: 1.5;
}

.reccomend-planner-card__area2,
.new-planner-card__area2 {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.5;
}

.reccomend-planner__profile-text-box,
.new-planner__profile-text-box {
	margin-top: 9px;
	margin-left: 0;
}

.reccomend-planner__profile-name,
.new-planner__profile-name {
	font-size: 20px;
}

.reccomend-planner__point-area,
.new-planner__point-area {
	position: relative;
	margin: 19px 14px 16px 32px;
	padding: 18px 0 13px;
	background-color: #FFFFFF;
	list-style: square;
}

.reccomend-planner__point-area::after,
.new-planner__point-area::after {
	position: absolute;
	top: 14px;
	left: 20px;
	content: "point";
	font-size: 12px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.reccomend-planner__point-text,
.new-planner__point-text {
	margin-left: 79px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
}

.reccomend-planner__point-text:not(:first-child),
.new-planner__point-text:not(:first-child) {
	margin-top: 15px;
}

.new-planner-card__swiper {
	width: 1243px;
	margin: 33px 94px 0 103px;
	background-color: #EEF9F8;
}

.new-planner-card__inner {
	margin-top: 25px;
}

.new-planner__item {
	padding-top: 28px;
	background-color: #FFFFFF;
}

.new-planner__point-area {
	margin-left: 0;
	background: rgba(117, 118, 118, 0.14);
}

.pickup {
	padding: 73px 100px 128px 100px;
	background-color: #EEF9F8;
}

.pickup__content {
	display: flex;
	width: 100%;
	margin-top: 64px;
	padding-bottom: 22px;
	background-color: #FFFFFF;
}

.pickup__item:nth-child(1) {
	width: 30%;
}

.pickup__item:nth-child(1) > .pickup__item-area {
	position: relative;
	margin-top: 69px;
	margin-left: 85px;
	padding-right: 50px;
}

.pickup__item:nth-child(1) > .pickup__item-area::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 193px;
	transform: translateY(-50%);
	background-color: #757676;
	content: "";
}

.pickup__item:nth-child(2) {
	width: 34.2741935484%;
}

.pickup__item:nth-child(2) > .pickup__item-area {
	position: relative;
	margin-top: 40px;
	margin-left: 62px;
	padding-right: 44px;
}

.pickup__item:nth-child(2) > .pickup__item-area::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 193px;
	transform: translateY(-50%);
	background-color: #757676;
	content: "";
}

.pickup__item:nth-child(3) {
	width: 35.7258064516%;
}

.pickup__item:nth-child(3) > .pickup__item-area {
	margin-top: 40px;
	margin-left: 75px;
	padding-right: 86px;
}

.pickup__item-title {
	position: relative;
	margin-top: 36px;
	font-size: 20px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
	text-align: center;
}

.pickup__item-title::before,
.pickup__item-title::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 20px;
	background-color: #84D6D6;
	content: "";
}

.pickup__item-title::before {
	transform: translate(calc(-50% - 80px), -50%) rotate(-30deg);
}

.pickup__item-title::after {
	transform: translate(calc(-50% + 80px), -50%) rotate(30deg);
}

.pickup__item-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pickup__list {
	display: inline-block;
	margin-top: 12px;
	margin-right: 12px;
	padding: 4px 8px;
	border-radius: 16px;
	background-color: #84D6D6;
	color: #FFFFFF;
	font-weight: 500;
}

.voice {
	padding-top: 73px;
	padding-bottom: 70px;
}

.voice__content {
	width: 85.7638888889%;
	margin: 0 auto;
	margin-top: 64px;
	padding: 24px 0 64px;
	background-color: #C8C8C8;
}

.voice-heading-area {
	margin-left: 46px;
	background-color: #C8C8C8;
}

.voice__heading {
	color: #FFFFFF;
}

.voice-media {
	position: relative;
	width: 95.1417004049%;
	margin-top: 24px;
	padding: 24px 84px 31px 27px;
	background-color: #FFFFFF;
}

.voice-media::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-width: 0 75px 75px 75px;
	border-style: solid;
	border-color: transparent transparent transparent #84D6D6;
	content: "";
	color: #FFFFFF;
}

.voice-media::after {
	position: absolute;
	top: 12px;
	left: 9px;
	width: 75px;
	height: 75px;
	content: "NEW";
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.voice-media__inner {
	display: flex;
}

.voice-media__img-box {
	width: 229px;
}

.voice-media__body {
	width: 68.3404255319%;
	width: 100%;
	margin-left: 32px;
}

.voice-media__title {
	font-size: 20px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.voice-media__title-area {
	display: flex;
}

.voice-media__star-box {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.voice-media__star-text {
	color: #757676;
	font-size: 14px;
	line-height: 1.5;
}

.voice-media__star-mark {
	margin-left: 8px;
}

.voice-media__profile-img-box {
	width: 57px;
}

.voice-media__profile-text-box {
	margin-left: 8px;
}

.voice-media__profile-affiliation {
	margin-top: 10px;
	color: #757676;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.voice-media__profile-star-box {
	display: flex;
	padding-bottom: 10px;
}

.voice-media__profile-star-box > * {
	margin-top: auto;
}

.voice-media__profile-name {
	font-size: 20px;
	line-height: 1.5;
}

.voice-media__profile-star-count {
	margin-left: 6px;
}

.voice-media__title-right {
	display: flex;
	margin-left: 82px;
}

.voice-media__review-area {
	margin-top: 10px;
}

.voice-media__review {
	line-height: 1.5;
}

.voice-media__review-user {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.voice-media__review-tag {
	display: inline-block;
	margin-top: 8px;
	padding: 2px 8px;
	background-color: #F1B04E;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
}

.voice-ranking__no-area {
	top: 0;
	left: 12px;
}

.voice-ranking__no {
	counter-increment: voice-ranking;
}

.voice-ranking__no::before {
	content: "0" counter(voice-ranking);
}

.voice-ranking-heading-area {
	margin-top: 35px;
	margin-left: 44px;
}

.voice-ranking__content {
	margin: 25px 40px 0px 40px;
	counter-reset: voice-ranking;
}

.voice-ranking-card {
	display: flex;
	justify-content: space-between;
}

.voice-ranking__item {
	position: relative;
	width: 31.8614718615%;
	padding: 21px 31px 54px 16px;
	background-color: #FFFFFF;
}

.voice-ranking__profile {
	display: flex;
}

.voice-ranking__profile-img-box {
	width: 136px;
}

.voice-ranking__profile-body {
	margin-left: 16px;
}

.voice-ranking__profile-star-box {
	display: flex;
}

.voice-ranking__profile-star-count {
	margin-left: 6px;
}

.voice-ranking__profile-name {
	font-size: 20px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.voice-ranking__profile-affiliation {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.voice-ranking__text-area {
	margin-top: 16px;
}

.voice-ranking__review-title {
	margin-top: 4px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
}

.voice-ranking__review-article {
	margin-top: 4px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.voice-ranking__review-heading {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
}

.voice__btn-area {
	margin-top: 64px;
	text-align: center;
}

.voice__btn {
	padding-right: 103px;
}

.instagram {
	padding: 72px 0 74px;
}

.instagram__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 64px;
	margin-right: 150px;
	margin-bottom: -37px;
	margin-left: 130px;
}

.instagram__img-box {
	width: 260px;
	margin-bottom: 37px;
}

.footer {
	background-color: #F7F7F7;
}

.footer__content {
	display: flex;
	justify-content: space-between;
	margin: 0 160px;
}

.footer__right {
	width: 51.1049723757%;
	margin-left: 16.8508287293%;
}

.footer-nav1 {
	display: flex;
	flex-wrap: wrap;
	width: 545px;
	margin-bottom: -24px;
}

.footer-nav1__menu {
	margin-bottom: 24px;
	margin-left: 24px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.footer-sns__nav {
	text-align: center;
}

.footer-sns__nav-link {
	font-size: 20px;
}

.footer-sns__nav-link:not(:first-child) {
	margin-left: 15px;
}

.footer-sns__comment {
	position: relative;
	margin-bottom: 8px;
	text-align: center;
}

.footer-sns__comment::before,
.footer-sns__comment::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 21px;
	background-color: #757676;
	content: "";
}

.footer-sns__comment::before {
	transform: translate(-50px, -50%) rotate(-30deg);
}

.footer-sns__comment::after {
	transform: translate(50px, -50%) rotate(30deg);
}

.footer-nav2 {
	display: flex;
	width: 350px;
	margin-top: 88px;
	margin-right: 167px;
	margin-left: auto;
}

.footer-nav2__menu:not(:first-child) {
	margin-left: 24px;
}

.footer-nav2__link {
	color: #000000;
	font-family: "Zen Maru Gothic", sans-serif;
}

.footer-text__area {
	position: relative;
	margin-top: 24px;
	padding: 9px 0;
	background-color: #84D6D6;
	color: #FFFFFF;
	font-family: "Lato", sans-serif;
	text-align: center;
}

.footer-text__area::before {
	position: absolute;
	top: -69px;
	left: 50%;
	width: 1240px;
	height: 1px;
	transform: translateX(-50%);
	background-color: #757676;
	content: "";
}

.footer__copyright {
	font-size: 12px;
	line-height: 1.3658333333;
	letter-spacing: 0.1em;
}

.footer__text {
	margin-top: 8px;
	font-size: 10px;
}

@media (min-width: 415px) {

.is-sm {
	display: none;
}

.section__title {
	border-right: 1px solid #84D6D6;
}

.main-visual__catch-copy {
	top: 0;
	height: 100%;
}

.search-plan-menu__item:not(:nth-child(3n))::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.recent-media__img-box {
	height: 160px;
}

.reccomend-planner__item,
.new-planner__item {
	width: 32.0161290323%;
	padding: 40px 15px 32px 32px;
}

.new-planner__profile-img-box,
.new-planner__profile-img {
	width: 134px;
	height: 164px;
}

.voice-media__img-box {
	height: 263px;
}

}

@media (max-width: 414px) {

.is-pc {
	display: none;
}

body,
html {
	width: 100%;
	max-width: 414px;
}

.section__title-area {
	display: block;
	margin-left: 26px;
}

.section__title {
	font-size: 16px;
	line-height: 22px;
}

.section__title::before {
	top: 0;
	left: -9px;
	width: 20px;
	height: 20px;
}

.section__title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 44px;
	height: 1px;
	background-color: #84D6D6;
	content: "";
}

.section__jp-title {
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.5;
}

.section__heading-area {
	margin-left: 32px;
}

.section__heading {
	font-size: 16px;
}

.card__title {
	font-size: 16px;
}

.card__sub-title {
	font-size: 10px;
}

.main-visual {
	margin-top: 60px;
	margin-bottom: 134px;
	padding-top: 127.0531400966%;
	background: url(../img/mv.jpg) no-repeat 70% center/cover;
}

.main-visual__catch-copy {
	bottom: 0;
	width: 57.9710144928%;
	margin-left: 0;
	padding-top: 37px;
	padding-bottom: 64px;
}

.main-visual__btn-area {
	bottom: -47px;
}

.main-visual__btn {
	width: 50%;
	padding-top: 12px;
	padding-bottom: 15px;
}

.main-visual__btn::before {
	width: calc(100% - 10px);
	height: calc(100% - 12px);
}

.main-visual__btn-text1,
.main-visual__btn-text3 {
	font-size: 14px;
}

.main-visual__btn-text2 {
	font-size: 14px;
}

.main-visual__btn-text2--accent {
	font-size: 16px;
}

.main-visual__sub-title1,
.main-visual__sub-title2 {
	font-size: 13px;
	line-height: 1.3846153846;
}

.main-visual__sub-title2 {
	margin-bottom: 32px;
}

.main-visual__sub-title2::after {
	bottom: -17px;
	width: 165px;
}

.main-visual__copy1 {
	font-size: 21px;
	line-height: 31.5px;
}

.main-visual__copy1--accent {
	font-size: 37px;
	line-height: 55.5px;
}

.main-visual__copy2 {
	font-size: 18px;
	line-height: 1.5;
}

.main-visual__copy3 {
	font-size: 20px;
	line-height: 1.5;
}

.main-visual__copy3::after {
	bottom: -17px;
	width: 165px;
}

.main-visual__copy3--accent {
	font-size: 22px;
	line-height: 1.5;
}

.main-visual__img-box {
	display: none;
}

.header {
	left: 0;
	width: 100%;
}

.header__humberger-menu,
.header__menu {
	width: 60px;
	height: 60px;
	margin-left: auto;
}

.header__humberger-menu .header__nav-btn {
	display: block;
	width: 60px;
	height: 60px;
}

.header__bar1,
.header__bar2,
.header__bar3 {
	width: 20px;
}

.header__bar1 {
	transform: translate(-50%, calc(-50% + 7px));
}

.header__bar3 {
	transform: translate(-50%, calc(-50% - 7px));
}

.pc-menu {
	width: 100%;
}

.pc-menu__img-box {
	width: 154px;
	margin: 0 auto;
}

.pc-menu__inner {
	height: calc(100vh - 16px);
	margin: 8px 10px;
}

.pc-menu__nav {
	display: block;
}

.pc-menu__nav::after {
	display: none;
}

.pc-menu__left {
	width: 100%;
	margin-left: 91px;
}

.pc-menu__right {
	width: 100%;
}

.pc-menu__menu {
	font-size: 18px;
}

.pc-menu__btn {
	margin-left: 91px;
}

.pc-menu__close-btn-area {
	top: 18px;
	right: 20px;
}

.pc-menu__close-btn {
	width: 46px;
	height: 46px;
}

.pc-menu__close-btn::before,
.pc-menu__close-btn::after {
	width: 40px;
}

.search-plan-menu,
.search-area-menu {
	width: 100%;
}

.search-plan-menu__inner,
.search-area-menu__inner {
	width: 344px;
	height: auto;
	padding: 25px 32px;
}

.search-plan-menu__item:not(:last-child)::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #757676;
	content: "";
}

.search-area-menu__inner {
	padding: 48px 32px;
}

.search-area-menu__item {
	display: block;
	width: 100%;
}

.search-area-menu__item:nth-child(4n) {
	margin-bottom: 30px;
}

.recent {
	padding-top: 69px;
}

.recent-media {
	margin-left: 5px;
}

.recent-media__img-box {
	width: 39.7212543554%;
}

.recent-media__body {
	padding: 0px 10px 0px 8px;
}

.recent-media__name {
	font-size: 16px;
}

.recent-media__area1,
.recent-media__area2 {
	font-size: 12px;
	line-height: 1.5;
}

.recent-media__area1 {
	margin-top: 12px;
}

.recent-card {
	margin-left: 16px;
}

.recent-card__title {
	font-size: 16px;
}

.recent-card__sub-title {
	font-size: 10px;
}

.recent-card__item {
	padding-bottom: 195px;
}

.recent-card__body {
	padding: 14px;
}

.recent-card__tag-area {
	height: 90px;
}

.about__text1 {
	margin-top: 45px;
	font-size: 21px;
	line-height: 40px;
}

.about__text1--accent {
	font-size: 30px;
	line-height: 40px;
}

.about__text2 {
	margin-top: 24px;
	font-size: 16px;
}

.about__btn {
	padding: 16px 32px;
	font-size: 16px;
}

.about__btn-text {
	font-size: 16px;
	line-height: 1.5;
}

.about__btn-area {
	margin-top: 54px;
}

.about-image__item {
	width: 110px;
	margin-right: 2px;
}

.about-image__img-box {
	width: 110px;
	height: 110px;
}

.inner {
	width: calc(100% - 76px);
	margin-right: 41px;
	margin-left: 35px;
}

.reccomend-plan__content {
	margin-top: 48px;
	padding: 38px 17px 25px 28px;
}

.reccomend-plan__content-row1,
.reccomend-plan__content-row2 {
	display: block;
}

.reccomend-plan__item1,
.reccomend-plan__item2 {
	width: 100%;
	margin-top: 35px;
}

.reccomend-plan__item1::after,
.reccomend-plan__item2::after {
	width: calc(100% - 16px);
	height: calc(100% - 16px);
}

.reccomend-plan__item1::before,
.reccomend-plan__item2::before {
	top: -13px;
	left: -11px;
	width: 35px;
	height: 35px;
}

.reccomend-plan__item1:nth-child(1) {
	margin-top: 0;
}

.reccomend-plan__item2:not(:first-child) {
	margin-left: 0;
}

.reccomend-plan__text {
	font-size: 14px;
}

.reccomend-plan__text-box::before {
	right: 8px;
	width: 35px;
}

.reccomend-plan__text-box::after {
	right: 7px;
	width: 9px;
}

.ranking__content {
	display: block;
}

.ranking__item.col1 {
	width: 84.4984802432%;
	padding: 10px 0px 15px 0px;
}

.ranking__item.col1 .ranking-card__img-box {
	width: calc(100% - 18px);
	margin: 0 9px;
}

.ranking__item.col1 .ranking-card__body {
	position: absolute;
	top: 140px;
	left: 0;
	width: calc(100% - 32px);
	margin: 0 16px;
	padding: 14px;
	background: rgba(255, 255, 255, 0.88);
}

.ranking__item.col1 .ranking-card .populer-report__body {
	top: 152px;
}

.ranking__item.col1 .ranking__text-area {
	width: calc(100% - 32px);
	margin: 0 16px;
}

.ranking__item.col2 {
	width: 84.4984802432%;
	margin-top: 0;
	padding: 10px 0px 15px 0px;
}

.ranking__item.col2 .ranking-card__img-box {
	width: calc(100% - 18px);
	margin: 0 9px;
}

.ranking__item.col2 .ranking-card__body {
	position: absolute;
	top: 140px;
	left: 0;
	width: calc(100% - 32px);
	margin: 0 16px;
	padding: 14px;
	background: rgba(255, 255, 255, 0.88);
}

.ranking__item.col2 .populer-report__body {
	top: 152px;
}

.ranking__item.col2 .ranking__text-area {
	width: calc(100% - 32px);
	margin: 0 16px;
}

.ranking-card {
	display: block;
}

.ranking__btn {
	-moz-text-align-last: left;
	display: inline-block;
	padding-right: 99px;
	font-size: 16px;
	text-align-last: left;
}

.populer-report {
	padding: 73px 0;
}

.populer-report__ranking-heading-area {
	margin-top: 25px;
}

.populer-report__text-area {
	display: none;
}

.populer-report__profile-area {
	margin-top: 200px;
}

.populer-report__body {
	top: 100px;
}

.populer-report__content {
	display: flex;
	flex-wrap: nowrap;
}

.populer-report__btn-area {
	margin-top: 0;
}

.reports-plan__title-area {
	margin-top: 7px;
}

.reports-plan__item {
	width: 84.9710982659%;
	margin: 0 auto;
}

.reports-plan__content {
	display: block;
	width: calc(100% - 68px);
	margin-top: 24px;
	margin-right: 32px;
	margin-left: 36px;
	padding-top: 31px;
}

.reports-plan__btn-area {
	margin-top: 0;
	margin-right: 32px;
	margin-left: 36px;
	padding: 24px 0 48px;
	background-color: #EEF9F8;
}

.reports-plan__btn {
	-moz-text-align-last: left;
	padding-right: 99px;
	padding-left: 24px;
	font-size: 16px;
	letter-spacing: 0;
	text-align-last: left;
}

.reccomend-planner {
	padding-bottom: 48px;
}

.reccomend-planner__content,
.new-planner__content {
	margin: 0;
	margin-top: 25px;
	margin-left: 15px;
}

.reccomend-planner__garally,
.new-planner__garally {
	margin-right: 12px;
	margin-bottom: 48px;
	margin-left: 12px;
}

.reccomend-planner__garally-title,
.new-planner__garally-title {
	margin-left: 8px;
}

.reccomend-planner-card__inner,
.new-planner-card__inner {
	display: flex;
	margin-top: 45px;
	margin-left: 8px;
}

.reccomend-planner-card__title,
.new-planner-card__title {
	font-size: 16px;
}

.reccomend-planner-card__tag-area,
.new-planner-card__tag-area {
	margin-top: 15px;
	margin-left: 8px;
	font-size: 12px;
}

.reccomend-planner-card__area1,
.new-planner-card__area1 {
	font-size: 12px;
}

.reccomend-planner-card__area2,
.new-planner-card__area2 {
	font-size: 12px;
}

.reccomend-planner__point-area,
.new-planner__point-area {
	margin-left: 12px;
}

.new-planner-card__swiper {
	width: calc(100% - 15px);
	margin-left: 15px;
	padding-bottom: 48px;
}

.new-planner__item {
	padding-top: 0;
}

.pickup {
	margin-top: 64px;
	padding: 109px 27px 72px 26px;
}

.pickup__content {
	display: block;
	margin-top: 24px;
	padding: 1px 24px 1px 24px;
}

.pickup__item:nth-child(1) {
	width: 100%;
}

.pickup__item:nth-child(1) > .pickup__item-area {
	margin-top: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 48px;
}

.pickup__item:nth-child(1) > .pickup__item-area::after {
	top: 100%;
	left: 50%;
	width: 96.6244725738%;
	height: 1px;
	transform: translateX(-50%);
}

.pickup__item:nth-child(2) {
	width: 100%;
}

.pickup__item:nth-child(2) > .pickup__item-area {
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 48px;
}

.pickup__item:nth-child(2) > .pickup__item-area::after {
	top: 100%;
	left: 50%;
	width: 96.6244725738%;
	height: 1px;
	transform: translateX(-50%);
}

.pickup__item:nth-child(3) {
	width: 100%;
}

.pickup__item:nth-child(3) > .pickup__item-area {
	margin-bottom: 48px;
	margin-left: 0;
	padding-right: 0;
}

.pickup__item-title {
	margin-top: 48px;
}

.voice-media {
	margin-left: 2px;
	padding: 16px 12px 16px 13px;
}

.voice-media__img-box {
	width: 60%;
}

.voice-media__body {
	margin-left: 10px;
}

.voice-media__title-right {
	margin-top: 10px;
	margin-left: 0;
}

.voice-media__title {
	font-size: 16px;
}

.voice-media__star-text {
	font-size: 12px;
}

.voice-media__review {
	font-size: 14px;
}

.voice-ranking__content {
	margin-right: 0;
	margin-left: 2px;
}

.voice-ranking__item {
	width: 100%;
	padding: 16px 8px 59px 8px;
}

.voice-ranking__review-title {
	font-weight: 400;
}

.voice-ranking__review-heading {
	font-style: 12px;
}

.instagram {
	padding: 69px 0 64px;
}

.instagram__content {
	margin: 19px 39px -16px 39px;
}

.instagram__img-box {
	width: 23.1884057971%;
	margin-bottom: 16px;
}

.footer__content {
	margin: 0;
	margin-left: 12.5603864734%;
	padding-top: 48px;
}

.footer__left {
	width: 32.044198895%;
}

.footer__log-img-box {
	width: 100%;
}

.footer-nav1 {
	display: block;
	width: 100%;
}

.footer-nav1__menu {
	margin-left: 0;
}

.footer-nav1__link {
	font-size: 12px;
}

.footer-sns__nav-link {
	font-size: 16px;
}

.footer-sns__nav-link:not(:first-child) {
	margin-left: 8px;
}

.footer-sns__comment {
	margin-top: 32px;
}

.footer-text__area::before {
	width: 300px;
}

}