@charset "utf-8";
/* -----------------------------------------------------------------------

share.css

----------------------------------------------------------------------- */


/*-----------------------------------------------------------------

	common

-----------------------------------------------------------------*/
*{
	min-width: 0;
	min-height: 0;
}
#wrap {
	min-width: 320px;
	position: relative;
	transition: all 0.5s ease;
	overflow: hidden;
}
.inner {
	width:92%;
	max-width:1200px;
	margin:0 auto;
	padding:40px 0;
}
.inner.p100 {
	width:100%;
}
.inner.w840 {
	max-width:840px;
}
.inner.w940 {
	max-width:940px;
}
.inner.w960 {
	max-width:960px;
}
.inner.w980 {
	max-width:980px;
}
.inner.w1060 {
	max-width:1060px;
	width:100%;
}
.inner.w100p {
	width:100%;
	max-width:100%;
	padding-left:0!important;
	padding-right:0!important;
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.inner {
		padding:60px 0;
	}

}



/*-----------------------------------------------------------------

	flex

-----------------------------------------------------------------*/

.flex-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.flexbw-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.flexbw-re-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.flexba-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}


/*-----------------------------------------------------------------

	contents

-----------------------------------------------------------------*/

#contents {
	width:100%;
	position:relative;
	transition: all 0.5s ease;
}
.sc #contents {
	margin-top:75px;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

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

	#contents {
		margin-top:70px;
	}

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc ）
----------------------------------------------------------*/

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

	#contents {
		margin-top:95px;
	}

}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	#contents {
		margin-top:95px;
		font-size:1.6rem;
	}

}

/*----------------------------------------------------------
	Display：900px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 900px) {

	#contents {
		margin-top:155px;
	}

}

/*----------------------------------------------------------
	Display：1000px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 1000px) {

	#contents {
		margin-top:175px;
	}

}



/*-----------------------------------------------------------------

	pageTitleBox

-----------------------------------------------------------------*/

.pageTitleBox {
	padding:50px 5% 20px;
	color:#ffffff;
	background:#45BC90;
	position:relative;
	transition:all 0.5s ease;
}
.pageTitleBox.arrowWhite::after {
	display: block;
	content: '';
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:12px solid #ffffff;
	position:absolute;
	bottom: -1px;
	left:0;
	right:0;
	transition:all 0.5s ease;
}
.pageTitleBox.arrowGray::after {
	display: block;
	content: '';
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:12px solid #f7f7f7;
	position:absolute;
	bottom: -1px;
	left:0;
	right:0;
	transition:all 0.5s ease;
}
.pageTitleBox .pageTTL {
	margin-bottom:5px;
	font-size:2.8rem;
	line-height:1.4;
	letter-spacing:0.1em;
	text-indent:0.1em;
	font-weight:700;
	text-align:center;
}
.pageTitleBox .leadTxt {
	margin-top:3px;
	line-height:1.8;
	text-align:center;
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.pageTitleBox {
		padding:50px 5% 30px;
	}
	.pageTitleBox .pageTTL {
		font-size:3.2rem;
	}
	.pageTitleBox .leadTxt {
		font-size:1.15em;
	}

}


/*-----------------------------------------------------------------

	title txt

-----------------------------------------------------------------*/

.headLine {
	font-size:1.86em;
	line-height:1.5;
	font-weight:900;
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
	transition:all 0.5s ease;
}
.headLine .subTxt {
	display:block;
	font-size:1.6rem;
	line-height:1.2;
	color:#45BC90;
	transition:all 0.5s ease;
}
.headLineSideLine {
	width:90%;
	max-width:520px;
	margin:0 auto;
	text-align:center;
	position:relative;
	transition:all 0.5s ease;
}
.headLineSideLine::after {
	display: block;
	content: '';
	width:100%;
	height: 1px;
	margin: auto;
	background:#707070;
	position:absolute;
	top: 0;
	bottom:0;
	left:0;
	transition:all 0.5s ease;
}
.headLineSideLine span {
	display:inline-block;
	padding:0 1.25em;
	font-size:1.86em;
	line-height:1.5;
	font-weight:900;
	letter-spacing:0.1em;
	text-indent:0.1em;
	background:#ffffff;
	position:relative;
	z-index:2;
}
.bgLightGray .headLineSideLine span {
	background:#f7f7f7;
}

.headLineSideLine-M {
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	transition:all 0.5s ease;
}
.headLineSideLine-M::after {
	display: block;
	content: '';
	width:100%;
	height: 1px;
	margin: auto;
	background:#DEDEDE;
	position:absolute;
	top: 0;
	bottom:0;
	left:0;
	transition:all 0.5s ease;
}
.headLineSideLine-M span {
	display:inline-block;
	padding:0 1.25em;
	font-size:1.29em;
	line-height:1.5;
	font-weight:700;
	letter-spacing:0.1em;
	text-indent:0.1em;
	background:#ffffff;
	position:relative;
	z-index:2;
}

