@charset "utf-8";

/*==============================================================================

	contents
	
==============================================================================*/

/* ------------------------------ */
/* common
----------------------------------*/
/* parts */
ul.link-btn {
	margin: 1.8rem 0 0 0;
	padding: 0;
	font-size: 1.48rem;
	font-weight: bold;
	line-height: 1;
}

ul.link-btn li {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.link-btn li a {
	position: relative;
	display: inline-block;
	min-width: 80%;
	margin: 0 auto;
	padding: 1.6rem 4.6rem 1.6rem 3.4rem;
	background: #ffffff;
	border-radius: 9999px;
	color: #0068e1;
	line-height: 1;
	border: 0.2rem #0068e1 solid;
	text-align: center;
}

ul.link-btn li a:hover {
	text-decoration: none;
}

ul.link-btn li a::before {
	position: absolute;
	display: block;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	content: "\f054";
	width: 2rem;
	height: 1.6rem;
	font-family: "Font Awesome 6 Free";
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
}

ul.link-btn li a.modal::before {
	right: 1.2rem;
	width: 1.8rem;
	height: 1.8rem;
	font-size: 1.8rem;
	content: "\f055";
}

ul.attention-list {
	margin: 1.5em 0 0 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.6;
}

ul.attention-list li {
	margin: 0;
	padding: 0;
	margin-left: 1.6rem;
    text-indent: -1.6rem;
}

@media screen and (min-width: 768px) {
/* parts */
ul.link-btn {
	margin: 3.2rem 0 0 0;
	font-size: 2.4rem;
}

ul.link-btn li a {
	padding: 2.4rem 7rem 2.4rem 5rem;
	border: 0.3rem #0068e1 solid;
}

ul.link-btn li a::before {
	right: 1.5rem;
	width: 3rem;
	height: 2.6rem;
	font-size: 2.6rem;
}

ul.link-btn li a.modal::before {
	right: 1.2rem;
	width: 1.8rem;
	height: 1.8rem;
	font-size: 1.8rem;
}

ul.attention-list {
	margin: 1.5em 0 0 0;
	font-size: 2.4rem;
}

ul.attention-list li {
	margin-left: 1.6rem;
    text-indent: -1.6rem;
}
}

/* common-entry-link */
.common-entry-link {
	padding: 4.4rem 3.8rem 4.8rem 3.8rem;
	background: #081d45;
	text-align: center;
}

.common-entry-link a {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 1.8rem 0;
	background: #cc1033;
	border-radius: 9999px;
	font-size: 2rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 0.05em;
	box-shadow: 0 5px 0 0 #860a21;
}

.common-entry-link a::before {
	position: absolute;
	display: block;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	content: "\f054";
	width: 2rem;
	height: 1.8rem;
	font-family: "Font Awesome 6 Free";
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}

.common-entry-link a:hover {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
/* common-entry-link */
.common-entry-link {
	padding: 4.4rem 5.8rem 4.8rem 5.8rem;
}

.common-entry-link a {
	padding: 2.8rem 0;
	font-size: 2.8rem;
	box-shadow: 0 6px 0 0 #860a21;
}

.common-entry-link a::before {
	right: 2.6rem;
	width: 3rem;
	height: 2.8rem;
	font-size: 2.8rem;
}
}

/* ------------------------------ */
/* .top-hero
----------------------------------*/
.top-hero {
	margin-top: 0;
	padding: 8rem 0;
	width: auto;
	background: url(../images/top/mainvisual_bg.jpg);
	background-size: cover;
}

.top-hero .inner {
	width: 100%;
	max-height: auto;
	text-align: center;
}

.top-hero .mainvisual_img {
	width: 80%;
	margin: 0 auto;
}

.top-hero .mainvisual_img img {
	width: 100%;
	height: auto;
}

/* top-hero-link */
.top-hero .top-hero-link {
	margin-top: 4.2rem;
	padding: 0 3.8rem 0 3.8rem;
	text-align: center;
}

.top-hero .top-hero-link a {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 1.6rem 0;
	background: rgb(0,144,225);
	background: linear-gradient(90deg, rgba(0,144,225,0.9) 0%, rgba(0,212,72,0.9) 100%);
	border-radius: 9999px;
	font-size: 2rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 0.05em;
}

.top-hero .top-hero-link a .sub {
	display: block;
	font-size: 1.6rem;
	color: #fff71b;
}

.top-hero .top-hero-link a .price {
	font-size: 2.2rem;
}

.top-hero .top-hero-link a::before {
	position: absolute;
	display: block;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	content: "\f054";
	width: 2rem;
	height: 1.8rem;
	font-family: "Font Awesome 6 Free";
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}

.top-hero .top-hero-link a:hover {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
.top-hero {
	margin-top: 0;
	padding: 14rem 0;
}

.top-hero .mainvisual_img {
	width: 75%;
	margin: 0 auto;
}

/* top-hero-link */
.top-hero .top-hero-link {
	margin-top: 6rem;
	padding: 0 5.2rem 0 5.2rem;
}

.top-hero .top-hero-link a {
	margin: 0 2rem;
	padding: 1.8rem 0;
	font-size: 2.6rem;
}

.top-hero .top-hero-link a .sub {
	font-size: 1.8rem;
}

.top-hero .top-hero-link a .price {
	font-size: 2.4rem;
}

.top-hero .top-hero-link a::before {
	right: 2.6rem;
	width: 3rem;
	height: 2.8rem;
	font-size: 2.8rem;
}
}

/* ------------------------------ */
/* .first-bm
----------------------------------*/
.first-bm h2 {
	margin: 0 0 1.2em 0;
	font-size: 2.6rem;
	font-style: italic;
	color: #ffffff;
	line-height: 1.2;
}

.first-bm h2 span {
	display: block;
	margin-top: 0.5em;
	font-size: 1.6rem;
	color: #00bcb9;
	background: -webkit-linear-gradient(0deg, #00a0eb, #00d478);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.first-bm {
	width: auto;
}

.first-bm .inner {
	width: 100%;
	padding: 4.4rem 2.8rem 4.6rem 2.8rem;
	background: url(../images/top/first-bm_bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	text-align: center;
}

.first-bm_img {
	margin-bottom: 3rem;
	border-radius: 10px;
	overflow: hidden;
}

.first-bm_img img {
	width: 100%;
	height: auto;
}

.first-bm p {
	margin: 0 0 1.2em 0;
	font-size: 1.6rem;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	line-height: 1.8;
}

.first-bm p span {
	color: #2bfbd6;
	font-weight: 700;
}

@media screen and (min-width: 768px) {
.first-bm .inner {
	padding: 6.2rem 4.2rem 6.4rem 4.2rem;
}
.first-bm h2 {
	margin: 0 0 1.2em 0;
	font-size: 4.2rem;
	font-style: italic;
	color: #ffffff;
	line-height: 1.2;
}

.first-bm h2 span {
	margin-top: 0.5em;
	font-size: 2.4rem;
}

.first-bm p {
	margin: 0 0 1.2em 0;
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 1.8;
}

.first-bm p span {
	color: #2bfbd6;
}

.first-bm .catch-txt {
	position: relative;
	margin: 0 0 1.6em 0;
	padding: 0 8rem;
	font-size: 2.6rem;
	font-weight: 700;
}

.first-bm .attention-list {
	font-size: 2.2rem;
}
}

/* ------------------------------ */
/* #about-bm-list
----------------------------------*/
#about-bm-list {
	margin: 0;
}

#about-bm-list h1 {
	padding: 5rem 0.4rem;
	background: #d8eeff;
	font-size: 2.8rem;
	font-style: italic;
	font-weight: 700;
	color: #193978;
	text-align: center;
}

#about-bm-list h1 span.tit {
	display: inline-block;
	padding: 0 0.1em;
	background:linear-gradient(transparent 60%, #fff600 60%);
}

#about-bm-list h1 span.sub {
	display: block;
	margin-bottom: 0.6em;
	font-size: 2rem;
	color: #199ef7;
}

