@CHARSET "UTF-8";
/*
*** basic setting on css/normalize.css ***
*/
body{
  color: #000;
}
small, sub, sup{
  line-height: 1.4em;
  font-size: 80%;
}
.forsp{
  display: none;
}
.pa10{
  padding: 10px;
}
.pa30{
  padding: 30px;
}
.mb20{
  margin-bottom: 20px;
}
.mb40{
  margin-bottom: 40px;
}
.mb80{
  margin-bottom: 80px;
}
.mb100{
  margin-bottom: 100px; 
}
.pright{
  padding-right: 5px;
}
h3{
  text-align: center;
}
h3.smallh3{
  font-size: 3.2vw;
}
h3 small{
  display: block;
  font-size: 18px;
  color: rgba(93, 182, 231, 1);
}
h4{
  position: relative;
}
h4:after{
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  background: rgba(93, 182, 231, 0.2);
  z-index: 0;
}
h4 span{
  font-size: 28px;
  background: #fff;
  padding-right: 10px;
  position: relative;
  z-index: 1;
  border-left: 10px solid rgba(93, 182, 231, 1);
  padding-left: 20px;
}
.lead h4{
  font-size: 24px;
}
p{
  font-size: 16px;
  margin: 0 0 1.5em;
  /*font-weight: normal;*/
}
p:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}
.flex_content{
  display: flex;
  flex-wrap: wrap;
}
.flex_justify{
  justify-content: space-between;
}
.flex_left,
.flex_right{
  flex-basis: 47%;
  max-width: 47%;
}
.note{
  padding-left: 0.8em;
  margin: 0 0 10px !important;
}
.note span{
  font-size: 14px;
  text-indent: -1em;
  display: block;
  line-height: 1.5em;
}
img.full{
  width: 100%;
}
#request_wrap{
  padding: 3rem 5rem;
}
#target{
  background: url(../images/request/dental.jpg) no-repeat center right;
  background-size: cover;
  border: 1px solid #ccc;
  width: 100%;
  border-left: 10px solid #5db6e7;
}
#target h3{
  font-size: 28px;
  font-weight: 700;
  text-align: left;
}
#target li{
  margin-bottom: 10px;
  font-size: 18px;
}
#target li i{
  color: rgba(93, 182, 231, 1);
}
#dental_point .flex_left{
  flex-basis: 35%;
  max-width: 35%;
}
#dental_point .flex_right{
  flex-basis: 60%;
  max-width: 60%;
}
#dental_point li{
  flex-basis: 30%;
  -webkit-flex-basis: 30%;
  max-width: 30%;
  text-align: center;
}
#dental_point li .pno{
  display: table;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #1da79a;
  margin: 0 auto 20px;
}
#dental_point li .pno span{
  display: table-cell;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
#dental_point li span b{
  display: block;
  font-size: 38px;
  font-weight: 900;
  color: #fff;
  line-height: 1em;
}
#dental_point li .pitem{
  align-items: flex-start;
  -webkit-align-items: flex-start;
  height: 100%;
}
#dental_point li h5{
  font-size: 1.4vw;
  font-weight: 900;
  margin-bottom: 10px;
  color: #c05;
}
#dental_point li p{
  text-align: left;
}
#flow li{
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
#flow li .flow_left{
  flex-basis: 30%;
  -webkit-flex-basis: 30%;
  max-width: 30%;
  position: relative;
  min-height: 150px;
}
#flow li .flow_left:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#flow li .flow_right{
  flex-basis: 70%;
  -webkit-flex-basis: 70%;
  max-width: 70%;
  text-align: left;
  padding: 20px;
}
#flow li .flow_right h5{
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 10px;
}
#flow li .flow_right p.note{
  margin-bottom: 5px !important;
}
#flow li #d_flow01:after{
  background: url(../images/request/flow01.jpg) center center;
  background-size: cover;
}
#flow li #d_flow02:after{
  background: url(../images/request/flow02.jpg) center center;
  background-size: cover;
}
#flow li #d_flow03:after{
  background: url(../images/request/flow03.jpg) center center;
  background-size: cover;
}
#flow li #d_flow04:after{
  background: url(../images/request/flow04.jpg) center center;
  background-size: cover;
}
#flow li #d_flow05:after{
  background: url(../images/request/flow05.jpg) center center;
  background-size: cover;
}
#flow li #d_flow06:after{
  background: url(../images/request/flow06.jpg) center center;
  background-size: cover;
}
#flow li #d_flow07:after{
  background: url(../images/request/flow07.jpg) center center;
  background-size: cover;
}

#request_wrap .btn_link{
  background: rgba(93, 182, 231, 1);
  border: rgba(93, 182, 231, 1) solid 1px;
}
#request_wrap .btn_link:hover{
  background: #0075a9;
}
#page_thanks{
  text-align: center;
}
#page_thanks p{
  line-height: 2;
}
#page_thanks h1{
  color: #5DB6E7;
  border-top: #5DB6E7 solid 2px;
  border-bottom: #5DB6E7 solid 2px;
  padding: 2rem 0;
}
#thanks_inquiry{
  margin: 5rem auto 0;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  padding: 3rem 0;
  max-width: 70%;
}
#thanks_inquiry h2{
  font-size: 2rem;
  margin-bottom: 1rem;
}
#thanks_inquiry p{
  font-size: 14px;
}
#thanks_inquiry p a{
  color: #5DB6E7;
  text-decoration: underline;
}
#thanks_inquiry p a:hover{
  text-decoration: none;
}
/* =RWD
-------------------------------------------------------------- */

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

}