@charset "UTF-8";

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

base css

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

*,
*::before,
*::after {
  box-sizing: border-box;
}
html, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizeLegibility;
	font-size:62.5%;
	line-height: 1.15;
}
body {
	margin:0;
	padding:0;
	font-size:1.6rem;
	line-height:2.0;
	letter-spacing:0.01em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #171717;
	background:#ffffff;
	-webkit-backface-visibility: hidden;
}
@media print, screen and (max-width: 559px){
	body{
		font-size:1.4rem;
	}
}
body::after {
	display:none;
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#f8f8f8;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	transition: opacity .8s ease;
}
body.fadeout::after {
	opacity: 1;
}

ol, ul {
	list-style: none;
	letter-spacing: -1rem;
}
li{
	letter-spacing: 1px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
}
small {
	font-size: 80%; /* Set font-size to 80% in `small` elements */
}
a {
	background-color: transparent; /* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
	cursor: pointer;
	transition: all .4s;
}
a:active,
a:hover {
	outline-width: 0; /* Remove the outline when hovering in all browsers */
}
@media print, screen and (min-width: 960px){
	a[href^="tel:"] {
			pointer-events: none;
	}
 }
 
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
}



/* 改行
------------------------------------------------------------ */

.br320{
	display: none;
}
.brPad{
	display: none;
}
.brPc{
	display: none;
}
@media print, screen and (max-width: 559px){
	.br375{
		display: block;
	}
}
@media print, screen and (max-width: 320px){
	.br375{
		display: none;
	}
	.br320{
		display: block;
	}
}
@media print, screen and (min-width: 560px){
	.br375{
		display: none;
	}
	.brPad{
		display: block;
	}
}
@media print, screen and (min-width: 769px) {
	.brPad{
		display: none;
	}
	.brPc{
		display: inline;
	}
}



/* display
------------------------------------------------------------ */

.display-ib {
	display:inline-block;
}
.display-b {
	display:block;
}



/* overflow
------------------------------------------------------------ */

.of-hidden {
	overflow:hidden;
}



/* カラー
------------------------------------------------------------ */

.bgLightGreen{
	background-color: #F0FAF7!important;
}
.bgGreen{
	background-color: #45BC90!important;
}
.bgLightGray{
	background-color: #F7F7F7!important;
}
.bgDeepGreen {
	background-color: #4D625C!important;
}

/* 矢印
------------------------------------------------------------ */

.siteCArrow::after{
	position: absolute;
	content:"";
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top: 1px solid #F47B45;
	border-right: 1px solid #F47B45;
	transform:rotate(45deg);
}
.arrowRight::after{
	position: absolute;
	content:"";
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	/*カラーは個別に指定*/
	transform:rotate(45deg);
}



/* フォント
------------------------------------------------------------ */

.fontEN{
	font-family: 'Barlow', sans-serif;
}
.fsU1 { font-size:1.15em!important;}
.fsU2 { font-size:1.29em!important;}
.fsU3 { font-size:1.43em!important;}
.fsU4 { font-size:1.58em!important;}
.fsU5 { font-size:1.72em!important;}
.fsU6 { font-size:1.86em!important;}
.fsU7 { font-size:2.00em!important;}
.fsD1 { font-size:0.86em!important;}
.fsD2 { font-size:0.72em!important;}
.fsD3 { font-size:0.58em!important;}

.fs10 { font-size:1.0rem!important;}
.fs12 { font-size:1.2rem!important;}

.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }

@media screen and (max-width: 559px) {
	.alignC_sp { text-align:center; }
	.alignL_sp { text-align:left; }
	.alignR_sp { text-align:right; }
}
@media screen and (min-width: 560px) and (max-width: 767px) {
	.alignC_pad { text-align:center; }
	.alignL_pad { text-align:left; }
	.alignR_pad { text-align:right; }
}
@media screen and (min-width: 768px) {
	.alignC_pc { text-align:center; }
	.alignL_pc { text-align:left; }
	.alignR_pc { text-align:right; }
}


