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


.main {
	width: 1000px;
	margin: 0px auto;
	padding: 0;
    font-family: dnp-shuei-mgothic-std, sans-serif;
}

.start_block{
width: 100%;
height: 490px;
background: url("../topImage/top_bg01_01.png") center top;
background-size: cover;
margin: 0px;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.start_block .contact_btn{
height: 155px;
width: 155px;
position: absolute;
right: 5%;
left: auto;
top: 300px;
}


.about_block{
width: 100%;
background: #fffaef;
height: auto;
margin: 0 auto;
padding: 0px 0px;
}
.about_block .filter{
width: 100%;
background: url("../topImage/bg01.png") center no-repeat;
background-size: 90%;
height: 100%;
margin: 0 auto;
padding: 0px 0px;
overflow: hidden;
}
.about_block .main{
width: 700px;
height: 100%;
}
.about_block h2{
	margin: 50px auto 30px auto;
	padding: 0;
	font-weight: bold;
    font-size:33px;
    color: #4f4f4f;
  position: relative;
  display: inline-block;
}
.about_block h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4f4f4f;
  border-radius: 2px;
}
.cap{
padding: 0;
font-size: 15px;
margin: 20px auto 30px auto;
clear: both;
overflow: hidden;
}

.about_block h3{
	margin: 50px auto 20px auto;
	padding: 0;
	font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size:27px;
    color: #4f4f4f;
}
.about_block p{
margin: 0px auto 80px auto;
	padding: 0;
	color: #4f4f4f;
	font-size: 15px;
	line-height: 200%;
}


.info_block{
width: 100%;
height: auto;
background: #fff;
margin: 0px auto;
padding: 20px 0px;
overflow: hidden;
}
.info_block h2{
	margin: 50px auto 20px auto;
	padding: 0;
	font-weight: bold;
    font-size:33px;
    color: #4f4f4f;
  position: relative;
  display: inline-block;
}
.info_block h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4f4f4f;
  border-radius: 2px;
}
.info_block .main{
width: 1070px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.info_block dl{
width: 46%;
margin: 0px auto 40px auto;
}
.info_block dl dt{
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
height: 60px;
background: url("/topImage/dt_bg_45.png");
background-size: cover;
color: #dea02a;
}
.info_block dl dd{
text-align: left;
font-size: 15px;
padding: 0;
margin: 0;
color: #4f4f4f;
}
.info_block dl dd img{
width: 100%;
}



.consul_block{
width: 100%;
height: auto;
margin: 0px auto;
background: #f2f2f4;
overflow: hidden;
}
.consul_block .flex{
margin: 50px auto 0px auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.consul_block h3{
	margin: 50px 0px 30px 0px;
	padding: 0;
    text-align: left;
	font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size:27px;
    color: #4f4f4f;
}
.consul_block h4{
color: #dea02a;
text-align: left;
font-size: 20px;
}
.consul_block ul{
width: 100%;
margin: 0px auto 10px auto;
padding: 0;
}
.consul_block ul li{
background: url("/topImage/li_bg.png") no-repeat;
height: 30px;
text-align: left;
padding-left: 30px;
margin: 0px 0px 5px 0px;
}
.consul_block .point{
background: #c20d23;
padding: 10px 0px;
margin: 0px auto 50px auto;
color: #fff;
font-size: 25px;
}
.block04_bg{
height: 40px;
}



.flow_block{
width: 100%;
height: 720px;
background: url("../topImage/bg05.png") center no-repeat;
background-size: cover;
margin: 0 auto;
padding: 0px 0px;
}
.flow_block .center{
margin: 30px auto 0px auto;
padding: 0;
}
.flow_block h2{
	margin: 0px auto 20px auto;
	padding: 0;
	font-weight: bold;
    font-size:33px;
    color: #4f4f4f;
  position: relative;
  display: inline-block;
}
.flow_block h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4f4f4f;
  border-radius: 2px;
}
.flow_block ul{
margin: 50px auto 0px auto;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.flow_block ul li{
width: 250px;
height: 330px;
}
.flow_block ul li.bg01{
background: url("/topImage/flow01.png") no-repeat;
}
.flow_block ul li.bg02{
background: url("/topImage/flow02.png") no-repeat;
}
.flow_block ul li.bg03{
background: url("/topImage/flow03.png") no-repeat;
}
.flow_block ul li.bg04{
background: url("/topImage/flow04.png") no-repeat;
}
.flow_block ul li dl{
width: 80%;
margin: 150px auto 0px auto;
padding: 0;
}
.flow_block ul li dt{
margin: 0px auto 10px auto;
padding: 0;
font-size: 27px;
text-align: center;
color: #c20d23;
}
.flow_block ul li dd{
line-height: 180%;
margin: 0px;
padding: 0;
font-size: 13px;
text-align: left;
}




.case_block{
width: 100%;
background: #dea02a;
margin: 0px auto;
padding: 0;
overflow: hidden;
}
.case_block h2{
	margin: 50px auto 20px auto;
	padding: 0;
	font-weight: bold;
    font-size:33px;
    color: #fff;
  position: relative;
  display: inline-block;
}
.case_block h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
}
.case_block .cap{
padding: 0;
font-size: 15px;
margin: 20px auto 30px auto;
clear: both;
overflow: hidden;
color: #fff;
}

.access_block{
width: 100%;
background: #fff;
margin: 0px auto 80px;
padding: 0;
overflow: hidden;
}
.access_block h2{
	margin: 50px auto 20px auto;
	padding: 0;
	font-weight: bold;
    font-size:33px;
    color: #4f4f4f;
  position: relative;
  display: inline-block;
}
.access_block h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4f4f4f;
  border-radius: 2px;
}
.access_block .gmap {
height: 0;
overflow: hidden;
padding-bottom: 36.25%;
position: relative;
}
.access_block .gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



.contact_block{
width: 100%;
background: #fff;
margin: 0px auto 0px;
padding: 0;
overflow: hidden;
}
.contact_block h2{
	margin: 0px auto 40px auto;
	padding: 10px 0px;
    letter-spacing: 2px;
    font-size:33px;
    color: #fff;
    background: #c20d23;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.contact_block .flex{
margin: 50px auto 50px auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.contact_block .flex .left{
margin: 0px 0px;
width: 60%;
}
.contact_block .flex .left .tel_box{
margin: 0px auto 20px auto;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact_block .flex .left .tel_box dt{
margin:15px 0px 0px 0px;
padding: 0;
width: 40%;
}
.contact_block .flex .left .tel_box dd{
margin: 0px;
padding: 0;
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
-webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}
.contact_block .flex .left .tel_box img{
width: 100%;
}
.contact_block .flex .left .tel_box p.tel_num a{
font-size: 50px;
padding: 0;
margin: 0;
line-height: 100%;
color: #4F4F4F;
font-weight: bold;
}
.contact_block .flex .left p{
text-align: left;
}


.contact_block .flex .right{
margin: 0px 0px;
width: 35%;
}
.contact_block .flex .right .con_box{
margin: 0px auto;
padding: 0;
width: 100%;
}
.contact_block .flex .right .con_box li{
margin: 0px auto 5px;
padding: 0;
width: 100%;
}
.contact_block .flex .right .con_box li img{
width: 100%;
}