@charset "utf-8";

.inquiry {
	text-align: center;
	padding: 30px 0;
}
.inquiry p {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 10px;
}
.sbcaiShort .sbcai .aiimage {padding-bottom: 60px;}
.sbcaiShort .sbcai .sbcaiShort .sbcaiInner {padding-bottom: 0;}
.sbcaiShort .sbcai .text01 {
	text-align: center;
	font-size: 25px;
	margin: 20px 0 0;
}
.sbcaiShort .sbcai .text01 em {
	font-style: normal;
	font-weight: bold;
	color: #a342ab;
}
.sbcaiShort .sbcai header h2 {color: #000;}
.sbcaiShort .sbcai header h2 span {font-size: 47px;}
.sbcaiShort .sbcai header h2 strong {color: #a342ab;}
nav {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 10px 0 30px;
}
.shorei {
	background: url("../img/img02.jpg") center top / cover no-repeat;
	padding: 50px 0;
	text-align: center;
}
.first {
	padding: 50px 0;
	text-align: center;
	background: rgb(18,214,223);
	background: linear-gradient(143deg, rgba(18,214,223,0.3) 0%, rgba(219,206,172,0.3) 25%, rgba(251,119,238,0.3) 50%, rgba(65,159,233,0.3) 75%, rgba(123,39,214,0.3) 100%);
}
.first > div:nth-child(2) {margin-top: 30px;}
.first > div:nth-child(3) {margin-top: 50px;}
.dir-area02 {padding: 0 0 30px;}
.dir-area02 .intro__text + div {
	text-align: center;
}
.dir-area03 {min-height: 600px;}
.more {
  padding: 50px 0 0;
	text-align: center;
}
.dir-area04 {
	margin: 0;
	padding: 60px 0;
}
.dir-area04 .col4 {float: none;}
.dir-area04 .contents {
	border: 3px solid #63c8e7;
	border-radius: 15px;
	padding: 15px 0;
	margin: -150px 0 0;
	background: #fff;
	position: relative;
	z-index: 1;
}
.dir-area04 .photo_note {
	padding: 1% 2% 0;
	font-size: 16px;
}
.dir-area04 .mhlw-risk {
	width: 96%;
	margin: 15px auto 0;
}
.dir-area04 .mhlw-risk .mhlw-risk-single {
	border: none;
}
.dir-area04 .col3 {
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	padding: 60px 0 0;
}
.dir-area04 .col3 strong {color: #f579b7;}
.dir-area04 .col3 span {font-size: 16px;}
#resolution {
	padding: 60px 0;
	background: #faf9f9;
}
#resolution .choice {
	padding: 0;
	margin: 0 0 20px;
	background: #faf9f9;
}
.block_point .point_box .item  p.item-point {
  background: #FBECF1;
  padding: 25px 10px;
}
.block_point .point_box .item > p:last-child {
	text-align: center;
	margin: 10px 0 0;
	font-size: 30px;
}
.block_point .point_box .item .point_body .point_text .catch span {
	font-size: 32px;
	background: linear-gradient(transparent 60%, #fffc17 60%);
}
.block_point .point_box .item > p:last-child span {background:linear-gradient(transparent 60%, #fffc17 60%);}
.block_point .point_box .item > p:last-child em {
	font-size: 34px;
	font-weight: bold;
	color: #f579b7;
  font-style: normal;
}
@media screen and (min-width: 980px) {
	.block_point .point_box .item .point_body .point_text {
		flex: 1;
		padding: 0 20px;
	}
	.block_point .point_box .item .hl01 {font-size: 120%;}
}
.block_detail {
	background: #fff;
}
#hikaku .tabacc.-pc-accordion > .contents > .title {
	margin: 0;
	background: #f579b7;
}
#hikaku .tabacc.-pc-accordion > .contents > .content {
	margin: 20px 0 0;
	border: none;
}
@media screen and (max-width: 979px) {
	body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		font-size: inherit;
		color: inherit;
	}
	.inquiry {
		padding: 4vw 2vw;
	}
	.inquiry p {
		font-size: 4vw;
		margin: 0 0 1vw;
	}
	.sbcaiShort {margin: 4vw 0 0;}
	.sbcaiShort .sbcai .aiimage {
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	.sbcaiShort .sbcai .text01 {
		text-align: center;
		font-size: 3.5vw;
		margin: 2.5vw 0 0;
	}
	.sbcaiShort .sbcai header h2 {margin: 0 0 2vw;}
	.sbcaiShort .sbcai header h2 span {font-size: 5.5vw;}
	.sbcaiShort .sbcai header h2 strong {color: #a342ab;}
	nav {
		width: 96%;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 0 3vw;
	}
	nav div {width: 32%;}
	.shorei {padding: 4vw;}
	.first {padding: 5vw 2vw 7vw;}
	.first > div:nth-child(2) {margin-top: 3vw;}
	.first > div:nth-child(3) {margin-top: 5vw;}
	.dir-area02 {padding: 5vw 0 3vw !important;}
	.dir-area02 .intro__text + div {
		width: 60vw;
		margin: 0 auto;
	}
	.dir-area03 {min-height: inherit;}
	.dir-area03 .teen_point {padding-bottom: 15vw;}
	.block_price .ttl_bg {
		font-size: 4.5vw;
		margin: 0 0 2.5vw;
	}
	.block_price .price_box-bd {padding: 2vw;}
	.block_price .price_box-bd p {font-size: 3vw}
	.block_price .price_box .item .b_price .num small span {white-space: nowrap;}
	.more {
    padding: 6vw 3vw 0;
  }
	.dir-area04 {
		padding: 5vw 0 7vw;
	}
	.dir-area04 .contents {
		border: 0.75vw solid #63c8e7;
		border-radius: 2vw;
		padding: 2.5vw 0;
		margin: -24vw 0 0;
	}
	.dir-area04 .photo_note {font-size: 3vw;}
	.dir-area04 .mhlw-risk {
		margin: 2vw auto 0;
		min-height: inherit;
	}
	.dir-area04 .col3 {
		font-size: 4vw;
		background: #F2F9FF;
    padding: 4% 2%;
    margin: 10px 0;
	}
	.dir-area04 .col3 span {font-size: 2.5vw;}
	.dir-area04 .col4 {
		margin: 2vw 0 0;
		width: 70vw;
		margin: 0 0 0 auto;
	}
	#resolution {
    padding: 5vw 0 7vw;
  }
  .block_point .point_box .item  p.item-point {
    padding: 15px 10px;
  }
	.block_point .point_box .item > p:last-child {
		margin: 1.5vw 0 0;
		font-size: 4vw;
	}
	.block_point .point_box .item .point_body .point_text .catch span {
		font-size: 25px;
	}
	.block_point .point_box .item > p:last-child em {
		font-size: 5vw;
		font-style: normal;
	}
	#hikaku .tabacc.-pc-accordion > .contents > .content {
		margin: 2vw 0 0;
		border: none;
	}
}
.sbcai {margin-top: 0;}
.sbcai header h2 {color: #000;}
.sbcai header h2 span {font-size: 47px;}
.sbcai header h2 strong {color: #a342ab;}
.sbcai .aiimage {padding-top: 30px;}
.sbcai .sbcaiPoint {
	width: 920px;
	padding: 1px 30px 30px;
	background: #fffad7;
	font-size: 26px;
	text-align: center;
	margin: 60px auto 20px;
}
.sbcai .sbcaiPoint .index {
	width: 212px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	border-radius: 100px;
	background: #b14a95;
	margin: -27px auto 30px;
	position: relative;
}
.sbcai .sbcaiPoint .index::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -8px;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 9px 0 9px;
	border-color: #b14a95 transparent transparent transparent;
}
.sbcai .text + div {margin-top: 30px;}
.sbcai .sbcaiInner .sbcaiInnerIndex {
	position: relative;
	z-index: 1;
	background-image: url('/lp/eyelid3/images/img09.png');
}
.sbcai .sbcaiInner .sbcaiImg01 {
	margin-top: -100px;
	margin-bottom: 30px;
}
.sbcai .sbcaiInner .sbcaiImg02 {
	text-align: center;
	margin: 0 0 10px;
}
.sbcai .sbcaiInner .howWrap {
	width: 920px;
	background: #f9f9f9;
	text-align: center;
	padding: 0 0 40px;
	margin: 20px auto 0;
}
.sbcai .sbcaiInner header.how {
	padding: 0;
	height: auto;
}
.sbcai .sbcaiInner header.how::before {display: none;}
.sbcaiImg02 {margin-top: 30px;}
.sbcaiImg03 {margin: 30px 0;}
.sbcaiImg05 {text-align: center;}
.sbcaiImg06 img {margin-top: -34px;}
@media screen and (max-width: 979px) {
	.sbcai .aiimage {padding-top: 6vw;}
	.sbcai .sbcaiPoint {
		width: 96%;
		padding: 1vw 4vw 4vw;
		font-size: 3.7vw;
		margin: 7vw auto 2.5vw;
	}
	.sbcai .sbcaiPoint + .text {font-size: 2.5vw}
	.sbcai .sbcaiPoint br {display: none;}
	.sbcai .sbcaiPoint .index {
		width: 30vw;
		height: 8vw;
		font-size: 4.5vw;
		margin: -4vw auto 3vw;
	}
	.sbcai .sbcaiPoint .index::before {
		bottom: -1.5vw;
		border-width: 2vw 1.5vw 0 1.5vw;
	}
	.sbcai .text + div {margin-top: 4vw;}
	.sbcai .sbcaiInner {margin-top: 0;}
	.sbcai .sbcaiInner .sbcaiImg01 {
		margin-top: -10vw;
		margin-bottom: 4vw;
	}
	.sbcai .sbcaiInner .spText {
		font-size: 4.5vw;
		font-weight: bold;
		text-align: center;
	}
	.sbcai .sbcaiInner .sbcaiImg01 img {
		width: 100%;
		height: 48vw;
		object-fit: cover;
		object-position: center top;
	}
	.sbcai .sbcaiInner .sbcaiImg02 {
		margin: 2vw 8vw 5vw;
	}
	.sbcai .sbcaiInner .howWrap {
		width: 100%;
		padding: 0 0 4vw;
		margin: 4vw auto 0;
	}
	.sbcai .sbcaiInner header.how p {
		padding: 0;
	}
	.sbcai .sbcaiInner header.how {
		padding: 0;
		height: auto;
	}
	.sbcai .sbcaiInner header.how::before {display: none;}
	.sbcaiImg02 {margin-top: 3vw;}
	.sbcaiImg03 {
		width: 70vw;
		margin: 3vw auto;
	}
	.sbcaiImg06 img {margin-top: -4vw;}
}

.btn-grad__text {
  font-size: 24px;
  line-height: 83px;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
@media screen and (max-width: 640px) {
  .btn-grad__text {
    font-size: 4.5vw;
    line-height: 4em;
    letter-spacing: 0.1em;
  }
}


.eyelid1801 #resolution .choice .innerWrapper .tab-select ul li {
	/*width: calc(100% / 8 - 7px);*/
	position: relative;
	opacity: .7;
	cursor: pointer;
	background: none;
}
.tab-select p.open-arrow.nav1 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-01.png);
}
.tab-select p.open-arrow.nav2 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-08.png);
}
.tab-select p.open-arrow.nav3 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-02.png);
}
.tab-select p.open-arrow.nav4 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-03.png);
}
.tab-select p.open-arrow.nav5 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-04.png);
}
.tab-select p.open-arrow.nav6 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-05.png);
}
.tab-select p.open-arrow.nav7 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-06.png);
}
.tab-select p.open-arrow.nav8 {
	background-image:url(https://www.s-b-c-biyougeka.net/sp/lp/assets/img/eyelid3/tab-eyelid3-07.png);
}
@media screen and (max-width: 979px) {
  .eyelid1801 #resolution {
    padding: 5vw 0;
  }
  #resolution .sm-display > div > h3:first-child {
    display: none;
  }
	.eyelid1801 #resolution .tab-select {
		margin: 0 10px;
	}
	  .rakuten-point {
    padding: 4% 2% ;
  }
}
/********** 楽天ポイント ***********/
/* overwrite > s-b-c.net/assets/css/common */
body {
  padding-top: 0;
  font-size: inherit;
}