/* .about-bm-list-item */
.about-bm-list-item {
	width: 100%;
	margin: 0 auto;
	padding: 68px 0 42px 0;
	border-top: 1px solid #15294e;
	border-image: linear-gradient(to right, #081d45 10%, rgba(255,255,255,0.08) 50%, #081d45 90%);
	border-image-slice: 1;
}

.about-bm-list-item.about-bm-boookies {
	padding: 88px 0 42px 0;
}

.about-bm-boookies {
	background: #081d45 url(../images/top/about-bm_bookies_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-news {
	background: #081d45 url(../images/top/about-bm_news_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-result {
	background: #081d45 url(../images/top/about-bm_result_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-interview {
	background: #081d45 url(../images/top/about-bm_interview_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-rank {
	background: #081d45 url(../images/top/about-bm_rank_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-directory {
	background: #081d45 url(../images/top/about-bm_directory_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-abroad {
	background: #081d45 url(../images/top/about-bm_abroad_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-others {
	background: #081d45 url(../images/top/about-bm_others_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.about-bm-list-item h2 {
	position: relative;
	margin: 0 2.2rem 3.2rem 2.2rem;
	padding: 3rem 0.4rem;
	background: rgb(0,144,225);
	background: linear-gradient(90deg, rgba(0,144,225,0.75) 0%, rgba(0,212,72,0.75) 100%);
	font-size: 2.6rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	text-shadow: 0 2px 12px rgba(0,0,0,0.25);
	transform: skewX(-8deg);
}

.about-bm-list-item h2::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border: 12px solid transparent;
	border-top: 14px solid #00b6a4;
	opacity: 0.75;
}

