@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Prata&display=swap');
@import url("https://use.fontawesome.com/releases/v5.15.3/css/all.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); 
/*===============================================
	■header
===============================================*/
header {
	max-width: 960px;
	margin: 0 auto 30px;
}
header .header {
	max-width: 900px;
	margin:0 auto 20px;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
	justify-content:space-between;
}
header h1 {
	width:300px;
}
header p.yotei {
	width:200px;
	display: block;
	padding:30px 10px 5px;
	color:#FFF;
	background-color: #000;
	text-align: center;
}
@media screen and (max-width:900px){
header {
	margin: 0 0 5px;
}
header .header {
	align-items:center;
}
header h1 {
	width:calc(40% - 5px);
	margin-right: 5px;
	text-align: center;
}
header p.yotei {
	width:45%;
	padding:5px 0;
	font-size:0.9rem;
	text-align: center;
}
}

/*===============================================
	■plan
===============================================*/

#plan {
	max-width:860px;
	margin: 0 auto;
		display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
.plan {
	margin:0 0 30px;
}

@media screen and (max-width:900px){
#plan {
	margin:0 5% 20px;
}
}

/* entry------------------ */
.entry {
	margin: 20px 0 0;
	text-align: center;
}
.entry a {
	max-width: 500px;
	display:block;
	margin: 0 auto;
	padding:15px 0;
	background-color: #FFF100;
	text-align: center;
	color:#FFF !important;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: 2px solid #333;
}
#fudosan .entry a {
  background: #8a0919;
}
#leisure .entry a {
  background: #a86800;
}
#taxi .entry a {
  background: #1f5f88;
}
#taxi02 .entry a {
  background: #1f5f88;
}
#taxi03 .entry a {
  background: #1f5f88;
}
@media (max-width: 900px) {

.entry a {
	max-width: 280px;
}
}
/* entry ------------------- */
/*#entry {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000000;
}
#entry img {
	width:120px;
}
#entry img:hover {
	transform:scale(1.2,1.2);
}
@media (max-width: 900px) {
#entry {
	right: 10px;
	bottom: 10px;
}
#entry img {
	width:100px;
}
}*/


/* notes------------------ */
#notes {
	padding:20px 15px;
	background-color: #F5F5F5;
}

#notes h3 {
	max-width: 860px;
	margin: 0 auto 10px;
}
#notes h3 span {
	padding:3px 7px;
	color:#FFF;
	background-color: #172A88;
}
#notes ol {
	max-width: 860px;
	margin: 0 auto;
}
#notes li {
	margin:0 0 5px 25px;
	list-style:decimal;
	line-height: 1.6;
	color:#414141;
}

@media (max-width: 900px) {

#notes li {
	font-size:0.9rem;
}
}


/*===============================================
	■flow
===============================================*/
#flow {
	max-width: 860px;
	margin: 60px auto ;
	
}
#flow h2 {
	margin: 0 0 40px;
	text-align: center;
	border-bottom: 1px solid #000000;
    font-size:1.6em;
	font-weight: bold;
	
	
}
#flow .flow-box{
	display: flex;
	flex:row wrap;
	margin: 0 0 40px;
    border-bottom: 2px dotted #000000;
}

#flow .flow-box-txt1{
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 19px;
}


/*before*/

#flow .flow-box::before{
	
	margin:0 20px 0 5px;
	padding: 5px 10px;
	height: 20px;
	background-color: #00449b;
	color: #FFFFFF;
	

}

#flow .flow-box:nth-child(2)::before{
	content: "1";
}
#flow .flow-box:nth-child(3)::before{
	content: "2";
}
#flow .flow-box:nth-child(4)::before{
	content: "3";
}
#flow .flow-box:nth-child(5)::before{
	content: "4";
}
#flow .flow-box:nth-child(6)::before{
	content: "5";
}


#flow .flow-box-txt2 {
	font-size: 14px;
	margin: 0 0 10px;
	line-height: 1.6;
}
#flow .line {
	margin: 0 0 15px;
	line-height: 1.6;
	border: 1px solid #CCC;
}
#flow .line dt {
	padding:10px 15px;
	font-size: 16px;
	background-color: #F5F5F5;
}
#flow .line dt i {
	margin-right: 3px;
	color:#3aae36;
	font-size:24px;
}
#flow .line dd {
	padding:10px 15px;
	font-size:20px;
}
#flow .line dd span {
	font-size:12px;
}

#flow .flow-box span.under{
	text-decoration: underline;
}

#flow .flow-box span.color{
	color: #e4007f;
}


/*#flow .flow-box-txt {
	margin:0 20px 0 0;
	padding: 5px 10px;
	height: 20px;
	background-color: #2830BC;
	color: #FFFFFF;
}*/

/*#flow .flow-box-txt1 {
	vertical-align: top;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 19px;
}*/
@media screen and (max-width:900px){
#flow {
	margin: 60px 5%;
}
#flow .flow-box::before{
	
	margin:0 18px 0 5px;
	padding: 3px 8px;
	height: 18px;
	

}
#flow .flow-box-txt1{
	font-size: 17px;
}
#flow .line dt {
	font-size: 14px;
}
#flow .line dt i {
	font-size:20px;
}	
}


/*===============================================
	■footer
===============================================*/

p#pageTop {
	position: absolute;
	width:30px;
	bottom: 15px;
	right: 15px;
}
@media screen and (max-width:900px){
p#pageTop {
	bottom:5px;
    right:5px;
}
}


footer {
	position: relative;
	margin:0 0 30px;
	text-align: center;
	line-height: 1.6em;
}
footer p {
	margin:0 0 5px;
}
footer h3 {
	margin:0 0 20px;
	padding:10px;
	font-size: 1.5rem;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
footer .tel {
	font-weight: bold;
	font-size: 2rem;
	text-decoration: none;
	color:#000;
}

footer address {
	margin-top: 20px;
}
footer address img {
	width:250px;
}
@media screen and (max-width:900px){
	
}


/* fadeIn ------------------- */
.fadeIn {
    transform: translate3d(0, -20px, 0);
    transition: 2s;
    opacity: 0;
}

.fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}