@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
/*---------------------------------
 共通
---------------------------------*/
html {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-feature-settings: "pkna"1;
}
body, div, p, ul, li, a {
	margin: 0;
	padding: 0;
}
body {
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	width: 100%;
}
.btn_close {
	display: none;
}
.btn-end {
	filter: brightness(0.7);
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}
main {
	min-width: 980px;
	max-width: 1440px;
	margin: 0 auto;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	opacity: .7;
}
img {
	vertical-align: bottom;
}
li {
	list-style: none;
}
h2, h3, h4 {
	text-align: center;
}
table, table td, table th {
	border-collapse: collapse; /* 1pxにする */
}
.wrap {
	width: 980px;
	margin: 0 auto;
}
.flex {
	display: flex;
}
.pc-show {
	display: inline-block;
}
.pc-block {
	display: block;
}
.tab-show {
	display: none;
}
.sp-show {
	display: none;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.mt-30 {
	margin-top: -30px;
}
.mt50 {
	margin-top: 50px;
}
.max-price2 {
	width: 70%;
	margin: 0 auto;
	font-size: 50px;
	font-weight: bold;
	color: #e4007f;
	line-height: 1;
}
/*---------------------------------
 header
---------------------------------*/
header {
	background-color: #0f218b;
}
header .flex {
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}
/*---------------------------------
 mv
---------------------------------*/
.mv {
	padding: 0;
	margin-bottom: 20px;
}
.mv .yokoku {
	min-width: 980px;
	max-width: 1440px;
	margin: 0 auto;
}
.mv .yokoku img {
	width: 100%;
}
.mv .mv-top {
	min-width: 980px;
	max-width: 1440px;
	margin: 0 auto;
}
.mv .mv-top h1 {
	margin: 0;
	padding: 0;
}
.mv .mv-top img {
	width: 100%;
}
#tenant .mv .mv-top img {
	margin-top: 0;
}
.mv00 {
	margin-bottom: 0;
}
.mv00 img {
	width: auto;
}
.mapBtn {
	margin-top: 1em;
}
.cp-detail .max-price2 {
	width: 70%;
	margin: 0 auto;
	font-size: 50px;
	font-weight: bold;
	color: #e4007f;
	line-height: 1;
}
/*---------------------------------
 sec01
---------------------------------*/
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06, sec07 {
	padding: 0;
	min-width: 980px;
	max-width: 1440px;
	margin: 0 auto;
}
.sec01 img, .sec02 img, .sec03 img, .sec04 img, .sec05 img, .sec06 img, .sec07 img {
	width: 100%;
}
.sec01 {
	background-image: url(../images/cp_kitaayase/bg-2.png);
	background-size: cover;
	padding: 120px 0 20px;
	margin-top: -70px;
}
.sec01 .wrap {
	width: 960px;
	margin: auto;
}
.sec01 .tokuten_ul p {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.sec01 .tokuten_ul .btnMall {
	width: 23em;
	margin: 0 auto 2em;
}
.sec01 .tokuten_ul .w4-02 {
	position: relative;
}
.sec01 .tokuten_ul .w4-02 .badge {
	position: absolute;
	width: 160px;
	top: 80px;
	right: -20px;
}
.sec01B {
	padding: 0;
	background-image: url(../images/cp_kitaayase/bg-1.png);
	background-size: cover;
}
.sec01 .tokuten-div {
	display: none;
}
.tokuten-div {
	position: relative;
}
.tokuten-div .tokuten_badge {
	position: absolute;
	width: 160px;
	top: -20px;
	right: -10px;
}
/*---------------------------------
 sec02
---------------------------------*/
.sec02 {
	min-width: 100%;
	max-width: 100%;
	background-image: url(../images/cp_kitaayase/bg-1.png);
	background-size: cover;
	padding-bottom: 4em;
	background-position: top;
	margin-bottom: 75px;
}
.sec02 .wrap {
	width: 960px;
	margin: auto;
	padding: 3em 0;
	font-size: 19px;
}
.sec02 h2 {
	padding: 0 0 20px;
	text-align: center;
}
.sec02 h2 span {
	color: #003c58;
	font-size: 62px;
}
.sec02 table {
	width: 100%;
	font-size: 15px;
	background: #CCC;
}
.sec02 table th, .sec02 table td {
	vertical-align: middle;
	border: 1px solid #221815;
}
.sec02 table th {
	background: #003c58;
	color: #fff;
	line-height: 2em;
	padding: 1em;
	text-align: left;
}
.sec02 table th.trtop {
	background: #fff;
	color: #333;
	padding: 1em 0.6em;
	text-align: center;
}
.sec02 table th.txt-red {
	color: #ff8127;
	font-size: 16px;
}
.sec02 table th.width1 {
	width: 9%;
}
.sec02 table th.width2 {
	width: 16%;
}
.sec02 table th.width3 {
	width: 14%;
}
.sec02 table td {
	padding: 1.5em 1em;
	font-weight: bold;
	width: 5em;
	border: #FFF 5px solid;
}
.sec02 table td.txt-left {
	text-align: left;
}
.sec02 table td.txt-red {
	color: #ff8127;
	font-size: 16px;
}
.sec02 table td.txt-navy {
	color: #003c58;
}
.sec02 table th.borer1 {
	border-top: 3px solid #ff8127;
	border-left: 3px solid #ff8127;
	border-right: 3px solid #ff8127;
}
.sec02 table td.borer2 {
	border-left: 3px solid #ff8127;
	border-right: 3px solid #ff8127;
}
.sec02 table td.borer3 {
	border-left: 3px solid #ff8127;
	border-right: 3px solid #ff8127;
	border-bottom: 3px solid #ff8127;
}
.sec02 table td span.nenkaihi {
	display: table-cell;
	background: #c6b68d;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	font-weight: normal;
}
.sec02 table span.asterisk {
	font-size: 14px;
	display: block;
	line-height: 1.5;
	font-weight: normal;
}
.sec02 table td.bg-rblue {
	background: #f6f4f1;
}
.sec02 table td.bg-white {
	background: #fff;
}
.sec02 table th.bg-cream {
	background: #fff8e9;
}
.sec02 table td.bg-gray {
	background: #e5e5e5;
}
.sec02 table td:first-of-type{
	width: 15%;
	text-align: center;
}
.sec02 .tokuten_ttl {
	text-align: center;
	color: #2357a7;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 10px;
}
.sec02 ul {
	width: 896px;
}
.sec02 .cpn-info ul {
	padding: 0em 1em 1em;
	text-indent: -1em;
	font-size: 15px;
	line-height: 1.6;
	width: 920px;
	margin: auto;
}
.sec02 h3 {
	background: #ce0e67;
	color: #fff;
	font-size: 18px;
	padding: .2em;
	margin: 2em 0 0;
	width: 100%;
}
.sec02 table span.max {
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding-right: 54px;
}
.sec02 table th.trtop2 {
	background: none;
	border: none;
}
.sec02 table th.trtop3 {
	text-align: center;
}
.centerImg {
	text-align: center;
	display: block;
}
.cp_kobe_tokuten, .cpn-info {
	background: #FFF;
	padding: 1em 1.5em 0;
	margin: 6em 0 0;
}
#cpn-info{
	padding-top: 60px;
	margin-top: -60px;
}
.cp_kobe_m_kikan {
	background: #ffffff;
	padding: 10px;
}
.cp_kobe_m_kikan span {
	color: #3366cc;
	font-weight: bold;
}
.cp_kobe_m_kikan span.red2 {
	color: #990000;
}
.red2 {
	color: #990000;
}
p.bgGreen {
	background: linear-gradient(90deg, rgba(0, 129, 204, 1) 0%, rgba(11, 186, 230, 1) 100%);
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.cp_kobe_tokuten li {
	margin-bottom: 2em;
	line-height: 1;
	position: relative;
}
.cp_kobe_tokuten li .ancTgt {
	position: absolute;
	display: block;
	width: 17%;
	height: 9%;
	top: 296px;
	left: 82%;
}
.sec02 .cpn-info .lead {
	text-align: center;
}
.cp_kobe_m_kikan p {
	text-align: center;
}
.sec02 .tokuten-div {
	display: none;
}
.sec02 .mapBox, .sec03 .mapBox {
	display: flex;
	margin-bottom: 1em;
}
.sec02 .mapBox img, .sec03 .mapBox img {
	width: 100%;
	height: auto;
	margin: 10px;
}
.kadomaDetail {
	margin: 10px 10px 50px;
	border: 3px solid #0068b7;
	border-radius: 20px;
}
.kadomaDetail .detailHead {
	background-color: #0068b7;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0.5em;
	border-radius: 16px 16px 0 0;
}
/*
.sec03 .kadomaDetail ul {
    padding: 0em 1.5em 1em;
    text-indent: -1.5em;
    font-size: 16px;
    line-height: 1.6;
	width:900px;
	margin:auto;
}
*/
.kadomaDetail .note_list_04 {
	width: auto;
	margin: 1em 2em;
}
.kadomaDetail .note_list_04 li {
	text-indent: -1em;
	padding-left: 1em;
}
.kadomaDetail .detailLead {
	background-color: #FFF;
	color: #0068b7;
	;
	margin-left: 1em;
	border-bottom: 2px solid #0068b7;
	width: max-content;
	margin-top: 0.5em;
	padding-bottom: 0;
}
.kadomaDetail .detailLead:before {
	content: "■";
}
/*---------------------------------
 sec02B
---------------------------------*/
.sec02B {
	background: #FFF;
	padding: 8em 0;
}
.sec02B h2 {
	font-size: 4rem;
	font-weight: bold;
	position: absolute;
	top: -1.1em;
	left: calc(50% - 2.5em);
	background: #FFF;
	width: 5em;
	display: block;
}
.sec02B ul {
	width: 800px;
	margin: auto;
	border: 3px solid #d3871a;
	padding: 30px;
	position: relative;
}
.sec02B li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1em;
}
/*---------------------------------
 sec04
---------------------------------*/