.about-bm-list-item h2.free::after {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-25%,-25%)	skewX(8deg);
	display: block;
	content: "";
	width: 7rem;
	height: 7rem;
	background: url(../images/top/free_icon.png) no-repeat left top;
	background-size: 100% 100%;
}

.about-bm-list-item h2 {
	position: relative;
}

.about-bm-list-item h2 span {
	display: block;
	margin: 0.2rem 0;
}

.about-bm-list-item.about-bm-boookies h2 {
	padding: 1.5rem 0.4rem;
}

.about-bm-list-item .inner {
	margin: 0 2rem;
}

.about-bm-list-item .about-bm-list-item-topimg {
	padding: 2.4rem 0 0 0;
	background: #d5e5f2;
	text-align: center;
}

.about-bm-list-item .about-bm-list-item-topimg img {
	width: 80%;
	height: auto;
}

.about-bm_point-tit {
	display: flex;
	align-items: center;
	margin: 0 auto 1.2em auto;
	text-align: left;
}

.about-bm_point-tit figure {
	display: block;
	width: 28%;
	min-width: 28%;
	max-width: 20vw;
    height: auto;
    margin: 0 1.2rem 0 0;
}

.about-bm_point-tit figure img {
	width: 100%;
	height: auto;
}

.about-bm-list-item h3 {
	display: block;
	width: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
}

.about-bm-list-item p {
	margin: 0 0 1.2em 0;
	font-size: 1.48rem;
	font-weight: 500;
	line-height: 1.8;
}

.about-bm-list-item p span {
	color: #de042d;
	font-weight: 700;
}

.about-bm-list-item p:last-of-type {
	margin-bottom: 0;
}

.about-bm-list-item .box-type-01 {
	padding: 3.8rem 2.2rem 4.8rem 2.2rem;
	background: #ffffff;
}

.about-bm-list-item .box-type-02 {
	padding: 3.8rem 2.2rem 5.8rem 2.2rem;
	background: #d5e5f2;
}

