@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.global-nav li.nav-flow a:after {
  bottom: 0px!important;
  height: 4px!important;
  opacity: 1!important;
	background-color: #fff!important;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.flow dl {
	display: flex;
	margin-bottom: 30px;
}
.flow dl dt {
	width: 150px;
}
.flow dl dt span {
	display: block;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background-color: #eeaa99;
}
.flow dl dd {
	flex: 1;
	overflow: hidden;
	border-left: solid 1px #eeaa99;
	padding-left: 50px;
}
.flow dl dd h3 {
	font-size: 2rem;
	margin-bottom: 20px;
}
.flow dl dd h3:before {
	content: "-";
	margin-right: 5px;
}
.flow dl dd h4 {
	color: #50b8ce;
	font-size: 1.7rem;
	margin-bottom: 15px;
}
.flow dl dd .box {
	overflow: hidden;
	margin-bottom: 30px;
}
.flow dl dd .txt {
	float: left;
	width: 60%;
}
.flow dl dd .img {
	float: right;
	width: 35%;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.flow dl dt {
	width: 120px;
}
.flow dl dt span {
	font-size: 1.6rem;
}
.flow dl dd {
	padding-left: 30px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.flow dl {
	display: block;
}
.flow dl dt {
	width: 150px;
	margin-bottom: 15px;
}
.flow dl dd {
	padding-left: 20px;
}
.flow dl dd h3 {
	font-size: 1.8rem;
}
.flow dl dd h4 {
	font-size: 1.6rem;
}
.flow dl dd .txt {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.flow dl dd .img {
	float: none;
	width: 100%;
}

}