/*---------------------------------
 sec05
---------------------------------*/
.sec05 {
	background-size: cover;
	padding-top: 3em;
	margin-top: -3em;
}
.sec05 table img {
	width: auto;
	margin: 1em .4em 1em 0;
}
#basic-infomation {
    padding: 30px 0;
}
#card-feature {
    padding: 60px 0 60px;
}
/*---------------------------------
 sec06
---------------------------------*/
.sec06 img {
	width: 100%;
}
.sec06 .wrap {
	padding: 0;
}
.sec06 .wrap div.linkbtn {
	position: relative;
	width: 100%;
}
.sec06 .wrap div.linkbtn a {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	bottom: 20%;
}
.sec06-subtex {
	width: 600px;
	margin: 3em auto;
}
.sec06 .subA ul {
	position: absolute;
	bottom: 1em;
	font-size: 14px;
	width: 50em;
	left: calc(50% - 22em);
}
.sec06 .subB ul {
	position: absolute;
	bottom: 1em;
	font-size: 14px;
	width: 280px;
	left: calc(50% - 140px);
}
.sec06 .subB ul img {
	width: auto;
}
.sec06 .subC ul {
	text-align: left;
	font-size: 15px;
	margin-top: 3em;
	margin-bottom: 6em;
}
.sec06 .subC ul.txt-center2 {
	margin-top: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}