@media screen and (min-width: 768px) {
#about-bm-list h1 {
	padding: 8.4rem 0.4rem;
	background: #d8eeff;
	font-size: 4.8rem;
	font-style: italic;
	font-weight: 700;
	color: #193978;
	text-align: center;
}
#about-bm-list h1 span.sub {
	display: block;
	margin-bottom: 0.6em;
	font-size: 3.8rem;
	color: #199ef7;
}

/* .about-bm-list-item */
.about-bm-list-item {
	padding: 108px 0 72px 0;
}

.about-bm-list-item.about-bm-boookies {
	padding: 128px 0 72px 0;
}

.about-bm-boookies {
	background-size: 100% auto;
	background-position: top -20px center;
}

.about-bm-news {
	background-size: 100% auto;
}

.about-bm-result {
	background-size: 100% auto;
}

.about-bm-interview {
	background-size: 100% auto;
}

.about-bm-rank {
	background-size: 100% auto;
}

.about-bm-directory {
	background-size: 100% auto;
}

.about-bm-abroad {
	background-size: 100% auto;
}

.about-bm-others {
	background-size: 100% auto;
}

.about-bm-list-item h2 {
	margin: 0 4.2rem 4.8rem 4.2rem;
	padding: 4.2rem 0.4rem;
	font-size: 4.2rem;
}

.about-bm-list-item.about-bm-boookies h2 {
	padding: 2.2rem 0.4rem;
}

.about-bm-list-item h2::before {
	transform: skewX(8deg);
	margin-left: -12px;
	border: 22px solid transparent;
	border-top: 24px solid #00b6a4;
}

.about-bm-list-item h2.free::after {
	width: 12rem;
	height: 12rem;
}

.about-bm-list-item h2 span {
	margin: 0.2rem 0;
}

.about-bm-list-item .inner {
	margin: 0 4rem;
}

.about-bm-list-item .about-bm-list-item-topimg {
	padding: 4.8rem 0 0 0;
}

.about-bm-list-item .about-bm-list-item-topimg img {
	width: 75%;
	height: auto;
}

.about-bm_point-tit {
	margin: 0 auto 1.2em auto;
}

.about-bm-list-item h3 {
	display: block;
	width: 70%;
    margin: 0 auto;
    padding: 0 0 0 0.2em;
    font-size: 2.8rem;
    line-height: 1.3;
}

.about-bm-list-item p {
	margin: 0 0 1.2em 0;
	font-size: 2.4rem;
	line-height: 1.8;
}

.about-bm-list-item .box-type-01 {
	padding: 4.2rem 4.2rem 5.2rem 4.2rem;
}

.about-bm-list-item .box-type-02 {
	padding: 4.2rem 2.8rem 7.2rem 2.8rem;
	background: #d5e5f2;
}
}

/* .search-boxer-slide */
.search-boxer-slide {
	position: relative;
	text-align: center;
}

.search-boxer-slide h3 {
	display: block;
	margin: 0 auto 2rem auto;
	padding: 0.8em 0.4em;
	background: #005cb4;
	color: #ffffff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	transform: skewX(-8deg);
}

.search-boxer-slide h4 {
	margin: 1em 0 0.5em 0;
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
	transform: skewX(-8deg);
}

.search-boxer-slide .sb-block {
	margin: 0;
	padding: 2.2rem 0.8rem 1rem 0.8rem;
	border-radius: 5px;
	background: #ffffff;
}

.search-boxer-slide .sb-block p {
	margin: 0 0.8em;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

.search-boxer-slide .sb-block .sb-img {
	margin: 2rem auto 0 auto;
	text-align: center;
	height: auto;
}

.search-boxer-slide .sb-block .sb-img img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
/* .search-boxer-slide */
.search-boxer-slide h3 {
	margin: 0 auto 3.5rem auto;
	padding: 0.8em 0.4em;
	font-size: 3.2rem;
}

.search-boxer-slide .sb-block {
	margin: 0;
	padding: 3rem 1.2rem 1.2rem 1.2rem;
}

.search-boxer-slide .sb-block p {
	margin: 0 1em;
	font-size: 2.6rem;
}

.search-boxer-slide .sb-block .sb-img {
	margin: 3.8rem auto 0 auto;
}
}