.green { color:#45BC90!important; }
.red { color:#DD0716!important; }
.gray { color:#999999!important; }
.white { color:#ffffff!important; }

.bold { font-weight:bold; }
.normal { font-weight:normal; }



/* リンク
------------------------------------------------------------ */

a {
	color:#DD0716;
}
a:hover {
	color:#999999;
	text-decoration:none;
}
.ov {
	transition:all 0.5s ease;
}
.ov:hover {
	opacity:0.6;
}

a.blank{
	display:inline-block;
	padding-right:18px;
	background:url(/sevenmax/common/img/icon/icon_blank.png) no-repeat 100% 50%;
	background-size:12px auto;
}
a.linkTxt {
	display:inline-block;
	padding-left:12px;
	line-height:1.5;
	background:url(/noridoki/common/img/icon/right-arrow_blk.svg) no-repeat 0% 60%;
	background-size:6px auto;
}
.linkTxt {
	display:inline-block;
	color: #F47B45;
	cursor: pointer;
	padding-left:12px;
	line-height:1.5;
	background:url(/noridoki/common/img/icon/right-arrow_blk.svg) no-repeat 0% 60%;
	background-size:6px auto;
	transition: 0.5s;
}
.linkTxt:hover{
	opacity: 0.6;
}



/* block
------------------------------------------------------------ */

.di-i { display:inline!important; }
.di-ib { display:inline-block!important; }
.di-b { display:block!important; }

.viewSp { display:none; }
.viewPad { display:none; }
.viewPc { display:none; }

@media screen and (max-width: 559px) {
	.viewPad { display:none; }
	.viewPc { display:none; }
	.viewSp { display:block; }
}
@media print, screen and (min-width: 560px) {
	.viewPc { display:none; }
	.viewSp { display:none; }
	.viewPad { display:block; }
}
@media screen and (min-width: 769px) {
	.viewSp { display:none; }
	.viewPad { display:none; }
	.viewPc { display:block; }
}



/* margin
------------------------------------------------------------ */

.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt55 { margin-top:55px!important; }
.mt60 { margin-top:60px!important; }
.mt65 { margin-top:65px!important; }
.mt70 { margin-top:70px!important; }
.mt75 { margin-top:75px!important; }
.mt80 { margin-top:80px!important; }
.mt85 { margin-top:85px!important; }
.mt90 { margin-top:90px!important; }
.mt95 { margin-top:95px!important; }
.mt100 { margin-top:100px!important; }

@media screen and (max-width: 959px) {
	.mt0sp { margin-top:0px!important; }
	.mt5sp { margin-top:5px!important; }
	.mt10sp { margin-top:10px!important; }
	.mt15sp { margin-top:15px!important; }
	.mt20sp { margin-top:20px!important; }
	.mt25sp { margin-top:25px!important; }
	.mt30sp { margin-top:30px!important; }
	.mt35sp { margin-top:35px!important; }
	.mt40sp { margin-top:40px!important; }
	.mt45sp { margin-top:45px!important; }
	.mt50sp { margin-top:50px!important; }
	.mt55sp { margin-top:55px!important; }
	.mt60sp { margin-top:60px!important; }
	.mt65sp { margin-top:65px!important; }
	.mt70sp { margin-top:70px!important; }
	.mt75sp { margin-top:75px!important; }
	.mt80sp { margin-top:80px!important; }
	.mt85sp { margin-top:85px!important; }
	.mt90sp { margin-top:90px!important; }
	.mt95sp { margin-top:95px!important; }
	.mt100sp { margin-top:100px!important; }
}
@media print, screen and (min-width: 960px) {
	.mt0pc { margin-top:0px!important; }
	.mt5pc { margin-top:5px!important; }
	.mt10pc { margin-top:10px!important; }
	.mt15pc { margin-top:15px!important; }
	.mt20pc { margin-top:20px!important; }
	.mt25pc { margin-top:25px!important; }
	.mt30pc { margin-top:30px!important; }
	.mt35pc { margin-top:35px!important; }
	.mt40pc { margin-top:40px!important; }
	.mt45pc { margin-top:45px!important; }
	.mt50pc { margin-top:50px!important; }
	.mt55pc { margin-top:55px!important; }
	.mt60pc { margin-top:60px!important; }
	.mt65pc { margin-top:65px!important; }
	.mt70pc { margin-top:70px!important; }
	.mt75pc { margin-top:75px!important; }
	.mt80pc { margin-top:80px!important; }
	.mt85pc { margin-top:85px!important; }
	.mt90pc { margin-top:90px!important; }
	.mt95pc { margin-top:95px!important; }
	.mt100pc { margin-top:100px!important; }
}

.nmt5 { margin-top:-5px!important; }
.nmt10 { margin-top:-10px!important; }
.nmt15 { margin-top:-15px!important; }
.nmt20 { margin-top:-20px!important; }
.nmt25 { margin-top:-25px!important; }
.nmt30 { margin-top:-30px!important; }
.nmt35 { margin-top:-35px!important; }
.nmt40 { margin-top:-40px!important; }
.nmt45 { margin-top:-45px!important; }
.nmt50 { margin-top:-50px!important; }
.nmt55 { margin-top:-55px!important; }
.nmt60 { margin-top:-60px!important; }
.nmt65 { margin-top:-65px!important; }
.nmt70 { margin-top:-70px!important; }
.nmt75 { margin-top:-75px!important; }
.nmt80 { margin-top:-80px!important; }
.nmt85 { margin-top:-85px!important; }
.nmt90 { margin-top:-90px!important; }
.nmt95 { margin-top:-95px!important; }
.nmt100 { margin-top:-100px!important; }

@media screen and (max-width: 959px) {
	.nmt5sp { margin-top:-5px!important; }
	.nmt10sp { margin-top:-10px!important; }
	.nmt15sp { margin-top:-15px!important; }
	.nmt20sp { margin-top:-20px!important; }
	.nmt25sp { margin-top:-25px!important; }
	.nmt30sp { margin-top:-30px!important; }
	.nmt35sp { margin-top:-35px!important; }
	.nmt40sp { margin-top:-40px!important; }
	.nmt45sp { margin-top:-45px!important; }
	.nmt50sp { margin-top:-50px!important; }
	.nmt55sp { margin-top:-55px!important; }
	.nmt60sp { margin-top:-60px!important; }
	.nmt65sp { margin-top:-65px!important; }
	.nmt70sp { margin-top:-70px!important; }
	.nmt75sp { margin-top:-75px!important; }
	.nmt80sp { margin-top:-80px!important; }
	.nmt85sp { margin-top:-85px!important; }
	.nmt90sp { margin-top:-90px!important; }
	.nmt95sp { margin-top:-95px!important; }
	.nmt100sp { margin-top:-100px!important; }
}
@media print, screen and (min-width: 960px) {
	.nmt5pc { margin-top:-5px!important; }
	.nmt10pc { margin-top:-10px!important; }
	.nmt15pc { margin-top:-15px!important; }
	.nmt20pc { margin-top:-20px!important; }
	.nmt25pc { margin-top:-25px!important; }
	.nmt30pc { margin-top:-30px!important; }
	.nmt35pc { margin-top:-35px!important; }
	.nmt40pc { margin-top:-40px!important; }
	.nmt45pc { margin-top:-45px!important; }
	.nmt50pc { margin-top:-50px!important; }
	.nmt55pc { margin-top:-55px!important; }
	.nmt60pc { margin-top:-60px!important; }
	.nmt65pc { margin-top:-65px!important; }
	.nmt70pc { margin-top:-70px!important; }
	.nmt75pc { margin-top:-75px!important; }
	.nmt80pc { margin-top:-80px!important; }
	.nmt85pc { margin-top:-85px!important; }
	.nmt90pc { margin-top:-90px!important; }
	.nmt95pc { margin-top:-95px!important; }
	.nmt100pc { margin-top:-100px!important; }
}

.mb0 { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }
.mb65 { margin-bottom:65px!important; }
.mb70 { margin-bottom:70px!important; }
.mb75 { margin-bottom:75px!important; }
.mb80 { margin-bottom:80px!important; }
.mb85 { margin-bottom:85px!important; }
.mb90 { margin-bottom:90px!important; }
.mb95 { margin-bottom:95px!important; }
.mb100 { margin-bottom:100px!important; }

@media screen and (max-width: 959px) {
	.mb0sp { margin-bottom:0px!important; }
	.mb5sp { margin-bottom:5px!important; }
	.mb10sp { margin-bottom:10px!important; }
	.mb15sp { margin-bottom:15px!important; }
	.mb20sp { margin-bottom:20px!important; }
	.mb25sp { margin-bottom:25px!important; }
	.mb30sp { margin-bottom:30px!important; }
	.mb35sp { margin-bottom:35px!important; }
	.mb40sp { margin-bottom:40px!important; }
	.mb45sp { margin-bottom:45px!important; }
	.mb50sp { margin-bottom:50px!important; }
	.mb55sp { margin-bottom:55px!important; }
	.mb60sp { margin-bottom:60px!important; }
	.mb65sp { margin-bottom:65px!important; }
	.mb70sp { margin-bottom:70px!important; }
	.mb75sp { margin-bottom:75px!important; }
	.mb80sp { margin-bottom:80px!important; }
	.mb85sp { margin-bottom:85px!important; }
	.mb90sp { margin-bottom:90px!important; }
	.mb95sp { margin-bottom:95px!important; }
	.mb100sp { margin-bottom:100px!important; }
}
@media print, screen and (min-width: 960px) {
	.mb0pc { margin-bottom:0px!important; }
	.mb5pc { margin-bottom:5px!important; }
	.mb10pc { margin-bottom:10px!important; }
	.mb15pc { margin-bottom:15px!important; }
	.mb20pc { margin-bottom:20px!important; }
	.mb25pc { margin-bottom:25px!important; }
	.mb30pc { margin-bottom:30px!important; }
	.mb35pc { margin-bottom:35px!important; }
	.mb40pc { margin-bottom:40px!important; }
	.mb45pc { margin-bottom:45px!important; }
	.mb50pc { margin-bottom:50px!important; }
	.mb55pc { margin-bottom:55px!important; }
	.mb60pc { margin-bottom:60px!important; }
	.mb65pc { margin-bottom:65px!important; }
	.mb70pc { margin-bottom:70px!important; }
	.mb75pc { margin-bottom:75px!important; }
	.mb80pc { margin-bottom:80px!important; }
	.mb85pc { margin-bottom:85px!important; }
	.mb90pc { margin-bottom:90px!important; }
	.mb95pc { margin-bottom:95px!important; }
	.mb100pc { margin-bottom:100px!important; }
}

.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.mr55 { margin-right:55px!important; }
.mr60 { margin-right:60px!important; }
.mr65 { margin-right:65px!important; }
.mr70 { margin-right:70px!important; }
.mr75 { margin-right:75px!important; }
.mr80 { margin-right:80px!important; }
.mr85 { margin-right:85px!important; }
.mr90 { margin-right:90px!important; }
.mr95 { margin-right:95px!important; }
.mr100 { margin-right:100px!important; }

@media screen and (max-width: 959px) {
	.mr0sp { margin-right:0px!important; }
	.mr5sp { margin-right:5px!important; }
	.mr10sp { margin-right:10px!important; }
	.mr15sp { margin-right:15px!important; }
	.mr20sp { margin-right:20px!important; }
	.mr25sp { margin-right:25px!important; }
	.mr30sp { margin-right:30px!important; }
	.mr35sp { margin-right:35px!important; }
	.mr40sp { margin-right:40px!important; }
	.mr45sp { margin-right:45px!important; }
	.mr50sp { margin-right:50px!important; }
}
@media print, screen and (min-width: 960px) {
	.mr0pc { margin-right:0px!important; }
	.mr5pc { margin-right:5px!important; }
	.mr10pc { margin-right:10px!important; }
	.mr15pc { margin-right:15px!important; }
	.mr20pc { margin-right:20px!important; }
	.mr25pc { margin-right:25px!important; }
	.mr30pc { margin-right:30px!important; }
	.mr35pc { margin-right:35px!important; }
	.mr40pc { margin-right:40px!important; }
	.mr45pc { margin-right:45px!important; }
	.mr50pc { margin-right:50px!important; }
}

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml65 { margin-left:65px!important; }
.ml70 { margin-left:70px!important; }
.ml75 { margin-left:75px!important; }
.ml80 { margin-left:80px!important; }
.ml85 { margin-left:85px!important; }
.ml90 { margin-left:90px!important; }
.ml95 { margin-left:95px!important; }
.ml100 { margin-left:100px!important; }

@media screen and (max-width: 959px) {
	.ml0sp { margin-left:0px!important; }
	.ml5sp { margin-left:5px!important; }
	.ml10sp { margin-left:10px!important; }
	.ml15sp { margin-left:15px!important; }
	.ml20sp { margin-left:20px!important; }
	.ml25sp { margin-left:25px!important; }
	.ml30sp { margin-left:30px!important; }
	.ml35sp { margin-left:35px!important; }
	.ml40sp { margin-left:40px!important; }
	.ml45sp { margin-left:45px!important; }
	.ml50sp { margin-left:50px!important; }
}
@media print, screen and (min-width: 960px) {
	.ml0pc { margin-left:0px!important; }
	.ml5pc { margin-left:5px!important; }
	.ml10pc { margin-left:10px!important; }
	.ml15pc { margin-left:15px!important; }
	.ml20pc { margin-left:20px!important; }
	.ml25pc { margin-left:25px!important; }
	.ml30pc { margin-left:30px!important; }
	.ml35pc { margin-left:35px!important; }
	.ml40pc { margin-left:40px!important; }
	.ml45pc { margin-left:45px!important; }
	.ml50pc { margin-left:50px!important; }
}



/* padding
------------------------------------------------------------ */

.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt55 { padding-top:55px!important; }
.pt60 { padding-top:60px!important; }
.pt65 { padding-top:65px!important; }
.pt70 { padding-top:70px!important; }
.pt75 { padding-top:75px!important; }
.pt80 { padding-top:80px!important; }
.pt85 { padding-top:85px!important; }
.pt90 { padding-top:90px!important; }
.pt95 { padding-top:95px!important; }
.pt100 { padding-top:100px!important; }

@media screen and (max-width: 959px) {
	.pt10sp { padding-top:10px!important; }
	.pt20sp { padding-top:20px!important; }
	.pt30sp { padding-top:30px!important; }
	.pt40sp { padding-top:40px!important; }
	.pt50sp { padding-top:50px!important; }
}
@media print, screen and (min-width: 960px) {
	.pt10pc { padding-top:10px!important; }
	.pt20pc { padding-top:20px!important; }
	.pt30pc { padding-top:30px!important; }
	.pt40pc { padding-top:40px!important; }
	.pt50pc { padding-top:50px!important; }
}

.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb55 { padding-bottom:55px!important; }
.pb60 { padding-bottom:60px!important; }
.pb65 { padding-bottom:65px!important; }
.pb70 { padding-bottom:70px!important; }
.pb75 { padding-bottom:75px!important; }
.pb80 { padding-bottom:80px!important; }
.pb85 { padding-bottom:85px!important; }
.pb90 { padding-bottom:90px!important; }
.pb95 { padding-bottom:95px!important; }
.pb100 { padding-bottom:100px!important; }

@media screen and (max-width: 959px) {
	.pb10sp { padding-bottom:10px!important; }
	.pb20sp { padding-bottom:20px!important; }
	.pb30sp { padding-bottom:30px!important; }
	.pb40sp { padding-bottom:40px!important; }
	.pb50sp { padding-bottom:50px!important; }
}
@media print, screen and (min-width: 960px) {
	.pb10pc { padding-bottom:10px!important; }
	.pb20pc { padding-bottom:20px!important; }
	.pb30pc { padding-bottom:30px!important; }
	.pb40pc { padding-bottom:40px!important; }
	.pb50pc { padding-bottom:50px!important; }
}

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }
.pr55 { padding-right:55px!important; }
.pr60 { padding-right:60px!important; }
.pr65 { padding-right:65px!important; }
.pr70 { padding-right:70px!important; }
.pr75 { padding-right:75px!important; }
.pr80 { padding-right:80px!important; }
.pr85 { padding-right:85px!important; }
.pr90 { padding-right:90px!important; }
.pr95 { padding-right:95px!important; }
.pr100 { padding-right:100px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }
.pl55 { padding-left:55px!important; }
.pl60 { padding-left:60px!important; }
.pl65 { padding-left:65px!important; }
.pl70 { padding-left:70px!important; }
.pl75 { padding-left:75px!important; }
.pl80 { padding-left:80px!important; }
.pl85 { padding-left:85px!important; }
.pl90 { padding-left:90px!important; }
.pl95 { padding-left:95px!important; }
.pl100 { padding-left:100px!important; }



/* list
------------------------------------------------------------ */
.list {
	margin:0;
	padding:0;
}
.list li {
	margin:3px 0 0;
	padding-left:1.2em;
	line-height:1.6;
	text-align:left;
	position:relative;
}
.list li::after {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}
.list.circle li::after {
	content: '●';
	color:#45BC90;
}
.list.coution li::after {
	content: '※';
}


/* clearfix
------------------------------------------------------------ */
.cf:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
* html .cf { zoom:1; } /* IE6 */
*:first-child+html .cf { zoom:1; } /* IE7 */


/*----------------------------------------------------------
	車種一覧 | プレミアムスタイルエディションバナー
----------------------------------------------------------*/
.pseBnrBox{
	padding:30px 20px 0;
	max-width: 1000px;
	margin: 0 auto;
}
.pseBnrBox.homePse{
	padding: 0;
	padding-bottom: 40px;
}
.pseBnrBox a{
	display: block;
	border-radius: 7px;
	overflow: hidden;
}
.pseBnrBox a:hover{
	opacity: 0.5;
}
@charset "utf-8";
/* -----------------------------------------------------------------------
use : /sevenmax/about/

style.css

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

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

	about

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

#about {
	padding:15px 0 0;
	color:#ffffff;
}
#about .serviceList{
	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;
	margin-top:20px;
}
#about .serviceList li{
	width:31.83%;
	margin-bottom:10px;
	background:#ffffff;
	font-size:;
	text-align:center;
	color:#171717;
	border-radius:10px;
	overflow:hidden;
}
#about .serviceList li figure img{
	width:100%;
	vertical-align:bottom;
}
#about .serviceList li .txt{
	height:50px;
	position: relative;
}
#about .serviceList li .txt p{
	width:100%;
	font-size:1.6rem;
	line-height:1.2;
	font-weight:bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#about .catchcopy {
	padding:20px 0 55px;
	font-size:2.6rem;
	line-height:1.3;
	font-weight:700;
	text-align:center;
	background:url(/sevenmax/about/img/about_arrow.png) no-repeat bottom 0 left 50% ;
	background-size:auto 33px;
}
#about .mainimg {
	padding:10px 0;
	position:relative;
}
#about .mainimg .inBox {
	width:100%;
	text-align:right;
}
#about .mainimg .inBox .title {
	padding:10px;
}
#about .mainimg .inBox .title img {
	max-width:575px;
}
#about .mainimg .inBox .imgCar img {
	clear:both;
}
#about .mainimg .inBox .imgCar img {
	max-width:615px;
}

#about .carBg {
	position:relative;
}
#about .carBg .carImgL {
	max-width:320px;
	position:absolute;
	left:0;
	transition:all 0.5s ease;
}
#about .carBg .carImgR {
	max-width:280px;
	position:absolute;
	right:0;
	transition:all 0.5s ease;
}
#about .leadTxt {
	width:90%;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#about .tascutter {
	margin-top:150px;
	padding:60px 20px 20px;
	border:4px solid #ffffff;
	border-radius:15px;
	position:relative;
}
#about .tascutter::before {
	display: block;
	content: '';
	margin: 0 auto;
	width: 70px;
	height: 70px;
	background:url(/sevenmax/about/img/icon_plus.svg) no-repeat 50% 50% ;
	background-size:100% auto;
	position:absolute;
	top: -130px;
	left:0;
	right:0;
	transition:all 0.5s ease;
}
#about .tascutter .boxTxt {
	width:80%;
	max-width:520px;
	height:58px;
	margin:0 auto;
	text-align:center;
	color:#171717;
	background:#ffffff;
	border-radius:29px;
	position:absolute;
	top:-29px;
	left:0;
	right:0;
}
#about .tascutter .boxTxt span{
	display:block;
	width:100%;
	font-size:3.0rem;
	line-height:1.3;
	font-weight:700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#about .tascutter .hoshoHead {
	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;
}
#about .tascutter .hoshoHead h2 {
	width:50%;
}
#about .tascutter .hoshoHead p {
	width:40%;
}

#about .tascutter .hoshoList {
	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;
	margin-top:20px;
}
#about .tascutter .hoshoList li {
	border-radius:10px;
	overflow:hidden;
}
#about .tascutter .hoshoList figure {
	display:block;
	margin:0;
	padding:0;
	background:#ffffff;
	border-radius:6px;
	overflow:hidden;
}
#about .tascutter .hoshoList figure img{
	width:100%;
	height:auto;
	vertical-align: bottom;
}
#about .tascutter .hoshoList figure figcaption{
	display:block;
	position:relative;
}
#about .tascutter .hoshoList figure figcaption span{
	display:block;
	width:100%;
	line-height:1.3;
	color:#171717;
	text-align:center;
	font-weight:700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#about .tascutter .hoshoList .price{
	padding:15px 10px 0;
	background:#45BC90;
	text-align:center;
}
#about .tascutter .hoshoList .price img{
	width:97.5%;
	margin:0 auto;
}




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

@media screen and (max-width:560px) {
	
	#about .mainimg .imgUchimura {
		width:90%;
		max-width:240px;
		margin:0 auto;
	}

	#about .carBg .carImgL {
		width:110px;
		bottom:-125px;

	}
	#about .carBg .carImgR {
		width:100px;
		bottom:-90px;

	}

	#about .tascutter {
		margin-top:100px;
		padding:50px 25px 15px;
	}
	#about .tascutter::before {
		width: 50px;
		height: 50px;
		top: -90px;
	}

	#about .tascutter .hoshoHead h2 {
		width:90%;
		margin:0 auto;
	}
	#about .tascutter .hoshoHead p {
		width:75%;
		margin:0 auto;
		padding-top:15px;
	}

	#about .tascutter .hoshoList li {
		width:48%;
		margin:8px 0;
	}
	#about .tascutter .boxTxt {
		max-width:320px;
		height:46px;
		border-radius:23px;
		top:-23px;
	}
	#about .tascutter .boxTxt span{
		font-size:2.0rem;
	}
	#about .tascutter .hoshoList figure figcaption {
		height:50px;
	}
	#about .tascutter .hoshoList figure figcaption span{
		font-size:1.8rem;
	}

}

/*----------------------------------------------------------
	Display：← 374px →（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:374px) {
	
	#about .tascutter {
		padding:50px 15px 15px;
	}
	#about .tascutter .hoshoHead h2 {
		width:100%;
	}
	#about .tascutter .hoshoHead p {
		width:85%;
		padding-top:5px;
	}
	#about .tascutter .hoshoList li {
		margin:5px 0;
	}
	#about .tascutter .boxTxt span{
		font-size:1.6rem;
	}

}

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

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

	#about .serviceList li {
		width:15.5%;
		margin-bottom:0;
	}
	#about .serviceList li .txt{
		height:60px;
	}
	#about .serviceList li .txt p{
		font-size:1.8rem;
	}
	#about .catchcopy {
		padding:20px 0 55px;
		font-size:3.6rem;
	}
	#about .mainimg .inBox {
		width:62%;
		text-align:right;
		float:right;
	}
	#about .mainimg .imgUchimura {
		width:39.5%;
		max-width:385px;
		position:absolute;
		top:-5px;
		left:-2.5%;
	}
	#about .leadTxt {
		text-align:center;
	}

	#about .carBg .carImgL {
		width:210px;
		bottom:-150px;

	}
	#about .carBg .carImgR {
		width:140px;
		top:60px;

	}

	#about .tascutter {
		margin-top:120px;
		padding:50px 25px 15px;
	}
	#about .tascutter::before {
		width: 60px;
		height: 60px;
		top: -110px;
	}
	
	#about .tascutter .boxTxt {
		max-width:400px;
		height:50px;
		border-radius:25px;
		top:-25px;
	}
	#about .tascutter .boxTxt span{
		font-size:2.4rem;
	}

	#about .tascutter .hoshoHead {
		width:97.5%;
		margin:0 auto;
	}
	#about .tascutter .hoshoHead h2 {
		width:50%;
	}
	#about .tascutter .hoshoHead p {
		width:42.5%;
		padding-top:2.5%;
	}

	#about .tascutter .hoshoList li {
		width:23.5%;
	}
	#about .tascutter .hoshoList figure figcaption {
		height:50px;
	}
	#about .tascutter .hoshoList figure figcaption span{
		font-size:1.8rem;
	}

}

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

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

	#about {
		padding:0;
	}
	#about .serviceList {
		margin-top:30px;
	}
	#about .serviceList li .txt{
		height:70px;
	}
	#about .catchcopy {
		padding:20px 0 55px;
		font-size:4.2rem;
	}
	#about .mainimg .imgUchimura {
		top:-15px;
	}
	
	#about .carBg .carImgL {
		width:25%;
		bottom:-200px;

	}
	#about .carBg .carImgR {
		width:22%;
		top:80px;

	}
	
	#about .tascutter {
		margin-top:150px;
		padding:60px 30px 30px;
	}
	#about .tascutter::before {
		width: 70px;
		height: 70px;
		bottom: -130px;
	}
	
	#about .tascutter .boxTxt {
		max-width:520px;
		height:58px;
		border-radius:29px;
		bottom:-29px;
	}
	#about .tascutter .boxTxt span{
		font-size:3.0rem;
	}
	#about .tascutter .hoshoList figure figcaption {
		height:55px;
	}
	#about .tascutter .hoshoList figure figcaption span{
		font-size:2.0rem;
	}

}

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

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

	#about .serviceList li .txt p{
		font-size:2.2rem;
	}

	#about .carBg .carImgL {
		width:32%;
		bottom:-250px;
	}
	#about .carBg .carImgR {
		width:27%;
		top:20px;
	}

	#about .tascutter {
		padding:60px 70px 30px;
	}

}



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

	endContract

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

#endContract .endContractList {
	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;
	padding-top:10px;
}
#endContract .endContractList li {
	width:100%;
	margin:40px 0 0;
	padding:100px 20px 30px;
	text-align:center;
	background:#F7F7F7;
	border-radius:10px;
	position:relative;
}
#endContract .endContractList li .number {
	font-size:1.6rem;
	line-height:1.5;
	font-weight:700;
	font-family: 'Poppins', sans-serif;
	color:#45BC90;
}
#endContract .endContractList li .subHeading {
	margin-bottom:15px;
	font-size:2.8rem;
	line-height:1.5;
	font-weight:700;
	color:#45BC90;
}
#endContract .endContractList li .icon {
	width:160px;
	margin:0 auto;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
}

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

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

	#endContract .endContractList li {
		width:48%;
	}

}



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

	endContract

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

#afterCare {
	padding-top:50px;
	padding-bottom:0px;
	overflow:hidden;
}
#afterCare .inner {
	padding-top:0;
	padding-bottom:0;
	position:relative;
}
#afterCare .txtBox {
	width:100%;
	padding:0;
	position:relative;
}
#afterCare .txtBox .headLineF {
	margin-bottom:15px;
	line-height:1.5;
	font-weight:900;
	letter-spacing:0.05em;
	text-align:center;
	transition:all 0.5s ease;
}
#afterCare .txtBox .fukidashiTxt {
	width:90%;
	max-width:360px;
	margin: 0 auto 15px;
	padding:8px 5px;
	font-size:2.2rem;
	line-height:1.6;
	letter-spacing:0.1em;
	text-indent:0.1em;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	background:#45BC90;
	position:relative;
}
#afterCare .txtBox .fukidashiTxt::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 #45BC90;
	position:absolute;
	bottom: -10px;
	left:0;
	right:0;
	transition:all 0.5s ease;
}

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

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

	#afterCare .txtBox .headLineF {
		font-size:3.4rem;
	}
	#afterCare .plantImg {
		max-width:600px;
		margin:10px auto 0;
		position:relative;
		bottom:-10px;
	}
}

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

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

	#afterCare .txtBox .headLineF {
		font-size:2.8rem;
	}
	
}

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

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

	#afterCare {
		padding-top:70px;
		padding-bottom:50px;		
	}
	#afterCare .inner > .txtBox {
		width:50%;
	}
	#afterCare .txtBox .headLineF {
		font-size:4.0rem;
		text-align:left;
	}
	#afterCare .txtBox .fukidashiTxt {
		width:100%;
		max-width:440px;
		margin: 0 0 15px;
		font-size:2.2rem;
		position:relative;
	}
	#afterCare .plantImg {
		width:60%;
		max-:600px;
		margin:auto 0;
		position:absolute;
		top: 0;
		bottom:0;
		right:-15%;
	}

}
@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.w980 {
	max-width:980px;
}
.inner.w1060 {
	max-width:1060px;
}
.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:3px;
		left:112px;
	}
}

/*----------------------------------------------------------
	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:3px;
		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:3px;
		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:400px;
		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 {
		width:400px;
		height:45px;
		font-size:1.2rem;
		top:-38px;
		left:0;
	}
	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:-5px;
		left:210px;
	}
	header .siteLogo .siteTxt br{
		display:block;
	}
	header #gNav li{
		margin-right:3.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:30px 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-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.service a{
	content: '';
	background:url(/sevenmax/common/img/icon/icon_nav_plan.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 > 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.2rem;
}
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;
		
		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;
	}
	.contactBtn span{
		padding-left: 0;
	};
}

/*----------------------------------------------------------
	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; }
	
}


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

parts.css

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

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

	carItem

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

.carItem{
	z-index:10;
	position:relative;
	transition: all 0.5s ease;
}
.carItem a{
	display:block;
	/* padding:0 6.5% 70px; */
	
	border-radius:13px;
	text-decoration:none;
	
	position:relative;
	overflow:hidden;
	box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.15);
}
.carItem .makerLogo{
	width:100%;
	padding:20px 0;
	text-align:center;
}
.carItem .makerLogo img{
	width:auto;
	height:30px;
}

.carItem .carImage{
	transition: all 0.5s ease;
}
.carItem .carImage img{
	width:100%;
	height:auto;
}
.carItem .makerName{
	margin-top:5px;
	font-size:1.4rem;
	line-height:1.3;
	text-align:center;
}
.carItem .carName{
	margin-bottom:10px;
	font-size:1.8rem;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}
.carNameU{

}

.carItem .option{
	width:100%;
	margin:0 auto;
}
.carItem .option img{
	width:100%;
	max-width:258px;
	height:auto;
}

.carItem .priceBox {
	text-align: center;
	margin: 3px 0;
	position:relative;
	z-index:2;
}
.carItem .priceBox .priceTax {
	display: inline-block;
	vertical-align: top;
	font-size: 5.0rem;
	line-height:1;
	letter-spacing: 0;
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
}
.carItem .priceBox div {
	display: inline-block;
	margin:5px 0 0 -3px;
	vertical-align: top;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
}
.carItem .priceBox div .tax {
	font-size: 0.6rem;
	line-height: 1;
}
.carItem .priceBox div .yen {
	font-size: 2.2rem;
	line-height: 1;
	position:relative;
}

.carItem .bottomTxt{
	width:100%;
	padding:15px 10px;
	line-height:1.5;
	text-align:center;
	color:#ffffff;
	background:#45BC90;
	
	bottom:0;
	left:0;
	transition: all 0.5s ease;
}
.carItem a:hover .carImage{
	transform: scale(1.1, 1.1);
}
.carItem a:hover .bottomTxt{
	background:#fed831;
}


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

	carListSlider

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

.carListSlider {
	width:90%;
	margin:0 auto;
	padding:30px;
	position:relative;
	opacity: 0;
	transition: opacity .25s ease;
}
.carListSlider.slick-initialized {
	display: block;
	opacity: 1;
}

.carListSlider .slick-track {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.carListSlider .slick-prev,
.carListSlider .slick-next {
	display:block;
	width:56px;
	height:56px;
	margin:auto 0;
	background-image:url(/sevenmax/common/img/parts/arrow_slider.svg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color: #ffffff;
	background-size:100% auto;
	text-indent:-999px;
	overflow:hidden;
	border:none;
	border-radius:100%;
	cursor:pointer;
	position:absolute;
	top:0;
	bottom:0;
	z-index:2;
	transition: all 0.5s ease;
}
.carListSlider .slick-prev {
	left:-28px;
}

.carListSlider .slick-next {
	right:-28px;
	transform: scale(-1, 1);
}
.carListSlider .slick-prev:hover,
.carListSlider .slick-next:hover {
	background-color: #FFD900;
}

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

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

	.carListSlider .carItem{
		width:225px;
		margin:0 10px;
	}
	.carListSlider .slick-prev,
	.carListSlider .slick-next {
		width:32px;
		height:32px;
	}
	.carListSlider .slick-prev {
		left:-10px;
	}
	.carListSlider .slick-next {
		right:-10px;
	}

}

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

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

	.carListSlider .carItem{
		width:250px;
		margin:0 15px;
	}
	.carListSlider .slick-prev,
	.carListSlider .slick-next {
		width:40px;
		height:40px;
	}
	.carListSlider .slick-prev {
		left:-20px;
	}
	.carListSlider .slick-next {
		right:-20px;
	}
	.carListSlider .slick-prev:hover {
		left:-25px;
	}
	.carListSlider .slick-next:hover {
		right:-25px;
	}
	
}

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

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

	.carListSlider .carItem{
		width:275px;
		margin:0 15px;
	}
}

