@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :  flow.css
=================================================================== */
.lineupSMPbtn {
	padding:10px;
	background:#f6f4eb;
	text-align:center;
	font-size:1.4em;
	display:none;
}
.lineupSMPbtn:hover {
	background:#94204d;
	color:#FFF;
}
.pcNone {
	display: none;
}
.spNone {
	display: block;
}

/* ------------------------------------------------
flow terms
------------------------------------------------ */
h3.lede {
	font-size: 2.1em;
	color: #6f570d;
	line-height: 1.5;
	margin-bottom: 2em;
	font-weight: normal;
	border: none; 
}

h3.lede.textHdd > .textHddInner {
  position: relative;
  border-left: 0;
  background: none;
  padding: 0;
}


.catch {
	color: #6f570d;
	font-size: 21px;
	line-height: 1.5;
	margin-bottom: 25px;
}

.flowUnit{
	margin-bottom: 40px;
}

.flowUnit .txt_ul{
	text-decoration: underline;
}

.flowUnit_bdr{
	border: 2px solid #8e214a;
}

.flowUnit .flowUnitLeft {
	float: left;
	width: 47%;
}

.flowUnit .flowUnitRight {
	float: right;
	width: 47%;
}

.flowUnit h4{
	padding: 15px 0;
	text-align: center;
	background: #f6f6f6;
}

.flowUnitInner{
	padding: 20px;
}

.flowUnitInner p:last-child{
	margin-bottom: 15px;
}

.flowUnitInner{
	padding: 20px;	
}

.flowUnitInner .img_center{
	text-align: center;
}

.flowUnitInner_left{
	width: 45%;
	float: left;
}

.flowUnitInner_left h5{
	margin-bottom: 10px;
}

.flowUnitInner_left dl{
	border: 1px solid #a99342;	
	margin-bottom: 10px;
}

.flowUnitInner_left dt{
	background: #a99342;
	padding: 8px 0;
	text-align: center;	
}

.flowUnitInner_left dd{
	background: #eee9d9;
	padding: 14px 10px;
	font-size: 14px;
}

.flowUnitInner_right{
	width: 50%;
	float: right;
	margin-top: 1em;
}

.flowUnitInner_btm{
	background: #eee9d9;
	border: 1px solid #a99342;
	padding: 20px 15px;	
}
 
.flowUnitInner_btm p{
	width: 480px;
	float: left;
	margin-bottom: 0;	
}

.flowUnitInner_btm a{
	font-size: 14px;
	display: inline-block;
	float: right;
	margin-top: 2.5em;
}

.flowUnitInner_btm p a{
	display: inline;
	float: none;
}

/*--------------------------------
flow index
--------------------------------*/

.flowUnit{
	max-width: 870px;
	margin-bottom: 3%;
}

.flowUnit_step{
	margin-bottom: 2%;
}

.flowUnitStep02_inner{
	position: relative;
}

.flowUnitStep02_inner p.facility{
	position: absolute;
	bottom:21%;
	left: 55%;
}

.flowUnitStep02_inner p.observe{
	position: absolute;
	bottom:5.5%;
	left: 24%;
}

.flowsupport{
	background: #f6f4eb;
	border: 1px solid #c9c3a6;
	padding: 10px;	
	margin-top: 7%;
}
 
.flowsupport_left{
	width: 45%;
	float: left;
	margin-bottom: 0;
	margin: 2%;	
}

.flowsupport_left p{
	margin-bottom: 1.5em;
}

.flowsupport_left a{
	font-size: 1.3em;
}

.flowsupport_right {
	font-size: 30%;
	display: inline-block;
	float: right;
}

.pager {
	padding-bottom: 60px;
}

.prev_btn {
	color: #94204d;
	float: left;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left: 50px;
}
.prev_btn a {
	color: #94204d;
	text-decoration: underline;
	font-size: 1.2em;
	line-height: 1.3em;
}
.next_btn {
	color: #94204d;
	float: right;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-right: 50px;
}
.next_btn a {
	color: #94204d;
	text-decoration: underline;
	font-size: 1.2em;
	line-height: 1.3em;
}



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

.about_sub .pcNone {
	display: block;
}
.about_sub .spNone {
	display: none;
}