.headLine-L {
	font-size:1.72em;
	line-height:1.3;
	font-weight:700;
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
.headLine-L .subTxt {
	display:block;
	margin-top:5px;
	font-size:1.8rem;
	line-height:1.2;
	color:#45BC90;
	font-family: 'Barlow', sans-serif;
	transition:all 0.5s ease;
}

.headLine-m {
	font-size:1.58em;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
.headLine-m .subTxt {
	display:block;
	margin-top:5px;
	font-size:1.8rem;
	line-height:1.2;
	color:#45BC90;
	font-family: 'Barlow', sans-serif;
	transition:all 0.5s ease;
}

.headLine-s {
	font-size:1.24em;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
.headLine-ss {
	font-size:1.15em;
	line-height:1.5;
	font-weight:700;
	letter-spacing:0.1em;
}
.fukidashiBox {
	width:200px;
	margin: 0 auto 5px;
	padding:2px;
	font-size:1.15em;
	line-height:1.6;
	letter-spacing:0.1em;
	text-indent:0.1em;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	background:#171717;
	position:relative;
}
.fukidashiBox::after {
	display: block;
	content: '';
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	border-top:10px solid #171717;
	position:absolute;
	bottom: -10px;
	left:0;
	right:0;
	transition:all 0.5s ease;
}

.leadTxt {
	text-align:center;
}
.leadTxt_spL {
	padding:1.5em 0 2.5em;
	text-align:left;
}
.coutionTxt {
	padding-left:1em;
	font-size:1.2rem;
	line-height:1.8;
	text-indent:-1em;
}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc ）
----------------------------------------------------------*/

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

	.headLine-L {
		font-size:2.0em;
	}
	.headLine .subTxt {
		font-size:1.8rem;
	}
	.fukidashiBox {
		width:250px;
		margin: 0 auto 10px;
		padding:5px;
	}

}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.leadTxt_spL {
		text-align:center;
	}

}


/*-----------------------------------------------------------------

	scrool wrap

-----------------------------------------------------------------*/

.scWrap {
	padding-bottom:20px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}



/*-----------------------------------------------------------------

	btn

-----------------------------------------------------------------*/

.btn {
	display:block;
	width:85%;
	padding:0 15px;
	font-size:1.43em;
	line-height:48px;
	font-weight:700;
	color:#45BC90;
	text-align:center;
	text-decoration:none;
	background:#ffffff;
	border:2px solid #45BC90;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition: all 0.5s ease;
}

.btn.center {
	margin:0 auto;
}
.btn.fs {
	font-size:1em;
	text-align:left;
}
.btn.w400 {
	max-width:400px;
}
.btn.w100p {
	width:100%;
}

.btn::after {
	display: block;
	content: '';
	margin: auto;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	border-top: 2px solid #45BC90;
	border-right: 2px solid #45BC90;
	transition:all 0.5s ease;
}
.btn:hover {
	color:#ffffff;
	background:#45BC90;
}
.btn:hover::after {
	right: 3%;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.btn.return {
	padding-left:3%;
	font-size:1.24em;
	font-weight:normal;
}
.btn.return::after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 0;
	bottom: 0;
	right: auto;
	left:8%;
}
.btn.return:hover::after {
	left:5%;
	right: auto;
}


.contactBtn {
	display:block;
	width:100%;
	margin:0 auto;
	font-size:1.43em;
	line-height:72px;
	font-weight:700;
	color:#171717;
	text-align:center;
	text-decoration:none;
	background-color:#FFD900;
	border-radius:10px;
	position:relative;
	transition: all 0.5s ease;
}
.contactBtn span {
	display:inline-block;
	padding-left:50px;
	color:#171717;
	background-image:url(/sevenmax/common/img/icon/icon_mail.svg);
	background-repeat:no-repeat;
	background-position:top 50% left 0%;
	background-size:40px auto;
}
.contactBtn:hover {
	background-color:#ffeb7a;
}

/*----------------------------------------------------------
	Display：769px → （ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width:769px)  {

	.btn {
		line-height:58px;
	}

}



/*-----------------------------------------------------------------

	bnrList

-----------------------------------------------------------------*/

.bnrList li a {
	display:block;
	transition:all 0.5s ease;
} 
.bnrList li a:hover {
	opacity:0.6;
}
.bnrList.c1 li {
	width:100%;
	max-width:752px;
	margin:0 auto;
}
.bnrList.c1.w632 li {
	max-width:632px;
}
.bnrList.c2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	max-width:980px;
	margin:0 auto;
} 
.bnrList.c2 li {
	width:100%;
	margin-top:15px;
}
.bnrList.c2 li:first-child {
	margin-top:0;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

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

	.bnrList li a {
		max-width:430px;
		margin:0 auto;
	} 

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc ）
----------------------------------------------------------*/

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

	.bnrList.c1 li {
		width:80%;
	} 
	.bnrList.c2 li {
		width:48.75%;
		margin:0px;
	} 

}