/*----------------------------------------------------------
	Display：1050px →
----------------------------------------------------------*/

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

	.carListSlider {
		max-width:980px;
		margin:0 auto;
	}
	.carListSlider .carItem{
		width:300px;
		margin:0 20px;
	}
	.carListSlider .slick-prev,
	.carListSlider .slick-next {
		width:56px;
		height:56px;
	}
	.carListSlider .slick-prev {
		left:-28px;
	}
	.carListSlider .slick-next {
		right:-28px;
	}
	.carListSlider .slick-prev:hover {
		left:-33px;
	}
	.carListSlider .slick-next:hover {
		right:-33px;
	}
	
}


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

	carList

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

.carList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	margin:30px 0;
}
.carList li {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
}

.carList .carItem a{

}
.carList .carItem .makerName{
	margin-bottom:0;
	font-size:0.86em;
}
.carList .carItem .carName{
	margin-bottom:0;
	font-size:1em;

		overflow: hidden;
		height: 3.6em; /* 2em（行）x line-heightの1.8 */
	
		line-height: 1.8;

}
.carList .carItem .priceBox .priceTax {
	font-size: 3.6rem;
}
.carList .carItem .priceBox div {
	margin:0 0 0 -2px;
	text-align: left;
}
.carList .carItem .priceBox div .tax {
	font-size: 0.5rem;
}
.carList .carItem .priceBox div .yen {
	font-size: 1.5rem;
}
.carList .carItem .bottomTxt {
	padding:10px 10px;
}

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

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

	.carList li {
		width: 48%;
        margin: 5px 1%;
        padding: 2%;
        border: 1px solid #ccc;
	}
	.carList .carItem .priceBox .priceTax {
		font-size: 3.2rem;
	}
	.carList .carItem .priceBox .priceTaxU {
		font-size: 2.2rem;
	}
	.carList .carItem .priceBox div .yen {
		font-size: 1.3rem;
		top:-2px;
	}
	.carList .carItem .bottomTxt {
		font-size:0.86em;
	}
	
}

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

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

	.carList li {
		width:31.33%;
		margin:10px 1%;
	}
	.carList .carItem .priceBox .priceTax {
		font-size: 3.6rem;
	}
	.carList .carItem .priceBox div .yen {
		font-size: 1.5rem;
	}
}

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

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

	.carList li {
		width:23%;
		margin:10px 1%;
	}
	.carList .carItem .carName{
		margin-bottom:0;
		font-size:1.15em;
	}

}


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

	carList ranking

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

