@charset "utf-8";

.pc {
    display:block;
}

span.pc {
    display:inline-block;
}

.sp {
    display:none;
}

span.sp {
    display:none;
}

/*------------------------------------------------------------
  トップページ
------------------------------------------------------------*/

#main .text {
  margin: -5px 0 42px;
  width: 465px;
  font-size: 2.8em;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
  line-height: 1.6;
}

#main .h3Ttl {
  margin-bottom: 26px;
}

#main .h3Ttl span {
  width: 420px;
  background-color: #f2aabb;
}

#main .h3Ttl img {
  position: absolute;
  right: 0;
  top: -123px;
}

#main .photo01 {
  margin-bottom: 53px;
}

#main .photo02 {
  margin-bottom: 7px;
  width: 651px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

#main dl {
  margin-bottom: 30px;
}

#main dt {
  font-size: 1.3em;
  font-weight: bold;
}

#main dd {
  font-size: 1.3em;
}

#main dd:not(:last-child) {
  margin-bottom: 20px;
}

#main dd span {
  font-weight: bold;
}

#main p {
  margin-bottom: 28px;
  font-size: 1.4em;
  line-height: 1.8;
}

#main .compensate {
  margin-bottom: 50px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 3px 3px 5px #c2bcb3;
  position:relative;
  top:0;
  left:0;
}

#main .compensate .text {
    position:absolute;
    top:25px;
    left:50%;
    text-align:center;
    font-size:2.3em;
    font-weight:bold;
    width:315px;
    margin-left:-157.5px;
}

#main .compensate .text span {
    color:#91004f;
}

/* SmatPhones */
@media (max-width:979px) {

    .pc {
        display:none !important;
    }

    span.pc {
        display:none !important;
    }

    .sp {
        display:block;
    }

    span.sp {
        display:inline-block;
    }

    #gHeader {
        background-image: url("");
        display:block;
    }

    #gHeader .inner {
        width:95% !important;
        padding:0 !important;
        margin:20px auto;
    }

    #gHeader .inner .title {
        float:none;
        width:100%;
    }

    #gHeader .inner .title img {
        max-width:100%;
        display:block;
        margin:0 auto;
    }

    #gHeader .inner .area {
        display:none;
    }

    #main {
        padding-top:25px;
        padding-bottom:28px;
        width:90% !important;
        margin:0 auto;
    }

    #main .text {
        width:95% !important;
        margin:0 auto !important;
    }

    #main .h3Ttl img {
        position:relative !important;
        top:0 !important;
    }

    #main .headLine02 {
        margin-right:0 !important;
    }

    #main .headLine02 > img {
        display:block;
        margin:15px auto 0 !important;
    }

    #main .h3Ttl span {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 img {
        width:100% !important;
        height:auto !important;
    }

    #main .compensate {
    }

    #main .compensate img {
        width:100% !important;
    }

    #main .compensate .text {
        top:20%;
        left:25% !important;
        width:50% !important;
        text-align:center;
        font-size:13px;
    }

}

/* iPhone6のみ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

    .pc {
        display:none !important;
    }

    span.pc {
        display:none !important;
    }

    .sp {
        display:block;
    }

    span.sp {
        display:inline-block;
    }

    #gHeader {
        background-image: url("");
        display:block;
    }

    #gHeader .inner {
        width:95% !important;
        padding:0 !important;
        margin:20px auto;
    }

    #gHeader .inner .title {
        float:none;
        width:100%;
    }

    #gHeader .inner .title img {
        max-width:100%;
        display:block;
        margin:0 auto;
    }

    #gHeader .inner .area {
        display:none;
    }

    #main {
        padding-top:25px;
        padding-bottom:28px;
        width:90% !important;
        margin:0 auto;
    }

    #main .text {
        width:95% !important;
        margin:0 auto !important;
    }

    #main .h3Ttl img {
        position:relative !important;
        top:0 !important;
    }

    #main .headLine02 {
        margin-right:0 !important;
    }

    #main .headLine02 > img {
        display:block;
        margin:15px auto 0 !important;
    }

    #main .h3Ttl span {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 img {
        width:100% !important;
        height:auto !important;
    }

    #main .compensate {
    }

    #main .compensate .text {
        top:15px;
        text-align:center;
        font-size:1.3em;
    }

}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {

    .pc {
        display:none !important;
    }

    span.pc {
        display:none !important;
    }

    .sp {
        display:block;
    }

    span.sp {
        display:inline-block;
    }

    #gHeader {
        background-image: url("");
        display:block;
    }

    #gHeader .inner {
        width:95% !important;
        padding:0 !important;
        margin:20px auto;
    }

    #gHeader .inner .title {
        float:none;
        width:100%;
    }

    #gHeader .inner .title img {
        max-width:100%;
        display:block;
        margin:0 auto;
    }

    #gHeader .inner .area {
        display:none;
    }

    #main {
        padding-top:25px;
        padding-bottom:28px;
        width:90% !important;
        margin:0 auto;
    }

    #main .text {
        width:95% !important;
        margin:0 auto !important;
    }

    #main .h3Ttl img {
        position:relative !important;
        top:0 !important;
    }

    #main .headLine02 {
        margin-right:0 !important;
    }

    #main .headLine02 > img {
        display:block;
        margin:15px auto 0 !important;
    }

    #main .h3Ttl span {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 {
        width:100% !important;
        box-sizing:border-box;
    }

    #main .photo02 img {
        width:100% !important;
        height:auto !important;
    }

    #main .compensate {
    }

    #main .compensate .text {
        top:15px;
        text-align:center;
        font-size:1.3em;
    }

}