@charset "utf-8";

/* デザイン(PC) */
img {
  max-width: 100%;
  height: auto;
  width: auto;
}

/*****************************************
ファーストビュー
*****************************************/
.fv-sp {
  display: none;
}

.fv-pc {
  text-align: center;
  margin: 0;
  line-height: 0;
}

/*****************************************
全体を囲む
*****************************************/
#container {
  display: flex;
  min-height: 100vh;
  background: #fffbfa;
}

/*****************************************
左サイドコンテンツ
*****************************************/
aside {
  position: sticky;
  top: 0;
  height: calc(1200px - 150px);
  flex: 1 1 25%;
  min-width: 360px;
  padding: 20px;
}

/*****************************************
メインコンテンツ
*****************************************/
h2 {
  text-align: center;
}

main {
  flex: 1 1 75%;
  padding: 0px;
  background: #fff;
}

.main_in {
  width: 900px;
  margin: 30px auto;
}

.main_office {
  width: 800px;
  margin: 30px auto;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
}

.bunner_slide {
  display: none;
}

/*SECTION-1 選ばれる理由*/
.section-1 {
  width: 100%;
  padding: 40px 0px;
  background: #fbf7f0;
  max-width: none;
  /* セクション1の最大幅を解除 */
}

.reason-box {
  width: 880px;
  margin: 20px auto;
  border: 5px solid #e1caa5;
  padding: 10px 25px;
  background: #fff;
}

.reason-ttl-img {
  text-align: center;
}

.reason-ttl {
  font-family: 'Shippori Mincho B1', serif;
  text-align: center;
  font-size: 1.8em;
  line-height: 1.4em;
  color: #4a3615;
  margin-bottom: 20px;
}

.reason-img {
  text-align: center;
}

.reason-text {
  width: 90%;
  margin: 0 auto;
  padding: 15px;
  color: #4a3615;
}

/*SECTION-2 料金システム*/
.section-2 {
  width: 100%;
  padding: 40px 0px;
}

.price_title {
  font-size: 1.8em;
  font-family: 'Shippori Mincho B1', serif;
  padding: 10px 0px 20px 0px;
}

.price-yen {
  font-size: 15px;
}

.price_title_pickup {
  font-size: 2.2em;
  font-family: 'Shippori Mincho B1', serif;
  padding: 10px 0px 20px 0px;
  color: #fff;
}

.price-yen_pickup {
  font-size: 18px;
  margin-top: -15px;
  color: #fff;
}

.a-con-left {
  float: left;
  width: 50%;
  padding: 10px 15px;
}

.a-con-right {
  float: left;
  width: 50%;
  padding: 10px 15px;
}

/*SECTION-3 制作の流れ*/
.section-3 {
  width: 100%;
  padding: 40px 0px;
  background: #eef7fc;
}

/*SECTION-4 制作デザイン*/
.section-4 {
  width: 100%;
  padding: 40px 0px;
  background: #ffffff;
}

.works_box {
  width: 900px;
  margin: 30px auto;
}

.works_box li {
  float: left;
  width: 33%;
  padding: 10px;
  text-align: center;
  list-style: none;
}



/*cv-area 問い合わせエリア*/
.cv-area {
  width: 100%;
  padding: 40px 0px;
  background: #ede9df;
  background-image: url(../image/cv-area_bg_pc.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.cv_btn_box {
  width: 420px;
  margin: 10px auto;
}

.cv_btn_box_side {
  width: 240px;
  margin: 20px auto;
}

.cv_btn_box li {
  float: left;
  width: 33%;
  text-align: center;
  list-style: none;
  font-size: 13px;
  line-height: 120%;
}

.cv_btn_box_side li {
  float: left;
  width: 50%;
  text-align: center;
  list-style: none;
  font-size: 13px;
  line-height: 120%;
}

.cv_btn_box_side li img {
  width: 60%;
}


/*SECTION-5 よくある質問*/
.section-5 {
  width: 100%;
  padding: 40px 0px;
  background: #ffffff;
}

/*SECTION-6 フォーム埋込*/
.section-6 {
  width: 100%;
  padding: 40px 0px;
  background: #53bfed;
}

/*SECTION-7 オフィス案内*/
.section-7 {
  width: 100%;
  padding: 40px 0px;
  /*background: #3f2701;*/
  background-image: url(../image/section-7_bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-attachment: fixed;
  /* 背景を固定する */
}

.d-syoukai {
  font-size: 22px;
  color: #d2c7b7;
  font-family: 'Shippori Mincho B1', serif;
  margin-bottom: 20px;
  border-bottom: 1px dotted #d2c7b7;
  padding-bottom: 5px;
}

.d-name {
  font-size: 34px;
  color: #d2c7b7;
  font-family: 'Shippori Mincho B1', serif;
  margin-bottom: 20px;
}

.d-photo {
  text-align: center;
  padding: 15px;
}