.carList.ranking .carItem::after {
	display: block;
	content: '';
	margin:0 auto ;
	width: 42px;
	height: 42px;
	font-size:2.6rem;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	font-family: 'Barlow', sans-serif;
	background:#171717;
	border-radius:100%;
	position:absolute;
	top:-24px;
	left:0;
	right:0;
	pointer-events: none;
	z-index:2;
	transition: all 0.5s ease;
}

.carList.ranking .carItem:nth-child(1)::after {
	content: '1';
	background:#E5BA59;
}
.carList.ranking .carItem:nth-child(2)::after {
	content: '2';
	background:#A3A3A3;
}
.carList.ranking .carItem:nth-child(3)::after {
	content: '3';
	background:#A37E18;
}
.carList.ranking .carItem:nth-child(4)::after {
	content: '4';
}
.carList.ranking .carItem:nth-child(5)::after {
	content: '5';
}


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

	carListSc

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

.carList.sc {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin:0 auto ;
	padding:20px 20px 0;
}

.carList.sc.c2 {
	width:520px;
}
.carList.sc.c2 li {
	width:48%;
}
.carList.sc.c3 {
	width:760px;
}
.carList.sc.c3 li {
	width:31.33%;
}
.carList.sc.c4 {
	width:1000px;
}
.carList.sc.c4 li {
	width:23%;
}
.carList.sc.c5 {
	width:1240px;
}
.carList.sc.c5 li {
	width:18%;
}

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

	pagination

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