.prev_btn {
	color: #94204d;
	margin-left: 0;
}

.next_btn {
	color: #94204d;
	margin-left: 0;
}



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

.pcNone {
	display: block;
}
.spNone {
	display: none;
}

.catch {
  color: #513f08;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 25px;
}

/* ------------------------------------------------
flow terms
------------------------------------------------ */
.flow .textHdd .textHddInner img{
	width: 20%;	
}

.flow h4 img{
	width: 40%;
}

.flowUnitInner_bdr{
	width: 100%;
	padding: 1em;
}

.flowUnit .flowUnitLeft,
.flowUnit .flowUnitRight {
	float: none;
	width: 100%;
	margin-bottom: 5%;
}

.flowUnit .flowUnitInner_left{
	width: 100%;
	float: none;
}

.flowUnit .flowUnitInner_left img{
	width: 50%;
}

.flowUnit .flowUnitInner_left p.img_center img{
	width: 100%;
}

p.flowUnitInner_right{
	width: 100%;
	float: none;
	margin-top: 5%;
}

.flowUnitInner_btm{
	background: #eee9d9;
	border: 1px solid #a99342;
	padding: 20px 15px;	
}
 
.flowUnitInner_btm p{
	width:100%;
	float: none;
}

.flowUnitInner_btm a{
	font-size: 1.2em;
	display: block;
	float: none;
	margin-top: 2.5em;
	letter-spacing: -0.1em;
}



/* ------------------------------------------------
 about index
------------------------------------------------ */

.lnavWrap .about_sub li {
	display: block;
	width: 100%;
}
.lnavWrap .about_sub li img {
	width: 100%;

.prev_btn {
	float: none;
	margin: 0;
	text-align: center;
	margin-bottom: 5px;
}
.next_btn {
	float: none;
	margin: 0;
	text-align: center;
}


}


/* ------------------------------------------------
 flow index 
------------------------------------------------ */
.flowsupport{
	width: 99%;
	padding: 5% 3%;
	margin: 0 auto;
}

.flowsupport_left{
	width: 100%;
	float: none;
	margin: 0 auto 3%;
	
}

.flowsupport_left p{
	width: 100%;
	margin-bottom: 1em;
}

.flowsupport_right {
	width: 100%;
	float: none;
}

.flowsupport_right img{
	text-align: center;
}


/* flowUnit_sp pcNone */



.flowUnit_sp h3 {
	width: 100%;
	margin-bottom: 2.5%;
}

.flowUnit_sp h3 img {
	width: 100%;	
}

.flowUnit_sp .step1 .border_wrap  {
	border: 1px solid #d1d1d1;
}

.flowUnit_sp .step2 .border_wrap  {
	border: 1px solid #d1d1d1;
	margin-bottom: 5%;
}

.flowUnit_sp .step3 .border_wrap  {
	border: 1px solid #d1d1d1;
	margin-bottom: 5%;
}


.flowUnit_sp .step1 .flow_item_wrap>img,
.flowUnit_sp .step2 .flow_item_wrap>img,
.flowUnit_sp .step3 .flow_item_wrap>img {
	display: block;
	float: right;
	width: 40%;	
	margin: 0 0 0 2.5%;
}

.flowUnit_sp .step_arrow img {
	display: block;
	width: 30%;	
	margin: 5% auto;
}

