@charset "utf-8";
/* ===================================================================
CSS information

 file name  :website.css
 style info :ホームページ制作専用
 last update:2010.05
=================================================================== */

.floatRight{
 float: right;
 display: inline;
 margin: 10px;
 }
.marginRight{
 margin-right: 10px;
 }

#contentsWrapper p{ margin: 10px 0 20px; line-height: 1.7em;}

div.clearfix:nth-of-type(1) .floatRight{
    width: 30%;
}
div#meritWrap{
 background:#fff url(../img/bg_merit.gif) no-repeat;
 background-position: bottom right;
 border: 3px solid #c1e4ff;
 border-radius: 5px;
 box-sizing: border-box;
 width: 66%;
 margin: 10px 0;
 }
 div#meritWrap h4{
  margin: 15px 15px 0;
  padding-left: 20px;
  font-size: 120%;
  color: #333;
  position: relative;
  }
div#meritWrap h4::before{
    content: url(../img/icon_arrow_gray.gif);
    position: absolute;
    top: 0;
    left: 0;
}
 div#meritWrap ul{
  margin: 0 0 15px 25px;
  }
 div#meritWrap ul li{
  list-style: url(../img/icon_dot_gray.gif) inside;
  font-size: 90%;
  padding-left: 1.2em;
  text-indent: -1.2em;
  margin: 3px 0;
  }

h4.greenLine{
 border-left: 4px solid #66bd00;
 margin: 15px auto;
 color: #333;
 font-size:130%;
 padding-left: 5px;
 }

div#imageWrap{
 margin: 0 0 10px 5px;
 }

div.serviceWrap{
    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;
}
div.serviceWrap h4{
    font-size: 0;
    text-indent: -9999px;
}
div.serviceWrap p{
    margin: 50px 5px 5px 5px !important;
    font-size: 90%;
}
div#serviceDetail1, div#serviceDetail2, div#serviceDetail3, div#serviceDetail4 {
    border: 1px solid #d1d1d1;
    width: 49%;
    padding: 5px;
    box-sizing: border-box;
}

div#serviceDetail1{
    background: url(../img/partner_bg_service1.gif) no-repeat top;
    background-size: cover;
    margin-bottom: 10px;
}
div#serviceDetail2{
    background: url(../img/partner_bg_service2.gif) no-repeat top;
    background-size: cover;
    margin-bottom: 10px;
}
div#serviceDetail3{
    background: url(../img/partner_bg_service3.gif) no-repeat top;
    background-size: cover;
}
div#serviceDetail4{
    background: url(../img/partner_bg_service4.gif) no-repeat top;
    background-size: cover;
}

   #pageTop {
 padding: 0px;
 margin:10px auto 20px;
 }
 .f_corporate p {
 line-height   : 140%  ;
 }
@media screen and (max-width: 840px) {
    div#serviceDetail1, div#serviceDetail2, div#serviceDetail3, div#serviceDetail4 {
        background-size: contain;
    }
}
 @media screen and (max-width: 640px) {
    .floatRight{
        float: none;
        display: block;
        margin: 0 auto;
    }
    div.clearfix:nth-of-type(1) .floatRight{
        width: auto;
    }
    div#meritWrap{
        width: 100%;
    }
    div.serviceWrap{
    }
    div#serviceDetail1, div#serviceDetail2, div#serviceDetail3, div#serviceDetail4 {
        width: 280px;
        margin:0 auto 10px;
    }
}