.pagination {
	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;
	margin-top:20px;
}
.pagination li {
	margin:0 4px;
	transition: all 0.5s ease;
}
.pagination li a {
	display:inline-block;
	width:100%;
	font-weight:700;
	letter-spacing:-0.05em;
	text-align:center;
	color:#45BC90;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
	background:#ffffff;
	border-radius:6px;
	position:relative;
	transition: all 0.5s ease;
}
.pagination li a.current {
	color:#ffffff;
	background:#45BC90;
}
.pagination li a:hover {
	color:#ffffff;
	background:#45BC90;
}

.pagination li:first-child a,
.pagination li:last-child a{
	padding:0 8px;
	letter-spacing:0.05em;
}

.pagination li:first-child a::after,
.pagination li:last-child a::after{
	display: block;
	content: '';
	margin: auto 0;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	top: 0;
	bottom: 0;
	border-top: 2px solid #45BC90;
	border-left: 2px solid #45BC90;
	pointer-events: none;
	z-index:2;
	transition: all 0.5s ease;
}
.pagination li:first-child a::after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 10px;
}
.pagination li:last-child a::after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 10px;
}
.pagination li:first-child a:hover::after{
	left: 8px;
	border-color: #ffffff;
}
.pagination li:last-child a:hover::after{
	right: 8px;
	border-color: #ffffff;
}

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

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

	.pagination li {
		width:40px;
		margin:0 4px;
	}
	.pagination li a {
		font-size:1.6rem;
		line-height:40px;
	}
	.pagination li:first-child a,
	.pagination li:last-child a{
		text-indent:-9999px;
	}
	.pagination li:first-child a::after,
	.pagination li:last-child a::after{
		margin: auto;
		left: 0;
		right: 0;
	}

}

/*----------------------------------------------------------
	Display：374px →（ sp ）
----------------------------------------------------------*/

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

	.pagination li {
		width:34px;
		margin:0 3px;
	}
	.pagination li a {
		font-size:1.5rem;
		line-height:34px;
	}

}

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

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

	.pagination li {
		width:48px;
		margin:0 5px;
	}
	.pagination li a {
		font-size:2.2rem;
		line-height:48px;
	}
	.pagination li:first-child,
	.pagination li:last-child{
		width:92px;
	}
	.pagination li:first-child a,
	.pagination li:last-child a{
		padding:0 15px;
		font-size:1.8rem;
		text-indent:0;
	}
	.pagination li:first-child a{
		text-align:right;
	}
	.pagination li:last-child a{
		text-align:left;
	}
	.pagination li:first-child a::after{
		left: 14px;
	}
	.pagination li:last-child a::after{
		right: 14px;
	}
	.pagination li:first-child a:hover::after{
		left: 11px;
	}
	.pagination li:last-child a:hover::after{
		right: 11px;
	}
}

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

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

	.pagination li {
		width:54px;
	}
	.pagination li a {
		font-size:2.6rem;
		line-height:54px;
	}
	.pagination li:first-child,
	.pagination li:last-child{
		width:108px;
	}
	.pagination li:first-child a,
	.pagination li:last-child a{
		padding:0 18px;
		font-size:2.0rem;
	}
	.pagination li:first-child a::after,
	.pagination li:last-child a::after{
		width: 10px;
		height: 10px;
	}
	.pagination li:first-child a::after{
		left: 16px;
	}
	.pagination li:last-child a::after{
		right: 16px;
	}
	.pagination li:first-child a:hover::after{
		left: 13px;
	}
	.pagination li:last-child a:hover::after{
		right: 13px;
	}

}


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

	courseList

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

.courseList {
	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;
	margin-top:20px;
}

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

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

	.courseList li {
		width:32%;
	}

}

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

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

	.courseList li {
		width:32%;
	}

}


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

	courseTab

-----------------------------------------------------------------*/
.courseTab{
	width:100%;
	padding:35px 0 0;
	border-bottom-width:10px;
	border-bottom-style:solid;
	transition: all 0.5s ease;
}

.courseTab.course01curt{
	border-bottom-color:#3282D3;
}
.courseTab.course02curt{
	border-bottom-color:#D64275;
}
.courseTab.course03curt{
	border-bottom-color:#5E962E;
}

.courseTab ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	margin:0 auto;
	max-width:880px;
}
.courseTab ul li {
	width:31.33%;
	margin:0 0.5%;
}
.courseTab ul li:first-child {
	margin-left:2%;
}
.courseTab ul li:last-child {
	margin-right:2%;
}
.courseTab .courseItem {
	border-radius:8px 8px 0 0;
	border-width:3px; 
	border-style:solid;
	background:#ffffff;
	position:relative;
	transition: all 0.5s ease;
}



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

	courseItem

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

.courseItem {
	border-radius:8px;
	border-width:3px; 
	border-style:solid;
	background:#ffffff;
	position:relative;
	transition: all 0.5s ease;
}
.courseItem a {
	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;
	width:100%;
	height:100%;
	padding-top:5px;
	text-decoration:none;
	position:relative;
	transition: all 0.5s ease;
}
.courseItem .icon {
	width:100px;
	position:relative;
}
.courseItem .icon span {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:3px 0;
	font-size:2.2rem;
	line-height:1.3;
	font-weight:700;
	text-align:center;
	letter-spacing:-0.05em;
	border-width:1px; 
	border-style:solid;
	transition: border-color 0.5s ease;
}
.courseItem .icon span br{
	display:none;
}
.courseItem .price {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.courseItem .price .numberL {
	line-height:1;
	font-weight:900;
	font-style:italic;
	font-family: 'Barlow', sans-serif;
}
.courseItem .price .priceTxt {
	position:relative;
}
.courseItem .price .priceTxt .numberS{
	font-weight:500;
	font-style:italic;
	font-family: 'Barlow', sans-serif;
	position:relative;
}
.courseItem .price .priceTxt .tax{
	font-weight:400;
	position:relative;
}
.courseItem .price .priceTxt .yen{
	line-height:1;
	font-weight:700;
	position:relative;
}
.courseItem .bottomTxt {
	width:100%;
	line-height:1.5;
	font-weight:700;
	color:#ffffff;
	text-align:center;
}

.courseItem.course01,
.courseItem.course01 .icon span {
	border-color:#3282D3;
}
.courseItem.course02,
.courseItem.course02 .icon span {
	border-color:#D64275;
}
.courseItem.course03,
.courseItem.course03 .icon span {
	border-color:#5E962E;
}

.courseItem.course01 a {
	color:#3282D3;
}
.courseItem.course02 a {
	color:#D64275;
}
.courseItem.course03 a {
	color:#5E962E;
}

.courseItem.course01:hover {
	background:#56a2ef;
}
.courseItem.course02:hover {
	background:#f06897;
}
.courseItem.course03:hover {
	background:#81b951;
}
.courseItem a:hover {
	color:#ffffff!important;
}
.courseItem a:hover .icon span {
	border-color:#ffffff;
}

.courseItem.course01 .bottomTxt {
	background-color:#3282D3;
}
.courseItem.course02 .bottomTxt {
	background-color:#D64275;
}
.courseItem.course03 .bottomTxt {
	background-color:#5E962E;
}

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

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

	.courseItem .icon {
		width:90%;
		position:relative;
	}
	.courseItem .icon span {
		font-size:1.2rem;
	}
	.courseItem .price {
		margin-top:-5px;
		margin-left:5px;
	}
	
	.courseItem .price .numberL {
		margin-right:6px;
		font-size:5.8rem;
	}
	.courseItem.course01 .price .numberL {
		margin-right:3px;
	}
	.courseItem .price .priceTxt {
		height:60px;
		overflow:hidden;
	}
	.courseItem .price .priceTxt .numberS{
		font-size:1.5rem;
		line-height:14px;
		bottom:-3px;
	}
	.courseItem .price .priceTxt .tax{
		font-size:1.0rem;
		line-height:14px;
		left:-3px;
		bottom:-2px;
	}
	.courseItem .price .priceTxt .yen{
		font-size:1.6rem;
		top:-10px;
	}
	
	.courseItem .bottomTxt {
		font-size:1.5rem;
	}

}