/*-----------------------------------------------------------------

	header

-----------------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/

header {
	width:100%;
	background:#ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	transition: all 0.5s ease;
}
header .headerInnerWrap {
	max-width:1400px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	transition: all 0.5s ease;
}

header .siteLogo {
	position:absolute;
	transition: all 0.5s ease;
	z-index:1;
}
header .siteLogo .logo{
	display:block;
	width:163px;
	height:75px;
	transition: all 0.5s ease;
}
header .siteLogo .logo:hover{
	opacity:0.6;
}
header .siteLogo .siteTxt {
	line-height:1.8;
	transition: opacity 0.5s ease;
	position:absolute;
	z-index:1;
}

header nav {
	display:none;
	width:100%;
	position:absolute;
	top:0;
	right:0;
	transition: all 0.5s ease;
}
header #hNav {
	width:100%;
	padding:38px 17% 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position:absolute;
	top:0;
	right:0;
	transition: all 0.5s ease;
}
header #hNav li{
	margin-left:3%;
}
header #hNav li:first-child{
	margin-left:0;
}
header #hNav li a{
	display:block;
	padding-left:32px;
	font-size:1.4rem;
	height:28px;
	color:#656565;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top 0% left 0%;
}
header #hNav li:nth-child(1) a {
	background-image:url(/sevenmax/common/img/icon/icon_houjin.svg);
	background-size:24px auto;
}
header #hNav li:nth-child(2) a {
	background-image:url(/sevenmax/common/img/icon/icon_magazine.svg);
	background-size:24px auto;
}
header #hNav li:nth-child(3) a {
	background-image:url(/sevenmax/common/img/icon/icon_joycal.svg);
	background-size:18px auto;
}
header #hNav li:nth-child(4) a {
	width:16.5%;
	height:74px;
	padding:0;
	font-size:1.8rem;
	line-height:74px;
	font-weight:700;
	text-align:center;
	color:#171717;
	background-color:#FFD900;
	position:absolute;
	top:0;
	right:0;
}
header #hNav li a:hover{
	opacity:0.6;
}
header #hNav li:nth-child(4) a:hover{
	background-color:#ffeb7a;
	opacity:1;
}


header #gNav {
	width:100%;
	position:absolute;
	top:75px;
	right:0;
	transition: all 0.5s ease;
}
header #gNav ul{
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	transition: padding 0.5s ease;
}
header #gNav li{
	margin-right:3.5%;
}
header #gNav li:last-child{
	margin-right:2.5%;
}
header #gNav li a{
	display:block;
	padding:10px 2px;
	font-size:1.8rem;
	font-weight:700;
	color:#171717;
	text-decoration:none;
	border-bottom:2px solid #FFD900;	
}
header #gNav li a:hover{
	border-bottom:2px solid #45BC90;
}

.sc header {
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
}
.sc header .headerInnerWrap {
	height:75px;
}
.sc header .siteLogo {
	top:12px;
	left:3.5%;
}
.sc header .siteLogo .logo{
	width:120px;
	height:56px;
}
.sc header .siteLogo .siteTxt {
	opacity:0;
	pointer-events: none;
}
.sc header nav {
	top:-75px;
}
.sc header #hNav {
	opacity:0;
}
.sc header nav  #gNav ul{
	padding-top:8px;
}
.sc header #gNav li a{
	font-size:1.6rem;
}


/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

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

	header .headerInnerWrap,
	.sc header .headerInnerWrap {
		height:70px;
	}
	header .siteLogo {
		top:12px;
		left:3.5%;
	}
	header .siteLogo .logo,
	.sc header .siteLogo .logo{
		width:100px;
		height:46px;
	}
	header .siteLogo .siteTxt {
		display:block;
		width:180px;
		height:45px;
		font-size:1.1rem;
		letter-spacing:0;
		top:0px;
		left:112px;
		line-height: 1.5;
	}
}

/*----------------------------------------------------------
	Display：← 320px（ sp ）
----------------------------------------------------------*/

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

	header .siteLogo .logo{
		width:100px;
		height:46px;
	}
	header .siteLogo .siteTxt {
		display:block;
		width:180px;
		height:45px;
		font-size:1.0rem;
		letter-spacing:-0.05em;
		top:0px;
		left:105px;
	}
}

/*----------------------------------------------------------
	Display：560px →（ tablet ）
----------------------------------------------------------*/

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

	header .headerInnerWrap {
		height:95px;
	}
	header .siteLogo {
		top:20px;
		left:3.5%;
	}
	header .siteLogo .logo{
		width:120px;
		height:55px;
	}
	header .siteLogo .siteTxt {
		display:block;
		width:200px;
		height:45px;
		font-size:1.2rem;
		top:0px;
		left:150px;
	}
	
}




