@charset "shift_jis";
/* link */

/*content wrap*/
body {
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#pageContainer {
	overflow-x: hidden;
	color: #000000;
}

@media print, screen and (min-width: 751px) {
/*--------------------------------
	 * header
	--------------------------------*/
	#header {
		width: 100%;
		height: 94px;
		padding: 0;
		background-color: #ffffff;
		border: none;
	}
	#header #headerContents {
		width: 1200px;
		padding: 25px 150px;
	}
	#header .eptogether-header-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.eptogether-header-button > ul > li > a {
		display: block;
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-header-button > ul > li > a:hover {
		opacity: 0.7;
	}
	
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 0;
		border-top: none;
		padding: 20px 0;
		text-align: center;
		font-size: 1.4rem;
	}
	

	/*--------------------------------
	 * contents
	--------------------------------*/
	/* ---- mainVisual ---- */
	.eptogether-mainVisual {
		margin-top: 120px;
		width: 100%;
		text-align: center
	}
	.eptogether-mainVisual .eptogether-mainVisualText {
		margin-top: 50px;
		font-size: 2.2rem;
	}

	/* ---- heading ---- */
	.eptogether-heading2-01-title {
		font-size: 4rem;
	}
	.eptogether-heading2-02 {
		margin-top: 80px;
	}
	.eptogether-heading2-02-inner {
		width: 800px;
		height: 113px;
		padding: 14px 0;
		margin: 0 auto;
		background: url("/designcard/eptogether/img/index_bg01.png") no-repeat;
	}
	.eptogether-heading2-02-title {
		text-align: center;
		font-size: 4rem;
		font-weight: bold;
	}
	.eptogether-heading2-03 {
		margin-top: 100px;
		text-align: center;
	}
	.eptogether-heading2-03-title {
		display: inline-block;
		position: relative;
		font-size: 4rem;
		color: #191919;
	}
	.eptogether-heading2-03-title::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #006fb7, #ffdc00);
	}
	.eptogether-heading2-04-inner {
		text-align: center;
	}
	.eptogether-heading2-04-title {
		font-size: 4rem;
		color: #000;
	}
	.eptogether-heading3-01 {
		margin-top: 50px;
	}
	.eptogether-heading3-01-inner {
		text-align: center;
	}
	.eptogether-heading3-01-title {
		display: inline-block;
		position: relative;
		font-size: 3.6rem;
	}
	.eptogether-heading3-01-title::before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 3px;
		background-color: #191919;
	}
	.eptogether-heading3-02-title {
		display: inline-block;
		position: relative;
		font-size: 3rem;
		color: #191919;
	}
	.eptogether-heading3-02-title::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #006fb7, #ffdc00);
	}
	.eptogether-heading4 {
		width: 350px;
		margin: 0 auto;
		background-color: #005296;
		border-radius: 18px;
	}
	.eptogether-heading4-inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.eptogether-heading4-title {
		text-align: center;
		font-size: 2.2rem;
		color: #fff;
		font-weight: bold;
	}

	/* ---- media ---- */
	.eptogether-media {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: fit-content;
		margin: 65px auto 0;
	}
	.eptogether-media .eptogether-media-head {
		margin-right: 20px;
	}
	.eptogether-media .eptogether-media-body >:first-child {
		margin-top: 0!important;
	}
	.eptogether-media-text {
		margin-top: 40px;
		font-size: 2rem;
	}
	.eptogether-media02 {
		display: flex;
		flex-flow: row-reverse;
		margin-top: 80px;
	}
	.eptogether-media02-head {
		flex-shrink: 0;
		margin-left: 40px;
	}
	.eptogether-media02-frame figcaption {
		margin-top: 5px;
		font-size: 1.2rem;
		text-align: right;
	}

	/* ---- text ---- */
	.eptogether-text {
		margin-top: 35px;
		font-size: 2rem;
		line-height: 2;
	}
	.eptogether-text + .eptogether-text {
		margin-top: 5px;
	}
	.eptogether-lead {
		font-size: 2.6rem;
		line-height: 1.4;
		margin-top: 50px;
	}
	.eptogether-lead02 {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.eptogether-lead03 {
		font-size: 3.2rem;
		line-height: 1.4;
		margin-top: 14px;
		margin-bottom: 20px;
	}
	.eptogether-lead04 {
		font-size: 2.2rem;
		line-height: 2;
		font-weight: bold;
	}
	.eptogether-lead05 {
		text-align: center;
		font-size: 3.2rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.eptogether-lead05 > .large{
		font-size: 5.8rem;
	}
	[class*="eptogether-lead"] + [class*="eptogether-lead"] {
		margin-top: 5px;
	}

	/* ---- notelist ---- */
	.eptogether-list-wrap {
		display: inline-block;
	}
	.eptogether-list {
		margin-top: 40px;
		font-size: 1.6rem;
		color: #191919;
	}
	.eptogether-list a {
		color: #191919;
	}
	.eptogether-notelist {
		margin-top: 10px;
	}
	.eptogether-notelist > li {
		position: relative;
		margin-top: 10px;
		padding-left: 17px;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.eptogether-notelist > li + li {
		margin-top: 5px;
	}
	.eptogether-notelist > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* ---- image ---- */
	.eptogether-image {
		margin: 50px 0 80px;
	}
	.eptogether-image--center {
		margin: 50px 0 80px;
		text-align: center;
	}

	/* ---- button ---- */
	.eptogether-button-wrap {
		display: flex;
		justify-content: space-between;
		margin-top: 80px;
	}
	.eptogether-button-wrap a {
		display: block;
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-button-wrap a:hover {
		opacity: 0.7;
	}
	.eptogether-button-wrap .eptogether-button01 {
		margin-top: 0;
	}
	.eptogether-button01 {
		margin-top: 40px;
	}
	.eptogether-button01 .eptogether-button01-type:hover {
		opacity: 0.7;
	}
	.eptogether-button01 .eptogether-button01-type {
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-float-button-wrap {
		display: flex;
		justify-content: space-between;
	}
	.eptogether-float-button-wrap .eptogether-button01{
		margin-top: 0;
	}
	.eptogether-float-button .eptogether-float-button-type {
		display: inline-block;
		background-color: #fff;
		border-radius: 10px;
	}
	.eptogether-float-button .eptogether-float-button-type img {
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-float-button .eptogether-float-button-type:hover img {
		opacity: 0.7;
	}
	.eptogether-float-button-wrap .eptogether-button01 a {
		display: inline-block;
		background-color: #fff;
		border-radius: 10px;
	}
	.eptogether-float-button-wrap .eptogether-button01 a:hover img {
		opacity: 0.7;
	}
	.eptogether-float-button-wrap .eptogether-button01 a img {
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-button02 {
		margin-top: 25px;
	}
	.eptogether-button02 .eptogether-button02-type {
		position: relative;
		display: block;
		width: 390px;
		margin: 0 auto;
		padding: 15px 60px;
		color: #333;
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
		background-color: #fff;
		border: 2px solid #005296;
		border-radius: 10px;
		text-decoration: none;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-button02 .eptogether-button02-type::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 33px;
		margin-top: -10px;
		width: 12px;
		height: 20px;
		background: url("/designcard/eptogether/img/index_ic01.png") no-repeat;
	}
	.eptogether-button02 .eptogether-button02-type:hover {
		background-color: #005296;
		color: #fff;
	}
	.eptogether-button02 .eptogether-button02-type:hover::before {
		background: url("/designcard/eptogether/img/index_ic07.png") no-repeat;
	}
	.eptogether-button-wrap02 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-top: 50px;
	}
	.eptogether-button03 {
		background: linear-gradient(90deg, #006fb7, #ffdc00);
		width: calc(100% / 2 - 20px);
		border-radius: 10px;
	}
	.eptogether-button03 .eptogether-button03-type {
		position: relative;
		display: block;
		background-color: #fff;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		margin: 2px auto 0;
		padding: 15px 60px;
		border-radius: 8px;
		color: #191919;
		font-size: 3rem;
		text-align: center;
		text-decoration: none;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-button03 .eptogether-button03-type::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 32px;
		margin-top: -13px;
		width: 17px;
		height: 25px;
		background: url("/designcard/eptogether/img/index_ic06.png") no-repeat;
	}
	.eptogether-button03 .eptogether-button03-type:hover {
		background-color: transparent;
		color: #fff;
	}

	/* ---- banner ---- */
	.eptogether-banner {
		margin-top: 80px;
	}
	.eptogether-banner > a {
		display: block;
		width: fit-content;
		margin: 0 auto;
		transition: opacity .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-banner > a:hover {
		opacity: 0.7;
	}
	/* ---- column ---- */
	.eptogether-column {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin-top: 30px;
	}
	.eptogether-column-item {
		width: 520px;
	}
	.eptogether-column-item:nth-of-type(2n+1) {
		border-right: 2px dotted #c6c6c6;
	}
	.eptogether-column-item:nth-of-type(2n+1) .eptogether-column-item-inner {
		padding-right: 70px;
	}
	.eptogether-column-item:nth-of-type(2n) .eptogether-column-item-inner {
		padding-left: 70px;
	}
	.eptogether-column-text {
		margin-top: 15px;
		font-size: 2rem;
		color: #191919;
	}
	.eptogether-column-unoderlist {
		color: #191919;
	}
	.eptogether-column-unoderlist > li {
		position: relative;
		padding-left: 10px;
		font-size: 2rem;
	}
	.eptogether-column-unoderlist > li::before {
		content: '';
		position: absolute;
		top: 10px;
		left: 2px;
		width: 4px;
		height: 4px;
		background-color: #191919;
		border-radius: 50%;
	}
	.eptogether-column-image {
		margin-top: 20px;
		text-align: center;
	}
	.eptogether-column02 {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin-top: 20px;
	}
	.eptogether-column02-item {
		display: flex;
		flex-flow: column;
		width: 200px;
		text-align: center;
	}
	.eptogether-column02-item:nth-of-type(n+3) {
		margin-top: 20px;
	}
	.eptogether-column02-text {
		margin-top: 10px;
	}
	.eptogether-column03 {
		display: flex;
		justify-content: center;
		gap: 60px;
		margin-top: 40px;
		margin-bottom: 70px;
	}
	.eptogether-column03 .eptogether-columnItem {
		position: relative;
		width: 315px;
	}
	.eptogether-column03 .eptogether-columnItem:nth-child(n+2)::before {
		content: '';
		position: absolute;
		top: 0;
		left: -31px;
		width: 2px;
		height: 100%;
		background-color: #818181;
	}
	.eptogether-column03 .eptogether-columnItem:nth-child(n+2)::after {
		content: '';
		position: absolute;
		top: 50%;
		left: -38px;
		width: 15px;
		height: 15px;
		margin-top: -7.5px;
		background-color: #fff;
		border-bottom: 2px solid #818181;
		border-right: 2px solid #818181;
		transform: rotate(-45deg);
	}
	.eptogether-column03 .eptogether-columnImage {
		height: 141px;
	}
	.eptogether-column03 .eptogether-columnImage img {
		height: 100%;
	}
	.eptogether-column03 .eptogether-columnText {
		margin-top: 20px;
		text-align: left;
		font-size: 2.2rem;
		font-weight: bold;
	}
	/* ---- box ---- */
	.eptogether-box {
		width: 100%;
		background-color: rgba(255, 255, 255,0.5 );
	}
	.eptogether-box-inner {
		padding: 40px 30px;
	}
	.eptogether-box-title {
		font-size: 2.6rem;
	}
	.eptogether-box-body {
		margin-top: 10px;
	}
	.eptogether-box-body >*{
		margin-top: 0 !important;
	}
	.eptogether-box02 {
		margin-top: 10px;
		background-color: #f2f2f2;
	}
	.eptogether-box02-inner {
		padding: 25px 25px 40px;
	}
	.eptogether-box02-head {
		text-align: center;
	}
	.eptogether-box02-title {
		font-size: 2.6rem;
		color: #333;
	}
	.eptogether-box03 {
		margin-top: 110px;
		border-top: 6px dotted #ccc;
	}
	.eptogether-box03-inner {
		margin: 30px auto 0;
		width: 1060px;
	}
	.eptogether-box03-title {
		text-align: center;
		font-size: 2.2rem;
		font-weight: bold;
		color: #000;
	}
	.eptogether-box03-body {
		margin-top: 30px;
	}
	.eptogether-box03-text {
		font-size: 1.6rem;
		color: #000;
	}
	.eptogether-box03-unoderlist {
		margin-top: 30px;
	}
	.eptogether-box03-unoderlist li {
		position: relative;
		padding-left: 10px;
		font-size: 1.6rem;
		color: #000;
	}
	.eptogether-box03-unoderlist li::before {
		content: '';
		position: absolute;
		top: 10px;
		left: 2px;
		width: 4px;
		height: 4px;
		background-color: #000;
		border-radius: 50%;
	}
	.eptogether-box03-notelist {
		margin-top: 30px;
	}
	.eptogether-box03-notelist li {
		position: relative;
		padding-left: 18px;
		font-size: 1.6rem;
		color: #000;
	}
	.eptogether-box03-notelist li .mark {
		position: absolute;
		top: 1px;
		left: 0;
	}

	/* ---- flow ---- */
	.eptogether-flow {
		margin-top: 40px;
		background: url("/designcard/eptogether/img/pc_index_bg02.jpg") no-repeat;
	}
	.eptogether-flow-inner {
		display: flex;
		flex-flow: row wrap;
		padding: 34px 30px 42px;
	}
	.eptogether-flow-item {
		padding-top: 70px;
	}
	.eptogether-flow-item[data-eptogether-flow="01"] {
		width: 475px;
		background: url("/designcard/eptogether/img/index_tx01.png") no-repeat;
	}
	.eptogether-flow-item[data-eptogether-flow="02"] {
		width: 337px;
		background: url("/designcard/eptogether/img/index_tx02.png") no-repeat;
	}
	.eptogether-flow-item[data-eptogether-flow="03"] {
		width: 328px;
		background: url("/designcard/eptogether/img/index_tx03.png") no-repeat;
	}
	.eptogether-flow-unoderlist li {
		position: relative;
		padding-left: 10px;
		font-size: 1.8rem;
		color: #191919;
	}
	.eptogether-flow-unoderlist li::before {
		content: '';
		position: absolute;
		top: 10px;
		left: 2px;
		width: 4px;
		height: 4px;
		background-color: #191919;
		border-radius: 50%;
	}
	.eptogether-flow-text {
		font-size: 1.8rem;
		color: #191919;
	}
	.eptogether-flow-text > a {
		color: #005abb;
	}
	/* ---- content ---- */
	.eptogether-content01 {
		background: url("/designcard/eptogether/img/pc_index_bg03.png") no-repeat;
		width: 1200px;
		height: 905px;
		margin-top: 40px;
	}
	.eptogether-content01-inner {
		padding-top: 45px;
		text-align: center;
	}
	.eptogether-content01 .eptogether-image {
		margin: 30px 0;
	}
	
	.eptogether-content02 {
		background: url("/designcard/eptogether/img/pc_index_bg04.png") no-repeat;
		width: 1200px;
		height: 715px;
		margin-top: 40px;
	}
	.eptogether-content02-inner {
		padding-top: 45px;
		text-align: center;
	}
	.eptogether-content02 .eptogether-image {
		margin: 60px 0 20px;
	}
	.eptogether-content03 {
		background: url("/designcard/eptogether/img/pc_index_bg05.png") no-repeat;
		width: 1200px;
		height: 765px;
		margin-top: 40px;
	}
	.eptogether-content03-inner {
		padding-top: 45px;
		text-align: center;
	}
	/* ---- accordion ---- */
	[class*="eptogether-accordion0"] {
		position: relative;
		left: 50%;
		margin-top: 90px;
		width: 1920px;
		height: 90px;
		transform: translateX(-50%);
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: #191919;
		text-decoration: none;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head .eptogether-accordion-title {
		position: relative;
		margin-left: -55px;
		font-size: 3.6rem;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head .eptogether-accordion-title::before,
	[class*="eptogether-accordion0"] > .eptogether-accordion-head .eptogether-accordion-title::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -170px;
		width: 24px;
		height: 2px;
		margin-top: -1px;
		background-color: #191919;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head .eptogether-accordion-title::before {
		transform: rotate(90deg);
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.eptogether-accordion01 > .eptogether-accordion-head .eptogether-accordion-title::before,
	.eptogether-accordion01 > .eptogether-accordion-head .eptogether-accordion-title::after {
		right: -170px;
	}
	.eptogether-accordion02 > .eptogether-accordion-head .eptogether-accordion-title::before,
	.eptogether-accordion02 > .eptogether-accordion-head .eptogether-accordion-title::after {
		right: -205px;
	}
	.eptogether-accordion03 > .eptogether-accordion-head .eptogether-accordion-title::before,
	.eptogether-accordion03 > .eptogether-accordion-head .eptogether-accordion-title::after {
		right: -133px;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head.open .eptogether-accordion-title::before {
		transform: rotate(0);
	}
	.eptogether-accordion01 > .eptogether-accordion-head {
		background-color: #80bdd5;
	}
	.eptogether-accordion02 > .eptogether-accordion-head {
		background-color: #9bd8d7;
	}
	.eptogether-accordion03 > .eptogether-accordion-head {
		background-color: #fcea83;
	}
	.eptogether-accordion03 + .eptogether-accordion-body {
		text-align: center;
	}
	
	/* etc
	------------------------------------------------------ */
	.eptogether-gradation-wrap {
		position: relative;
		left: 50%;
		margin-top: 90px;
		width: 1920px;
		transform: translateX(-50%);
		background: linear-gradient(90deg, #cce2f1, #fff8cc);
	}
	.eptogether-gradation-wrap-inner {
		width: 1200px;
		margin: 0 auto;
		padding: 90px 0;
	}
	.eptogether-gradation-wrap .eptogether-text + .eptogether-text {
		margin-top: 30px;
	}

	/* --pageTopBtn-- */
	#pageTopBtn {
		bottom: 130px;
	}
	/* --float-- */
	#floatingWrap01 {
		height: 114px;
		padding: 20px 0 14px;
		background: url("/designcard/eptogether/img/index_bg05.png") 0 0 repeat;
	}
	#floatingWrap01 .commonFloating {
		padding: 0;
		text-align: center;
	}
	/*    */
	.top-bgWide{
		overflow-x: auto;
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		padding: 0 0 35px;
	}
	.top-bgWide > .inner{
		width: 1200px;
		margin: 0 auto;
	}
	.top-bgWide.color01{
		background-color: #a8d1d6;
	}
	.top-boxLayout01{
		display: block;
		margin-top: 25px;
		border-radius: 10px;
		padding: 40px 45px 40px;
		background-color: #fff;
	}
	.top-heading03{
		margin: 75px 0 0;
		padding: 17px 0 19px;
		text-align: center;
	}
	.top-heading03 .head{
		font-weight: bold;
		font-size: 40px;
	}
	.top-heading03 .caption{
		margin-top: 0;
		font-weight: bold;
		font-size: 22px;
	}
	.top-heading03 .icon{
		margin-bottom: 10px;
	}
	.top-heading03 .icon > img{
		height: 35px;
	}
	/* --application Slider-- */
	/*Dots*/
	.top-sliderDots {
		position: absolute;
		bottom: -67px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.top-sliderDots li {
		position: relative;
		display: inline-block;
		width: 11px;
		height: 11px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
		vertical-align: top;
	}
	.top-sliderDots li button[id*="slick-slide-control"] {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 11px;
		height: 11px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.top-sliderDots li button:not([id*="slick-slide-control"]) {
		display: none;
	}
	.top-sliderDots li button:hover, .slick-dots li button:focus {
		outline: none;
	}
	.top-sliderDots li button:hover:before, .slick-dots li button:focus:before {
		opacity: .75;
	}
	.top-sliderDots li button:before {
		font-family: 'slick';
		font-size: 12px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 9px;
		height: 9px;
		border: 1px solid #767676;
		content: '';
		text-align: center;
		background: #ffffff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		opacity: 1;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.top-sliderDots li.slick-active button:before {
		opacity: .75;
		color: black;
		background: #d6bd17;
	}
	.applicationSliderBox{
		position: relative;
		margin: 0 -10px;
		padding-bottom: 32px;
	}
	.applicationSliderBox .applicationSliderBgMv {
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -76px;
		width: 152px;
	}
	.applicationSliderBox .applicationSliderNav {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	.applicationSliderBox .applicationSliderNav .top-sliderDots{
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.applicationSlider.img{
		margin: 0 auto;
		width: 135px;
	}
	.applicationSlider.head{
		width: 100%;
		margin-bottom: 10px;
	}
	.applicationSlider.head .applicationSliderItem{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.applicationSlider .applicationSliderItem{
		margin: 0;
	}
	.applicationSlider .applicationSliderItem .applicationSliderImg{
		width: 136px;
		margin: 12px auto 9px;
	}
	.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.6;
		font-size: 10px;
		font-size: 1.0rem;
		height: 100%;
	}
	.applicationSlider .slick-arrow{
		display: none !important;
	}
	.applicationSliderBox{
		display: block;
		position: relative;
		margin: 12px 0 0;
		padding-left: 378px;
		padding-bottom: 48px;
	}
	.applicationSliderBox .applicationSliderBgMv {
		position: absolute;
		top: 20px;
		bottom: auto;
		left: 26px;
		margin-left: 0;
		width: 270px;
	}
	.applicationSliderBox img{
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}
	.applicationSliderBox .applicationSliderNav {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		margin-left: 0;
		width: 320px;
	}
	.applicationSliderBox .applicationSliderNav .top-sliderDots{
		bottom: 0;
		left: 0;
		width: 100%;
		line-height: 1;
	}
	.applicationSliderBox .applicationSlider.img.slick-dotted.slick-slider{
		margin-bottom: 70px;
	}
	.applicationSlider.img{
		position: absolute;
		top: 20px;
		left: 41px;
		margin: 0;
		width: 240px;
	} 
	.applicationSlider.txt{
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding-top: 0;
		font-weight: bold;
		font-size: 18px;
	} 
	.applicationSlider.txt p{
		font-size: 22px;
	} 
	.applicationSlider .applicationSliderItem{
		margin: 0;
	}
	.applicationSlider .applicationSliderItem .applicationSliderImg{
		width: 240px;
		margin: 12px auto 9px;
	}
	.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
		display: block;
		line-height: 1.5;
		font-weight: 400;
		font-size: 22px;
		font-size: 2.2rem;
		color: #333;
	}
	.applicationSlider.txt .applicationSliderItem .applicationSliderDesc .note{
		font-size: 15px;
	}
	.applicationSlider .applicationSliderItem .applicationSliderDesc img{
		width: 440px;
		display: inline;
	}
	.applicationSlider.head{
		width: 270px;
		margin-left: 25px;
	} 
	.applicationSlider.head .slick-dotted.slick-slider {
		margin: 0;
	} 
	.applicationSlider.head .applicationSliderItem{
		text-align: center;
		margin: 0;
		font-size: 24px;
	}
	.epokkeBox{
		display: block;
		max-width: none;
		width: 640px;
		height: 292px;
		margin: 10px auto 0;
		padding: 60px 12px 56px 86px;
		background: url("/img-files/top/index_bg07.png") no-repeat center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		text-align: center;
		box-sizing: border-box;
	}

	.appliDLCol2 {
		width: 100%;
		overflow: hidden;
		margin-top: 17px;
	}
	.appliDLCol2 > .col{
		float: left;
		width: 352px;
		margin-right: 24px;
	}
	.appliDLCol2 > .col:nth-child(2n){
		margin-right: 0;
	}
	.appliDLCol2 > .col .colInner{
		border: 1px solid #dddddd;
		border-radius: 10px;
		padding: 42px 15px 28px;
	}
	.appliDL{
		display: block;
		max-width: none;
		margin: 0 ;
		text-align: center;
	}
	.appliDL a{
		display: inline-block;
		max-width: none;
		width: 230px;
		margin: 0;
	}
	.qrScan{
		margin-top: 20px;
		text-align: center;
	}
	/* appliEpisode
	--------------------------------*/

	/* ----- appliheading3 ----- */
	.appliheading3 {
		text-align: center;
	}
	.appliheading3 .heading3inner > .subtitle {
		display: inline-block;
		padding: 3px 50px;
		border-radius: 30px;
		background: #4599b1;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
	}
	.appliheading3 .heading3inner > .title {
		margin-top: 12px;
		font-size: 16px;
		font-weight: bold;
	}
	/* ----- appliEpisodeBox ----- */
	.appliEpisodeBox {
		font-size: 12px;
	}
	.appliEpisodeLayout {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		width: 900px;
		margin: 50px auto 25px;
	}
	.appliEpisodeLayout > .appliEpisodeBox {
		width: calc((100% - 20px) / 3 - 0.1px);
		margin-right: 10px;
	}
	.appliEpisodeLayout > .appliEpisodeBox:nth-child(3n) {
		margin-right: 0;
	}
	/* ----- movieContents ----- */
	.movieContents {
		margin-top: 10px;
	}
	.movieContents img{
		width: 100%;
	}
	.appliBtn01{
		margin-top: 15px;
		text-align: center;
	}
	.appliBtn01 a{
		display: inline-block;
		border-radius: 5px;
		padding: 10px 25px;
		background-color: #333333;
		text-decoration: none;
		font-size: 18px;
		color: #fff;
	}
	.appliBtn02{
		margin-top: 15px;
		margin-bottom: 50px;
		text-align: center;
	}
	.appliBtn02 a{
		display: inline-block;
		min-width: 520px;
		border-radius: 10px;
		padding: 21px 20px 24px;
		background-color: #333333;
		text-decoration: none;
		font-weight: bold;
		font-size: 31px;
		color: #fff;
	}

	/* ----- modal ----- */
	/* reset */
	#colorbox, #cboxOverlay, #cboxWrapper {
		z-index: 10000;
	}
	#colorbox,
	#cboxWrapper,
	#cboxContent {
		overflow: visible !important;
	}
	#cboxOverlay {
		background: url(/common-files/img/com_cb_bg01.png) 0 0 repeat !important;
	}
	#cboxLoadedContent {
		margin-bottom: 0 !important;
		overflow: visible !important;
	}
	/* custom */
	#cboxContent {
		background: #ffffff;
		padding: 0;
	}
	a.cb-inline:hover img,
	a.cb-img:hover img {
		opacity: 0.7;
	}
	.cb_inl_wrapper {
		display: none;
	}
	.cb_inl_content {
		max-width: 790px;
	}
	.cb_inl_content .cb_inl_head01 {
		padding: 8px;
		background: #f4efe6;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	.cb_inl_content .cb_inl_inner {
		padding: 40px;
		background: #ffffff;
	}
	.cb_inl_content .cb_inl_inner > *:first-child {
		margin-top: 0 !important;
	}
	.cb_inl_content .cb_close a:after,
	#eposnet_renewal .cb_close a:after,
	#function_change .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#eposnet_renewal .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 20px;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#colorbox.cb-imgWrap #cboxClose {
		width: 48px;
		height: 48px;
		background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
		top: -20px;
		right: -22px;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 20px;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#colorbox.cb-imgWrap #cboxClose {
		width: 48px;
		height: 48px;
		background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
		top: -20px;
		right: -22px;
	}
}
@media print, screen and (max-width: 750px){
/*--------------------------------
	 * header
	--------------------------------*/
	#header {
		width: 100%;
		height: 53px;
		padding: 0;
		background-color: #ffffff;
		border: none;
	}
	#header #headerContents {
		padding: 12px 10px;
	}
	#headerLogo {
		width: 80px!important;
	}
	#header .eptogether-header-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.eptogether-header-button {
		width: 200px;
	}
	.eptogether-header-button > ul > li > a {
		display: block;
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 0;
		border-top: none;
		padding: 20px 0;
		text-align: center;
		font-size: 1.4rem;
	}
	/*--------------------------------
	 * contents
	--------------------------------*/
	/* ---- mainVisual ---- */
	.eptogether-mainVisual {
		margin-top: 60px;
		width: 100%;
		text-align: center
	}
	.eptogether-mainVisual .eptogether-mainVisualText {
		margin-top: 30px;
		font-size: 1.4rem;
	}

	/* ---- heading ---- */
	.eptogether-heading2-01-title {
		font-size: 2.2rem;
	}
	.eptogether-heading2-02 {
		margin-top: 40px;
	}
	.eptogether-heading2-02-inner {
		width: 100%;
		padding: 1vw 0 4vw;
		margin: 0 auto;
		background: url("/designcard/eptogether/img/index_bg01.png") no-repeat top center / contain;
	}
	.eptogether-heading2-02-title {
		text-align: center;
		font-size: 2.2rem;
		font-weight: bold;
	}
	.eptogether-heading2-03 {
		margin-top: 100px;
		text-align: center;
	}
	.eptogether-heading2-03-inner {
		padding-bottom: 10px;
	}
	.eptogether-heading2-03-title {
		display: inline-block;
		position: relative;
		font-size: 2rem;
		line-height: 1.2;
		color: #191919;
	}
	.eptogether-heading2-03-title::before {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(90deg, #006fb7, #ffdc00);
	}
	.eptogether-heading2-04-inner {
		text-align: center;
	}
	.eptogether-heading2-04-title {
		font-size: 2.2rem;
		color: #000;
	}
	.eptogether-heading3-01 {
		margin-top: 30px;
	}
	.eptogether-heading3-01-inner {
		text-align: center;
	}
	.eptogether-heading3-01-title {
		display: inline-block;
		position: relative;
		font-size: 2rem;
	}
	.eptogether-heading3-01-title::before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 2px;
		background-color: #191919;
	}
	.eptogether-heading3-02-title {
		display: inline-block;
		position: relative;
		font-size: 2rem;
		color: #191919;
	}
	.eptogether-heading3-02-title::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg, #006fb7, #ffdc00);
	}
	.eptogether-heading4 {
		width: 230px;
		min-height: 24px;
		margin: 0 auto;
		background-color: #005296;
		border-radius: 18px;
	}
	.eptogether-heading4-inner {
		padding: 1px 0;
	}
	.eptogether-heading4-title {
		text-align: center;
		font-size: 1.5rem;
		color: #fff;
		font-weight: bold;
	}

	/* ---- media ---- */
	.eptogether-media .eptogether-media-head {
		margin: 30px 30px 0 70px;
	}
	.eptogether-media-text {
		margin-top: 30px;
		font-size: 1.4rem;
	}
	.eptogether-media02 {
		display: flex;
		flex-flow: column-reverse;
		margin-top: 40px;
	}
	.eptogether-media02-head {
		flex-shrink: 0;
		margin-top: 20px;
		text-align: center;
	}
	.eptogether-media02-frame figcaption {
		margin-top: 5px;
		font-size: 0.8rem;
		text-align: right;
	}

	/* ---- text ---- */
	.eptogether-text {
		margin-top: 35px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.eptogether-text + .eptogether-text {
		margin-top: 5px;
	}
	.eptogether-lead {
		font-size: 1.7rem;
		line-height: 1.4;
		margin-top: 30px;
	}
	.eptogether-lead02 {
		font-size: 1.5rem;
		line-height: 1.4;
		margin-top: 20px;
	}
	.eptogether-lead03 {
		font-size: 1.9rem;
		line-height: 1.4;
		margin-top: 14px;
		font-weight: bold;
	}
	.eptogether-lead04 {
		font-size: 1.4rem;
		line-height: 2;
		font-weight: bold;
	}
	.eptogether-lead05 {
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.eptogether-lead05 > .large{
		font-size: 3rem;
	}

	/* ---- notelist ---- */
	.eptogether-list-wrap {
		display: inline-block;
	}
	.eptogether-list {
		text-align: left;
		margin-top: 15px;
		font-size: 1.2rem;
		color: #191919;
	}
	.eptogether-list a {
		color: #191919;
	}
	.eptogether-notelist {
		margin-top: 5px;
		text-align: left;
	}
	.eptogether-notelist > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.eptogether-notelist > li + li {
		margin-top: 5px;
	}
	.eptogether-notelist > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* ---- image ---- */
	.eptogether-image {
		margin: 30px 0;
	}
	.eptogether-image--center {
		margin: 30px 0;
		text-align: center;
	}

	/* ---- button ---- */
	.eptogether-button-wrap {
		margin-top: 40px;
	}
	.eptogether-button-wrap a {
		display: block;
	}
	.eptogether-button-wrap .eptogether-button01 {
		margin-top: 15px;
	}
	.eptogether-button01 {
		margin-top: 20px;
	}
	.eptogether-button-wrap .eptogether-button01 a {
		display: block;
		margin-top: 0;
	}
	.eptogether-button02 {
		margin: 25px 16px 0;
	}
	.eptogether-button02 .eptogether-button02-type {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 12px 45px;
		color: #333;
		text-align: center;
		font-weight: bold;
		font-size: 1.4rem;
		background-color: #fff;
		border: 2px solid #005296;
		border-radius: 10px;
		text-decoration: none;
	}
	.eptogether-button02 .eptogether-button02-type::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 33px;
		margin-top: -7px;
		width: 8px;
		height: 13px;
		background: url("/designcard/eptogether/img/index_ic01.png") no-repeat top left / contain;
	}
	.eptogether-button02 .eptogether-button02-type:hover::before {
		background: url("/designcard/eptogether/img/index_ic07.png") no-repeat;
	}
	.eptogether-button-wrap02 {
		margin-top: 50px;
	}
	.eptogether-button03 {
		background: linear-gradient(90deg, #006fb7, #ffdc00);
		width: 100%;
		border-radius: 10px;
	}
	.eptogether-button03 + .eptogether-button03 {
		margin-top: 16px;
	}
	.eptogether-button03 .eptogether-button03-type {
		position: relative;
		display: inline-block;
		background-color: #fff;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		margin: 1px;
		padding: 15px 60px;
		border-radius: 8px;
		color: #191919;
		font-size: 1.8rem;
		text-align: center;
		text-decoration: none;
	}
	.eptogether-button03 .eptogether-button03-type::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -9px;
		width: 11px;
		height: 16px;
		background: url("/designcard/eptogether/img/index_ic06.png") no-repeat top left / contain;
	}
	.eptogether-float-button-wrap {
		display: flex;
		justify-content: center;
	}
	.eptogether-float-button {
		margin-right: 20px;
	}
	.eptogether-float-button-wrap .eptogether-button01 {
		margin-top: 0;
	}
	.eptogether-float-button-wrap .eptogether-button01 a img {
		max-height: 66px;
	}
	.eptogether-float-button .eptogether-float-button-type {
		display: inline-block;
		background-color: #fff;
		max-width: 355px;
		margin: 0 auto;
		border-radius: 10px;
	}
	.eptogether-float-button .eptogether-float-button-type img {
		max-height: 66px;
	}

	/* ---- banner ---- */
	.eptogether-banner {
		margin-top: 52px;
	}
	.eptogether-banner > a {
		display: block;
		width: fit-content;
		margin: 0 auto;
	}

	/* ---- column ---- */
	.eptogether-column {
		margin-top: 30px;
	}
	.eptogether-column-item:nth-of-type(n+2) {
		border-top: 2px dotted #c6c6c6;
	}
	.eptogether-column-item:nth-of-type(n+2) .eptogether-column-item-inner{
		padding-top: 30px;
	}
	.eptogether-column-item-inner {
		padding-bottom: 25px;
	}
	.eptogether-column-text {
		margin-top: 15px;
		font-size: 1.4rem;
		color: #191919;
	}
	.eptogether-column-unoderlist {
		color: #191919;
	}
	.eptogether-column-unoderlist > li {
		position: relative;
		padding-left: 7px;
		font-size: 1.4rem;
	}
	.eptogether-column-unoderlist > li::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 2px;
		width: 3px;
		height: 3px;
		background-color: #191919;
		border-radius: 50%;
	}
	.eptogether-column-image {
		margin-top: 20px;
		padding: 0 45px;
		text-align: center;
	}
	.eptogether-column02 {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin-top: 20px;
	}
	.eptogether-column02-item {
		display: flex;
		flex-flow: column;
		width: 50%;
		text-align: center;
	}
	.eptogether-column02-item:nth-of-type(n+3) {
		margin-top: 20px;
	}
	.eptogether-column02-text {
		margin-top: 5px;
		font-size: 1.3rem;
	}
	.eptogether-column03 {
		display: flex;
		flex-flow: column;
		justify-content: center;
		gap: 35px;
		margin-top: 35px;
	}
	.eptogether-column03 .eptogether-columnItem {
		display: flex;
		align-items: center;
		gap: 5px;
		position: relative;
		width: 100%;
	}
	.eptogether-column03 .eptogether-columnItem:nth-child(n+2)::before {
		content: '';
		position: absolute;
		top: -18px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #818181;
	}
	.eptogether-column03 .eptogether-columnItem:nth-child(n+2)::after {
		content: '';
		position: absolute;
		top: -21.5px;
		left: 50%;
		width: 8px;
		height: 8px;
		margin-left: -4px;
		background-color: #fff;
		border-bottom: 2px solid #818181;
		border-right: 2px solid #818181;
		transform: rotate(45deg);
	}
	.eptogether-column03 .eptogether-columnImage {
		flex-shrink: 0;
		width: 60px;
	}
	.eptogether-column03 .eptogether-columnImage img {
		max-height: 75px;
	}
	.eptogether-column03 .eptogether-columnText {
		text-align: left;
		font-size: 1.6rem;
		font-weight: bold;
	}

	/* ---- box ---- */
	.eptogether-box {
		width: 100%;
		background-color: rgba(255, 255, 255,0.5 );
	}
	.eptogether-box-inner {
		padding: 30px 10px;
	}
	.eptogether-box-title {
		font-size: 1.7rem;
		line-height: 1.4rem;
	}
	.eptogether-box .eptogether-text {
		margin-top: 25px;
	}
	.eptogether-box02 {
		background-color: #f2f2f2;
	}
	.eptogether-box02-inner {
		padding: 25px 25px 40px;
	}
	.eptogether-box02-head {
		text-align: center;
	}
	.eptogether-box02-body {
		margin-top: 15px;
	}
	.eptogether-box02-title {
		font-size: 1.7rem;
		color: #333;
	}
	.eptogether-box03 {
		margin-top: 30px;
		border-top: 3px dotted #ccc;
	}
	.eptogether-box03-inner {
		margin-top: 15px;
	}
	.eptogether-box03-title {
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		color: #000;
	}
	.eptogether-box03-body {
		margin-top: 10px;
	}
	.eptogether-box03-text {
		font-size: 1.4rem;
		color: #000;
	}
	.eptogether-box03-unoderlist {
		margin-top: 15px;
	}
	.eptogether-box03-unoderlist li {
		position: relative;
		padding-left: 10px;
		font-size: 1.4rem;
		color: #000;
	}
	.eptogether-box03-unoderlist li::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 2px;
		width: 3px;
		height: 3px;
		background-color: #000;
		border-radius: 50%;
	}
	.eptogether-box03-notelist {
		margin-top: 15px;
	}
	.eptogether-box03-notelist li {
		position: relative;
		padding-left: 14px;
		font-size: 1.4rem;
		color: #000;
	}
	.eptogether-box03-notelist li .mark {
		position: absolute;
		top: 1px;
		left: 0;
	}

	/* ---- content ---- */
	.eptogether-content01 {
		background: url("/designcard/eptogether/img/sp_index_bg03.png") no-repeat top center / 100% 621px;
		max-width: 352px;
		height: 621px;
		margin: 20px auto 0;
	}
	.eptogether-content01-inner {
		padding: 30px 15px 0;
		text-align: center;
	}
	.eptogether-content01 .eptogether-image {
		margin: 30px 50px;
	}
	
	.eptogether-content02 {
		background: url("/designcard/eptogether/img/sp_index_bg04.png") no-repeat top center / 100% 455px;
		max-width: 352px;
		height: 500px;
		margin: 40px auto 0;
	}
	.eptogether-content02-inner {
		padding: 30px 15px 0;
		text-align: center;
	}
	.eptogether-content02 .eptogether-image {
		margin: 30px 110px 10px;
	}
	.eptogether-content03 {
		background: url("/designcard/eptogether/img/sp_index_bg05.png") no-repeat top center / 100% 565px;
		max-width: 352px;
		height: 565px;
		margin: 40px auto 0;
	}
	.eptogether-content03-inner {
		padding: 30px 15px 0;
		text-align: center;
	}

	/* ---- accordion ---- */
	[class*="eptogether-accordion0"] {
		position: relative;
		margin-top: 50px;
		width: 100vw;
		height: 55px;
		margin-left: -10px;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: #191919;
		text-decoration: none;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head .eptogether-accordion-title {
		margin-left: -55px;
		font-size: 2.2rem;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head::before,
	[class*="eptogether-accordion0"] > .eptogether-accordion-head::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 13px;
		height: 2px;
		margin-top: -1px;
		background-color: #191919;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head::before {
		transform: rotate(90deg);
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="eptogether-accordion0"] > .eptogether-accordion-head.open::before {
		transform: rotate(0);
	}
	.eptogether-accordion01 > .eptogether-accordion-head {
		background-color: #80bdd5;
	}
	.eptogether-accordion02 > .eptogether-accordion-head {
		background-color: #9bd8d7;
	}
	.eptogether-accordion03 > .eptogether-accordion-head {
		background-color: #fcea83;
	}
	.eptogether-accordion03 + .eptogether-accordion-body {
		text-align: center;
	}
	.toggleTrigger {
		padding-left: 56px!important;
	}
	.eptogether-accordion01 + .eptogether-accordion-body {
		text-align: center;
	}
	/* ---- flow ---- */
	.eptogether-flow {
		margin-top: 40px;
		background: url("/designcard/eptogether/img/sp_index_bg02.jpg") no-repeat top center / 100% 448px;
	}
	.eptogether-flow-inner {
		display: flex;
		flex-flow: column;
		padding: 20px 30px 53px;
	}
	.eptogether-flow-item {
		padding-top: 35px;
		width: 295px;
		margin: 0 auto;
	}
	.eptogether-flow-item[data-eptogether-flow="01"] {
		background: url("/designcard/eptogether/img/index_tx01.png") no-repeat top left / 190px 25px;
	}
	.eptogether-flow-item[data-eptogether-flow="02"] {
		background: url("/designcard/eptogether/img/index_tx02.png") no-repeat top left / 110px 25px;
		margin-top: 76px;
	}
	.eptogether-flow-item[data-eptogether-flow="03"] {
		background: url("/designcard/eptogether/img/index_tx03.png") no-repeat top left / 145px 25px;
		margin-top: 89px;
	}
	.eptogether-flow-unoderlist li {
		position: relative;
		padding-left: 10px;
		font-size: 1.4rem;
		color: #191919;
	}
	.eptogether-flow-unoderlist li::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 2px;
		width: 3px;
		height: 3px;
		background-color: #191919;
		border-radius: 50%;
	}
	.eptogether-flow-text {
		font-size: 1.4rem;
		color: #191919;
	}
	.eptogether-flow-text > a {
		color: #005abb;
	}
	/* etc
	------------------------------------------------------ */
	.eptogether-gradation-wrap {
		position: relative;
		margin-top: 45px;
		margin-left: -10px;
		width: 100vw;
		background: linear-gradient(90deg, #cce2f1, #fff8cc);
	}
	.eptogether-gradation-wrap-inner {
		padding: 20px 10px;
		margin: 0 auto;
	}
	.eptogether-gradation-wrap .eptogether-text {
		margin-top: 20px;
	}
	#pageTopBtn {
		bottom: 105px!important;
	}

	/* --float-- */
	#floatingWrap01 {
		max-height: 98px;
		padding: 15px 0 17px;
		background: url("/designcard/eptogether/img/index_bg05.png") 0 0 repeat;
	}
	#floatingWrap01 .commonFloating {
		padding: 0;
		text-align: center;
	}
	
	#floatingWrap01 .floatingInner {
		background: none;
	}

	.top-bgWide{
		width: 100vw;
		margin-left: -10px;
		padding: 0 10px 35px;
	}
	.top-bgWide.color01{
		background-color: #a8d1d6;
	}
	.top-heading03{
		margin: 0 -10px 0;
		padding: 17px 10px 19px;
		text-align: center;
	}
	.top-heading03 .head{
		font-weight: bold;
		font-size: 28px;
	}
	.top-heading03 .caption{
		margin: 0 !important;
		font-weight: bold;
		font-size: 16px;
	}
	.top-heading03 .icon{
		margin-bottom: 10px;
	}
	.top-heading03 .icon > img{
		height: 35px;
	}
	.top-heading03.color01{
		background-color: #008191;
		color: #ffffff;
	}
	.top-heading03.color02{
		background-color: #d0372c;
		color: #ffffff;
	}
	.top-heading03.color03{
		background-color: #7c266e;
		color: #ffffff;
	}
	.top-heading03.color04{
		background-color: #c1875f;
		color: #ffffff;
	}
	.top-heading03.color05{
		background-color: #a8d1d6;
		color: #333333;
	}
	.top-heading03.color06{
		background-color: #e2efda;
		color: #333333;
	}
	.top-heading03.color07{
		border-top: solid 3px #575757;
		border-bottom: solid 3px #575757;
		background-color: #ffffff;
		color: #333333;
	}
	.top-boxLayout01{
		display: block;
		margin-top: 25px;
		border-radius: 10px;
		padding: 30px 22px 18px;
		background-color: #fff;
	}
	/*Dots*/
	.top-sliderDots {
		position: absolute;
		bottom: -67px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.top-sliderDots li {
		position: relative;
		display: inline-block;
		width: 11px;
		height: 11px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
		vertical-align: top;
	}
	.top-sliderDots li button[id*="slick-slide-control"] {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 11px;
		height: 11px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.top-sliderDots li button:not([id*="slick-slide-control"]) {
		display: none;
	}
	.top-sliderDots li button:hover, .slick-dots li button:focus {
		outline: none;
	}
	.top-sliderDots li button:hover:before, .slick-dots li button:focus:before {
		opacity: .75;
	}
	.top-sliderDots li button:before {
		font-family: 'slick';
		font-size: 12px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 9px;
		height: 9px;
		border: 1px solid #767676;
		content: '';
		text-align: center;
		background: #ffffff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		opacity: 1;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.top-sliderDots li.slick-active button:before {
		opacity: .75;
		color: black;
		background: #d6bd17;
	}

	/* --application Slider-- */
	.slick-slide{
		height: auto;
	}
	.applicationSliderBox{
		position: relative;
		margin: 0 -10px;
		padding-bottom: 32px;
	}
	.applicationSliderBox img{
		zoom:1 !important;
	}
	.applicationSliderBox .applicationSliderBgMv {
		position: absolute;
		top: 1px;
		left: 50%;
		margin-left: -112px;
		width: 224px;
	}
	.applicationSliderBox .applicationSliderNav {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	.applicationSliderBox .applicationSliderNav .top-sliderDots{
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.applicationSlider.img{
		margin: 0 auto;
		width: 198px;
	}
	.applicationSlider.head{
		width: 100%;
		margin-bottom: 10px;
	}
	.applicationSlider.head .applicationSliderItem{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}
	.applicationSlider .applicationSliderItem{
		margin: 0;
	}
	.applicationSlider .applicationSliderItem .applicationSliderImg{
		width: 198px;
		margin: 12px auto 9px;
	}
	.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		line-height: 1.6;
		font-size: 12px;
		height: 100%;
	}
	.applicationSlider.txt .applicationSliderItem .applicationSliderDesc .note{
		font-size: 10px;
	}
	.applicationSlider .slick-arrow{
		display: none !important;
	}
	.epokkeBox{
		display: block;
		max-width: 310px;
		height: 112px;
		margin: 23px auto 0;
		padding: 18px 14px 30px 72px;
		background: url("/img-files/top/index_bg06.png") no-repeat center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		text-align: center;
		box-sizing: border-box;
	}
	.appliDL{
		display: block;
		max-width: 315px;
		margin: 30px auto 0;
		text-align: center;
	}
	.appliDL a{
		display: block;
		width: 100%;
		max-width: 152px;
		margin: 0 auto;
	}

	#cm2014 header::after,
	.newcard-descList01 li.img::after,
	.cm2014-graphBox::after,
	.cm2014-colLayout01::after {
		content: "";
		display: block;
		clear: both;
	}

	/*appliEpisodeBox
	--------------------------------*/
	/* ----- appliheading3 ----- */
	.appliheading3 {
		margin-top: 25px;
		text-align: center;
	}
	.appliheading3 .heading3inner > .subtitle {
		display: inline-block;
		border-radius: 30px;
		padding: 2px 35px;
		background: #4599b1;
		font-size: 17px;
		font-weight: bold;
		color: #ffffff;
	}

	.appliheading3 .heading3inner > .title {
		margin-top: 15px;
		font-weight: bold;
		font-size: 16px;
	}

	/* ----- appliEpisodeBox ----- */
	.appliEpisodeBox {
		font-size: 13px;
	}

	/* ----- movieContents ----- */
	.movieContents {
		margin-top: 17px;
		padding: 0 10px;
	}
	.movieContents iframe{
		width: 100%;
		height: calc((100vw - 40px) * .5625);
	}
	.appliBtn01{
		margin-top: 15px;
		text-align: center;
	}
	.appliBtn01 a{
		display: block;
		border-radius: 5px;
		padding: 7px 10px;
		background-color: #333333;
		text-decoration: none;
		font-size: 14px;
		color: #fff;
	}
	.appliBtn02{
		margin-top: 15px;
		margin-bottom: 50px;
		text-align: center;
	}
	.appliBtn02 a{
		box-sizing: border-box;
		display: inline-block;
		width: 260px;
		border-radius: 5px;
		padding: 8px 5px 10px;
		background-color: #333333;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		color: #fff;
	}
	/* ----- modal ----- */
	/* reset */
	#colorbox, #cboxOverlay, #cboxWrapper {
		z-index: 10000;
	}
	#colorbox,
	#cboxWrapper,
	#cboxContent {
		overflow: visible !important;
	}
	#cboxOverlay {
		background: url(/common-files/img/com_cb_bg01.png) 0 0 repeat !important;
	}
	#cboxLoadedContent {
		margin-bottom: 0 !important;
		overflow: visible !important;
	}
	/* custom */
	#cboxContent {
		background: #ffffff;
		padding: 0;
	}
	a.cb-inline:hover img,
	a.cb-img:hover img {
		opacity: 0.7;
	}
	.cb_inl_wrapper {
		display: none;
	}
	.cb_inl_content {
		max-width: 790px;
	}
	.cb_inl_content .cb_inl_head01 {
		padding: 8px;
		background: #f4efe6;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	.cb_inl_content .cb_inl_inner {
		padding: 40px;
		background: #ffffff;
	}
	.cb_inl_content .cb_inl_inner > *:first-child {
		margin-top: 0 !important;
	}
	.cb_inl_content .cb_close a:after,
	#eposnet_renewal .cb_close a:after,
	#function_change .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#eposnet_renewal .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 20px;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#colorbox.cb-imgWrap #cboxClose {
		width: 48px;
		height: 48px;
		background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
		top: -20px;
		right: -22px;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 20px;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#colorbox.cb-imgWrap #cboxClose {
		width: 48px;
		height: 48px;
		background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
		top: -20px;
		right: -22px;
	}

	#cboxClose, 
	#cboxClose:hover {
		position: absolute;
		bottom: auto;
		top: -12px;
		right: -14px;
		width: 36px;
		height: 36px;
		background: url(/newcard/img/index_ic07.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#cboxContent{
		overflow: visible !important;
	}
	.cboxIframe{
		max-height: 190px;
	}

}