/*----------------------------------------------------------
	Display：374px →（ sp ）
----------------------------------------------------------*/

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

	.courseItem .price {
		margin-top:-5px;
		margin-left:5px;
	}
	
	.courseItem .price .numberL {
		font-size:5.4rem;
	}
	.courseItem .price .priceTxt {
		height:50px;
		overflow:hidden;
		top:-5px;
	}
	.courseItem .price .priceTxt .numberS{
		font-size:1.3rem;
		line-height:13px;
		letter-spacing:-0.02em;
		bottom:-5px;
	}
	.courseItem .price .priceTxt .tax{
		font-size:1.0rem;
		line-height:13px;
		letter-spacing:-0.1em;
		left:-2px;
		bottom:-5px;
	}
	.courseItem .price .priceTxt .yen{
		font-size:1.4rem;
	}
	
	.courseItem .bottomTxt {
		font-size:1.4rem;
	}

}

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

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

	.courseItem {
		border-width:4px; 
	}
	.courseItem .icon {
		width:100%;
		margin:0 auto;
	}
	.courseItem .icon span {
		width:90%;
		max-width:150px;
		font-size:1.6rem;
	}
	.courseItem .price {
		margin-top:-8px;
	}
	
	.courseItem .price .numberL {
		margin-right:10px;
		font-size:7.6rem;
	}
	.courseItem.course01 .price .numberL {
		margin-right:5px;
	}
	.courseItem .price .priceTxt {
		bottom:-10px;
	}
	.courseItem .price .priceTxt .numberS{
		font-size:2.2rem;
		line-height:28px;
		left:3px;
		bottom:-3px;
	}
	.courseItem .price .priceTxt .tax{
		font-size:1.2rem;
		line-height:28px;
	}
	.courseItem .price .priceTxt .yen{
		font-size:2.4rem;
		bottom:5px;
	}
	
	.courseItem .bottomTxt {
		font-size:1.8rem;
	}

}


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

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

	.courseItem .icon {
		width:85px;
		margin:0 10px 0 0;
	}
	.courseItem .icon span {
		width:100%;
		height:54px;
		margin:0;
		padding:5px 0;
		font-size:1.7rem;
		position:absolute;
		bottom:10px;
	}
	.courseItem .icon span br{
		display:block;
	}
	.courseItem .price {
		margin-top:0;
		top:-5px;
	}
	.courseItem .price .numberL {
		font-size:7.0rem;
	}
	.courseItem .price .priceTxt {
		top:6px;
	}
	.courseItem .price .priceTxt .numberS{
		font-size:2.2rem;
		line-height:28px;
	}
	.courseItem .price .priceTxt .tax{
		font-size:1.5rem;
		line-height:28px;
	}
	.courseItem .price .priceTxt .yen{
		font-size:2.8rem;
	}
	.courseItem .bottomTxt {
		font-size:1.8rem;
	}

}

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

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

	.courseList .courseItem .icon {
		width:100px;
		margin:0 10px 0 0;
	}
	.courseList .courseItem .icon span {
		width:100%;
		height:60px;
		margin:0;
		padding:5px 0;
		font-size:2.0rem;
		position:absolute;
		bottom:15px;
	}
	.courseList .courseItem .icon span br{
		display:block;
	}
	.courseList .courseItem .price {
		margin-top:0;
		top:-5px;
	}
	.courseList .courseItem .price .numberL {
		font-size:9.1rem;
	}
	.courseList .courseItem .price .priceTxt {
		top:12px;
	}
	.courseList .courseItem .price .priceTxt .numberS{
		font-size:2.6rem;
		line-height:32px;
	}
	.courseList .courseItem .price .priceTxt .tax{
		font-size:1.8rem;
		line-height:32px;
	}
	.courseList .courseItem .price .priceTxt .yen{
		font-size:3.6rem;
	}
	.courseList .courseItem .bottomTxt {
		font-size:2.2rem;
	}

}



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

	selectCar

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

#selectCar {
	position:relative;
}
#selectCar #selectPrice {
	width:100%;
}
#selectCar .headLine-s{
	margin-bottom:20px;
}
#selectCar #selectBodytype,
#selectCar #selectMaker,
#selectCar #searchCarname,
#selectCar #searchAllcar {
	width:100%;
	margin-top:30px;
}

#selectCar .headLineF {
	padding:24px 0;
	text-align:center;
	border-bottom:1px solid #ffffff;
}
#selectCar .headLineF span {
	display:inline-block;
	padding:0 0 0 36px;
	font-size:2.0rem;
	line-height:1.5em;
	letter-spacing:0.05em;
	text-indent:0.05em;
	color:#ffffff;
	background-image:url(/sevenmax/common/img/icon/icon_search.svg);
	background-repeat:no-repeat;
	background-position:top 50% left 0%;
	background-size:26px auto;
	transition:all 0.5s ease;
}
#selectCar.bgGreen .headLine-s {
	color:#ffffff;
}

#selectCar.move {
	border-bottom:1px solid #ffffff;
}
#selectCar.move .searchOpen {
	cursor:pointer;
	transition:all 0.5s ease;
}
#selectCar.move .searchOpen:hover {
	background:#29A275;
}
#selectCar.move > .inner {
	display:none;
}

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

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

	#selectCar #selectBodytype,
	#selectCar #selectMaker,
	#selectCar #searchCarname,
	#selectCar #searchAllcar {
		margin-top:40px;
	}

	#selectCar #selectBodytype,
	#selectCar #selectMaker {
		width:100%;
	}
	#selectCar #searchCarname,
	#selectCar #searchAllcar {
		width:48%;
	}
	#selectCar #searchAllcar {
		padding-top:46px;
	}

	#selectCar .headLineF {
		padding:28px 0;
	}
	#selectCar .headLineF span {
		padding:0 0 0 45px;
		font-size:2.6rem;
		line-height:1.5em;
		background-size:32px auto;
	}

}

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

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

	#selectCar #selectBodytype,
	#selectCar #selectMaker {
		width:48%;
	}

}



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

	squareBoxList

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

.squareBoxList {
	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;
}
.squareBoxList li {
	width:24%;
	margin:3px 0;
	border-radius:6px;
	overflow:hidden;
}
.squareBoxList li a {
	display:block;
	padding-top:100%;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:relative;
	transition: all 0.5s ease;
}
.squareBoxList li a:hover {
	opacity:0.6;
}
.bodytypeList li:nth-child(1) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_sedan.svg);
}
.bodytypeList li:nth-child(2) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_cupe.svg);
}
.bodytypeList li:nth-child(3) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_compact.svg);
}
.bodytypeList li:nth-child(4) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_stationwgon.svg);
}
.bodytypeList li:nth-child(5) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_minivan.svg);
}
.bodytypeList li:nth-child(6) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_suv.svg);
}
.bodytypeList li:nth-child(7) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_van.svg);
}
.bodytypeList li:nth-child(8) a {
	background-image:url(/sevenmax/common/img/icon/icon_cartype_trac.svg);
}
.bodytypeList li a p{
	width:100%;
	font-size:1.2rem;
	line-height:1.3;
	color:#171717;
	letter-spacing:0;
	text-decoration:none;
	text-align:center;
	position:absolute;
	bottom:10%;
	left:0;
}
.makerList li a p{
	width:90%;
	height:90%;
	max-width:100px;
	max-height:100px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.makerList li a p img{
	width:100%;
	height:auto;
	margin:0 auto;
}


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

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

	.courseList li {
		width:32%;
	}
	.carListSlider .carItem{
		width:225px;
		margin:0 10px;
	}
	.carListSlider .slick-prev,
	.carListSlider .slick-next {
		width:32px;
		height:32px;
	}
	.carListSlider .slick-prev {
		left:-10px;
	}
	.carListSlider .slick-next {
		right:-10px;
	}

	.squareBoxList li a {
		background-position:top 32% left 50%;
	}
	.bodytypeList li a p{
		font-size:1.0rem;
	}
	.bodytypeList li:nth-child(1) a p,
	.bodytypeList li:nth-child(7) a p,
	.bodytypeList li:nth-child(8) a p {
		line-height:2.6;
	}
}

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

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

	.squareBoxList li a {
		background-position:top 25% left 50%;
		background-size:40px;
	}
	.bodytypeList li a p{
		font-size:1.0rem;
	}

}

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

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

	.squareBoxList li a {
		padding-top:70%;
	}
	.squareBoxList li a {
		background-position:top 37.5% left 50%;
		background-size:64px auto;
	}

}



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

	searchCarname

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

.searchCarname {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	width:100%;
	height:50px;
	border:1px solid #45BC90;
	border-radius:6px;
	overflow:hidden;
}
.bgGreen .searchCarname {
	border:1px solid #ffffff;
}
.searchCarname .inputTxt{
	display:block;
	width:100%;
	height:100%;
	padding-left:2.5%;
	font-size:1em;
	border:none;
}
.searchCarname button{
	display:block;
	width:130px;
	height:100%;
	padding:0;
	border:none;
	background-color:#45BC90;
	cursor:pointer;
	transition:all 0.5s ease;
}
.searchCarname button:hover{ 
	background: #24956b;
}
.searchCarname button span{
	display:inline-block;
	padding-left:32px;
	font-size:1.29em;
	line-height:50px;
	font-weight:700;
	letter-spacing:0.1em;
	color:#ffffff;
	background-image:url(/sevenmax/common/img/icon/icon_search.svg);
	background-repeat:no-repeat;
	background-position:left 0% top 50%;
}

#searchCarname.center {
	width:100%!important;
}
#searchCarname.center form{
	display:block;
	width:90%;
	max-width:490px;
	margin:0 auto 30px;
}

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

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

	.searchCarname {
		height:60px;
	}
	.searchCarname button span {
		line-height:60px;
	}
	#searchCarname.center form{
		margin-bottom:40px;
	}
}


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

	feature

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