.flowUnit_sp .lede {
	width: 90%;	
	margin: 2.5% auto;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

.flowUnit_sp .step1 .flow_item_wrap p.lede {
	margin: 0;
}

.flowUnit_sp .step2 h4 img {
	display: block;
	width: 90%;	
	margin: 2.5% auto;
}

.flow_item_wrap {
	width: 90%;
 	margin: 2.5% auto;
}

.try_wrap .flow_item_wrap {
	width: 95%;
 	padding: 2.5%;
 	margin: 0 auto;
}

.flow_item_wrap:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.flowUnit_sp .step2 div>p {
	text-align: center;
	margin-bottom: 2.5%;	
}

.flowUnit_sp .step2 .flow_item_wrap>p {
	text-align: left;
}

.flowUnit_sp .step2 div>img {
	margin-bottom: 0;
}

.flowUnit_sp .step2 .hg_txt {
	display: block;
	width: 80%;
	margin: 0 auto 5%;
}

.flowUnit_sp .step2 .hg_map {
	display: block;
	width: 90%;
	margin: 0 auto 2.5%;
}

.flowUnit_sp .step2 p a img {
	display: block;
	width: 90%;
	margin: 0 auto 2.5%;
}

.flowUnit_sp .step2 .try_wrap .lede {
	margin: 7.5% auto 2.5%;
	text-align: left;
}

.flowUnit_sp .step2 .try_wrap .border_wrap {
	border: 1px solid #ac9242;
	margin-bottom: 0;
}

.flowUnit_sp .step2 .try_wrap dt {
	font-size: 2em;
	color: #6f570d;
	margin: 0 5% 5%;
	padding-left: 5%;
	text-align: center;
}

.flowUnit_sp .step2 .try_wrap dd img {
	display: block;
	float: right;
	width: 40%;	
	margin: 0 0 5% 2.5%;
}

.flowUnit_sp .step2 .try_wrap dd {
	font-size: 1.3em;
	margin-top: 5%;
	padding-left: 5%;
}

.flowUnit_sp .step2 .try_wrap dd:last-of-type {
	padding-left: 0;
}

.flowUnit_sp .step2 .try_wrap dd a {
	display: block;
	font-size: 1em;
	margin-bottom: 2.5%;
	text-decoration: underline;
	padding-left: 1em;
	clear: both;
}

.flowUnit_sp .step2 .try_wrap dd a:before {
	content: "> ";
}

.flowUnit_sp .step2 .try_wrap .try_notice {
	font-size: 0.8em;
	text-align: right;
}

.flowUnit_sp .step3 .border_wrap  {
	border: 1px solid #d1d1d1;
	width: 100%;
	margin-bottom: 5%;
}

.flowUnit_sp .step3 .border_wrap p {
	width: 90%;
	margin: 5% auto;
}

.flowUnit_sp .step3 .border_wrap .card {
	display: block;
	width: 40%;
	margin: 2.5% auto;
}

.flowUnit_sp .step3 .start_wrap {
	border: 1px solid #a0194e;
}

.flowUnit_sp .step3 .start_wrap .lede,
.flowUnit_sp .step3 .start_wrap h3 {
	text-align: center;
}

.flowUnit_sp .step3 .start_wrap img {
	display: block;
	width: 100%;
	margin: 0 0 0 auto;
}

.flowUnit_sp .step3 .start_wrap h3 {
	font-size: 2em;
	color: #a0194e;
	margin-bottom: 7.5%;
}

.flowUnit_sp .step3 .start_wrap img.ticket {
	display: block;
	width: 80%;
	margin: 5% auto;
}

.flowUnit_sp .sup_wrap {
	border: 1px solid #c9c3a6;
	background-color: #f6f4eb;
	margin: 15% 0 7.5%;
}

.flowUnit_sp .sup_wrap dt {
	font-size: 2em;
	color: #6f570d;
	margin: 5% 0;
	padding-left: 5%;
}

.flowUnit_sp .sup_wrap dd img {
	display: block;
	float: right;
	width: 40%;
	margin: 0 auto 5%;
	
}

.flowUnit_sp .sup_wrap dd {
	width: 90%;
	font-size: 1.3em;
	margin: 5% auto 0;
}

.flowUnit_sp .sup_wrap dd.link_sup {
	width: 90%;
	clear: both;
	margin: 5% auto 0;
	padding: 0 0 5% 1.5em;
	text-decoration: underline;
	letter-spacing: -0.08em;
	text-indent: -1em;
}

.flowUnit_sp .sup_wrap dd a {
	font-size: 1em;
	text-decoration: underline;
	text-indent: -1em;
}

.flowUnit_sp .sup_wrap dd a:before,
.flowUnit_sp p a:before {
	content: "> ";
}
	
.flowUnit_sp p.flow_info a:before {
	content: "";
}

.flowUnit_sp p.txt_link {
	margin: 0 5%;
}





h3.lede.textHdd {
	border-bottom: none;
}



h3.lede.textHdd > .textHddInner {
  font-size: 1em;
  color: #6f570d;
  border-left: none;
  background: transparent;
  padding: 4px 0 4px 10px;
}