/*---------------------------------
 sec07
---------------------------------*/
.sec07 {
	background-image: url(../images/cp_kitaayase/bg-1.png);
	background-size: cover;
	padding: 10px 0 100px;
	margin-top: 75px;
}
.sec07 .wrap {
	width: 960px;
	margin: auto;
}
.sec07 .detail {
	background: #FFF;
	padding: 20px;
	border-radius: 20px;
	margin: 10px;
}
.sec07 .detail ul {
	display: flex;
	gap: 0 20px;
	padding-bottom: 20px;
}
.sec07 .merit {
	padding-top: 75px;
	padding-bottom: 50px;
}
.sec07 .merit ul {
	display: flex;
}
.bottomLead {
	text-align: center;
}
/*---------------------------------
 sec08
---------------------------------*/
.sec08 {
	background: #FFF;
}
.sec08 .wrap {
	width: 960px;
	margin: auto;
}
.sec08 p {
	text-align: center;
	font-size: 30px;
	margin: 40px auto 20px;
	width: fit-content;
	padding-bottom: 10px;
	line-height: 1;
	color: #0068b7;
	font-weight: bold;
}
.sec08 p span{
	border-bottom: 3px solid #0068b7;
}
.sec08 ul {
	font-size: 14px;
	width: fit-content;
	margin: auto;
}
.sec08 li {
	text-indent: -1em;
	padding-left: 1em;
}
#card-info p.nonumber {
	background: none;
	color: initial;
	text-align: center;
	width: auto;
	padding: 0;
}
/*---------------------------------
 sec09
---------------------------------*/
.sec09 {
	background: #FFF;
}
.sec09 .wrap {
	width: 960px;
	margin: auto;
}
.sec09 ul {
	display: flex;
	margin-bottom: 40px;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
/*.sec09 li {
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
}*/
/*---------------------------------
 btn-area
---------------------------------*/
.btn-area-wrap {
	text-align: center;
	/*    padding: 0 0 4em;*/
	display: block;
}
.btn-area-wrap .btn-area {
	display: flex;
	justify-content: center;
}
.btn-area-wrap .btn-area a {
	margin: 0 1em 0;
}
.btn-area-wrap .btn-area a img {
	width: 100%;
}
.btn-area-wrap p {
	font-size: 14px;
	text-align: left;
}
.btn-area-wrap ul {
	font-size: 13px;
	text-align: center;
}
.btn-area-wrap ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.first_area ul {
	font-size: 13px;
	padding: 2em;
	text-align: left;
	width: 40em;
	margin: 0 auto;
	color: #FFF;
}
.first_area {
	/*  background-color: #fff100; */
	max-width: 1440px;
	margin: 0 auto;
}
.first_area a {
	color: #FFF;
}
.last_area {
	background-color: #cf1169;
	padding: 0.8em 0;
}
.btn-area-wrap .txt_purple {
	color: #7c38ad;
	width: 386px;
}
.btn-area-wrap .txt_green {
	color: #003c58;
}
.btn-area-wrap .txt_green a {
	color: #003c58;
}
.btn-area-wrap .txt_orange {
	color: #e8940f;
	width: 386px;
}
.btn-area-wrap .large_txt {
	font-weight: bold;
	font-size: 15px;
}
.btn-area-wrap .flex2 img {
	width: 67px;
	height: auto;
	margin: 0 60px 0 10px;
}
#cpMap {
	background: #0068b7;
}
#cpMap .inner {
	padding: 1em 0;
	background: #0068b7;
}
#cpMap .inner div {
	display: flex;
}
#cpMap .inner div img {
	width: 50%;
}
.boxBlue .col2 {
	font-size: 15px;
}
.boxBlue .col2 .title {
	font-size: 15px;
}
.boxBlue .title span {
	font-size: 10px;
}
#user-voice .section-faq .headline {
	font-size: 15px;
}
#user-voice .faq-ac {
	font-size: 12px;
}
#user-voice .section-faq .ac-btn {
	font-size: 14px;
}
#user-voice .note, .noteS {
	font-size: 10px;
}
/*---------------------------------
footer
---------------------------------*/
footer {
	border-top: 2px solid #1b3a80;
	padding: 10px;
}
footer .flex {
	justify-content: space-between;
	align-items: center;
}
footer copy {
	color: #666;
	font-size: 14px;
}
#privilege .inner {
	background: inherit;
}
#privilege p > img {
	margin: 0 auto;
	width: auto;
}
/*---------------------------------
 pagetop
---------------------------------*/
#pageMovetop {
	display: none;
	position: fixed;
	z-index: 1000;
	bottom: 80px;
	right: 40px;
}
#pageMovetop.static {
	position: static;
}
#user-voice .boxBlue:nth-child(1), #user-voice .boxBlue:nth-child(2), #user-voice .boxBlue:nth-child(4){
	display: none;
}
.btmExLink {
	margin: 0 auto 70px;
}
.btmExLink a{
	display: block;
    text-decoration: none;
    background: #0081cc;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    padding: 18px 0 14px;
	position: relative;
}
.btmExLink a::after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 14px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	right: 3%;
	bottom: 0;
	margin: auto;
}
/*---------------------------------
-----------------------------------
  PC
-----------------------------------
---------------------------------*/
@media only screen and (min-width: 767px) {
	.flex2 {
		display: flex;
		align-items: center;
		margin: 25px 33px 0;
	}
}
/*---------------------------------
-----------------------------------
  SP
-----------------------------------
---------------------------------*/
@media only screen and (max-width: 768px) {
	main {
		min-width: 100%;
		max-width: 100%;
	}
	/*img {
		width: 100%;
	}*/
	.boxBlue .col1 .img img {
		width: auto;
	}
	.pc-show, .pc-block {
		display: none;
	}
	.sp-show {
		display: initial;
	}
	.wrap {
		width: 100%;
		margin: 0 auto;
	}
	.cp-detail .max-price {
		width: 70%;
		margin: 0 auto;
		font-size: 40px;
		font-weight: bold;
		color: #e4007f;
		line-height: 1.2;
	}
	.cp-detail .max-price2 {
		width: 70%;
		margin: 0 auto;
		font-size: 40px;
		font-weight: bold;
		color: #e4007f;
		line-height: 1.2;
	}
	/*---------------------------------
	 header
	---------------------------------*/
	header {
		background-color: #0f218b;
	}
	header .flex {
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
	}
	header .flex a img {
		width: 70%
	}
	header .flex img.sci-logo {
		width: 14%
	}
	/*---------------------------------
	 mv
	---------------------------------*/
	.mv {
		padding: 0;
	}
	.mv .yokoku {
		min-width: 100%;
		max-width: 100%;
	}
	.mv .yokoku img {
		width: 100%;
	}
	.mv .mv-top {
		min-width: 100%;
		max-width: 100%;
		position: relative;
	}
	.mv .mv-top .mv-btn-area .btn-area {
		padding: 12px 6px 0;
	}
	.mv .mv-top .mv-btn-area a img {
		padding: 0 0 .75em;
		display: block;
	}
	.mv .mv-top .mv-btn-area p {
		font-size: 12px;
		text-align: center;
	}
	.mv .mv-top .mv-btn-area ul, .card-area .mv-btn-area ul, .sp-first_area ul {
		font-size: 12px;
		text-align: left;
		padding: 2em;
		color: #FFF;
		margin-left: 1em;
	}
	.mv .mv-top .mv-btn-area ul li, .card-area .mv-btn-area ul li, .sp-first_area ul li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.mv .mv-top .mv-btn-area a, .card-area .mv-btn-area a {
		color: #FFF;
	}
	.sp-first_area {
		position: absolute;
		top: 178vw;
		color: #003c58;
	}
	.mv .mv-top img {
		margin-top: 0;
	}
	.mv00 {
		display: flex;
		text-align: right;
		justify-content: flex-end;
		height: 40px;
		padding: 0.5em;
		margin-bottom: -1.5em;
	}
	.mv00 img {
		width: auto;
		;
		height: 40px;
	}
	/*---------------------------------
	 sec01
	---------------------------------*/
	.sec01 {
		position: relative;
		min-width: 100%;
		max-width: 100%;
		padding: 2em 0 0.5em;
		margin-top: -80px;
		background-size: 115% auto;
		background-position: center top;
	}
	.sec01 .background-blue {
		position: absolute;
		background-color: #77c2dd;
		width: 100%;
		bottom: 0;
		height: 300px;
		z-index: -1;
	}
	.sec01 h2 {
		padding: 0;
	}
	.sec01 .btn-area {
		display: block;
		flex-direction: column;
		padding: 0;
	}
	.sec01 .btn-area a {
		display: block;
		padding: 0 0 1em;
		width: 90%;
		margin: 0 auto;
	}
	.sec01 .btn-area a img {
		width: 100%;
	}
	.sec01 .btn-area p {
		font-size: 13px;
	}
	.sec01 .bg > .btn-area a {
		width: 70%;
	}
	.sec01 .bg p {
		padding: 0 0 2em;
		font-size: 12px;
	}
	.sec01 .wrap {
		width: 100%;
		margin: auto;
	}
	.sec01B {
		padding: 10px;
	}
	.sec01B img:last-child {
		margin: 2em 0;
	}
	.sec01 .tokuten_ul {
		padding: 0 10px;
	}
	.sec01 .tokuten_ul p {
		font-size: 15px;
	}
	.sec01 .tokuten_ul .btnMall {
		width: 95%;
	}
	.cp_kobe_tokuten li {
		margin-bottom: 10px;
		line-height: 1;
	}
	.cp_kobe_tokuten li .ancTgt {
		width: 30%;
		height: 7%;
		top: 83%;
		left: 5%;
	}
	.tokuten-div .tokuten_badge {
		width: 80px;
		right: -5px;
		top: -25px;
	}
	.sec01 .tokuten_ul .w4-02 .badge {
		width: 60px;
		right: -5px;
		top: 0px;
	}
	/*---------------------------------
	 sec02
	---------------------------------*/
	.sec02 {
		position: relative;
		padding-bottom: 1em;
		margin-bottom: 2.5em;
		background-size: 115% auto;
		background-position: center top;
	}
	.sec02 .background-blue {
		position: absolute;
		background-color: #0068b7;
		width: 100%;
		bottom: 0;
		height: 3000px;
		z-index: -1;
	}
	.sec02 .tokuten_ttl {
		font-size: 18px;
	}
	.sec02 h2 {
		padding: 0 0 2em;
	}
	.sec02 .wrap {
		width: 95%;
		padding: 1em 0;
		font-size: 1.4em;
	}
	.sec02 .open-btn {
		text-align: center;
		margin: 2em auto 0;
	}
	.sec02 h3 {
		font-size: 15px;
		padding: 6px;
	}
	.sec02 p {
		font-size: 14px;
		text-align: left;
	}
	.sec02 ul, .sec02 .cpn-info ul, .sec03 .kadomaDetail ul {
		width: 100%;
		padding: 0;
		font-size: 14px;
		text-align: center;
		text-indent: 0;
	}
	.sec02  .cpn-info ul.note_list_04 {
		text-align: left;
	}
	.sec02 .note_list_04 li, .sec03 .note_list_04 li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.sec02 .modalInner .spMordal_lead {
		background: #1C4D84;
		color: #FFF;
		text-align: center;
		margin: 1em 0;
		font-weight: bold;
	}
	.sec02 .modalInner .cpn-info ul {
		line-height: 1.4;
	}
	.sec02 .modalInner .cpn-info li {
		padding: 0;
	}
	.sec02 .modalInner .cpn-info #modalAnchor {
		text-decoration: underline;
		color: #73bfbf;
	}
	.cp_saki_tokuten, .cpn-info {
		background: #FFF;
		padding: 0.5em 0.5em;
	}
	.sec02 .cpn-info span {
		display: block;
		font-size: 12px;
	}
	.sec02 .mapBox, .sec03 .mapBox {
		display: block;
	}
	.sec02 .mapBox img, .sec03 .mapBox img {
		width: calc(100% - 20px);
		height: auto;
		margin: 10px;
	}
	.sakiDetail {
		margin: 10px;
		margin-bottom: 50px;
	}
	.sec03 .kadomaDetail .note_list_04 {
		width: auto;
		margin: 0.5em 0 0.5em 0.5em;
		text-align: left;
	}
	.kadomaDetail .detailLead {
		margin-left: 0.5em;
	}
	.cp_kobe_tokuten, .cpn-info {
		background: #FFF;
		padding: 0.5em 0.5em;
		margin: 1.2em 0 0;
	}
	.sec02 table td {
		padding: 1.2em 0.6em;
		font-size: 13px;
		text-align: left;
	}
	.sec02 table td:first-of-type{
		width: 24%;
	}
	#cpn-info{
		padding-top: 44px;
		margin-top: -44px;
	}
	/*---------------------------------
	 sec02B
	---------------------------------*/
	.sec02B {
		padding: 4em 0;
	}
	.sec02B ul {
		margin: 10px;
		width: auto;
		padding: 20px 10px;
		font-size: 12px;
	}
	.sec02B h2 {
		font-size: 20px;
	}
	/*---------------------------------
	 sec03
	---------------------------------*/

	/*---------------------------------
	 sec04
	---------------------------------*/

	/*---------------------------------
	 sec05
	---------------------------------*/
	.sec05 {
		min-width: 100%;
		max-width: 100%;
		padding-top: 5em;
		margin-top: -2em;
	}
	.sec05 h2 {
		padding: 0 0 1em;
	}
	.sec05 .wrap div {
		padding: 0 0 2em;
	}
	.sec05 .wrap div.linkbtn a {
		width: 40%;
		position: absolute;
		left: 52%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		bottom: 33px;
	}
	.sec05 .cpn-info {
		width: 90%;
		margin: 2em auto;
	}
	.sec05 .cpn-info ul {
		font-size: 12px;
	}
	.sec05 .btn-area {
		display: block;
		flex-direction: column;
		padding: 0;
	}
	.sec05 .btn-area a {
		display: block;
		padding: 0 0 1em;
		width: 90%;
		margin: 0 auto;
	}
	.sec05 .btn-area a img {
		width: 100%;
	}
	.sec05 .btn-area p {
		font-size: 13px;
	}
	.sec05 .wrap {
		width: 100%;
		margin: auto;
	}
	/*---------------------------------
	 sec06
	---------------------------------*/
	.sec06 {
		width: 100%;
		min-width: 100%;
	}
	.sec06-subtex {
		width: 86%;
		margin: 2em auto;
	}
	.sec06 h2 {
		padding: 0;
	}
	.sec06 .wrap {
		padding: 0 0 2em;
		width: 100%;
	}
	.sec06 .wrap div.linkbtn a {
		bottom: 0;
		width: 70%;
	}
	.sec06 .subA ul {
		position: absolute;
		bottom: 0.5em;
		font-size: 12px;
		width: auto;
		left: 15%;
	}
	.sec06 .subB ul {
		position: absolute;
		bottom: 0.5em;
		font-size: 12px;
		width: 100px;
		left: calc(50% - 50px);
	}
	.sec06 .subB ul img {
		width: 100%;
	}
	/*---------------------------------
	 sec07
	---------------------------------*/
	.sec07 {
		background-size: 115% auto;
		padding: 10px 0 60px;
		margin-top: 40px;
		background-position: center top;
		position: relative;
	}
	.sec07 .background-blue {
		position: absolute;
		background-color: #0068b7;
		width: 100%;
		bottom: 0;
		height: 300px;
		z-index: -1;
	}
	.sec07 .wrap {
		width: 100%;
		margin: auto;
	}
	.sec07 .detail {
		width: 96%;
		margin: auto;
		border-radius: 10px;
	}
	.sec07 .detail .btn {
		margin-bottom: 10px;
	}
	.sec07 .detail ul {
		display: block;
		gap: 0;
	}
	.sec07 .merit ul {
		display: block;
	}
	.sec07 .merit {
		padding-top: 1em;
	}
	/*---------------------------------
	 sec08
	---------------------------------*/
	.sec08 .wrap {
		width: auto;
	}
	.sec08 p {
		font-size: 18px;
		line-height: 1.9;
		margin: 20px auto 15px;
		padding-bottom: 0;
	}
	.sec08 ul{
		margin: 0 16px;
	}
	/*---------------------------------
	 sec09
	---------------------------------*/
	.sec09 .wrap {
		width: auto;
	}
	.sec09 ul {
		display: flex;
		margin-bottom: 40px;
		justify-content: space-around;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	.sec09 li {
		/*padding-bottom: 6px;
		border-bottom: 1px solid #666;*/
		margin: 0 10px;
	}
	/*---------------------------------
     btn-area
    ---------------------------------*/
	section.btn-area-wrap {
		padding: 0 0 2em;
	}
	section.btn-area-wrap h2 {
		padding: 0 0 2em;
		width: 70%;
		margin: 0 auto;
	}
	section.btn-area-wrap .btn-area {
		display: block;
		width: 86%;
		margin: 0 auto;
	}
	section.btn-area-wrap .btn-area a {
		margin: 0;
		padding: 0 0 1em;
		display: block;
	}
	section.btn-area-wrap .btn-area a img {
		width: 100%;
	}
	section.btn-area-wrap p {
		font-size: 13px;
		padding: 0;
	}
	section.btn-area-wrap p {
		font-size: 12px;
		padding: .5em 0;
	}
	.btn-area-wrap ul {
		font-size: 12px;
		padding: 1em 2em;
		width: 90%;
	}
	.card-area {
		position: relative;
	}
	.card-area .sp-mv {
		position: absolute;
		top: 6vw;
	}
	#cpMap .inner div {
		display: block;
		text-align: center
	}
	#cpMap .inner div img {
		width: 96%;
	}
	/*---------------------------------
	 footer
	---------------------------------*/
	footer {
		background: #0f218b;
		padding: 5px 0 8px;
		border: none;
	}
	footer .flex {
		justify-content: center;
	}
	footer img {
		display: none;
	}
	footer copy {
		color: #fff;
		font-size: 12px;
		text-align: center;
		padding: .5em 0 0;
	}
	.GlobalFooter-saisonLogo {
		text-align: left;
	}
	.GlobalFooter-saisonLogo img {
		width: auto;
	}
	/*---------------------------------
     pagetop
    ---------------------------------*/
	#pageMovetop {
		width: 35px;
		bottom: 130px;
		right: 5px;
	}
	.btmExLink a {
		font-size: 18px;
		padding: 14px 24px 10px;
	}
	.btmExLink a::after {
		right: 4%;
	}
}


.deactiveBtn {
	-webkit-filter: grayscale(100%);
	opacity: 0.4;
	pointer-events: none;
}
a.preOpenLink {
	background: #ffa500;
	color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	padding: 0.5em 3em 0.5em 1.5em;
	text-indent: 0;
	text-align: center;
	border-radius: 20px;
	margin: 1em auto;
	position: relative;
}
a.preOpenLink::after {
	position: absolute;
	content: '▶';
	right: 1em;
	top: calc(50% - 0.6em);
}
.price-table {
	margin: 50px;
	text-align: center;
}
.price-table .benefits-img {
	width: 100%;
}
.fwb {
	font-weight: bold;
}
.tac {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.sec05 {
		padding-top: 1em;
		margin-top: -1em;
	}
	.price-table {
		margin: 0 0 50px 0;
	}
	.section-faq .headline {
		font-size: 1.1429rem !important;
		height: 2.6em !important;
		line-height: 1.8;
	}
}