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

body {
  margin:0;
  padding:0;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p{
  line-height:26px;
}

img{
  vertical-align:middle;
}





#c-header-pc {
  display:block;
  background:url(/images/header-back.png) left center no-repeat;
  max-width:1060px;
  height:748px;
  position:relative;
}
#c-header-sp {
  display:none;
}
#p-header {
  display:block;
}
#s-header {
  display:none;

}
#h-promise1 {
  position:absolute;
  top:350px;
  left:20px;
}
#h-promise2 {
  position:absolute;
  top:350px;
  left:280px;

}
#h-promise3 {
  position:absolute;
  top:350px;
  left:545px;

}
#h-promise4 {
  position:absolute;
  top:350px;
  left:800px;

}
#h-promise5 {
  position:absolute;
  top:540px;
  left:20px;
}
#h-promise6 {
  position:absolute;
  top:540px;
  left:280px;

}
#h-promise7 {
  position:absolute;
  top:540px;
  left:545px;

}
#h-promise8 {
  position:absolute;
  top:540px;
  left:800px;

}
#c-content {
  margin:20px auto;
  width:93%;

}
.c-general {
 position:relative;
 height:300px;
 margin:10px auto;
}
.c-general-1 {
 position:relative;
 height:350px;
 margin:10px auto;
}


.clearfix::after{
  content:"";
  clear:both;
  overflow:hidden;
}
.c-title {
 padding:10px 0px 10px 46px;
 background:url(/images/title.png)left center no-repeat;
 width:100%;
 font-size:26px;
 font-weight:bold;
 color:#ff0000;
}
.c-description {
  float:left;
  width:63%;
  margin:20px 0px 0px 30px;
  letter-spacing:0.1rem;
  line-height:1.5;
  font-size:14px;
}

.c-img {
  float:right;
  width:32%;
  margin:20px 0px 0px 0px;

}
.c-img-p {
  text-align:right;
  margin:5px 0px;
}
.dsp-link {
  background-color:#FFF9B1;
  font-size:16px;
  width:500px;
  margin:10px 0px 5px 10px;

}
.dsp-bold {
  font-weight:bold;
  font-size:21px;
  margin:10px 0px;

}
.s-red {
  color:#ff0000;
}

.original-add {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background-color: #ffffff;
    height:3500px;
}
.blue-link {
   display:block;
   color:#00A0E9;
   margin:10px 0px 10px 10px;

}
.dsp-outline {
 background:url(/images/dsp-outline.png)left center no-repeat;
 width:80%;
 margin:5px 0px;
 padding:5px 0px;
 text-align:center;
 font-weight:bold;
 font-size:16px;
}
.sp-b {
  display:block;
}
.sp-dis {
  display:none;
}
.sp-dis-1 {
  display:none;
}
#p-header a:hover{
opacity:1;
position:relative;
top:3px;
left:3px;
}
#p-header img{
 opacity:1;
}

@media screen and (max-width: 480px){
.img {
  max-width:100%;
  width:100%;
  height:auto;

}
p {
  line-height:1.5;
}

#c-header-pc {
  display:none;
}
#c-header-sp {
  display:block;
}
.original-add {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #ffffff;
    height: auto;
}
#c-header-sp ul {
    margin: 0;
    padding: 0;
    background-size: 100% auto;
}
#c-header-sp ul li {
    display: table;
    float: none;
    width: 95%;
    margin: 0 auto;
    padding: 2px 5px;
}
#c-header-sp ul a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 30px;
    padding: 0 5px;
    color: #333333;
    font-weight:bold;
    background-color: #B0C4DE;
    background-image: url(/images/mark_arrow_right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center right;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px 0px;
    border-radius: 1px;
    font-size:1.5rem;
}

#c-header {
  background-size:contain;
  width:100%;
  height:auto;
  position:relative;
}


.c-general {
    position: relative;
    height: auto;
    margin: 10px auto;
}
.c-general-1 {
    position: relative;
    height: auto;
    margin: 10px auto;
}
.c-title {
    padding: 5px 0px 5px 10px;
  background : none;
    background-color: #f9d0c3;
    font-size: 1.5rem;
  line-height:1.6rem;
}
.c-description {
    float: none;
    width: 90%;
    margin: 10px 10px 0px 10px;
    letter-spacing: 0.1rem;
    line-height: 1.4;
    font-size:1.4rem;
}
.dsp-bold {
    font-weight: bold;
    font-size: 1.4rem;
    margin: 10px 0px;
}
.dsp-link {
    background-color: #FFF9B1;
    font-size: 1.2rem;
    width: 96%;
    margin: 5px 0px 5px 0px;
}
.dsp-outline {
    background: none;
    background-color:#fff9b0;
    width: 90%;
    margin: 5px auto;
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
}
.c-img-p {
    text-align: center;
    margin: 5px 0px;
}
.c-img {
    float: none;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
.sp-b {
  display:none;
}
blue-link {
    display: block;
    color: #00A0E9;
    margin: 10px auto;
  font-size:1.1rem;
}
.sp-dis {
  display:block;

}
.sp-dis-1 {
  display:block;
  margin-left:20px;
  padding-left:20px;
}

}