@charset "utf-8";
/* CSS Document */
/* =====================================
コンテナ
======================================== */
.top_container{
	width:1000px;
	margin:70px auto auto;
}
.top_container.first{
	margin:100px auto auto;
}
.top_line{
//	border-top:1px solid #00306D;
	background:url(../images/top/line.gif) top center no-repeat;
	height: 3px;
}
.top_container h3{
	color:#0A519F;
	font-size:20px;
	text-align:center;
	padding:10px 0 0;
	margin-bottom: 30px;
}
.top_container h4{
	color:#FFF;
	font-size:20px;
	text-align:left;
	padding:10px 0 0;
	margin-bottom: 30px;
}
.banner{
	margin:10px 0;
}
.reacommend_banner
{
    height:100px;
}
.reacommend_banner div
{
    float:left;
}
.reacommend_banner div.center
{
    margin:0 5px;
}
.reacommend_banner div img
{
    display:block;
}
@media (max-width: 768px) {
.top_container{
	width: 100%;
	margin:70px auto auto;
}
}


/* リフォームの流れ メインイメージ*/
.flow-main {
  position: relative;
  background-image:url(../images/flow/main_bg.png);
  background-repeat: repeat;
  padding:30px 20px;
  background-color: #84A8CF;
}
.flow-main_content2 {
	color: #fff;
}
.flow-main_ttl2 {
  margin-bottom: 22px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.flow-main_text2 {
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: justify;
}
.flow-main_image2 {
  -ms-flex: none;
      flex: none;
}
.flow-main_image2 img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

@media (min-width: 769px) {
.flow-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
//    width: calc(100% - 0px);
	margin-bottom: 50px;
	height: 360px;
  }
  .flow-main_content2 {
    padding: 2%;
//	margin-right: 5vw;
	width: 40vw;
  }
  .flow-main_image2 {
    max-width: 50vw;
    min-height: 360px;
  }
  .flow-main_content2 {
    padding: 2% 5%;
  }
}

/* リフォームの流れ フロー*/

.check_wrap {
//    border-bottom: 1px solid #00306D;
    padding: 20px 0 30px 0;
}
.check_wrap .last{
    border-bottom: 1px solid #00306D;
}

.check_text {
    float: left;
    width: 500px;
    margin-left: 5%;
}
.check_img {
    float: right;
    width: 400px;
//    padding-top: 20px;
}
.check_img img {
	max-width: 100%;
}

@media (max-width: 768px) {

.check_wrap {
//    border-bottom: 1px solid #00306D;
    padding: 0 20px;
}
.check_wrap .last{
    border-bottom: 1px solid #00306D;
}
.check_text {
    float: none;
    width: 90%;
    margin: 5%;
}

.check_img {
	float: none;
	margin: auto;
    text-align: center;
    margin-top: 0px;
	margin-bottom: 30px;
	max-width: 90%;
}
}

/* コロナ2列　*/

@media (min-width: 769px) {

.twocon {
	width: 45%;
	margin: 2.5%;
	float: left;
}
.twocon h3 {
    color: #0A519F;
    font-size: 20px;
    text-align: center;
    padding: 10px 0 0;
    margin-bottom: 30px;
}
.twocon .check_text {
	width: 430px;
}
}