/* ------------------------------ */
/* swiper
----------------------------------*/
/* 前への矢印 */
.swiper-button-prev {
	left: -3.5rem;
  }

.swiper-button-prev::before {
	  content: "\f137";
}

/* 次への矢印 */
.swiper-button-next {
	right: -3.5rem;
}

.swiper-button-next::before {
	content: "\f138";
}

.swiper-button-prev,
.swiper-button-next {
	background-image: none;
	width: 3rem;
	height: 3rem;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	padding: 2px;
	background: #ffffff;
	border-radius: 9999px;
	font-family: "Font Awesome 6 Free";
	font-size: 3rem;
}

/* ページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -2.5rem;
}

@media screen and (min-width: 768px) {
	/* ------------------------------ */
/* swiper
----------------------------------*/
/* 前への矢印 */
.swiper-button-prev {
	left: -4.6rem;
}

/* 次への矢印 */
.swiper-button-next {
	right: -4.6rem;
}

.swiper-button-prev,
.swiper-button-next {
	width: 4rem;
	height: 4rem;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	padding: 3px;
	font-size: 4rem;
}

/* ページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -4rem;
}
.swiper-pagination-bullet{
    width: 14px !important;
    height: 14px !important;
	margin: 0 10px !important;
}
}

/* ------------------------------ */
/* .bm-contents-list
----------------------------------*/
.bm-contents-list {
	background: #ffffff;
}

.bm-contents-list h2 {
	margin: 0 0 2.2em 0;
	font-size: 2.6rem;
	font-style: italic;
	color: #0f1f3f;
	line-height: 1.2;
	text-align: center;
}