.featureList {
	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;
}
.featureList > li{
	width:100%;
	margin:10px 0;
	padding:30px 0 20px;
	background:#ffffff;
	border:1px solid #45BC90;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.featureList .pointBox .subHeading{
	width:90%;
	margin:0 auto 25px;
	padding-left:75px;
	font-size:1.8rem;
	line-height:1.5;
	font-weight:700;
	position:relative;
}
.featureList .pointBox .subHeading .icon{
	width:60px;
	height:60px;
	padding-top:12px;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:600;
	color:#ffffff;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	border-radius:100%;
	background:#171717;
	position:absolute;
	top:-4px;
	left:0;
}
.featureList .pointBox .subHeading .icon .number{
	display:block;
	font-size:2.4rem;
	line-height:1;
	text-align:center;
}

.featureList .pointBox .boxTxt {
	width:85%;
	max-width:260px;
	margin:0 auto;
	font-size:2.0rem;
	font-weight:700;
	text-align: center;
	color:#45BC90;
	text-align:center;
	border:2px solid #45BC90;
}
.featureList .pointBox .priceBox {
	text-align: center;
	color:#45BC90;
	position:relative;
	z-index:2;
}
.featureList .pointBox .priceBox .priceTax {
	display: inline-block;
	vertical-align: top;
	font-size: 8.2rem;
	line-height:1;
	letter-spacing: -0.04em;
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
	vertical-align:top;
}
.featureList .pointBox .priceBox div {
	display: inline-block;
	padding-top:25px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
}
.featureList .pointBox .priceBox div .tax {
	margin-left:4px;
	font-size: 1.2rem;
	line-height: 1;
}
.featureList .pointBox .priceBox div .yen {
	font-size: 2.8rem;
	line-height: 1;
}

.featureList .pointBox .costList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:90%;
	margin:0 auto;
	background:#ffffff;
	border:1px solid #DEDEDE;
	border-radius:6px;
	overflow:hidden;
}
.featureList .pointBox .costList li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:33.33%;
	height:80px;
	margin:0;
	padding:0;
	background:#ffffff;
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	position: relative;
}
.featureList .pointBox .costList li:nth-child(3),
.featureList .pointBox .costList li:nth-child(6){
	border-right:none;
}
.featureList .pointBox .costList li:nth-child(4),
.featureList .pointBox .costList li:nth-child(5),
.featureList .pointBox .costList li:nth-child(6){
	border-bottom:none;
}
.featureList .pointBox .costList li p {
	width:100%;
	font-size: 1.5rem;
	line-height:1.5;
	font-weight:700;
	letter-spacing:0;
	color:#45BC90;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.featureList .pointBox .imageBox {
	width:90%;
	max-width:380px;
	margin:0 auto;
}


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

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

	.featureList .pointBox .subHeading{
		padding-left:66px;
		font-size:1.8rem;
	}
	.featureList .pointBox .subHeading .icon{
		width:54px;
		height:54px;
		padding-top:10px;
		font-size:1.1rem;
		top:-2px;
	}

}

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

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

	.featureList li{
		margin:10px 0;
	}
	.featureList .pointBox .subHeading{
		padding-left:80px;
		font-size:2.0rem;
	}
	.featureList .pointBox .subHeading .icon{
		width:64px;
		height:64px;
		padding-top:12px;
		font-size:1.2rem;
	}
	.featureList .pointBox .subHeading .icon{
		top:-18px;
	}

	.featureList .pointBox .boxTxt {
		max-width:320px;
		font-size:2.4rem;
	}
	.featureList .pointBox .priceBox .priceTax {
		font-size: 9.6rem;
		letter-spacing: -0.04em;
	}
	.featureList .pointBox .priceBox div {
		padding-top:20px;
	}
	.featureList .pointBox .priceBox div .tax {
		font-size: 1.6rem;
	}
	.featureList .pointBox .priceBox div .yen {
		font-size: 4.0rem;
	}

	.featureList .pointBox .costList li p {
		font-size: 1.8rem;
	}

}

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

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

	.featureList li{
		width:48%;
		margin:15px 0;
	}
	.featureList .pointBox .subHeading .icon{
		top:-5px;
	}
	
}

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

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

	.featureList li{
		width:48%;
		margin:18px 0;
	}
	.featureList .pointBox .subHeading{
		padding-left:87px;
		font-size:2.4rem;
	}
	.featureList .pointBox .subHeading .icon{
		width:72px;
		height:72px;
		padding-top:18px;
	}
	
}



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

	tascutter

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

#tascutter {
	max-width:980px;
	margin:0 auto;
	padding:30px 0;
}
#tascutter .logo_tascutter {
	width:90%;
	max-width:490px;
	margin:0 auto;
	padding:8px 0 20px;
}

#tascutter .hoshoBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	margin:0 0 10px;
	border-radius:10px;
	overflow:hidden;
}
#tascutter .hoshoBox .hoshoHead{
	background:#45BC90;
	position: relative;
}
#tascutter .hoshoBox .hoshoHead .inBox{
	width:80%;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#tascutter .hoshoBox .hoshoHead .inBox p{
}

#tascutter .hoshoBox .hoshoList {
	width:100%;
	padding:15px;
	background:#EDEDED;
}
#tascutter .hoshoBox .hoshoList .catchcopy {
	width:100%;
	max-width:350px;
	margin:0 auto 10px;
}
#tascutter .hoshoBox .hoshoList ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#tascutter .hoshoBox .hoshoList li {
	width:47.5%;
	border-radius:10px;
	overflow:hidden;
	background:#ffffff;
}
#tascutter .hoshoBox .hoshoList li figure {
	margin:0;
	padding:0;
}
#tascutter .hoshoBox .hoshoList li figure img{
	width:100%;
	height:auto;
	vertical-align: bottom;
}
#tascutter .hoshoBox .hoshoList li .price{
	padding:4px 10px;
	background:#45BC90;
	text-align:center;
}
#tascutter .hoshoBox .hoshoList li .price img{
	width:100%;
	max-width:120px;
	margin:0 auto;
	vertical-align: middle;
}
#tascutter .hoshoBox .hoshoList li .name{
	padding:8px 5px;
	font-size:1.6rem;
	line-height:2.8;
	text-align:center;
	font-weight:700;
}
#tascutter .hoshoBox .hoshoList li .name.l2{
	line-height:1.4;
}

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

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

	#tascutter .hoshoBox .hoshoHead{
		width:100%;
		height:80px;
	}
	#tascutter .hoshoBox .hoshoHead .inBox img{
		width:90%;
		max-width:360px;
		margin:0 auto;
	}

}

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

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

	#tascutter .hoshoBox .hoshoList li {
		margin-top:15px;
	}
	#tascutter .hoshoBox .hoshoList li:nth-child(1),
	#tascutter .hoshoBox .hoshoList li:nth-child(2) {
		margin-top:0;
	}

}

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

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

	#tascutter .hoshoBox .hoshoList {
		padding:22px;
	}
	#tascutter .hoshoBox .hoshoList li {
		width:23.5%;
	}

}

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

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

	#tascutter .hoshoBox .hoshoHead{
		width:27.5%;
	}
	#tascutter .hoshoBox .hoshoHead .inBox p{
		padding:5px 0;
		display:block;
	}
	#tascutter .hoshoBox .hoshoList {
		width:72.5%;
	}
}



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

	aboutCarlease

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

#aboutCarlease .txtBox,
#aboutCarlease .imgBox {
	width:100%;
}
#aboutCarlease .imgBox {
	margin-top:35px;
	text-align:center;
}
#aboutCarlease .imgBox img{
	width:100%;
	margin:0 auto;
}
#aboutCarlease .headLineF {
	display:inline-block;
	line-height:1.5;
	font-weight:700;
	vertical-align:middle;
	color:#45BC90;
	position:relative;
}
#aboutCarlease .headLineF::after {
	display: block;
	content: '';
	margin: auto 0;
	background:#45BC90;
	position:absolute;
	top: 0;
	bottom: 0;
	right: 0;
	transition:all 0.5s ease;
}
#aboutCarlease .catchcopy {
	margin:20px 0;
	font-size:2.2rem;
	line-height:1.6;
	font-weight:700;
}


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

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

	#aboutCarlease .imgBox img{
		max-width:375px;
	}
	#aboutCarlease .headLineF {
		padding-right:100px;
		font-size:2.8rem;
	}
	#aboutCarlease .headLineF::after {
		width: 80px;
		height: 4px;
	}

}

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

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

	#aboutCarlease .subHeading {
		padding-right:75px;
		font-size:2.6rem;
	}
	#aboutCarlease .headLineF::after {
		width: 60px;
		height: 4px;
	}
	#aboutCarlease .catchcopy {
		font-size:2.0rem;
	}
}

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

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

	#aboutCarlease .imgBox img{
		max-width:375px;
	}
	#aboutCarlease .headLineF {
		padding-right:100px;
		font-size:3.2rem;
	}
	#aboutCarlease .headLineF::after {
		width: 80px;
		height: 4px;
	}
}

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

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

	#aboutCarlease .txtBox,
	#aboutCarlease .imgBox {
		width:47.5%;
	}
	#aboutCarlease .imgBox {
		margin-top:0;
	}
	#aboutCarlease .headLineF {
		padding-right:60px;
		font-size:3.2rem;
	}
	#aboutCarlease .headLineF::after {
		width: 50px;
		height: 4px;
	}
	#aboutCarlease .catchcopy {
		margin:25px 0;
		font-size:2.2rem;
	}

}

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

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

	#aboutCarlease .headLineF {
		padding-right:100px;
		font-size:3.6rem;
	}
	#aboutCarlease .headLineF::after {
		width: 80px;
		height: 4px;
	}
	#aboutCarlease .catchcopy {
		font-size:2.4rem;
	}

}



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

	storeSearch

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

#storeSearch .inner {

}
#storeSearch .headLine {
	width:100%;
}
#storeSearch #map {
	width:100%;
	margin-top:10px;
	padding:10px;
	border-radius:10px;
	position:relative;
}
#storeSearch #map .logo {
	width:100px;
	text-align:center;
	position:absolute;
	top:15%;
	left:5%;
	z-index:2;
}
#storeSearch #map .logo span{
	display:block;
	font-size:1.3rem;
	line-height:1;
	letter-spacing:0.1em;
	color:#3C3C3C;
}