.rakuten-point {
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width: 979px) {
  .rakuten-point {
    padding: 4% 2% ;
  }
}
#rakuten {
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 0;
}
#rakuten .inner {
	padding: 20px 1px;
	background: #fff3f3;
}
#rakuten .title {
	background: #0d1d46;
	text-align: center;
	padding: 5px 0;
}
#rakuten .title p {
	font-size: 24px;
	line-height: 1.4;
	color: #ffffff;
}
#rakuten .title span {
	font-size: 36px;
	color: #f2e1b6;
}
#rakuten .rakuten_content {
	text-align: center;
	margin: 20px auto;
}
#rakuten .rakuten_content p {
	font-size: 20px;
}
#rakuten .rakuten_content p span {
	font-size: 80%;
}
#rakuten #rakuten-inner {
	margin: 20px auto;
}
#rakuten #rakuten-inner .pulldown_btn {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	background: #c0181f;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
	color: #ffffff;
	font-size: 24px;
}
#rakuten #rakuten-inner .pulldown_btn::before {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 15px;
	height: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
}
#rakuten #rakuten-inner .desc {
	width: 90%;
	margin: 0 auto;
	padding: 20px 10px;
	border: 1px solid #3674a0;
	background: #ffffff;
}
#rakuten #rakuten-inner .desc .container {
	padding: 10px 0 20px;
}

