@charset "utf-8";

/* ==========================================================================
   Project
========================================================================== */
.l_contents {
	background-color: #fff;
}
/* ------------------------------------ 
   tsukau common
------------------------------------ */
.p_tsukau_point {
	border: solid 3px #DCEEFA;
	margin-bottom: 40px;
	padding: 30px 20px 0;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_point {
		margin-bottom: 100px;
		padding: 40px 50px;
	}
}
.p_tsukau_point img {
	margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_point img {
		position: absolute;
	}
}
.p_tsukau_midashi_head01 {
    margin-bottom: 20px;
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #0D6DB7;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_midashi_head01 {
		margin-bottom: 50px;
		border-width: 0 0 0 5px;
	}
}
.p_tsukau_midashi_head01 .p_tsukau_group1 {
    padding: 15px 0 15px 20px;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_midashi_head01 .p_tsukau_group1 {
		padding: 10px 0 15px 25px;
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
	}
}
.p_tsukau_midashi_head01 .p_tsukau_group1 > div .midashi1 {
    font-size: 2rem;
    margin-bottom: 10px;
    line-height: 1.2;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_midashi_head01 .p_tsukau_group1 > div .midashi1 {
		margin-right: 30px;
		margin-bottom: 0;
		font-size: 3rem;
	}
}
.p_tsukau_midashi_head01 .p_tsukau_group2 {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #cccccc;
    padding: 10px 0 10px 20px;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_midashi_head01 .p_tsukau_group2 {
		padding: 10px 0 10px 25px;
	}
}


/* ------------------------------------ */
.c_ttl05 {
	margin-bottom: 20px;
}
/* ------------------------------------ */
.p_tsukau_note > li,
.p_tsukau_note > p {
	font-size: 1.4rem;
	line-height: 1.5;
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.p_tsukau_indent_kakko > li,
.p_tsukau_indent_kakko > p {
	padding-left: 2.75em;
	text-indent: -2.75em;
}
.p_tsukau_indent_number > li,
.p_tsukau_indent_number > p {
	padding-left: 1.75em;
	text-indent: -1.75em;
}

/* ------------------------------------ */
.p_tsukau_table01 table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: solid 1px #CCC;
}
.p_tsukau_table01 th,
.p_tsukau_table01 td {
	border-bottom: solid 1px #CCC;
	line-height: 1.5;
	padding: 15px 0;
}
.p_tsukau_table01 th {
	width: 180px;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: left;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_table01 th.wauto {
		width: 50%;
	}
}
@media print, screen and (min-width: 980px) {
	.p_tsukau_table01 th.wauto {
		width: 570px;
	}
}
@media only screen and (max-width: 767px) {
	.p_tsukau_table01 table,
	.p_tsukau_table01 tr,
	.p_tsukau_table01 th,
	.p_tsukau_table01 td {
		display: block;
		width: 100%;
	}
	.p_tsukau_table01 th {
		padding-bottom: 0;
		font-size: 1.6rem;
		border-bottom: none;
	}
}
/* ------------------------------------ */
.p_tsukau_table02 table {
	border-collapse: collapse;
	border-spacing: 0;
}
.p_tsukau_table02 tbody th,
.p_tsukau_table02 tbody td {
	border-bottom: solid 1px #CCC;
	padding: 5px;
}
.p_tsukau_table02 th + th,
.p_tsukau_table02 th + td,
.p_tsukau_table02 td + td {
	border-left: solid 1px #CCC;
}
.p_tsukau_table02 thead th {
	padding: 5px;
	font-weight: 500;
	background: #50AAE6;
	color: #FFF;
}
.p_tsukau_table02 tbody {
	border-top: solid 1px #CCC;
}
.p_tsukau_table02 thead + tbody {
	border-top: none;
}
.p_tsukau_table02 tbody th {
	font-weight: 500;
	background: #DCEEFA;
}
.p_tsukau_table02 tbody th[rowspan] {
	border-right: solid 1px #CCC;
}