.bm-contents-list h2 span {
	display: block;
	margin-top: 0.5em;
	font-size: 1.6rem;
	color: #00bcb9;
	background: -webkit-linear-gradient(-90deg, #00a0eb, #00d478);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bm-contents-list .inner {
	padding: 4.4rem 1rem 4.6rem 1rem;
}

.bm-contents-list .inner .list-display table {
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}

.bm-contents-list .inner .list-display table thead th {
	padding: 0.4em 0.2em;
	background: #9aabc3;
	border: 1px solid #b3c0d2;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 1.4;
	vertical-align: middle;
	text-align: center;
}

.bm-contents-list .inner .list-display table thead th span {
	display: inline-block;
}

.bm-contents-list .inner .list-display table th:nth-child(2) .crown {
	position: relative;
	padding-left: 1.5em;
}

.bm-contents-list .inner .list-display table th:nth-child(2) .crown::before {
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translate(-10%,-60%);
	content: "\f521";
	width: 1.8rem;
	height: 1.8rem;
	font-family: "Font Awesome 6 Free";
	font-size: 1.8rem;
	font-weight: 700;
	color: #ffe13a;
	line-height: 1;
}

.bm-contents-list .inner .list-display table tbody th {
	padding: 0.4em 0.4em;
	background: #ecf0f2;
	border: 1px solid #b3c0d2;
	font-size: 1.4rem;
	color: #0f1f3f;
	line-height: 1.4;
	text-align: right;
}

.bm-contents-list .inner .list-display table tbody th span {
	display: inline-block;
}

.bm-contents-list .inner .list-display table tbody td {
	position: relative;
	width: 32%;
	padding: 0.4em 0;
	border: 1px solid #b3c0d2;
	font-size: 1.6rem;
	line-height: 1.4;
	vertical-align: middle;
	text-align: center;
}

.bm-contents-list .inner .list-display table th.none {
	background: #fff;
	border: none;
}

.bm-contents-list .inner .list-display table th:nth-child(2),
.bm-contents-list .inner .list-display table td:nth-child(2) {
    border-left: 4px solid #0090e1;
    border-right: 4px solid #0090e1;
	background-color: #dcf6fa;
}

.bm-contents-list .inner .list-display table tr:first-child th:nth-child(2) {
    position: relative;
	padding-bottom: 20px;
    border: none;
	background: rgb(0,144,225);
	background: linear-gradient(0deg, #0090e1 0%, rgba(0,212,72,0.9) 100%);
	z-index: +1;
}

.bm-contents-list .inner .list-display table tr:first-child th:nth-child(2)::before {
	position: absolute;
	top: -20px;
	left: -2px;
	display: block;
	content: "";
	width: calc(100% + 5px);
	height: calc(100% + 20px);
	border-radius: 15px 15px 0 0;
	background: rgb(0,144,225);
	background: linear-gradient(0deg, rgba(0,144,225,1) 0%, #00d473 100%);
	z-index: -1;
}

.bm-contents-list .inner .list-display table tr:last-child td:nth-child(2) {
    border-bottom: 5px solid #0090e1;
}

.bm-contents-list .inner .list-display table tbody td .check-icon::before {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	content: "\f058";
	width: 1.8rem;
	height: 1.8rem;
	font-family: "Font Awesome 6 Free";
	font-size: 1.8rem;
	font-weight: 700;
	color: #4dcadb;
	line-height: 1;
}

.bm-contents-list .inner .list-display table td:nth-child(3n) .check-icon::before {
	color: #a1c0e1;
}

@media screen and (min-width: 768px) {
/* ------------------------------ */
/* .bm-contents-list
----------------------------------*/

.bm-contents-list h2 {
	margin: 0 0 2em 0;
	font-size: 4.4rem;
	line-height: 1.2;
}

.bm-contents-list h2 span {
	margin-top: 0.2em;
	font-size: 3.2rem;
}

.bm-contents-list .inner {
	padding: 8.8rem 2rem 9.2rem 2rem;
}

.bm-contents-list .inner .list-display table thead th {
	padding: 0.4em 0.2em;
	border: 1px solid #b3c0d2;
	font-size: 2.4rem;
	line-height: 1.4;
}

.bm-contents-list .inner .list-display table th:nth-child(2) .crown {
	position: relative;
	padding-left: 1.5em;
}

.bm-contents-list .inner .list-display table th:nth-child(2) .crown::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-10%,-85%);
	width: 1.8rem;
	height: 1.8rem;
	font-size: 3rem;
}

.bm-contents-list .inner .list-display table tbody th {
	padding: 0.8em 0.6em;
	border: 1px solid #b3c0d2;
	font-size: 1.8rem;
}

.bm-contents-list .inner .list-display table tbody td {
	position: relative;
	width: 32%;
	padding: 0.4em 0;
	border: 1px solid #b3c0d2;
	font-size: 1.8rem;
	line-height: 1.4;
}

.bm-contents-list .inner .list-display table tr:first-child th:nth-child(2) {
    position: relative;
	padding-bottom: 20px;
}

.bm-contents-list .inner .list-display table tr:first-child th:nth-child(2)::before {
	position: absolute;
	top: -20px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 20px);
	border-radius: 15px 15px 0 0;
}

.bm-contents-list .inner .list-display table tr:last-child td:nth-child(2) {
    border-bottom: 5px solid #0090e1;
}

.bm-contents-list .inner .list-display table tbody td .check-icon::before {
	width: 2.8rem;
	height: 2.8rem;
	font-size: 2.8rem;
}
}

/* ------------------------------ */
/* .boookies-pr
----------------------------------*/
.boookies-pr {
	position: relative;
	padding: 115px 0 200px 0;
	text-align: center;
	color: #ffffff;
}

.boookies-pr::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 180px;
	background: url(../images/top/boookies_pr_01_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	overflow: hidden;
	z-index: -1;
}

.boookies-pr::after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 200px;
	background: url(../images/top/boookies_pr_02_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	overflow: hidden;
	z-index: -1;
}