/*----------------------------------------------------------
	Display：900px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width:900px) {

	header .headerInnerWrap {
		height:155px;
	}
	header .siteLogo {
		top:45px;
		left:3%;
	}
	header .siteLogo .logo{
		width:163px;
		height:75px;
	}
	header .siteLogo .siteTxt {
		width:450px;
		height:45px;
		font-size:1.2rem;
		top:-38px;
		left:0;
	}
	header .siteLogo .siteTxt br{
		display:none;
	}
	
	header nav{
		display:block;
	}
	header #hNav li a{
		font-size:1.2rem;
	}
	header #hNav li:nth-child(4) a {
		font-size:1.6rem;
	}
	header #gNav{
		display:block;
	}
	header #gNav ul{
		padding:15px 0 0;
	}
	header #gNav li{
		margin-right:2%;
	}
	header #gNav li a{
		font-size:1.4rem;
	}
	
}

/*----------------------------------------------------------
	Display：1000px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width:1000px) {

	header .headerInnerWrap {
		height:175px;
	}
	header .siteLogo {
		top:45px;
	}
	header .siteLogo .siteTxt br{
		display:none;
	}
	header #hNav li a{
		font-size:1.4rem;
	}
	header #hNav li:nth-child(4) a {
		font-size:1.8rem;
	}
	header #gNav ul{
		padding:25px 0 0;
	}
	header #gNav li{
		margin-right:2.75%;
	}
	header #gNav li a{
		font-size:1.6rem;
	}

}

/*----------------------------------------------------------
	Display：1200px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width:1200px) {

	header .siteLogo {
		top:45px;
	}
	header .siteLogo .siteTxt {
		width:200px;
		height:45px;
		font-size:1.2rem;
		top:-2px;
		left:200px;
		line-height: 1.9;
	}
	header .siteLogo .siteTxt br{
		display:block;
	}
	header #gNav li{
		margin-right:2.5%;
	}
	header #gNav li a{
		font-size:1.8rem;
	}

}



/*-----------------------------------------------------------------

	#spNav

-----------------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/


/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

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

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

}

/*----------------------------------------------------------
	Display：1000px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 1000px) {

}



/*-----------------------------------------------------------------

	#gNavBtn

-----------------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/

#gNavBtn{
	width: 50px;
	height:45px;
	margin:auto 0;
	position: absolute;
	top: 0;
	bottom:0;
	right: 2.5%;
	z-index: 9999;
	cursor: pointer;
	transition:all 0.5s ease;
}
#gNavBtn a{
	display: block;
	height: 100%;
	text-decoration: none;
}
#gNavBtn span{
	display: block;
	width: 36px;
	height: 2px;
	margin:0 auto;
	border-radius: 10px;
	transition: all .4s;
	position: absolute;
	left: 0;
	right: 0;
}
#gNavBtn span:nth-of-type(1),
#gNavBtn span:nth-of-type(2),
#gNavBtn span:nth-of-type(3){
	background:#171717;
}
#gNavBtn span:nth-of-type(1){
	top: 5px;
}
#gNavBtn span:nth-of-type(2){
	top: 15px;
}
#gNavBtn span:nth-of-type(3){
	top: 25px;
}
#gNavBtn span:nth-of-type(4){
	width: 100%;
	height: 20px;
	font-size: 1.0rem;
	line-height:1;
	border-radius: none;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-indent:0.2em;
	text-align: center;
	top:32px;
}
.navOpen #gNavBtn span:nth-of-type(1){
	top: 15px;
	transform: rotate(135deg);
}
.navOpen #gNavBtn span:nth-of-type(2){
	opacity: 0;
}
.navOpen #gNavBtn span:nth-of-type(3){
	top: 15px;
	transform: rotate(-135deg);
}

/*----------------------------------------------------------
	Display：900px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 900px) {

	#gNavBtn{
		display:none;
	}	

}



/* -------------------------------------------------

  spNav
  
------------------------------------------------- */