#storeSearch #map .areamap__item {
	display:block;
	width:13%;
	height:34px;
	border:2px solid #45BC90;
	border-radius:6px;
	overflow:hidden;
	position:absolute;
	z-index:2;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
}
#storeSearch #map .areamap__item a {
	display:block;
	width:100%;
	height:100%;
	font-size:1.2rem;
	line-height:30px;
	font-weight:700;
	letter-spacing:-0.05em;
	text-align:center;
	background:#ffffff;
	color:#171717;
	text-decoration:none;
}
#storeSearch #map .areamap__item a:hover {
	background:#78dbb6;
}

#storeSearch #map .areamap__item.hokkaido {
	width:16%;
	top:18%;
	right:22%;
}
#storeSearch #map .areamap__item.tohoku {
	top:45%;
	right:10%;
}
#storeSearch #map .areamap__item.hokuriku {
	width:23%;
	top:47.5%;
	right:40%;
}
#storeSearch #map .areamap__item.kanto {
	top:67.5%;
	right:15%;
}
#storeSearch #map .areamap__item.tokai {
	top:80%;
	right:30%;
}
#storeSearch #map .areamap__item.kinki {
	top:84%;
	right:47%;
}
#storeSearch #map .areamap__item.chugoku {
	top:58%;
	right:63%;
}
#storeSearch #map .areamap__item.shikoku {
	top:85%;
	right:65%;
}
#storeSearch #map .areamap__item.kyusyu {
	width:20%;
	top:62%;
	left:1%;
}

#storeSearch #search {
	padding:20px 0;
}
#storeSearch #search section {
	margin-top:25px;
	transition:all 0.5s ease;
}
#storeSearch #search .subHeading {
	font-size:;
}

#storeSearch .areaSelect select {
	width: 100%; 
	height: 44px; 
	padding: 0 60px 0 17px; 
	background: url(../img/icon_selecttag.svg) no-repeat center right #ffffff; 
	font-size: 1.4rem; 
	color: #666666;
	border: none;
	outline: none;
	letter-spacing: 0.05em; 
	appearance: none; 
}
#storeSearch .areaSelect {
	width:100%;
	border: 1px solid #45BC90;
	border-radius: 6px;
	overflow:hidden;
	position:relative;
}
#storeSearch .areaSelect::before {
	display: block;
	content: '';
	width:42px;
	height:100%;
	background:#45BC90;
	position:absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index:1;
	transition:all 0.5s ease;
}
#storeSearch .areaSelect:hover::before {
	background: #24956b;
}
#storeSearch .areaSelect::after{
	display: block;
	content: '';
	margin: auto 0;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	pointer-events: none;
	z-index:2;
}
#storeSearch .areaSelect select::-ms-expand{
	display: none;
}

#storeSearch .searchform {
	display:block;
	width: 100%; 
	height: 44px;
	border: 1px solid #45BC90;
	border-radius: 6px;
	overflow:hidden;
	position:relative;
}
#storeSearch .searchform .searchform__input{
	width: calc(100% - 70px); 
	height: 100%; 
	padding: 0 15px; 
	background: #ffffff; 
	font-size: 1.4rem; 
	outline: none; 
	border: none; 
	border-radius: 0; 
	box-shadow: none; 
	z-index: 1;
}
#storeSearch .searchform .searchform__button{
	width: 70px; 
	height: 100%; 
	padding: 0; 
	background: #45BC90; 
	font-size: 1.4rem; 
	font-weight: bold; 
	color: #FFFFFF; 
	border: none; 
	text-align:center;
	border-radius: 0; 
	cursor: pointer; 
	-webkit-appearance: none;
	z-index: 1;
	position:absolute;
	top:0;
	right:0;
	transition:all 0.5s ease;
}
#storeSearch .searchform .searchform__button:hover{ 
	background: #24956b;
}

#storeSearch .searchform .searchform__button span{
	display:inline-block;
	padding-left:25px;
	font-size:1.4rem;
	line-height:44px;
	font-weight:700;
	letter-spacing:0.1em;
	color:#ffffff;
	background-image:url(/sevenmax/common/img/icon/icon_search.svg);
	background-repeat:no-repeat;
	background-position:left 0% top 50%;
	background-size:20px auto;
}
#storeSearch .search__gps{
	display:block;
	width: 100%; 
	font-size:1em;
	line-height:44px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	background-color:#45BC90;
	border-radius: 6px;
	overflow:hidden;
	transition:all 0.5s ease;
}
#storeSearch .search__gps:hover{
	background: #24956b;
}


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

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

	#storeSearch #search {
		width:100%!important;
		max-width: 450px;
		margin:0 auto;
		padding:0;
		float:none!important;
	}
	#storeSearch #search section:first-child{
		margin-top:0;
	}

}

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

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

	#storeSearch #map .areamap__item a {
		font-size:1.1rem;
	}
	
}

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

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

	#storeSearch #map .areamap__item a {
		font-size:1.3rem;
	}
	#storeSearch #map .logo {
		width:125px;
	}
	
}

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

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

	#storeSearch .inner {
		overflow:hidden;
	}
	#storeSearch #search {
		width:30%!important;
		float:right;
	}
	#storeSearch #map {
		width:67.5%;
		padding:20px 40px;
		float:left;
	}
	#storeSearch #map .areamap__item a {
		font-size:1.5rem;
	}
	#storeSearch #map .logo {
		width:135px;
	}
	
	#storeSearch #search {
		width:30%;
		max-width:250px;
		float:right;
	}
	#storeSearch #search section {
		margin-top:25px;
	}
	#storeSearch #search section:first-child {
		margin-top:0px;
	}
	#storeSearch #search .headLine-ss {
		font-size:1.6rem;
	}

}

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

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

	#storeSearch #map .areamap__item a {
		font-size:1.6rem;
	}
	#storeSearch #search section {
		margin-top:35px;
	}
	#storeSearch #search .headLine-ss {
		font-size:1.8rem;
	}

}


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

	column

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

#column .inner {
	position:relative;
}
#column .magazineLogo {
	width:180px;
	height:32px;
	margin:25px auto 15px;
}
#column .columnList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:920px;
	margin:20px 0 5px;
	padding:0 20px;
}
#column .columnList li {
	width:31.33%;
	background:#ffffff;
	border-radius:8px;
	position:relative;
	overflow:hidden;
}
#column .columnList li .in{
	padding:20px 25px 100px;
}
#column .columnList li .columnimg{
	overflow:hidden;
}
#column .columnList li .columnimg img{
	vertical-align:bottom;
	transition: all 0.5s ease;
}
#column .columnList li .columnimg:hover img{
	transform: scale(1.1, 1.1);
	opacity:0.6;
}
#column .columnList li .category{
	font-size:1.4rem;
	color:#3C3C3C;
}
#column .columnList li .subHeading{
	padding:3px 0;
	font-size:1.8rem;
	line-height:1.6;
	font-weight:700;
}
#column .columnList li .subHeading a{
	padding:3px 0;
	color:#171717;
	text-decoration:none;
	transition: all 0.5s ease;
}
#column .columnList li .subHeading a:hover{
	opacity:0.6;
}

#column .columnList li .tag{
	font-size:1.2rem;
	line-height:1.8;
}
#column .columnList li .tag a{
	display:inline-block;
	margin-right:1em;
	text-decoration:none;
}
#column .columnList li .editor {
	padding:20px 25px 20px 80px;
	font-size:1.2rem;
	line-height:1.5;
	position:absolute;
	bottom:0;
	left:0;
}
#column .columnList li .editor figure{
	width:46px;
	height:46px;
	border-radius:100%;
	position:absolute;
	top:22px;
	left:25px;
}
#column .columnList li .editor .date{
	color:#626262;
}
#column .columnList li .editor .name{
	font-weight:700;
	color:##3C3C3C;
}

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

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

	#column .magazineLogo {
		width:220px;
		height:39px;
		margin:0;
		position:absolute;
		top:60px;
		right:5%;
	}
	#column .columnList {
		width:90%;
		max-width:1400px;
		margin:30px auto 20px;
		padding:0;
	}
	#column .columnList li .in{
		padding:25px 30px 100px;
	}
	#column .columnList li .editor {
		padding:25px 30px 25px 80px;
	}
}

.car_otoi a{
text-align: center;
padding: 2px;
font-size: 0.9rem ;

color: #000;
}
.car_otoi{
border:2px solid #000;
}

.cosmos {
    background-color: #797572;
    background-image: 
        linear-gradient(72deg, rgba(255,255,255,0.25) 25%, rgba(0,0,0,0.25) 40%),
        radial-gradient(47% 102%, rgba(255,255,255,0.30) 0%, rgba(21,24,32,0.20) 80%),
		url(/wp-content/themes/original-child/img/top/top4.jpg);
		;
    background-blend-mode: multiply;
	
  background-size: cover;
}

.hero_ptn{
	height: 18vh;

		display: grid;
		justify-items: center;
		align-items: center;
	  
	
}
@media screen and (max-width: 650px){
	.hero_ptn{
		height: 18vh;
	margin-top: 36px 	!important;
			display: grid;
			justify-items: center;
			align-items: center;
		  
		
	}	
    
}
.subttl_hero{
	font-size: 1.2rem;
	color: #DD0716;
	text-align: center;
}
.subttl_hero_wht{
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
}
.subttl_hero_red{
	font-size: 1.2rem;
	color: #DD0716;
	text-align: center;
}
.hero_ptn h3{
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
	padding-bottom: 10px;
}
.big_wht2{font-size: 3.2rem;
color: rgb(255, 255, 255);
line-height: 4rem;}

.hero_ttl{
	font-size:2.5rem;
	text-align: center;
	font-weight: 800;
	padding-bottom: 8px;
	line-height: 3.2rem;
	  }
	  .hero_ttl span{
		display: block;
		font-size: 1rem;
	  }
	.hero_ttl span:before {
			content: '';
			position: absolute;
		   
			display: inline-block;
			width: 30px;
			height: 5px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			background-color: #c50000;
			border-radius: 2px;
		  }
		  .wht{
			color: #F1f1f1;
		  }