@charset "UTF-8";


/*******************************

プラン一覧　Css

*******************************/

.sec02 p{
    margin-bottom: 30px;
}
.bnr_order p{
    margin-bottom: 0;
}

/*-----------------------------
各プラン
-------------------------------*/
.anchor{
    margin-top: -120px;
    padding-top: 120px;
}
.box_plan{
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    margin: 40px 0;
    padding-bottom: 40px;
    background: #f4f4f4;
}
.box_plan h3{
    font-size: 30px;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    letter-spacing: 0.08em;
}


.box_plan figure {
    width: 910px;
    margin: 35px auto;
    overflow: hidden;
}
.box_plan figure .icon {
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
  overflow: hidden;
  position: relative;
}
.box_plan figure .icon img {
 position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.box_plan figure figcaption {
    float: right;
    width: 730px;
    overflow: hidden;
}
.box_plan figure dl {
    width: 100%;
    overflow: hidden;
}


.box_plan figure .area {
    margin-bottom: 15px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    padding-bottom: 15px;
}

.box_plan figure .area:before{
    content: "対応エリア";
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 3px 2px;
}

.box_plan figure .txt {
    font-weight: normal;
    padding-left: 10px;
}
.box_plan figure dd {
    margin-bottom: 0;
}

.box_shop .list_shop .item .area{
    margin-bottom: 15px;
}


.box_plan ul {
    width: 910px;
    margin: 0 auto;
    overflow: hidden;
}

.box_plan ul li {
    float: left;
    width: 210px;
    margin-right: 20px;
}
.box_plan ul li:nth-child(4n){
    margin-right: 0;
}

.box_plan ul li span {
    display: block;
    margin-top: 15px;
}

.box_plan ul li a {
    display: block;
    font-size: 22px;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    border-radius: 10px;
    line-height: 1.2;
    text-align: center;
}

.box_plan ul li a:before {
   content: "▶";
       padding-right: 10px;
    font-size: 14px;
}

.box_plan ul li a:hover {
    opacity: 0.8;
}

.box_plan .comment {
    font-size: 14px;
}


/*-プラン01-*/
.plan01{
    border-color: #6d7c9e;
}
.plan01 h3, .plan01 figure .icon, .plan01 figure .area:before {
    background: #6d7c9e;
}
.plan01 figure .area{
    border-bottom-color: #6d7c9e;
}
.plan01 ul li a {
    background: url(../images/back01.jpg) repeat;
}

/*-プラン02-*/
.plan02{
    border-color: #e07c7e;
}
.plan02 h3, .plan02 figure .icon, .plan02 figure .area:before {
    background: #e07c7e;
}
.plan02 figure .area{
    border-bottom-color: #e07c7e;
}
.plan02 ul li a {
    background: url(../images/back02.jpg) repeat;
}

/*-プラン03-*/
.plan03{
    border-color: #9e6d9e;
}
.plan03 h3, .plan03 figure .icon, .plan03 figure .area:before {
    background: #9e6d9e;
}
.plan03 figure .area{
    border-bottom-color: #9e6d9e;
}
.plan03 ul li a {
    background: url(../images/back03.jpg) repeat;
}

/*-プラン04-*/
.plan04{
    border-color: #67b9c8;
}
.plan04 h3, .plan04 figure .icon, .plan04 figure .area:before {
    background: #67b9c8;
}
.plan04 figure .area{
    border-bottom-color: #67b9c8;
}
.plan04 ul li a {
    background: url(../images/back04.jpg) repeat;
}

/*-プラン05-*/
.plan05{
    border-color: #7bb596;
}
.plan05 h3, .plan05 figure .icon, .plan05 figure .area:before {
    background: #7bb596;
}
.plan05 figure .area{
    border-bottom-color: #7bb596;
}
.plan05 ul li a {
    background: url(../images/back05.jpg) repeat;
}

/*-プラン06-*/
.plan06{
    border-color: #ae997e;
}
.plan06 h3, .plan06 figure .icon, .plan06 figure .area:before {
    background: #ae997e;
}
.plan06 figure .area{
    border-bottom-color: #ae997e;
}
.plan06 ul li a {
    background: url(../images/back06.jpg) repeat;
}



@media screen and (max-width: 767px) {

.box_plan{
        margin: 25px 0;
    padding-bottom: 40px;
}
.box_plan h3{
    font-size: 18px;
    letter-spacing: 0;
    font-weight: bold;
}


.box_plan figure {
    width: 90%;
    margin: 30px auto;
}
.box_plan figure .icon {
    float: none;
    margin: 0 auto;
}


.box_plan figure figcaption {
    float: none;
    width: 100%;
    margin-top: 20px;
}



.box_plan ul {
    width: 90%;
}

.box_plan ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
}
.box_plan ul li:nth-last-child(1){
    margin: 0;
}

.box_plan ul li span {
    margin-top: 10px;
}

.box_plan ul li a {
    font-size: 20px;
}


}


@media screen and (max-width: 767px) {



}