#spNav {
	width:100%;
	height:100%;
	padding:70px 0 0;
	background:rgba(255,255,255,0.95);
	position:fixed !important;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:50;
	display:none;
	box-sizing:border-box;
}
#spNav ul {
	width:100%;
	position:absolute;
	top:70px;
	overflow:hidden;
	transition:top 0.5s ease;
}
#spNav li{
	float:left;
}
#spNav li:nth-child(even){
	width:50%;
	border-top:1px solid #F0E6E1;
}
#spNav li:nth-child(odd){
	width:50%;
	border-right:1px solid #F0E6E1;
	border-top:1px solid #F0E6E1;
}
#spNav li:last-child{
	width: 100%;
	border-right: none;
}
#spNav li:nth-of-type(9),#spNav li:last-child{
	width:100%;
	border-bottom:1px solid #F0E6E1;
}
#spNav li a{
	display:block;
	width:100%;
	height:100%;
	padding:60px 0 10px;
	font-size:1.4rem;
	font-weight:700;
	letter-spacing:0.05em;
	color:#0A0E1F;
	text-align:center;
	text-decoration:none;
}
#spNav li.about a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_about.svg) no-repeat 50% 15px;
	background-size:28px auto;
}
#spNav li.car a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_car.svg) no-repeat 50% 27px;
	background-size:62px auto;
}
#spNav li.plan a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_plan.svg) no-repeat 50% 19px;
	background-size:38px auto;
}
#spNav li.service a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_newspaper.svg) no-repeat 50% 19px;
	background-size:38px auto;
}
#spNav li.store a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_store.svg) no-repeat 50% 20px;
	background-size:58px auto;
}
#spNav li.flow a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_flow.svg) no-repeat 50% 17px;
	background-size:40px auto;
}
#spNav li.faq a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_faq.svg) no-repeat 50% 20px;
	background-size:42px auto;
}
#spNav li.home a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_home.svg) no-repeat 50% 20px;
	background-size:38px auto;
}
#spNav li.corporation a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_corporation.svg) no-repeat 50% 13px;
	background-size:42px auto;
}
#spNav li.contact a{
	padding:25px 0;
	background-color:#FFD900;
}
#spNav li.contact a span {
	display:inline-block;
	padding-left:38px;
	background-image:url(/sevenmax/common/img/icon/icon_mail.svg);
	background-repeat:no-repeat;
	background-position:top 50% left 0%;
	background-size:30px auto;
}



/*----------------------------------------------------------
	Display：560px →（ tablet + pc ）
----------------------------------------------------------*/

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

	#spNav ul {
		top:95px;
	}
	.sc #spNav ul {
		top:75px;
	}

}



/*-----------------------------------------------------------------

	pNav

-----------------------------------------------------------------*/

#pNav {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:0 3%;
	overflow-x: auto;
	word-break: keep-all;
	white-space: nowrap;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
#pNav ol {
	width:100%;
	margin:0 auto;
	padding:6px 0;
}
#pNav ol li {
	display:inline-block;
	position:relative;
}
#pNav ol li:first-child {
	padding-left:0;
}
#pNav ol li::before {
	content: '';
	display:block;
	width:1px;
	height:15px;
	margin:auto 0;
	background:#ffffff;
	position:absolute;
	top:0;
	bottom:0;
	right:-2px;
	transform: rotate(20deg);
}
#pNav ol li:last-child::before {
	display:none;
}
#pNav ol li a,
#pNav ol li span{
	display:block;
	padding:3px 12px;
	font-size:1.2rem;
	line-height:18px;
	color:#ffffff;
}
#pNav ol li:first-child a {
	padding-left:23px;
	background:url(/sevenmax/common/img/icon/icon_home.svg) no-repeat 0% 50%;
	background-size:16px auto;
}