@media screen and (max-width: 979px) {
	#mv_campaign .img {
		margin-bottom: -20px;
		position: relative;
	}
	#mv_campaign p {
		font-size: 20px;
	}
	#rakuten {
		width: 100%;
		padding: 4vw 2vw;
	}
	#rakuten .inner {
		max-width: 100%;
		padding: 0.1vw 2vw;
	}
	#rakuten .title p {
		font-size: 16px;
	}
	#rakuten .title span {
		font-size: 24px;
		color: #f2e1b6;
	}
	#rakuten .rakuten_content p,
	#rakuten .rakuten_content p span {
		font-size: 16px;
	}
	#rakuten #rakuten-inner .pulldown_btn {
		width: 100%;
		color: #ffffff;
		font-size: 18px;
	}
	#rakuten #rakuten-inner .pulldown_btn::before {
		top: 0;
		bottom: 1vw;
		right: 20px;
		width: 12px;
		height: 12px;
	}
	#rakuten #rakuten-inner .desc {
		width: 100%;
	}
	#rakuten #rakuten-inner .desc .container {
		padding: 0px 0 2vw;
	}
}
#rakuten h2.heading-line,
#rakuten h4.heading-text {
  font-size: 28px;
}
#rakuten p,
#rakuten td {
  font-size: 16px;
}
@media screen and (max-width: 979px) {
  #rakuten h2.heading-line,
  #rakuten h4.heading-text {
    font-size: 20px;
  }
  #rakuten p,
  #rakuten td {
    font-size: 15px;
  }
}

#rakuten > .title {
  font-weight: bold;
  text-align: center
}
#rakuten > .text {
  text-align: center
}
#rakuten ._f13 {
  font-size: 13px !important
}
#rakuten ._f11 {
  font-size: 11px !important
}
#rakuten .col-wrap01 {
  padding: 15px 30px 17px
}
#rakuten .col-wrap02 {
  padding: 17px
}
#rakuten .col-wrap002 {
  padding: 17px
}
#rakuten .col-wrap03 {
  padding: 3%
}
#rakuten .auto-height > .col {
  display: flex;
  flex-direction: column
}
#rakuten .auto-height > .col > .col-wrap002,
#rakuten .auto-height > .col > .col-wrap02 {
  height: 100%
}
/********** //楽天ポイント ***********/
.ticketWrap {
	width: 980px;
	margin: 50px auto 0;
	padding: 0 30px 30px;
	background: #fff;
		text-align: center;
}
@media screen and (max-width: 979px) {
	.ticketWrap {
		width: 96%;
		margin: 7vw auto 0;
		padding: 0 4vw 4vw;
	}
}
@media screen and (max-width: 640px) {
	.sm-display {display: block !important;}
}