@charset "UTF-8";


.entry {
  margin-bottom: 15px;
}


.container {
  padding: 0 4px;
  line-height: 1.5;
}
.container img{
  width:100%;
  height:100%;
}

.strength_h {
  float: left;
  width: 163px;
  padding-left: 9px;
  margin-bottom: 10px;
}


.guide {
  float: right;
  width: 190px;
  padding-top:5px;
}


.guide a {
  text-decoration: none;
  color: #f00;
}


h3 {
  clear: both;
  text-align:center;
  padding: 15px 20px 0;
  border-top: dotted 1px #c3c3c3;
  margin-bottom: 16px;
}


.anxiety {
  padding:5px;
  margin-bottom: 13px;
  background:url(./img/common/service_bg.gif);
}

.anxiety ul{
  padding-top:15px;
  padding-bottom:15px;
  background:#FFF;

}
.anxiety li{
  margin:0 auto;
}

.answer {
  padding-top: 55px;
  margin-bottom: 25px;
  background-image: url(img/service/r_arrow.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.strength {
  padding-top: 20px;
  clear: both;
}
.strength dt {
  margin-bottom: 25px;
}

.strength dd {
  overflow: hidden;
  margin-bottom: 27px;
}

.strength_txt {

  line-height:150%;
}


.strength_img--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.strength_img--flex div {
  max-width: 264px;
}
.strength_img--flex div:nth-child(2) {
  margin: 0 8px;
}
.strength_img--flex div img {
  width: 100%;
}

.strength h4{
  font-size:120%;
  color:#000;
}
.strength h4 span{
  color:#d4111f;
}

.flow_02 h4,
.flow_03 h4,
.flow_04 h4,
.flow_05 h4{
  font-size:120%;
  color:#000;
}
.flow_02 h4 span,
.flow_03 h4 span,
.flow_04 h4 span,
.flow_05 h4 span{
  font-size:120%;
  color:#d4111f;
}

#flow {
  padding-bottom: 10px;
  border-bottom: dotted 1px #3c3c3c;
  margin-bottom: 42px;
}

#flow > img{
width:auto;
height:auto;

}

.flow_01 {
  overflow: hidden;
  margin-bottom: 44px;
}


.flow_01 li {
  margin-right: 5px;
  text-align:center;
}
.flow_01 li img{
  width:60%;
  height:60%;
}

.flow_02 {
  padding: 0 4px;
  margin-bottom: 113px;
  line-height: 1.5;
}


.flow_02 dl dt {
  margin-bottom: 22px;
}


.flow_02 dl .arrow {
  padding-bottom: 49px;
  background-image: url(img/service/g_arrow.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-bottom: 20px;
  line-height:200%;

}


.flow_02 dl dd p {
  padding-left: 5px;
  margin-bottom: 20px;
  line-height:150%;
}


.flow_02 ul {
  overflow: hidden;
  margin-bottom: 12px;
}


.flow_02 ul li {
  width: 100%;
}


.entry_01 {
  margin-right: 24px;
}

/* 20160901 */
.pc_entry_01 {
  display: none;
}


/*@media screen 641
------------------------------------------*/

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

.container {
  padding: 0 20px;
}
.container img{
  width:auto;
  height:auto;
}
h3{
  width: 370px;
  padding: 25px 295px 0;
}
.anxiety {
  width: 804px;
  margin-left: 71px;
}
.anxiety li{
  width:740px;
}
.answer {
  width: 769px;
  padding-top: 77px;
  margin: auto;
  margin-bottom: 73px;
}
.strength {
  margin-left: 40px;
}
.flow_01 li {
  float: left;
  width: 180px;
  height: 171px;
}
.flow_01 li img{
  width:auto;
  height:auto;
}
.strength_txt {
  float: left;
  width: 440px;
  margin-right: 17px;
  line-height:180%;
}
.strength_img {
  float: left;
  width: 423px;
}
.strength_img--flex {
  width: 879px;
}
.strength_img--flex div:nth-child(2) {
  margin: 0 42px;
}
#flow {
  width: 158px;
  height: 21px;
  padding-right: 802px;
}
.flow_02 dl dt {
  width: 878px;
  height: 74px;
}
.flow_02 dl dd p {
  line-height:200%;
}
.flow_02 ul li {
  float: left;
  width: 428px;
  height: 65px;
}
.flow_02 {
  padding: 0 40px;
}

/* 20160901 */
.pc_entry_01 {
  display: block;
  width: auto;
}

.pc_entry_01 p {
  overflow:hidden;
  width: auto;
  margin: 0 auto;
}
.pc_entry_01 p a {
  display: block;
  width: 565px;
  height :66px;
  margin: 0 auto;
}

.entry_01 {
  display: none; 
}

}/*@media screen 641 service.css*/