/*----------------------------------------------------------

	footer fnav
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/

footer {
	width:100%;
	min-width:320px;
	background:#ffffff;
}
footer a {
	color:#171717;
	text-decoration:none;
	position:relative;
}

footer #fNav .inner {
	position:relative;
}
footer #fNav .inner::after {
	display: block;
	content: '';
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right:14px solid transparent;
	border-left:14px solid transparent;
	border-top:16px solid #45BC90;
	position:absolute;
	top: 0;
	left:0;
	right:0;
	transition:all 0.5s ease;
}

footer #navList .siteLogo{
	width:90%;
	max-width:140px;
	margin:0 auto 20px;
}
footer #navList .siteLogo a{
	display:block;
	text-align:center;
}
footer #navList .siteLogo a img{
	margin-bottom:3px;
	vertical-align:bottom;
}
footer #navList .siteLogo a span{
	display:block;
	font-size:1.2rem;
	color:#45BC90;
}

footer #navList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}

footer #navList li.about {
	border-top:none;
}

footer #navList > li.car {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
footer #navList > li.car .subHeading{
	font-size:0.86em;
	font-weight:700;
	position:relative;
}

footer #navList > li > a,
footer #navList > li.about > ul > li > a,
footer #navList > li.car .subbox:first-child > a{
	font-weight:700;
}
footer #navList .subList > li {
	margin:0;
	padding:0;
}
footer #navList .subList > li > a{
	display:block;
	margin:0;
	padding:2px 0;
	font-size:0.86em;
	line-height:1.8;
}

footer #navList .plus {
	display:block;
	content: '';
	margin:auto 0;
	width: 20px;
	height: 20px;
	background-color:#45BC90;
	border-radius:5px;
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	z-index:2;
	cursor:pointer;
}
footer #navList .plus:after {
	content: '';
	display:block;
	margin:auto;
	width: 10px;
	height: 2px;
	background:#ffffff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition:all 0.5s ease;
}
footer #navList .plus:before {
	content: '';
	display:block;
	margin:auto;
	width: 2px;
	height: 10px;
	background:#ffffff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition:all 0.5s ease;
}
footer #navList .plus.ac:after {
	opacity:0;
}
footer #navList .plus.ac:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*----------------------------------------------------------
	Display：← 767px（ sp + tablet ）
----------------------------------------------------------*/

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

	footer #fNav .inner {
		width:100%;
		padding-bottom:0;
	}
	footer #navList {
		padding-bottom:60px;
		border-bottom:1px solid #c1c1c1;
		position:relative;
	}
	footer #navList > li {
		width:50%;
		border-top:1px solid #c1c1c1;
	}
	footer #navList > li:nth-child(3),
	footer #navList > li:nth-child(5) {
		border-right:1px solid #c1c1c1;
	}
	footer #navList > li a {
		display:block;
	}
	footer #navList > li .subbox {
		margin:0;
		padding:0;
	}
	footer #navList > li > a,
	footer #navList > li.about > ul > li > a,
	footer #navList > li.car .subbox:nth-child(1) > a {
		height:60px;
		padding:15px;
		font-size:1.6rem;
		position:relative;
	}
	footer #navList > li > a::after,
	footer #navList > li.about > ul > li > a::after,
	footer #navList li.car .subbox:nth-child(1) > a::after,
	footer #navList li .subList a::after {
		display: block;
		content: '';
		margin: auto;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position:absolute;
		top: 0;
		bottom: 0;
		right: 15px;
		border-top: 2px solid #45BC90;
		border-right: 2px solid #45BC90;
		transition:all 0.5s ease;
	}

	footer #navList .siteLogo{
		max-width:120px;
		margin-bottom:10px;
	}
	footer #navList .siteLogo span{
		display:none!important;
	}
	
	footer #navList li.about {
		width:100%;
		padding:0;
	}
	footer #navList li.about > ul > li{
		width:100%;
		padding:0;
		border-top:1px solid #c1c1c1;
	}
	footer #navList li.about .subList {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin:0;
		border-top:1px dotted #c1c1c1;
	}
	footer #navList li.about .subList > li {
		width:50%;
	}
	footer #navList li.about .subList > li:nth-child(odd) {
		width:50%;
		border-right:1px dotted #c1c1c1;
	}
	footer #navList li.about .subList > li > a {
		padding:10px 15px;
	}
	footer #navList > li.about > ul > li:nth-child(2) {
		position:absolute;
		bottom:0;
	}
	
	footer #navList li.car{
		/* width:100%; */
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	footer #navList li.car .subbox {
		width:100%;
		margin:0;
		padding:15px 0;
		border-top:1px dotted #c1c1c1;
	}
	footer #navList li.car .subbox:nth-child(1) {
		padding:0;
		border-top:none;
	}
	footer #navList li.car .subbox:nth-child(2),
	footer #navList li.car .subbox:nth-child(3) {
		padding:10px 0;
	}
	footer #navList li.car .subbox:nth-child(1) .subList {
		display:none;
	}
	footer #navList li.car .subbox .subHeading {
		padding:0 15px;
		cursor:pointer;
		transition:all 0.5s ease;
	}
	footer #navList li.car .subbox .subHeading:hover {
		opacity:0.6;
	}
	
	footer #navList li.car .subbox .subList {
		width:100%;
		height:0;
		opacity:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
		overflow:hidden;
		transition:all 0.5s ease;
	}
	footer #navList li.car .subbox .subList.ac {
		height:160px;
		margin-top:5px;
		opacity:1;
	}
	footer #navList li.car .subbox .subList li {
		width:50%;
	}
	footer #navList li.car .subbox .subList a {
		padding:8px 20px;
	}
	footer #navList .subList > li > a{
		font-size:1.2rem;
		letter-spacing:0;
	}
}

/*----------------------------------------------------------
	Display：768px →
----------------------------------------------------------*/

@media print, screen and (min-width: 768px) {

	footer .inner {
		padding-bottom:25px;
	}
	footer #navList > li {
		width:22%;
	}
	footer #navList > li,
	footer #navList > li.about > ul > li {
		padding:15px 5px 20px;
		border-top:2px solid #FFD900;
	}
	footer #navList .subList {
		margin:6px 0 0;
	}

	footer #navList > li.about {
		padding:0;
		border-top:none;
	}

	footer #navList > li > a,
	footer #navList > li.about > ul > li > a,
	footer #navList > li.car .subbox:first-child > a{
		font-size:1.6rem;
	}
	
	footer #navList > li.car {
		width:74%;
	}
	footer #navList > li.car .subbox{
		width:34%;
		border-left:1px solid #DEDEDE;
		padding-left:4%;
	}
	footer #navList > li.car .subbox:first-child{
		width:32%;
		border-left:none;
		padding-left:0;
	}
	footer #navList .plus {
		display:none;
	}
}

/*----------------------------------------------------------
	Display：980px →
----------------------------------------------------------*/

@media print, screen and (min-width: 980px) {
	footer #navList{
		justify-content: flex-start;
		gap: 0 20px;
	}
	footer #navList > li > a,
	footer #navList > li.about > ul > li > a,
	footer #navList > li.car .subbox:first-child > a{
		font-size:1.8rem;
	}
	
}



