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

#guideline .wrap{
	text-align:center;
	}

#guideline h3{
	font-size:3.0vw;
	line-height:1.4;
	margin-bottom:30px;}

#guideline h4{
	font-size:1.4vw;
	display:inline-block;
	min-width:8.0vw;
	padding:0.5vw 1vw;
	margin-bottom:50px;
	background:#004E8D;
	color:#FFF;}

#guideline article{
	margin:100px auto 0;
	}

#guideline #flow ol{
	width:100%;
	text-align:left;
	counter-reset: item;/* リストのカウント制御 */
  /*counter-reset: item 1;*/ /*「2」からカウントし始める*/
	}

#guideline #flow ol a{
	color: #F18D1E;
	text-decoration:underline;
	}

#guideline #flow ol li{
	padding:30px 20px 30px 100px;
	text-indent: -4rem;
	}

#guideline #flow ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下装飾 */
  font-size:1.8vw;
  padding-right: 3rem;
  color: #F18D1E;
}

#guideline #flow ol li:last-of-type:before{
  color: #FFF;
}


#guideline #flow ol li:nth-of-type(2n){
	background-color:#ECECEC;
	}

#guideline #flow ol li:last-of-type{
	color:#FFF;
	background-color:#F18D1E;
	}

#guideline #flow .item-title{
	font-size:1.8vw;}

#guideline #flow .asterisk{
	font-size:1.0vw;}



#guideline #description table{
	text-align:left;}

#guideline #description > table > tbody > tr{
	border-bottom:solid #000 1px;}

#guideline #description > table > tbody > tr > th,
#guideline #description > table > tbody > tr > td{
	padding:30px 20px;}

#guideline #description > table > tbody > tr > th{
	font-size:1.4vw;
	width:20%;
	vertical-align:top;}

#guideline #description > table > tbody > tr > th span{
	display:block;
	font-size:1.2vw;
	line-height:1.6;}

#guideline #description table td p + p{
	margin-top:20px;}

#guideline #description table td div + div{
	margin-top:20px;
}

#guideline #description table td .style{
	width:12vw;
}



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

#guideline p{
	font-size:1.2rem;
	text-align:left;}

#guideline h4{
	font-size:1.6rem;
	min-width:120px;
	margin-bottom:20px;
	padding:5px 15px;}

#guideline article{
	margin:50px auto 0;
	}

#guideline #flow ol{
	font-size:1.2rem;
	}

#guideline #flow .item-title{
	font-size:1.6rem;}

#guideline #flow .asterisk{
	font-size:1rem;}

#guideline #flow ol li{
	padding:30px 20px 30px 60px;
	text-indent: -3.5rem;
	}

#guideline #flow ol li:before {
  font-size:1.6rem;
  padding-right: 2rem;
}


#guideline #description > table > tbody > tr > th,
#guideline #description > table > tbody > tr > td{
	display:block;}



#guideline #description > table > tbody > tr > th{
	font-size:1.4rem;
	width:100%;
	padding:30px 20px 0;}

#guideline #description table td{
	font-size:1.2rem;}


#guideline #description table th span{
	font-size:1.2rem;}

#guideline #description table td .style{
	width:140px;
}


}

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

#guideline #description > table > tbody > tr > th {
	color:#004E8D;}

#guideline #description > table > tbody > tr > th:before{
  content: '◆';
}

#guideline #flow .asterisk{
	display: block;
	text-indent:0;}

}