.boookies-pr .inner {
	margin: 0 2.6rem;
}

.boookies-pr h2 {
	display: inline-block;
	margin: 0 0 3.2rem 0;
	padding: 2.4rem 1.4rem 2.4rem 2rem;
	background: rgb(0,144,225);
	background: linear-gradient(90deg, rgba(0,144,225,0.85) 0%, rgba(0,212,72,0.85) 100%);
	font-size: 2.4rem;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 0.05em;
	text-shadow: 0 2px 12px rgba(0,0,0,0.25);
	transform: skewX(-8deg);
}

.boookies-pr h3 {
	margin: 0 0 1em 0;
	color: #ffe13a;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.05em;
}

.boookies-pr p.read {
	margin-bottom: 2.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.8;
}

.boookies-pr p.read .br {
	display: inline-block;
}

.boookies-pr .price {
	margin-bottom: 3rem;
}

.boookies-pr .price dl {
	border: 0.1rem solid #ffffff;
}

.boookies-pr .price dl dt {
	padding: 0.6rem;
	background: #ffffff;
	color: #081d45;
	font-size: 1.6rem;
	font-weight: 900;
}

.boookies-pr .price dl dd {
	margin: 0;
	padding: 2rem 0;
	color: #ffe13a;
	font-size: 2.2rem;
	font-weight: 900;
}

.boookies-pr .price dl dd .number {
	padding-left: 0.1em;
	font-size: 4rem;
}

.boookies-pr .price dl dd .zei {
	font-size: 1.6rem;
}

.boookies-pr .price-pay h4 {
	margin: 0 0 2rem 0;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.2;
}

.boookies-pr .price-pay img {
	width: 80%;
	height: auto;
}

@media screen and (min-width: 768px) {
/* ------------------------------ */
/* .boookies-pr
----------------------------------*/
.boookies-pr {
	padding: 170px 0 290px 0;
}

.boookies-pr::before {
	height: 230px;
}

.boookies-pr::after {
	height: 230px;
}

.boookies-pr .inner {
	margin: 0 3.2rem;
}

.boookies-pr h2 {
	margin: 0 0 4.8rem 0;
	padding: 3.4rem 2.2rem 3.4rem 3.2rem;
	font-size: 3.8rem;
}

.boookies-pr h3 {
	margin: 0 0 1em 0;
	font-size: 3.2rem;
}

.boookies-pr p.read {
	margin-bottom: 3.8rem;
	font-size: 2.6rem;
}

.boookies-pr .price {
	margin: 0 2rem 4rem 2rem;
}

.boookies-pr .price dl dt {
	padding: 1rem 0;
	font-size: 2.8rem;
}

.boookies-pr .price dl dd {
	padding: 3.2rem 0 3.6rem 0;
	font-size: 3.4rem;
}

.boookies-pr .price dl dd .number {
	padding-left: 0.1em;
	font-size: 7rem;
}

.boookies-pr .price dl dd .zei {
	font-size: 2.4rem;
}

.boookies-pr .price-pay h4 {
	margin: 0 0 2.8rem 0;
	font-size: 2.6rem;
}

.boookies-pr .price-pay img {
	width: 70%;
	height: auto;
}	
}

/* ------------------------------ */
/* .foot-infomation
----------------------------------*/
.foot-infomation {
	padding: 4rem 3.4rem 4rem 3.4rem;
	background: #000e2a;
}

.foot-infomation p {
	margin: 0 0 1.6em 0;
	color: #e3eefc;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.8;
}

.foot-infomation p:last-of-type {
	margin-bottom: 0;
}

.foot-infomation p a {
	color: #e3eefc;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
/* ------------------------------ */
/* .foot-infomation
----------------------------------*/
.foot-infomation {
	padding: 6rem 4.2rem 6rem 4.2rem;
}

.foot-infomation p {
	margin: 0 0 1.6em 0;
	font-size: 1.6rem;
}

.foot-infomation p:last-of-type {
	margin-bottom: 0;
}
}