/*----------------------------------------------------------

	footer companyNav
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/

footer #companyNav {
	width:100%;
	background:#F7F7F7;
}
footer #companyNav .inner {
	padding-top:35px!important;
	padding-bottom:35px!important;
}
footer #companyNav #bnrList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
footer #companyNav #bnrList li {
	width:90%;
	margin:0 auto;
}
footer #companyNav .corpLogo {
	width:120px;
	margin:0 auto;
	padding:20px 0;
}
footer #companyNav #footerLink {
	padding:0 0 20px;
	text-align:center;
}
footer #companyNav #footerLink li {
	display:block;
}
footer #companyNav #footerLink li a {
	display:inline-block;
	font-size:1.4rem;
}
footer #companyNav #copyright {
	display:block;
	text-align:center;
	font-size:1.2rem;
	letter-spacing:0.1em;
	color:#B5B5B5;
	font-family: 'Poppins', sans-serif;
}

/*----------------------------------------------------------
	Display：← 560px（ tablet ）
----------------------------------------------------------*/

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

	footer #companyNav #bnrList li {
		width:32%;
		margin:0 auto;
	}
	footer #companyNav #footerLink li {
		display:inline-block;
		margin-right:30px;
	}
}



/*-----------------------------------------------------------------

	contactArea

-----------------------------------------------------------------*/

.contactArea {
	width:100%;
	padding:15px;
}
.contactArea.r10 {
	border-radius:10px;
}
.contactArea .inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:100%;
	padding:0;
	background:#ffffff;
	border-radius:10px;
}
.contactArea .inner > div {
	width:100%;
	padding:20px;
}
.contactArea .inner > .headBox {
	border-bottom:1px solid #45BC90;
}
.contactArea .inner > .headBox .subHeading {
	font-size:3.2rem;
	line-height:1.8;
	font-weight:900;
	letter-spacing:0.05em;
	text-align:center;
}
.contactArea .inner > .headBox .txt {
	font-size:1.4rem;
	line-height:1.8;
	font-weight:700;
	color:#3C3C3C;
}

.contactArea .inner > .headBoxTEL {
	text-align:center;
	border-bottom:1px solid #45BC90;
}
.contactArea .inner > .headBoxTEL .telNumber a{
	display:inline-block;
	padding:2px 0 2px 45px;
	font-size:3.2rem;
	line-height:1.3;
	font-weight:700;
	text-decoration:none;
	color:#171717;
	background:url(/sevenmax/store/img/icon_tel.svg) no-repeat top 50% left 0;
	background-size:38px auto;
}
.contactArea .inner > .headBoxTEL .time {
	font-size:1.4rem;
	line-height:1.3;
	color:#3C3C3C;;
}

.contactArea .inner > .bottomBox {
	text-align:center;
}
.contactArea .inner > .headBoxTEL .midashi,
.contactArea .inner > .bottomBox .midashi{
	margin-bottom:8px;
	font-size:1.15em;
	font-weight:700;
	color:#3C3C3C;
}
.contactArea .inner > .bottomBox .contactBtn {
	max-width:370px;
}

/*----------------------------------------------------------
	Display：←767px（ sp + tablet ）
----------------------------------------------------------*/

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

	.contactArea .inner > div {
		width:100%;
		padding:15px;
	}
	.contactArea .inner > .headBox .subHeading span{
		display:inline-block;
		min-height:60px;
		padding-left:60px;
		background-image:url(/sevenmax/common/img/icon/icon_contact.svg);
		background-repeat:no-repeat;
		background-position:left 0 top 50%;
		background-size:50px auto;
	}
	.contactArea .inner > .headBox .txt {
		text-align:center;
		margin-top:5px;
	}
}

/*----------------------------------------------------------
	Display：←320px（ sp ）
----------------------------------------------------------*/

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

	.contactArea {
		padding:10px;
	}
	.contactArea .inner > .headBoxTEL .telNumber a{
		font-size:2.6rem;
		padding:2px 0 2px 37px;
		background-size:32px auto;
	}
}

/*----------------------------------------------------------
	Display：768px →（ pc ）
----------------------------------------------------------*/

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

	.contactArea {
		padding:20px;
	}
	.contactArea .inner > div {
		width:50%;
		padding:25px 30px;
	}
	.contactArea .inner > .headBox .subHeading {
		font-size:3.6rem;
		text-align:left;
	}
	.contactArea .inner > div.headBox {
		padding-left:140px;
		background-image:url(/sevenmax/common/img/icon/icon_contact.svg);
		background-repeat:no-repeat;
		background-position:left 35px top 50%;
		border-right:1px solid #45BC90;
		border-bottom:none;
	}
	.contactArea .inner > div.headBoxTEL {
		border-right:1px solid #45BC90;
		border-bottom:none;
	}

}