/* ------------------------------------ 
   tsukau index
------------------------------------ */
.p_tsukau_menu1 {
	border: solid 3px #DCEEFA;
	padding: 6.2vw;
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu1 {
		padding: 40px;
	}
}
.p_tsukau_menu1 h2 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	color: #0D6DB7;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu1 h2 {
		font-size: 3rem;
	}
}
.p_tsukau_menu1 h2::before {
	content: "";
	display: block;
	width: 2.5em;
	height: 2.5em;
	margin-right: 0.2em;
	background-image: url(../img/tsukau/icon_cashservice.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu1 h2::before {
		width: 60px;
		height: 62px;
	}
}
.p_tsukau_menu1 picture {
	margin: 20px auto;
}
.p_tsukau_menu1 .point {
	margin: 20px -6.2vw;
	padding: 10px 0;
	font-weight: 500;
	line-height: 1.37;
	text-align: center;
	background: #DCEEFA;
	color: #0D6DB7;
}
@media only screen and (max-width: 767px) {
	.p_tsukau_menu1 .point {
		margin: 20px -6.2vw;
	}
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu1 .point {
		margin: 20px  auto;
		border-radius: 50px;
		font-size: 2.1rem;
	}
}
.p_tsukau_menu1 .note {
	font-size: 1.4rem;
	line-height: 1.7;
}
.p_tsukau_menu1 .note li {
	padding-left: 1em;
	text-indent: -1em;
}
@media only screen and (max-width: 767px) {
	.p_tsukau_menu1 .c_btn01 {
		max-width: 100%;
		margin-top: 25px;
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu1 .c_btn01 {
		margin-top: 55px;
		margin-bottom: 65px;
	}
}
/* ------------------------------------ */
.p_tsukau_menu2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 40px auto;
	border-bottom: solid 1px #CCC;
	line-height: 1.5;
}
.p_tsukau_menu2 > div {
	width: 100%;
	text-align: center;
	border-top: solid 1px #CCC;
}
.p_tsukau_menu2 > div h3 {
	color: #0D6DB7;
	font-weight: 500;
}
.p_tsukau_menu2 > div h3 span {
	font-size: 1.2rem;
}
.p_tsukau_menu2 > div div[class^="icon_"] {
	width: 25.5vw;
	height: 17.5vw;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.p_tsukau_menu2 > div div.icon_direct {
	background-image: url(../img/tsukau/index_pic01.svg);
}
.p_tsukau_menu2 > div div.icon_rokinapp {
	background-image: url(../img/tsukau/index_pic02.svg);
}
/* .p_tsukau_menu2 > div div.icon_kaisetsuapp {
	background-image: url(../img/tsukau/index_pic03.svg);
} */
.p_tsukau_menu2 > div div.icon_mobilepayment {
	background-image: url(../img/tsukau/index_pic04.svg);
}
/*
.p_tsukau_menu2 > div div.icon_telbank {
	background-image: url(../img/tsukau/index_pic05.svg);
}
.p_tsukau_menu2 > div div.icon_tasuki {
	background-image: url(../img/tsukau/index_pic06.svg);
}
*/
.p_tsukau_menu2 > div div.icon_qrdenpyo {
	background-image: url(../img/tsukau/index_pic07.svg);
}
.p_tsukau_menu2 > div p {
	display: none;
}
.p_tsukau_menu2 > div a {
	display: block;
	padding: 6.2vw;
}
@media only screen and (max-width: 767px) {
	.p_tsukau_menu2 > div > a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.p_tsukau_menu2 > div h3 {
		width: 54.1vw;
		text-align: left;
		order: 2;
	}
	.p_tsukau_menu2 > div div[class^="icon_"] {
		flex-shrink: 0;
	}
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu2 {
		border-right: solid 1px #CCC;
	}
	.p_tsukau_menu2 > div {
		width: calc(100% / 2);
		border-left: solid 1px #CCC;
	}
	/* 
	.p_tsukau_menu2 > div:nth-of-type(n+4) {
		width: calc(100% / 2);
	}
	 */
	.p_tsukau_menu2 > div h3 {
		font-size: 2.5rem;
	}
	.p_tsukau_menu2 > div:nth-of-type(n+3) h3 {
		min-height: 4.5em;
	}
	.p_tsukau_menu2 > div h3 span {
		font-size: 1.8rem;
	}
	.p_tsukau_menu2 > div.menu_tasuki h3 {
		letter-spacing: 0;
	}
	.p_tsukau_menu2 > div div[class^="icon_"] {
		width: 122px;
		height: 155px;
		background-size: auto;
	}
	.p_tsukau_menu2 > div p {
		display: block;
		font-size: 1.4rem;
	}
	.p_tsukau_menu2 > div a {
		padding: 40px 25px;
		position: relative;
	}
	.p_tsukau_menu2 > div a::after {
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		background-image: url(../img/common/icon_arrow01r_l.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
		right: 20px;
		bottom: 15px
	}
}
/* ------------------------------------ */
.p_tsukau_menu3 {
	width: 87.5vw;
	max-width: 1000px;
	margin: auto;
	padding: 0 0 40px;
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu3 {
		padding: 0 0 80px;
	}
}
/* ------------------------------------ */
.p_tsukau_menu4_outer h3 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 500;
	line-height: 1.5;
	color: #004097;
	margin-bottom: 15px;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_menu4_outer h3 {
		font-size: 2rem;
	}
}
.p_tsukau_menu4_outer h3::before {
	content: "";
	display: block;
	width: 10vw;
	height: 11.2vw;
	margin-right: 3.8vw;
	background-image: url(../img/common/icon_oyakudachi.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
	.p_tsukau_menu4_outer h3::before {
		width: 40px;
		height: 45px;
		margin-right: 15px;
	}
}
.p_tsukau_menu4 {
	padding: 30px 20px;
	background: #FFF;
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu4 {
		padding: 50px;
	}
}
.p_tsukau_menu4 dl + dl {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px #CCC;
}
.p_tsukau_menu4 dt {
	font-weight: 500;
	color: #0D6DB7;
}
@media only screen and (max-width: 767px) {
	.p_tsukau_menu4 dd {
		margin-top: 15px;
	}
}
@media only screen and (min-width: 768px) {
	.p_tsukau_menu4 dl {
		display: -webkit-flex;
		display: flex;
	}
	.p_tsukau_menu4 dt {
		width: 270px;
		flex-shrink: 0;
	}
	.p_tsukau_menu4 dd {
		width: 630px;
	}
}
@media print, screen and (min-width: 1090px) {
	.p_tsukau_menu4 .kashikinko .flex_2col {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
.p_tsukau_menu4 .kashikinko .flex_2col > div {
	margin-top: 10px;
}
@media print, screen and (min-width: 1090px) {
	.p_tsukau_menu4 .kashikinko .flex_2col > div {
		width: 300px;
	}
}
.p_tsukau_menu4 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.p_tsukau_menu4 thead th {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
	background: #50AAE6;
	color: #FFF;
	padding: 7px 5px;
}
.p_tsukau_menu4 thead th + th {
	border-left: solid 1px #CCC;
}
.p_tsukau_menu4 tbody th,
.p_tsukau_menu4 tbody td {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
	border-bottom: solid 1px #CCC;
	padding: 7px 5px;
}
.p_tsukau_menu4 tbody th {
	font-weight: 500;
	background: #DCEEFA
}
.p_tsukau_menu4 tbody td {
	border-left: solid 1px #CCC;
}



/* ------------------------------------ 
   cash_service
------------------------------------ */
@media only screen and (max-width: 767px) {
	.p_cashservice .p_tsukau_point img {
		max-width: 80%;
		display: block;
		margin: 30px -20px 0 auto;
	}
}
@media print, screen and (min-width: 768px) {
	.p_cashservice .p_tsukau_point p {
		padding-right: 310px;
	}
	.p_cashservice .p_tsukau_point img {
		bottom: 0;
		right: 0;
	}
}
@media print, screen and (min-width: 1070px) {
	.p_cashservice .p_tsukau_point img {
		bottom: 0;
		right: 25px;
	}
}
.riyojikan dl {
	margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
	.riyojikan dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 30px;
	}
}
@media print, screen and (min-width: 768px) {
	.riyojikan dt {
		width: 300px;
	}
	.riyojikan dd {
		width: 680px;
	}
}
.riyojikan dt p {
	padding: 5px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	background: #0D6DB7;
	color: #FFF;
}
.riyojikan dt img {
	display: block;
	width: 116px;
	margin: 10px auto
}
@media print, screen and (min-width: 768px) {
	.riyojikan dt img {
		width: 160px;
		margin: 20px auto
	}
}
.riyojikan table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.riyojikan th,
.riyojikan td {
	border: solid 1px #CCC;
	padding: 5px;
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {
	.riyojikan th,
	.riyojikan td {
		font-size: 1.4rem;
	}
}
.riyojikan thead th {
	font-weight: 500;
	text-align: center;
	background: #F0F0F0;
}
.riyojikan tbody th {
	font-weight: 500;
	text-align: center;
	background: #DCEEFA;
	color: #0D6DB7;
}
.riyojikan tbody td {
	width: 37%;
}
@media print, screen and (min-width: 768px) {
	.riyojikan tbody td {
		padding: 20px;
	}
}
.riyojikan tbody td .muryo {
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	color: #0D6DB7;
}
.riyojikan tbody td .jikan {
	text-indent: -0.6em;
}
.riyojikan tbody td .muryo:first-letter {
	letter-spacing: 0.7em;
}

.p_cashservice .c_accordion {
	max-width: 1000px;
	margin: auto;
}
.p_cashservice .c_accordion dd > div {
	background: #FFF;
	/*padding: 6.2vw;*/
	padding: 18px;
}
@media print, screen and (min-width: 768px) {
	.p_cashservice .c_accordion dd > div {
		padding: 30px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_cashservice .newkinnet {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
}
.p_cashservice .newkinnet .mark {
	text-align: center;
	margin-bottom: 10px;
	flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
	.p_cashservice .newkinnet .mark {
		margin-right: 20px;
	}
}
.p_cashservice .newkinnet .mark img {
	width: 65px;
	height: 65px;
}
@media print, screen and (min-width: 768px) {
	.p_cashservice .newkinnet .mark img {
		width: 80px;
		height: 80px;
	}
}
.p_cashservice .tatoeba dt {
	padding: 15px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	background: #DCEEFA;
	color: #0D6DB7;
}
.p_cashservice .tatoeba dd {
	padding: 15px 0;
	line-height: 1.5;
	border-bottom: solid 1px #CCC;
}
.c_accordion > dd + dt {
	margin-top: -3px;
}
.p_chuchoinji_table table {
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #CCC;
	width: 100%;
}
.p_chuchoinji_table thead th {
    padding: 5px;
    font-weight: 500;
	text-align: center;
    background: #50AAE6;
    color: #FFF;
}
.p_chuchoinji_table tbody td {
    padding: 5px;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.p_chuchoinji_table thead th,
	.p_chuchoinji_table tbody td {
		border-left: solid 1px #CCC;
	}
}
@media only screen and (max-width: 767px) {
	.p_chuchoinji_table table {
		display: -webkit-flex;
		display: flex;
	}
	.p_chuchoinji_table thead,
	.p_chuchoinji_table tbody {
		display: block;
		width: 50%;
	}
	.p_chuchoinji_table tr,
	.p_chuchoinji_table th,
	.p_chuchoinji_table td {
		display: block;
		width: 100%;
	}
	.p_chuchoinji_table thead th + th,
	.p_chuchoinji_table tbody td + td {
		border-top: solid 1px #CCC;
	}
}

/* ------------------------------------ 
   direct
------------------------------------ */
.p_direct .p_tsukau_point {
	padding-bottom: 30px;
}
@media print, screen and (min-width: 768px) {
	.p_direct .p_tsukau_point p {
		width: 55%;
	}
	.p_direct .p_tsukau_point img {
		width: 40%;
		bottom: 15px;
		right: -20px;
	}
}
@media print, screen and (min-width: 1070px) {
	.p_direct .p_tsukau_point p {
		width: 480px;
	}
	.p_direct .p_tsukau_point img {
		width: auto;
		bottom: 15px;
		right: 40px;
	}
}
.p_direct .p_direct_point {
}
.p_direct .p_direct_flow dl {
	margin-top: 50px;
}
@media print, screen and (min-width: 768px) {
	.p_direct .p_direct_flow dl {
		display: -webkit-flex;
		display: flex;
	}
}
.p_direct .p_direct_flow dt {
	font-size: 1.8rem;
	font-weight: 500;
	background: #DCEEFA;
	color: #0D6DB7;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.p_direct .p_direct_flow dt {
		margin-bottom: 20px;
		padding: 10px;
		line-height: 1;
	}
}
@media print, screen and (min-width: 768px) {
	.p_direct .p_direct_flow dt {
		width: 200px;
		margin-right: 30px;
		padding: 30px 0;
		flex-shrink: 0;
		text-align: center;
		position: relative;
	}
}
.p_direct .p_direct_flow dl + dl dt::before {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background-image: url(../img/common/icon_arrow02d_d.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: -30px;
}

.p_direct .p_oshirase_flow dl {
	margin-top: 50px;
}
@media print, screen and (min-width: 768px) {
	.p_direct .p_oshirase_flow dl {
		display: -webkit-flex;
		display: flex;
	}
}
.p_direct .p_oshirase_flow dt {
	font-size: 1.8rem;
	font-weight: 500;
	background: #DCEEFA;
	color: #0D6DB7;
}
@media only screen and (max-width: 767px) {
	.p_direct .p_oshirase_flow dt {
		margin-bottom: 20px;
		padding: 10px;
		line-height: 1.2;
	}
}
@media print, screen and (min-width: 768px) {
	.p_direct .p_oshirase_flow dt {
		width: 200px;
		margin-right: 30px;
		padding: 30px 0;
		text-align: center;
		flex-shrink: 0;
		align-self: flex-start;
	}
}

/* ------------------------------------ 
   mobilepayment
------------------------------------ */
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_tsukau_point p {
		width: 55%;
	}
	.p_mobilepayment .p_tsukau_point img {
		bottom: 0px;
		right: 110px;
	}
}
@media print, screen and (min-width: 1000px) {
	.p_mobilepayment .p_tsukau_point p {
		width: 520px;
	}
}

.p_mobilepayment .leadcopy .logo {
	text-align: center;
}
.p_mobilepayment .leadcopy .logo img {
	width: auto;
	height: 49px;
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .leadcopy .text {
		margin-top: 25px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .leadcopy {
		display: -webkit-flex;
		display: flex;
	}
	.p_mobilepayment .leadcopy .logo {
		width: 380px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.p_mobilepayment .leadcopy .logo img {
		width: 240px;
		height: auto;
	}
	.p_mobilepayment .leadcopy .text {
		width: calc(100% - 380px);
	}
}
.p_mobilepayment .howto {
	margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .howto {
		margin-top: 80px;
	}
}
.p_mobilepayment .howto h4 {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #0D6DB7;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .howto h4 {
		font-size: 2.7rem;
	}
}
.p_mobilepayment .p_linepay .howto > ol > li {
	margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .howto > ol > li {
		margin-top: 60px;
	}
}
.p_mobilepayment .p_linepay .howto > ol > li h5 {
	padding-left: 35px;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	border: solid 1px #08BF5B;
	color: #08BF5B;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .howto > ol > li h5 {
		width: 100%;
		padding-left: 50px;
		font-size: 2rem;
	}
}
.p_mobilepayment .p_linepay .howto > ol > li h5 .number {
	display: block;
	width: 35px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #08BF5B;
	color: #FFF;
}
.p_mobilepayment .p_linepay .photo_area {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .photo_area {
		margin-left: 40px;
		flex-shrink: 0;
		order: 2;
	}
}
.p_mobilepayment .p_linepay .photo_area img {
	height: 221px;
	width: auto;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .photo_area img {
		width: 160px;
		height: 270px;
	}
}
.p_mobilepayment .p_linepay .photo_area img + img {
	margin-left: 18px;
}
.p_mobilepayment .p_linepay .text_area {
	line-height: 1.5;
	margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_linepay .block_step + .block_step {
		margin-top: 50px;
		position: relative;
	}
	.p_mobilepayment .p_linepay .block_step + .block_step::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		position: absolute;
		top: -50px;
		bottom: 100%;
		left: 0;
		right: 0;
		background: url(../img/tsukau/mobilepayment_linepay_arrow.svg) center center no-repeat;
		background-size: auto;
		transform: rotate(90deg);
	}
	.p_mobilepayment .p_linepay .howto1 .kochira_sp {
		margin: 20px 0;
	}
	.p_mobilepayment .p_linepay .howto1 .kochira_sp a {
		display: block;
		padding: 10px;
		font-size: 1.4rem;
		background: #08BF5B;
		color: #FFF;
		position: relative;
	}
	.p_mobilepayment .p_linepay .howto1 .kochira_sp a::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		background-image: url(../img/common/icon_arrow02r_w.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
		right: 8px;
		bottom: 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .howto1 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.p_mobilepayment .p_linepay .howto1 .block_step {
		position: relative;
		width: 450px;
		display: -webkit-flex;
		display: flex;
	}
	.p_mobilepayment .p_linepay .howto1 .photo_area {
		width: 160px;
	}
	.p_mobilepayment .p_linepay .howto1 .kochira_pc {
		margin: 20px 0;
	}
}
@media print, screen and (min-width: 1110px) {
	.p_mobilepayment .p_linepay .howto1 .block_step + .block_step::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		background: url(../img/tsukau/mobilepayment_linepay_arrow.svg) center center no-repeat;
		background-size: auto;
		position: absolute;
		top: 0;
		left: -100px;
		bottom: 60px;
		right: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_linepay .text_area {
		display: -webkit-flex;
		display: flex;
	}
	.p_mobilepayment .p_linepay .text_area .step_icon {
		width: 70px;
		margin-right: 16px;
		flex-shrink: 0;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .text_area .step_icon {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(2) .photo_area img {
		margin-left: 23px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_linepay .howto2 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step {
		display: -webkit-flex;
		display: flex;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(1) {
		width: 630px;
		margin-bottom: 60px;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(2) {
		width: 478px;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(1) .text_area,
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(2) .text_area {
		width: 250px;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(2) .photo_area img {
		width: 187px;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(3) {
		/*width: 370px;*/
		position: relative;
	}
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(3) .text_area {
		width: 170px;
		white-space: nowrap;
	}
	.p_mobilepayment .p_linepay .howto3 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step {
		display: -webkit-flex;
		display: flex;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step:nth-of-type(odd) {
		width: 550px;
		margin-bottom: 60px;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step:nth-of-type(odd) .text_area {
		width: 175px;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step:nth-of-type(even) {
		width: 350px;
		position: relative;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step:nth-of-type(even) .text_area {
		width: 155px;
	}
}
@media print, screen and (min-width: 1110px) {
	.p_mobilepayment .p_linepay .howto2 .block_step:nth-of-type(3)::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		background: url(../img/tsukau/mobilepayment_linepay_arrow.svg) center center no-repeat;
		background-size: auto;
		position: absolute;
		top: 0;
		left: -164px;
		bottom: 74px;
		right: 100%;
	}
	.p_mobilepayment .p_linepay .howto3 .block_step:nth-of-type(even)::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		background: url(../img/tsukau/mobilepayment_linepay_arrow.svg) center center no-repeat;
		background-size: auto;
		position: absolute;
		top: 0;
		left: -100px;
		bottom: 74px;
		right: 100%;
	}
}

.p_mobilepayment .p_paypay .howto > ul > li {
    margin-top: 50px;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li {
		margin-top: 100px;
	}
}
.p_mobilepayment .p_paypay .howto > ul > li h5 {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    border: solid 1px #FF0033;
    position: relative;
}
.p_mobilepayment .p_paypay .howto > ul > li h5 span {
    color: #FF0033;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li h5 {
		padding-left: 50px;
		font-size: 2rem;
	}
}
.p_mobilepayment .p_paypay .howto > ul > li:last-of-type h5 {
	background: #FF0033;
	color: #FFF;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li > ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_paypay .howto > ul > li > ul > li {
		margin-top: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li {
		margin-top: 60px;
		position: relative;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		position: absolute;
		top: -60px;
		bottom: 100%;
		left: 0;
		right: 0;
		background: url(../img/tsukau/mobilepayment_paypay_arrow.svg) center center no-repeat;
			background-size: auto;
		background-size: auto;
		transform: rotate(90deg);
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li > ul > li {
		width: 180px;
		margin-top: 60px;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li {
		margin-left: 92px;
		position: relative;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li:nth-of-type(4n+1) {
		margin-left: 0;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		background: url(../img/tsukau/mobilepayment_paypay_arrow.svg) center center no-repeat;
		background-size: auto;
		position: absolute;
		top: 0;
		left: -92px;
		bottom: 60px;
		right: 100%;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) > ul > li + li:nth-of-type(4n+1)::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_paypay .howto > ul > li > ul > li .photo {
		width: 130px;
		margin-left: 20px;
	}
}
.p_mobilepayment .p_paypay .howto > ul > li > ul > li img {
	width: 130px;
	height: auto;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li > ul > li img {
		width: 180px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li:first-of-type > ul {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 680px;
		margin: auto;
	}
}
.p_mobilepayment .p_paypay .howto > ul > li .fukidashi {
	padding: 10px;
	text-align: center;
	line-height: 1.5;
	background: #FF0033;
	color: #FFF;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li .fukidashi {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_paypay .howto > ul > li .fukidashi::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 0px 0 14px;
		border-color: #FF0033 transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: calc(50% - 6px);
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li .fukidashi::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 6px 0 6px;
		border-color: #FF0033 transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: calc(50% - 6px);
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_paypay .howto > ul > li:not(:first-of-type) .photo {
		order: 2;
		flex-shrink: 0;
	}
}
.p_mobilepayment .p_paypay .howto > ul > li .text {
	line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li .text {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type {
		display: block;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type .photo {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type .text {
		text-align: center;
	}
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type {
		width: 460px;
		position: relative;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type .photo img + img {
		display: inline-block;
		margin-left: 92px;
		position: relative;
	}
	.p_mobilepayment .p_paypay .howto > ul > li:last-of-type > ul > li:first-of-type::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		background: url(../img/tsukau/mobilepayment_paypay_arrow.svg) center center no-repeat;
		background-size: auto;
		position: absolute;
		top: 0;
		left: 180px;
		bottom: 60px;
		right: 180px;
	}
}

.p_mobilepayment .p_linepay .c_btn01,
.p_mobilepayment .p_jcoinpay .c_btn01,
.p_mobilepayment .p_paypay .c_btn01,
.p_mobilepayment .p_bankpay .c_btn01 {
	margin-top: 30px;
	padding: 10px;
	line-height: 1.5;
}
.p_mobilepayment .c_btn01 .btn_name {
	display:  block;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .c_btn01 .btn_name {
		font-size: 2rem;
	}
}
.p_mobilepayment .c_btn01 .btn_sub {
	display:  block;
	font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
	.p_mobilepayment .c_btn01 .btn_sub {
		font-size: 1.6rem;
	}
}
.p_mobilepayment .p_linepay .c_btn01 {
	background: #08BF5B;
}
.p_mobilepayment .p_jcoinpay .c_btn01 {
	background: #FF678D;
}
.p_mobilepayment .p_paypay .c_btn01 {
	background: #FF0033;
}
.p_mobilepayment .p_bankpay .c_btn01 {
	background: #dbc16f;
}



/* ------------------------------------ 
   telbank
------------------------------------ */
.p_telbank_flow {
	margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
	.p_telbank_flow {
		margin-top: 80px;
	}
}
.p_telbank_flow h5 {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	border: solid 1px #0D6DB7;
	color: #0D6DB7;
}
.p_telbank_flow .telbank_tel {
	text-align: center;
	margin: 25px auto;
}
@media print, screen and (min-width: 768px) {
	.p_telbank_flow .telbank_tel {
		margin-bottom: 40px;
	}
}
.p_telbank_flow > div + div {
	margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
	.p_telbank_flow > div + div {
		margin-top: 80px;
	}
}
.p_telbank .tejun03 dl {
	margin-top: 25px;
	margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
	.p_telbank .tejun03 dl {
		display: -webkit-flex;
		display: flex;
		margin-top: 50px;
	}
}
.p_telbank .tejun03 dt {
	padding: 10px 10px;
	font-size: 1.8rem;
	font-weight: 500;
	background: #DCEEFA;
	color: #0D6DB7;
}
@media only screen and (max-width: 767px) {
	.p_telbank .tejun03 dt {
		line-height: 1.2;
		margin-bottom: 20px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_telbank .tejun03 dt {
		width: 200px;
		margin-right: 30px;
		padding: 30px 0;
		flex-shrink: 0;
		text-align: center;
		align-self: flex-start;
	}
}
.p_telbank .tejun03 dd ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	max-width: 770px;
}
.p_telbank .tejun03 dd li {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	position: relative;
}
.p_telbank .tejun03 dd li + li {
	margin-top: 5px;
}
@media print, screen and (min-width: 768px) {
	.p_telbank .tejun03 dd li {
		width: 350px;
		font-size: 1.6rem;
	}
}
.p_telbank .tejun03 dd li::before {
	content: "●";
	display: inline;
	color: #0D6DB7;
}
.p_telbank .tejun03 dd li::after {
	content: "";
	display: block;
	width: auto;
	height: auto;
	border-bottom: dotted 2px #CCC;
	position: absolute;
	left: 1em;
	right: 1em;
	top: 50%;
	z-index: 1;
}
.p_telbank .tejun03 dd li span {
	display: inline-block;
	position: relative;
	z-index: 2;
	background: #FFF;
}
.p_telbank .tejun03 dd li .number {
	color: #ED1C24;
	margin-left: auto;
	text-align: right;
}
.p_telbank .c_accordion {
	max-width: 1000px;
	margin: auto;
}
.p_telbank .c_accordion div {
	background: #FFF;
	padding: 5px;
}
@media print, screen and (min-width: 768px) {
	.p_telbank .c_accordion div {
		padding: 30px;
	}
}
.p_telbank .p_telbank_table table {
	width: 100%;
}
.p_telbank .p_telbank_table th,
.p_telbank .p_telbank_table td {
	text-align: center;
	padding: 10px;
}
@media only screen and (max-width: 767px) {
	.p_telbank .p_telbank_table th,
	.p_telbank .p_telbank_table td {
		padding: 5px;
		font-size: 1rem;
		letter-spacing: 0;
	}
}
.p_telbank .kyugyobi {
	margin-top: 40px;
	padding: 20px;
	background: #DCEEFA;
}
@media print, screen and (min-width: 768px) {
	.p_telbank .kyugyobi {
		margin-top: 50px;
		padding: 50px;
	}
}


/* ------------------------------------ 
   service
------------------------------------ */
.p_tasuki_table tbody th,
.p_tasuki_table tbody td {
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
@media only screen and (max-width: 767px) {
	.p_tasuki_table thead th,
	.p_tasuki_table tbody th,
	.p_tasuki_table tbody td,
	.p_tasuki_table tbody td .p_tsukau_note > * {
		font-size: 1.2rem;
	}
	.p_tasuki_table tbody th {
		width: 90px;
	}
}
@media print, screen and (min-width: 768px) {
	.p_tasuki_table tbody th,
	.p_tasuki_table tbody td {
		padding: 20px;
	}
	.p_tasuki_table tbody th {
		width: 200px;
	}
}
.p_tokuten_table {
	margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
	.p_tokuten_table {
		margin-top: 20px;
	}
}
.p_tokuten_table thead th {
	width: 25%;
}
.p_tokuten_table tbody th,
.p_tokuten_table tbody td {
	padding: 5px;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	.p_tokuten_table thead th,
	.p_tokuten_table tbody th,
	.p_tokuten_table tbody td {
		font-size: 1.2rem;
	}
}
@media print, screen and (min-width: 768px) {
	.p_tokuten_table tbody th,
	.p_tokuten_table tbody td {
		padding: 20px;
	}
}
.p_payeasy .goriyou img {
	width: 89px;
	display: block;
	margin: auto;
}
@media print, screen and (min-width: 768px) {
	.p_payeasy .goriyou .flex {
		display: -webkit-flex;
		display: flex;
	}
	.p_payeasy .goriyou .payeasy_logo {
		width: 89px;
		flex-shrink: 0;
		margin-right: 40px;
	}
}

.p_payeasy .c_accordion {
	max-width: 1000px;
	margin: auto;
}
.p_payeasy .c_accordion > dd > div {
	background: #FFF;
	padding: 30px 20px;
}
@media print, screen and (min-width: 768px) {
	.p_payeasy .c_accordion > dd > div {
		padding: 30px 30px;
	}
	.p_payeasy .c_accordion .shunokiakn {
		display: -webkit-flex;
		display: flex;
	}
	.p_payeasy .c_accordion .shunokiakn ul + ul {
		margin-left: 40px;
	}
}
.p_debitcard .acceptance .photo,
.p_debitcard .cashout .photo {
	padding: 20px;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.p_debitcard .acceptance p,
	.p_debitcard .cashout p {
		float: right;
		/*width: 750px;*/
		width: calc(100% - 250px);
	}
	.p_debitcard .acceptance .photo,
	.p_debitcard .cashout .photo {
		width: 250px;
		padding: 0;
		text-align: left;
		float: left;
	}
}
.p_debitcard .tsukaikata .flow {
	margin-bottom: 30px;
}
.p_debitcard .tsukaikata .flow li {
	border: solid 3px #DCEEFA;
	letter-spacing: 0.05em;
	position: relative;
	padding: 20px;
}
@media only screen and (max-width: 767px) {
	.p_debitcard .tsukaikata .flow li + li {
		margin-top: 40px;
	}
	.p_debitcard .tsukaikata .flow li + li::before {
		content: "";
		display: block;
		width: auto;
		height: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: -43px;
		bottom: 100%;
		background: url(../img/netdebenri/icon_flow_arrow.svg) center center no-repeat;
    	background-size: auto;
		transform: rotate(90deg);
	}
}
@media print, screen and (min-width: 768px) {
	.p_debitcard .tsukaikata .flow {
		display: -webkit-flex;
		display: flex;
	}
	.p_debitcard .tsukaikata .flow li {
		width: 220px;
		line-height: 1.5;
	}
	.p_debitcard .tsukaikata .flow li + li {
		margin-left: 40px;
	}
	.p_debitcard .tsukaikata .flow li + li::before {
		content: "";
		display: block;
		width: 40px;
		height: auto;
		position: absolute;
		left: -43px;
		top: 0px;
		bottom: 0px;
		background: url(../img/netdebenri/icon_flow_arrow.svg) center center no-repeat;
    	background-size: auto;
	}
}
.p_debitcard_table table {
	width: 100%;
}
.p_debitcard_table tbody th,
.p_debitcard_table tbody td {
    vertical-align: top;
    text-align: left;
    padding: 10px;
}
.p_debitcard_table tbody th {
	min-width: 7em;
}
@media only screen and (max-width: 767px) {
	.p_debitcard_table tbody th,
	.p_debitcard_table tbody td {
		font-size: 1.4rem;
	}
}
@media print, screen and (min-width: 768px) {
	.p_debitcard_table tbody th,
	.p_debitcard_table tbody td {
		padding: 20px;
	}
}


/* ------------------------------------ 
   tesuryou
------------------------------------ */
.p_tesuryou_table table {
	width: 100%;
	table-layout: fixed;
}
@media only screen and (max-width: 767px) {
	.p_tesuryou_table .sp_table_auto {
		table-layout: auto;
	}
}
.p_tesuryou_table thead tr + tr th {
	border-top: solid 1px #CCC;
}
.p_tesuryou_table th[rowspan],
.p_tesuryou_table td[rowspan] {
	border-right: solid 1px #CCC;
}
.p_tesuryou_table table th,
.p_tesuryou_table table td {
	text-align: center;
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {
	.p_tesuryou_table table th,
	.p_tesuryou_table table td {
		font-size: 1.4rem;
	}
}
.p_tesuryou .ttl_tesuryou{
	background: #DCEEFA;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.p_tesuryo_date {
	text-align: right;
	font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
	.p_tesuryo_date {
		font-size: 1.6rem;
	}
}