@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/hypnosismic/hypnosismic.css
 * ------------------------------------------------------
 * - header
 * - layout
 * - footer
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
/* header
------------------------------------------------------ */
#header{
	padding: 0;
	border: none;
	background: #000000;
}
#headerLogo img{
	max-height: 50px;
}
#header #headerLogo{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

/* footer
------------------------------------------------------ */
#footer {
	margin-top: 150px;
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	background: #000000;
	border-top: none;
}
#copyright {
	text-align: center;
}

/* layout
------------------------------------------------------ */
body{
	font-size: 16px;
	font-size: 1.6rem;
	background: url("/gecard/hypnosismic/img-files/hpmi_bg04.jpg") repeat-y left 0 top 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#mainContainer{
	margin-top: 0!important;
}
#mainContents {
	width: 100%;
	margin: 0 auto;
}
.contentsWrap{
	position: relative;
	width: 1140px;
	margin: 0 auto;
	padding: 0;
	color: #000000;
	z-index: 1;
}
a:hover,
a:visited,
a:link{
	color: #fff;
	text-decoration: none;
}
.underline,
.underline:link{
	text-decoration: underline;
}
a.underline:hover, 
a.underline :visited {
	text-decoration: none;
}

.hpmi-inline{display: inline-block!important;}
.hpmi-txtY{color: #f0ff00;}
.hpmi-txtR{color: #ff0000;}
a.hpmi-linkColor01{color: #003399;}

.txt-sizeXS{font-size: 11px!important; font-size: 1.1rem!important;}
.txt-sizeS{font-size: 12px!important; font-size: 1.2rem!important;}
.txt-sizeM{font-size: 14px!important; font-size: 1.4rem!important;}
.txt-sizeL{font-size: 15px!important; font-size: 1.5rem!important;}
.txt-sizeLL{font-size: 17px!important; font-size: 1.7rem!important;}
.txt-size3L{font-size: 18px!important; font-size: 1.8rem!important;}
.txt-size4L{font-size: 19px!important; font-size: 1.9rem!important;}
.txt-sizeXL{font-size: 20px!important; font-size: 2.0rem!important;}
.txt-size6L{font-size: 21px!important; font-size: 2.1rem!important;}
.txt-size7L{font-size: 24px!important; font-size: 2.4rem!important;}
.txt-size8L{font-size: 26px!important; font-size: 2.6rem!important;}
.txt-size10L{font-size: 28px!important; font-size: 2.8rem!important;}

/* module
------------------------------------------------------ */
/* 事前募集 */
.title_txtContent .title_zizen{
	margin-top: 5px;
}
.hpmi-tabContent .txtNote_zizen{
	margin-top: 20px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
/* mainVisual */
.mainVisual {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	background-image: url("");
}
.mainVisual .mainVisual_ContentWrap {
}
.mainVisual .mainVisual_ContentInner {
	width: 100%;
	height: 878px;
	margin: 0 auto;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_im01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/* title_txtContent */
.title_txtContent {
	margin-top: -174px;
	margin-bottom: 68px;
}
.title_txtContent .title_txt{
	padding-top: 15px;
	padding-bottom: 16px;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_bg03.png);
	background-repeat: repeat-x;
	text-align: center;
	background-size: auto 100%;
	font-size: 15px;
	font-size: 1.5rem;
}
/* news */
.op-news{
	display: block;
	position: relative;
	padding: 10px 0 36px;
	background: linear-gradient(rgba(245,244,244,0.95) 0%, rgba(245,244,244,1) 100%);
}
.newsBox {
	width: 1140px;
	margin: 0 auto 0;
	height: 124px;
	overflow-y: hidden;
	color: #222222;
}
.newsBox .newsHdg{
	padding-bottom: 6px;
	border-bottom: 2px solid #d4b05a;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #d4b05a;
	line-height: 1.0;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	height: 92px;
	padding-top: 5px;
}
.newsBox .contentbox {
	padding-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 15px;
}
.newsBox .contentbox li .date {
	display: table-cell;
	width: 116px;
}
.newsBox .contentbox li .txt {
	display: table-cell;
}
.newsBox .contentbox li a .txt{
	padding-left: 5px;
	color: #fff;
	text-decoration: underline;
}
.newsBox .contentbox li a:visited .txt,
.newsBox .contentbox li a:hover .txt{
	color: #fff;
	text-decoration: none;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 10px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 8px 0;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 10px;
	background-color: inherit;
	padding: 0;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 10px;
	background-color: #808080;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	width: 10px;
	margin: 3px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #808080;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
	width: 10px;
	height:8px;
	opacity: 1;
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 8px solid #808080;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
	width: 0;
	height: 0;
	border-top: 8px solid #808080;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}
/* tab */
@media all and (min-width: 751px) {
.hpmi-tabWrap01 {
	margin-top: 50px;
}
.hpmi-spToggleTrg {
	display: none;
}
.hpmi-tabList > li {
	position: relative;
	width: 220px;
	margin-right: 10px;
	float: left;
}
.hpmi-tabList > li:last-child {
	margin-right: 0;
}
.hpmi-tabList > li a {
	display: block;
	width: 100%;
	height: 220px;
	background-repeat: no-repeat;
	background-position: top 11px left 0;
	background-size: 100% auto;
	text-indent: -9999px;
	outline: none;
}
.hpmi-tabList > li.tab01.active a ,
.hpmi-tabList > li.tab02.active a ,
.hpmi-tabList > li.tab03.active a,
.hpmi-tabList > li.tab04.active a,
.hpmi-tabList > li.tab05.active a {background-position: bottom -2px left;}
.hpmi-tabList > li a:hover {opacity: 0.7;}
.hpmi-tabList > li.active a:hover {opacity: 1;}
.hpmi-tabList > li.tab01 a { background-image: url(/gecard/hypnosismic/img-files/hpmi_tab01.png); }
.hpmi-tabList > li.tab02 a { background-image: url(/gecard/hypnosismic/img-files/hpmi_tab02.png); }
.hpmi-tabList > li.tab03 a { background-image: url(/gecard/hypnosismic/img-files/hpmi_tab03.png); }
.hpmi-tabList > li.tab04 a { background-image: url(/gecard/hypnosismic/img-files/hpmi_tab04.png); }
.hpmi-tabList > li.tab05 a { background-image: url(/gecard/hypnosismic/img-files/hpmi_tab05.png); }
.hpmi-tabList > li.tab05 a::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	width: 44px;
	height: 15px;
	margin: auto;
	background: url("/gecard/hypnosismic/img-files/hpmi_tx14.png") no-repeat 0 0 / contain;
}
.hpmi-tabList > li.tab05.active a::before {
	top: -20px;
}
.hpmi-tabContent {
	position: relative;
	display: none;
	margin-top: 47px;
	padding-bottom: 80px;
	border-bottom: 2px solid #000000;
}
.hpmi-tabContent.active {
	display: block;
}
.hpmi-tabContent.active:after {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 18px;
	top: -18px;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_ic01.png);
	}
.hpmi-tabContent.tab01.active:after { left: 85px; }
.hpmi-tabContent.tab02.active:after { left: 315px; }
.hpmi-tabContent.tab03.active:after { left: 545px; }
.hpmi-tabContent.tab04.active:after { left: 775px; }
.hpmi-tabContent.tab05.active:after { left: 1005px; }
.hpmi-tabContent .hpmi-tabContentInner::before,
.hpmi-tabContent .hpmi-tabContentInner::after{
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	top: -2px;
	border-top: 2px solid #000000;
	}
.hpmi-tabContent .hpmi-tabContentInner::before{
	width: 155px;
	left: 0;
	}
.hpmi-tabContent .hpmi-tabContentInner::after{
	width: 950px;
	right: 0;
	}
.hpmi-tabContent.tab01.active .hpmi-tabContentInner:before { width: 85px; }
.hpmi-tabContent.tab02.active .hpmi-tabContentInner:before { width: 315px; }
.hpmi-tabContent.tab03.active .hpmi-tabContentInner:before { width: 545px; }
.hpmi-tabContent.tab04.active .hpmi-tabContentInner:before { width: 775px; }
.hpmi-tabContent.tab05.active .hpmi-tabContentInner:before { width: 1005px; }
.hpmi-tabContent.tab01.active .hpmi-tabContentInner:after { width: 1005px; }
.hpmi-tabContent.tab02.active .hpmi-tabContentInner:after { width: 775px; }
.hpmi-tabContent.tab03.active .hpmi-tabContentInner:after { width: 550px; }
.hpmi-tabContent.tab04.active .hpmi-tabContentInner:after { width: 315px; }
.hpmi-tabContent.tab05.active .hpmi-tabContentInner:after { width: 85px; }

.hpmi-cardText {
	text-align: center;
	font-size: 3rem;
	color: #ff0000;
	font-weight: bold;
}
.hpmi-tabContent .hpmi-tabHdg {
	display: table;
	width: 100%;
	height: 146px;
	}
.hpmi-tabContent .hpmi-tabHdg p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabMain {
	width: 100%;
	height: 530px;
	padding: 0;
	text-align: center;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_bg05.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabMain figure{
	padding-top: 65px;
}
.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabTxt-zizen{
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #000000;
	}
}
/* applyBtn */
.applyBtn .hpmi-btn01{
	text-align: center;
}
.applyBtn .hpmi-btn01 a{
	position: relative;
	display: inline-block;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_bg07.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 20;
}
.applyBtn .hpmi-btn01 a:hover::after{
	position: absolute;
	content: "";
	width: 750px;
	height: 99px;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 30px 0 #f0ff00;
	-webkit-box-shadow: 0px 0px 30px 0 #f0ff00;
	-moz-box-shadow: 0px 0px 30px 0 #f0ff00;
}
/* privilegeContents */
.privilegeContents {
	margin-top: 27px;
}
.privilegeContents + .privilegeContents {
	margin-top: 65px;
}
.privilegeContents .hpmi-privilegeHdg{
	text-align: center;
}
.privilegeContents .privilegeTxt-lead{
	margin-top: 35px;
	text-align: center;
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.3;
}
.privilegeContents .privilegeBnrTxt{
	margin-top: 55px;
	font-size: 20px;
	font-size: 2.0rem;
}
.privilegeContents .privilegeBnr{
	margin-top: 20px;
}
.privilegeContents .privilegeBnr a:hover{
	opacity: 0.7;
}
/* hpmi-figureCol */
.hpmi-figureCol.figureCol{
	margin-top: 56px;
}
.hpmi-figureCol.figureCol > .imgL{
	margin-right: 55px;
}
.hpmi-figureCol.figureCol > .txt{
	padding-top: 3px;
}
.hpmi-nfsTxt{
	margin: 30px 0 25px;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold ;
	color: #ff0000;
}
/* bgBox01 */
.bgBox01 {
	margin: 70px auto 0;
	padding: 27px 18px 37px;
	background: rgba(0,0,0,0.5);
	border: 1px solid #d4b05a ;
	color: #fff;
}
.bgBox01 + .bgBox01{
	margin-top: 15px;
}
.bgBox01 .bgBoxHdg {
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.bgBox01 .noteList01,
.bgBox01 .noteList01 li + li{
	margin-top: 0;
}
.bgBox01 .noteList01{
	padding: 0 34px;
}
.bgBox01 .exd-card{
	margin: 23px 0 30px;
}
.bgBox01 .contact{
	margin-top: 40px;
	padding-top: 23px;
	background-image: url("/gecard/hypnosismic/img-files/hpmi_ic03.png");
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}
.hpmi-txtNoteWrap{
	margin-top: 18px;
	text-align: center;
}
.hpmi-txtNoteWrap p + p {
	margin-top: 5px;
}
/* hpmi-section01 */
.hpmi-section{
	margin-top: 105px;
}
.hpmi-section + .hpmi-section{
	margin-top: 140px;
}
.hpmi-section + .hpmi-section + .hpmi-section{
	margin-top: 130px;
}
.hpmi-section .hpmi-hdg02{
	text-align: center;
}

/* btnList01 */
.hpmi-btnColLayout .btnLink01 a{
	display: table;
	width: 555px;
	padding: 0;
	border-bottom: 3px solid #636363;
	background-image: url(/gecard/hypnosismic/img-files/hpmi_bg06.jpg);
	background-size: 100% 100%;
	background-color: #000;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	font-size: 28px;
	font-size: 2.8rem;
}
.hpmi-btnColLayout .btnLink01 a span.inner{
	height: 90px;
	display: table-cell;
	vertical-align: middle;
}
.hpmi-btnColLayout .btnLink01 a:hover{
	padding: 0;
	margin-top: 3px;
	border-bottom: none;
}
.hpmi-btnColLayout .btnLink01 a:after{
	width: 34px;
	height: 34px;
	right: 22px;
	margin-top: -17px;
	background-image: url("/gecard/hypnosismic/img-files/hpmi_ic02.png");
	background-size: 100% 100%;
}
/* flow
------------------------------------------------------ */
.hpmi-flow {
	margin-top: 30px;
}
.hpmi-flow > li {
	float: left;
	width: 280px;
	min-height: 270px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
}
.hpmi-flow > li + li {
	margin-left: 5px;
}
.hpmi-flow > li.list01 {
	background-image: url(/gecard/hypnosismic/img-files/hpmi_tx06.png);
}
.hpmi-flow > li.list02 {
	background-image: url(/gecard/hypnosismic/img-files/hpmi_tx07.png);
}
.hpmi-flow > li.list03 {
	background-image: url(/gecard/hypnosismic/img-files/hpmi_tx08.png);
}
.hpmi-flow > li.list04 {
	background-image: url(/gecard/hypnosismic/img-files/hpmi_tx09.png);
}
.hpmi-flow > li a {
	color: #ffffff;
	text-decoration: underline;
}
.hpmi-flow > li a:hover {
	text-decoration: none;
}
.hpmi-flow > li .num {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 42px;
}
.hpmi-flow .hpmi-flowDesc dd {
	padding-top: 137px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-shadow: -1px -1px 1px #000000,
		-1px 1px 1px #000000,
		1px -1px 1px #000000,
		1px 1px 1px #000000;
}
/* bgBox01_type-Membership */
.bgBox01.type-Membership {
	margin: 80px auto 0;
	padding: 28px 60px 65px;
}
.bgBox01.type-Membership .bgBoxHdg {
	margin-bottom: 20px;
}
.bgBox01.type-Membership .hpmi-list01 {
	margin-top: 25px;
}
.bgBox01.type-Membership .hpmi-list01 > li {
	position: relative;
	padding-left: 1em;
}
.bgBox01.type-Membership .hpmi-list01 > li:before {
	position: absolute;
	content: "";
	top: 0.6em;
	left: 8px;
	width: 3px;
	height: 3px;
	background: #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.bgBox01.type-Membership .noteList01 {
	margin-top: 28px;
}
.bgBox01.type-Membership .noteList01 > li + li {
	margin-top: 8px;
}
/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #FFC600; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:10px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #333;
}

.acbox label:hover{
  background: #ffe380; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
display: block;
position: absolute;
content: "";
right: 16px;
top: 13px;
width: 8px;
height: 8px;
border-bottom: 3px solid #2d2d2d;
border-right: 3px solid #2d2d2d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
}

.acbox input:checked ‾ div{
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: rgba(0,0,0,0.5); /* 開いた部分の背景色 */
  opacity: 1;
  border: 1px solid #d4b05a;
}

.acbox input:checked ‾ label {
  background: #FFC600; /* クリック後のラベルの背景色 */
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #fff; /* 開いた部分の文字色 */
}

/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	/* header
	------------------------------------------------------ */
	#headerLogo img{
		max-height: 30px;
	}
	#header #headerLogo {
		width: 190px;
		height: 35px;
		margin: 0;
		padding: 2px 0 0 0;
		background: none;
		text-align: left;
	}
	/* layout
	------------------------------------------------------ */
	body{
		width: 100%;
		max-width: 750px;
		font-size: 13px;
		font-size: 1.3rem;
		background: url("/gecard/hypnosismic/img-files/sp_hpmi_bg04.jpg") repeat-y left 0 top 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#mainContainer{
		margin-top: 0!important;
	}
	#mainContents {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.contentsWrap{
		position: relative;
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
		z-index: 1;
	}
	a:hover,
	a:visited,
	a:link{
		color: #fff;
		text-decoration: none;
	}
	
	a.hpmi-linkColor01{color: #003399;}
	
	.sp_txt-sizeXS{font-size: 11px!important; font-size: 1.1rem!important;}
	.sp_txt-sizeS{font-size: 12px!important; font-size: 1.2rem!important;}
	.sp_txt-sizeM{font-size: 14px!important; font-size: 1.4rem!important;}
	.sp_txt-sizeSL{font-size: 15px!important; font-size: 1.5rem!important;}
	.sp_txt-sizeL{font-size: 16px!important; font-size: 1.6rem!important;}
	.sp_txt-sizeLL{font-size: 17px!important; font-size: 1.7rem!important;}
	.sp_txt-size3L{font-size: 18px!important; font-size: 1.8rem!important;}
	.sp_txt-size4L{font-size: 19px!important; font-size: 1.9rem!important;}
	.sp_txt-sizeXL{font-size: 20px!important; font-size: 2.0rem!important;}
	.sp_txt-size6L{font-size: 21px!important; font-size: 2.1rem!important;}
	.sp_txt-size7L{font-size: 24px!important; font-size: 2.4rem!important;}
	.sp_txt-size8L{font-size: 26px!important; font-size: 2.6rem!important;}
	.sp_txt-size10L{font-size: 28px!important; font-size: 2.8rem!important;}
	
	/* footer
	------------------------------------------------------ */
	#footer {
		margin-top: 40px;
		padding: 8px 0;
		font-size: 8px;
		font-size: 0.8rem;
	}
	#copyright {
		font-size: 8px;
		font-size: 0.8rem;
	}

	/* module
	------------------------------------------------------ */
	/* 事前募集 */
	.title_txtContent .title_zizen{
		margin: 0 auto;
	}
	.title_txtContent .title_zizen img{
		margin: 0 auto;
		max-height: 24px;
	}
	.hpmi-tabContent .txtNote_zizen{
		margin-top: 20px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	/* mainVisual */
	.mainVisual {
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
		background-image: none;
	}
	.mainVisual .mainVisual_ContentWrap {
		background: none;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% 100%;
	}
	.mainVisual .mainVisual_ContentInner {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: none;
	}
	/* title_txtContent */
	.title_txtContent {
		margin: 0 0 17px;
		background: #ffffff;
	}
	.title_txtContent .title_txt{
		padding-top: 0;
		padding-bottom: 10px;
		background: none;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	/* news */
	.op-news{
		display: block;
		position: relative;
		padding: 0 10px;
		background: none;
	}
	.newsBox{
		width: auto;
		height: 100px;
	}
	.newsBox .newsHdg{
		padding-bottom: 7px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.newsBox .content {
		padding: 4px 0;
		height: 76px;
	}
	.newsBox .contentbox {
		padding: 4px 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.newsBox .contentbox li {
		margin: 0;
	}
	.newsBox .contentbox li + li {
		margin-top: 30px;
	}
	.newsBox .contentbox li .date {
		width: 80px;
		padding-left: 0;
	}
	.newsBox .contentbox li a .txt,
	.newsBox .contentbox li .txt {
		display: table-cell;
		padding: 0 30px 0 15px;
	}
	.newsBox .mCSB_inside > .mCSB_container{
		margin-right: 0;
	}
	.mCSB_scrollTools a+.mCSB_draggerContainer{
		margin: 8px 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools{
		width: 9px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
		width: 9px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger{
		min-height: 9px !important;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
		width: 9px;
		margin: 3px 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
		width: 9px;
		height:11px;
	}
	 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
		border-bottom-width: 6px;
		border-right-width: 4.5px;
		border-left-width: 4.5px;
		position:absolute;
		top: 0;
		left: 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
		border-top-width: 6px;
		border-right-width: 4.5px;
		border-left-width: 4.5px;
		position:absolute;
		bottom: 0;
		left: 0;
	}
	/* tab */
	.hpmi-tabList{
		display: none;
	}
	.hpmi-tabWrap01 .hpmi-tabContent {
		position: relative;
		display: block;
		margin-top: 0;
		padding-top: 50px;
		padding-bottom: 33px;
		border-bottom: 1px solid #000000;
	}
	.hpmi-tabWrap01 .hpmi-tabContent:first-of-type {
		padding-top: 10px;
	}
	.hpmi-tabContent:after ,
	.hpmi-tabContent .hpmi-tabContentInner::before,
	.hpmi-tabContent .hpmi-tabContentInner::after{
		content: none;
		}
	.hpmi-cardText {
		text-align: center;
		font-size: 1.6rem;
		color: #ff0000;
		font-weight: bold;
	}
	.hpmi-tabContent .hpmi-tabHdg {
		display: block;
		width: 100%;
		height: auto;
		}
	.hpmi-tabContent .hpmi-tabHdg p{
		display: block;
		vertical-align: baseline;
		text-align: center;
		}
	.hpmi-tabContent .hpmi-tabHdg .new{
		margin-bottom: 20px;
		text-align: center;
		}
	.hpmi-tabContent .hpmi-tabHdg .new img{
		max-width: 50px;
		width: 100%;
		margin: 0 auto;
		}
	.hpmi-tabContent .hpmi-tabHdg p img{
		max-width: 340px;
		width: 100%;
		margin: 0 auto;
		}
	.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabMain {
		width: 100%;
		height: auto;
		margin-top: 8px;
		background-image: url(/gecard/hypnosismic/img-files/sp_hpmi_bg05.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto 100%;
		text-align: center;
	}
	.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabMain figure{
		padding: 30px 0 41px 0;
	}
	.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabMain figure img{
		max-width: 262px;
		margin: 0 auto;
	}
	.hpmi-tabContent .hpmi-tabContentInner .hpmi-tabTxt-zizen{
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #000000;
		}
	/* applyBtn */
	.applyBtn .hpmi-btn01 a{
		position: relative;
		display: inline-block;
		background-image: url(/gecard/hypnosismic/img-files/sp_hpmi_bg07.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto;
		z-index: 20;
	}
	.applyBtn .hpmi-btn01 a img{
		max-height: 52px;
		margin: 0 auto;
	}
	.applyBtn .hpmi-btn01 a:hover::after{
		content: none;
	}
	/* privilege */
	.privilegeContents{
		margin-top: 40px;
	}
	.privilegeContents + .privilegeContents{
		margin-top: 10px;
	}
	.hpmi-privilegeHdg img {
		display: block;
		max-width: 340px;
		width: 100%;
		margin: 0 auto;
	}
	.privilegeContents .privilegeTxt-lead{
		margin-top: 20px;
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.2;
	}
	.privilegeContents .privilegeBnrTxt{
		margin-top: 36px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.privilegeContents .privilegeBnr{
		margin-top: 15px;
	}
	.privilegeContents .privilegeBnr img{
		max-height: 55px;
		width: 100%;
	}
	/* hpmi-figureCol */
	.hpmi-figureCol.figureCol{
		margin-top: 23px;
	}
	.hpmi-figureCol.figureCol > .imgL{
		margin: 0 auto;
		padding: 0 20px;
	}
	.hpmi-figureCol.figureCol > .imgL img{
		display: block;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.hpmi-figureCol.figureCol > .txt{
		margin-top: 26px;
		padding-top: 0;
	}
	.hpmi-nfsTxt{
		margin: 10px 0 18px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	/* bgBox01 */
	.bgBox01 {
		margin: 45px auto 0;
		padding: 15px 10px 20px;
		-webkit-border-radius: 2px;
			 -moz-border-radius: 2px;
						border-radius: 2px;
	}
	.bgBox01 .bgBoxHdg {
		margin-bottom: 0;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.bgBox01 .noteList01 {
		margin-top: 10px;
		padding: 0;
	}
	.bgBox01 .noteList01 li + li{
		margin-top: 0;
	}
	.bgBox01 .exd-card{
		margin: 20px 0 35px;
	}
	.bgBox01 .exd-card img{
		max-width: 304px;
		width: 100%;
	}
	.hpmi-txtNoteWrap {
		margin-top: 13px;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: left;
	}
	.bgBox01 .contact{
		padding-top: 20px;
		margin-top: 20px;
		background-size: 10px auto;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.hpmi-txtNoteWrap p + p {
		margin-top: 0;
	}
	/* hpmi-section */
	.hpmi-section{
		margin-top: 25px;
	}
	.hpmi-section + .hpmi-section{
		margin-top: 60px;
	}
	.hpmi-section + .hpmi-section + .hpmi-section{
		margin-top: 40px;
	}
	.hpmi-section .hpmi-hdg02 img{
		max-width: 340px;
		width: 100%;
		margin: 0 auto;
	}
	/* btnList01 */
	.hpmi-btnColLayout.colLayout.col2 {
		margin-top: 5px;
	}
	.hpmi-btnColLayout.colLayout.col2 > .col{
		width: 100%;
		margin: 0;
	}
	.hpmi-btnColLayout.colLayout.col2 > .col + .col{
		margin-top: 10px;
	}
	.hpmi-btnColLayout .btnLink01 a{
		display: block;
		width: 100%;
		padding: 0;
		background-image: url(/gecard/hypnosismic/img-files/sp_hpmi_bg06.png);
		border-bottom: none;
		font-size: 17px;
		font-size: 1.7rem;
	}
	.hpmi-btnColLayout .btnLink01 a span.inner{
		height: auto;
		display: block;
		vertical-align: baseline;
		padding: 19px 0;
	}
	.hpmi-btnColLayout .btnLink01 a:hover{
		padding: 0;
		margin-top: 0;
		border-bottom: none;
	}
	.hpmi-btnColLayout .btnLink01 a:after{
		width: 21px;
		height: 21px;
		right: 14px;
		margin-top: -10px;
	}
	/* Flow
	------------------------------------------------------ */
	.hpmi--inner01 {
		margin-top: 10px;
	}
	.hpmi-flow{
		margin-top: 18px;
	}
	.hpmi--inner01 .hpmi-flow {
		margin-top: 0;
		margin-bottom: 15px;
		padding: 0 5px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.hpmi-flow > li {
		position: relative;
		float: none;
		width: 100%;
		min-height: inherit;
		padding-top: 0;
		background: none !important;
		color: #000000;
	}
	.hpmi-flow > li + li {
		margin: 20px 0 0;
	}
	.hpmi-flow > li:first-child{
		margin: 0;
	}
	.hpmi-flow > li + li:after {
		position: absolute;
		content: "";
		width: 17px;
		height: 9px;
		top: -15px;
		right: 50%;
		margin-right: -8px;
		background: url(/gecard/hypnosismic/img-files/hpmi_ic04.png) 0 0 no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.hpmi-flow > li .num {
		display: none;
	}
	.hpmi-flow > li a{
		color: #000000;
	}
	.hpmi-flow > li a:hover{
		text-decoration: none;
	}
	.hpmi-flow .hpmi-flowDesc {
		display: table;
		width: 100%;
		height: 76px;
		margin-top: 0;
	}
	.hpmi-flow .hpmi-flowDesc dt {
		display: table-cell !important;
		width: 98px;
		height: auto;
		padding: 0;
		background-size: 100px auto !important;
		background-repeat: no-repeat;
		background-position: 0 50%;
		vertical-align: middle;
	}
.hpmi-flow .hpmi-flowDesc dt span {
	display: inline;
	}
.hpmi-flow .hpmi-flowDesc dd {
	display: table-cell;
	width: auto;
	padding: 0 0 0 5px;
	vertical-align: middle;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
	z-index: -1;
	line-height: 1.7;
	text-shadow: -1px -1px 1px #ffffff,
		-1px 1px 1px #ffffff,
		1px -1px 1px #ffffff,
		1px 1px 1px #ffffff;
	}
	/* .bgBox01.type-Membership */
	.bgBox01.type-Membership .hpmi-list01 > li::before {
		left: 6px;
	}
	.bgBox01.type-Membership .bgBoxHdg{
		margin-bottom: 8px;
	}
	.bgBox01.type-Membership{
		margin: 14px 0 0;
		padding: 17px 10px 20px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.bgBox01.type-Membership .hpmi-list01 {
		margin-top: 0.5em;
	}
	.bgBox01.type-Membership .noteList01 {
		margin-top: 10px;
		padding: 0;
	}
	/* .prepaidContents */
	.prepaidContents{
		margin-top: 20px;
	}
	.prepaidContents figure img{
		width: 100%;
		max-width: 490px;
		margin: 0 auto;
	}
	.prepaidContents .prepaidContentsTxt-Zizen{
		margin-top: 15px!important;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.prepaidContents .txtAppeal {
		margin-top: 25px;
		margin-bottom: 8px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.5;
}
	.prepaidContents .txtAppeal02{
		margin-top: 14px;
		font-size: 20px;
		font-size: 2.0rem;
	}
	/* .section03 */
	.hpmi-section .section03{
		margin-top: 25px!important;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.hpmi-section .section03 + .section03{
		margin-top: 40px!important;
	}
	.hpmi-section .section03 h3{
		margin: 0 60px;
	}
	.hpmi-section .section03.typeB h3{
		margin: 0 50px;
	}
	.hpmi-section .section03.typeB{
		margin-top: 40px!important;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
	}
	.hpmi-section .section03.typeB .txtVisa{
		margin-bottom: 0;
		margin-top: 8px;
		font-weight: bold;
	}
	.hpmi-section .section03 .txtConfiguration{
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 9px;
	}
	.hpmi-section .section03 .hpmi-noteBox01 {
		width: 100%;
		text-align: left;
		margin: 20px auto 0;
		padding: 0 5px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.hpmi-section .section03 .btnList01 {
		margin-top: 10px;
		padding: 0 10px;
	}
	.hpmi-section .section03 .btnList01 a {
		display: inline-block;
		width: 100%;
		padding: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}
	.hpmi-section .section03 .btnList01 a span.inner {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 15px 0;
		border-bottom: solid 2px #3e2868;
		background-size: 100% auto;
	}
	.hpmi-section .section03 .btnList01 a:hover span.inner {
		margin-top: 0;
		border-bottom: solid 2px #3e2868;
	}
	.hpmi-section .section03 .btnList01 a span.hpmi-btnTxtS {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.hpmi-section .section03 .btnList01 a span.inner:after {
		height: 21px;
		width: 24px;
		margin-top: -10px;
		right: 11px;
		background-size: 100% 100%;
	}

	/* .section03 */
	.bnrArea {
		margin: 35px 25px 0;
	}
	.bnrArea img{
		width: calc((100% - 12px)/2);
	}
	.bnrArea p a + a {
		margin-left: 0;
	}	
	.acbox label:after{
	top: 41%;
	}
/* Cleafix
------------------------------------------------------ */
.mainVisual_txtContent:after{
	display: block;
	clear: both;
	content: "";
}
}

/* Cleafix
------------------------------------------------------ */
.hpmi-contentsWrap:after,
.hpmi-tabList:after,
.hpmi-flow:after {
	display: block;
	clear: both;
	content: "";
}