/*----------------------------------------------------------
	Display：920px →（ pc ）
----------------------------------------------------------*/

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

	.contactArea .inner > .headBoxTEL .telNumber a{
		font-size:4.2rem;
		padding:2px 0 2px 55px;
		background-size:45px auto;
	}

}


/* -------------------------------------------------

  pagetop
  
------------------------------------------------- */

#pagetop {
	width:36px;
	height:36px;
	background:#0a0e1f;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	position:fixed;
	right:10px;
	bottom:-100px;
	z-index:10;
	transition:all 0.5s ease;
	border-radius:100%;
}
#pagetop.view {
	bottom:80px;
}
#pagetop::after {
	content: '';
	margin:auto;
	width: 10px;
	height: 10px;
	border-left: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	top:45%;
	left:0;
	right:0;
}

/*-------------------------------
	Display：768px →
-------------------------------*/
@media print, screen and (min-width: 768px){

	#pagetop {
		width:54px;
		height:54px;
		right:15px;
	}
	#pagetop::after {
		width: 14px;
		height: 14px;
		top:48%;
	}
	#pagetop.view {
		bottom:160px;
	}
	
}




/*-----------------------------------------------------------------

	#load

-----------------------------------------------------------------*/

#pageloading-wrap {
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#load {
	width:600px;
	height:36px;
	margin-left:-300px;
	overflow:visible;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:default;
	position:absolute;
	left:50%;
	top:40%;
}

#load div {
	position:absolute;
	width:20px;
	height:36px;
	opacity:0;
	font-family:Helvetica, Arial, sans-serif;
	animation:move 2s linear infinite;
	-o-animation:move 2s linear infinite;
	-moz-animation:move 2s linear infinite;
	-webkit-animation:move 2s linear infinite;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	color:#111111;
}

#load div:nth-child(2) {
	animation-delay:0.2s;
	-o-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
#load div:nth-child(3) {
	animation-delay:0.4s;
	-o-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}
#load div:nth-child(4) {
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
#load div:nth-child(5) {
	animation-delay:0.8s;
	-o-animation-delay:0.8s;
	-moz-animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}
#load div:nth-child(6) {
	animation-delay:1s;
	-o-animation-delay:1s;
	-moz-animation-delay:1s;
	-webkit-animation-delay:1s;
}
#load div:nth-child(7) {
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}

@keyframes move {
	0% {
		left:0;
		opacity:0;
	}
	35% {
		left: 41%; 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg);
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		-webkit-transform:rotate(-180deg); 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-moz-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-webkit-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%;
		-webkit-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}

@-o-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}



/*-----------------------------------------------------------------

	Display：print

-----------------------------------------------------------------*/

@media print{

	body {
		width: 1200px;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
	}
	.br320 { display:none; }
	.br375 { display:none; }
	.brPad { display:none; }
	
}


/*-----------------------------------------------------------------

	プラン比較バナー・クレジットカードバナー

-----------------------------------------------------------------*/
.bnrPlanChoice,
.bnrCreditcard{
	display: block;
	height: 100%;
	margin-bottom: 15px;
}
.bnrPlanChoice:hover,
.bnrCreditcard:hover{
	opacity: 0.4;
}
.bnrPlanChoice img,
.bnrCreditcard img{
	vertical-align: top;
}
.bnrPlanChoice .imgPc,
.bnrCreditcard .imgPc{
	display: none;
}
@media screen and (min-width: 768px){
	.bnrPlanChoice .imgSp,
	.bnrCreditcard .imgSp{
		display: none;
	}
	.bnrPlanChoice .imgPc,
	.bnrCreditcard .imgPc{
		display: block;
	}
}
@media screen and (min-width: 960px){
	.bnrPlanChoice,
	.bnrCreditcard{
		max-width: 960px;
		width: 100%;
		margin: 0 auto 30px;
	}
	.bnrPlanChoice img,
	.bnrCreditcard img{
		width: auto;
		max-width: 100%;
	}
}

/*-----------------------------------------------------------------

	3プラン リンクバナー

-----------------------------------------------------------------*/
.bnr3planChoice {
	margin-bottom: 15px;
}
.bnr3planChoice ul li:hover{
	opacity: 0.4;
	transition:all 0.5s ease;
}
.bnr3planChoice .imgPc {
	display: none;
}
.bnr3planChoice ul li {
	margin-bottom: 15px;
}
@media screen and (min-width: 768px){
	.bnr3planChoice {
		margin: 70px 0 50px;
	}
	.bnr3planChoice .imgSp {
		display: none;
	}
	.bnr3planChoice .imgPc {
		display: block;
	}
	.bnr3planChoice ul{
		display: flex;
		gap: 6px;
	}	
	.bnr3planChoice ul li {
		margin-bottom: 0;
		width: calc(( 100% - 12px ) / 3 );
	}
}
@media screen and (min-width: 960px){
	.bnr3planChoice{
		max-width: 960px;
		width: 100%;
		margin: 70px auto 70px;
	}
}