@charset "UTF-8";
/* CSS Document */
.page_design {
    clear: both;
    margin: 0 auto;
    max-width: 1080px;
}
.page_base {
    clear: both;
    overflow: hidden;
}

@media screen and (max-width: 799px) {

h3{ margin:10px 35px; max-width:350px; margin:0 auto; }
.page_concept { padding:0; }
.page_concept img{ width:100%; }
.page_concept dl{ padding:20px; }
.page_concept dt{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:26px; text-align:center; letter-spacing:0.2em; line-height:1.4em; font-weight:bold; padding:20px 0; }
.page_concept span{ font-size:17px; letter-spacing:0.1em; font-weight:blod; }
.page_concept dd{ font-size:12px; line-height:2em; max-width:800px; margin:0 auto; }

.sub_box{ padding-bottom:20px; }
.box_00{ position:relative; padding-bottom:530px; }
.box_00 .sub_img img{ position:absolute; width:100%; clip: rect(auto auto 300px auto); overflow:hidden; }
.box_00 h4{ width:230px; position:absolute; left:15px; top:160px; }
.box_00 .sub_txt{ position:absolute; left:18px; top:260px; max-width:280px; background-color:rgba(255, 255,255, 0.8); padding:20px; }
.box_00 .sub_txt p{ font-size:14px; line-height:1.8em; }

.bg_01{ background-color:#F6ECD2; position:relative; }
.box_01{ padding:25px 20px; overflow:hidden; position:relative; }
.box_01 .box_l dt{ text-align:center; line-height:1.5em; padding-bottom:15px; font-size:16px; font-weight:bold; }
.box_01 .box_r dt{ line-height:1.8em; padding:20px 0 15px; font-size:16px; text-align:center; font-weight:bold; }
.box_01 dl{ }
.box_01 dt{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:0.2em; }
.box_01 dd{ font-size:14px; line-height:1.8em; }

.box_02{ overflow:hidden; position:relative; }
.box_02 dl{ border-bottom:1px solid #999; padding:15px; overflow:hidden; }
.box_02 dl:last-child{ border:none; }
.box_02 dt{ padding-bottom:5px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:19px; letter-spacing:0.1em; padding-right:10px; }
.point{ float:left; width:65px; }
.box_02 span{ display:inline; }
.box_02 dd{ font-size:14px; line-height:1.8em; }

.reserve-btn_2 a {
        display: block;
        width: 90%;
        height: 60px;
        background: url("../img/concierge/bg_btn_red.png") repeat-x center center;
        border-radius: 5px;
        text-align: center;
        box-shadow: 1px 1px 1px 0px #bbb;
		margin:10px auto 50px; }
		
.reserve-btn_2 a span {
          display: inline-block;
          padding: 14px 40px 0 0;
          margin-left: 20px;
          text-align: center;
          background: url("../img/concierge/arrow_right_white.png") no-repeat right 14px top 21px;  }
.reserve-btn_2 a span img{ height:25px;}

#step{ padding-bottom:30px; overfloaw:hidden; }
#step .ti_step{ background-color:#DDD; padding:10px; font-size:26px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:0.1em; margin-bottom:20px; }

.step_box{ padding:10px 0; overflow:hidden;  }
.step_box dt{ font-size:14px; font-family:"Times New Roman", Times, serif; padding-bottom:10px; letter-spacing:0.2em; }
.step_box dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6em; font-size:12px; }

}
@media screen and (min-width: 800px) {

h3{ margin:45px 0; border-bottom:1px solid #BB9C77; }
.page_concept dl{ padding:60px; }
.page_concept dt{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:32px; text-align:center; letter-spacing:0.2em; line-height:1.4em; font-weight:bold; padding-bottom:35px; }
.page_concept span{ font-size:21px; letter-spacing:0.1em; font-weight:blod; }
.page_concept dd{ font-size:14px; line-height:2.3em; max-width:800px; margin:0 auto; }

.sub_box{ padding-bottom:90px; }
.box_00 { position:relative; padding-bottom:90px; }
.box_00 sub_img{  }
.box_00 h4{ width:235px; position:absolute; right:0; top:33px; }
.box_00 .sub_txt{ position:absolute; right:0; top:150px; width:455px; background-color:rgba(255, 255,255, 0.8); padding:20px; }
.box_00 .sub_txt p{ font-size:15px; line-height:1.6em; }

.bg_01{ background-color:#F6ECD2; }
.box_01{ padding:40px 0; overflow:hidden; }
.box_01 .box_l dt{ text-align:center; line-height:1.5em; padding-bottom:30px; font-size:22px; }
.box_01 .box_r dt{ line-height:1.8em; padding-bottom:15px; font-size:20px; }
.box_01 dl{ width:50%; float:left; }
.box_01 dt{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:0.2em; }
.box_01 dd{ font-size:14px; line-height:1.8em; }

.box_02{ overflow:hidden; padding:0 40px 40px 40px;  }
.box_02 dl{ float:left; border-right:1px solid #999; padding:30px; width:25%; }
.box_02 dl:last-child{ border:none; }
.box_02 dt{ padding-bottom:15px; text-align:center; margin:0 auto; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:19px; letter-spacing:0.1em; }
.box_02 span{ display:block; }
.box_02 dd{ font-size:14px; line-height:1.8em; }

.reserve-btn_2 a {
        display: block;
        width: 400px;
        height: 60px;
        background: url("../img/concierge/bg_btn_red.png") repeat-x center center;
        border-radius: 5px;
        text-align: center;
        box-shadow: 1px 1px 1px 0px #bbb;
		margin:0 auto 50px; }
		
.reserve-btn_2 a span {
          display: inline-block;
          padding: 14px 40px 0 0;
          margin-left: 20px;
          text-align: center;
          background: url("../img/concierge/arrow_right_white.png") no-repeat right 14px top 21px; }
.reserve-btn_2 a span img{ height:25px;}

#step{ padding-bottom:30px; }
#step .ti_step{ background-color:#DDD; padding:10px; font-size:26px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:0.1em; margin-bottom:20px; }

.step_box{ padding:20px 5px; overflow:hidden;  }
.step_box dt{ font-size:20px; font-family:"Times New Roman", Times, serif; padding-bottom:10px; letter-spacing:0.2em; }
.step_box dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6em; }

}

