/* =========================================================
共通
========================================================= */
.l-container {
	width: 100%;
	overflow: hidden;
  text-align: center;
  background-color: #f9f9f9;
}
.l-container h1,
.l-container span  {
 font-style: inherit;
 font-weight: inherit;
 height: inherit;
 margin: 0;
 line-height: inherit;
 padding: inherit;
 border: inherit;
 font-size: inherit;
 font-style: inherit;
 vertical-align: inherit;
}

#feature {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #000000;
	font-size: 18px;
	overflow: hidden;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.sp_only {
	display: none!important;
}
.hdr img{
  width: 100%;
	max-width: 1600px;
  min-width: 1000px;

  margin: 0 auto 150px;
}
.fx {
    display: flex;
}
.sec .fx_ph:last-child {
  margin-top: 130px;
}
.sec02 .fx_ph:last-child,
.sec04 .fx_ph:last-child {
  margin-top: 0;
}
/* =========================================================
mv下
========================================================= */
#content {
    width: 100%;
}
.sec_inr {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.sec {
  padding-bottom: 150px;
}
.ph_box {
  position: relative;
}
.icon {
  position: absolute;
  top: 0;
  z-index: 1;
}
.tit_img {
  text-align: left;
  margin: -6px 0 175px 0px;
}
.spec img {
  width: 10px;
}
/* =========================================================
sec01
========================================================= */

#content .sec01 .lead h1 {
  font-size: 18px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #000000;
}
#content .sec01 .lead {
    text-align: center;
    margin-bottom: 57px;
}
.lead_h1 {
  margin-bottom: 57px;
}

.sec01 .ph01 {
  margin: 76px auto 48px;
}
.sec01 .ph02{
  text-align: left;
}
.sec01 .ph04{
  text-align: right;
}
.sec01 .ph02,
.sec01 .ph04 {
  font-size: 0;
}
.sec01 .ph02 img:nth-child(2),
.sec01 .ph04 img:nth-child(2) {
  margin-top:22px;
}
.sec01 .lead02 {
    font-size: 14px!important;
    font-weight: 600!important;
}
.sec01 .lead03 {
  text-align: justify;
  width: 520px;
  font-size: 14px;
  margin: 0px auto 20px;
  font-weight: normal;
}
#content .spec {
  align-items: center;
}
#content .spec_img img{
  width: 20px;
  margin: 10px 10px 0px 0px;
}

.spec a {
  border-bottom: 1px solid #000;
  display: inline-block;
}

.sec01 .fx {
  justify-content: space-between;
}
.spec_fx {
  font-size: 14px;
  display: flex;
  justify-content: center;
  width: 480px;
  margin: 22px 0 116px 188px;
}
/* =========================================================
sec02
========================================================= */
.sec02 .ph02 {
  position: absolute;
  top: 411px;
  left: 123px;
}



/* =========================================================
tit_text h3
========================================================= */
.ph_text {
  position: relative;
  width: 320px;
}
.ph_text span {
  font-size: 12px;
}
.ph_text h3 {
  font-size: 24px;
font-weight: bold;
text-align: justify;
margin-bottom: 5px;
}
.ph_text p {
  font-size: 16px;
  text-align: justify;
}

.tit_text {
  letter-spacing: 0.1em;
  background-color: #FFF;
  display: inline-block;
  position: absolute;
  padding: 8px 21px 13px;
  font-size: 24px;
  border: 1px solid;
  font-weight: bold;
  top: 175px;
  left: 16px;
  text-align: left;
}
.ph_box .tit_text {
  top: -29px;
  left: -24px;
  z-index: 2;
}
.sec02 .ph_text h3,
.sec02 .tit_text {
  border-color: #968078;
  color: #968078;
  font-feature-settings: 'palt';
}
.sec03 .ph_text h3,
.sec03 .tit_text {
  border-color: #c6bc64;
  color: #c6bc64;
}
.sec04 .ph_text h3,
.sec04 .tit_text {
  border-color: #42718e;
  color: #42718e;
}
.sec05 .ph_text h3,
.sec05 .tit_text {
  border-color: #789685;
  color: #789685;
}

.ph_box02 .ph,
.ph_box03 .ph
{
  padding: 0 15px 10px 0;
  border-bottom: solid 1px;
  border-right: solid 1px;
  border-color: #000;
}
.sec02 .ph_box02 .ph,
.sec02 .ph_box03 .ph {
  border-color: #968078;
}
.sec03 .ph_box02 .ph,
.sec03 .ph_box03 .ph {
  border-color: #c6bc64;
}
.sec04 .ph_box02 .ph,
.sec04 .ph_box03 .ph {
  border-color: #42718e;
}
.sec05 .ph_box02 .ph,
.sec05 .ph_box03 .ph {
  border-color: #789685;
}
.ph {
  z-index: 1;
  position: relative;
}
.sec02 .icon01 {
  left: 663px;
  top: -89px;
  z-index: 0;
}
.sec02 .icon02 {
  left: 666px;
  top: 57px;
  z-index: 1;
}
.sec03 .icon01 {
  left: 183px;
  top: -28px;
  z-index: 1;
}
.sec04 .icon01 {
  left: 680px;
  top: 241px;
  z-index: 1;
}
.sec04 .icon02 {
  left: 206px;
  top: 411px;
  z-index: 1;
}
.sec05 .icon01 {
  left: 667px;
  top: -1px;
  z-index: 1;
}
.sec05 .icon02 {
  left: 633px;
  top: -94px;
  z-index: 0;
}
.sec05 .icon03 {
  left: 432px;
  top: 177px;
  z-index: 1;
}
.sec05 .icon04 {
  left: 425px;
  top: 210px;
  z-index: 1;
}
/* =========================================================
bg 
========================================================= */
.ph_box01 p {
   font-size: 16px;
   margin-top: 43px;
   margin-bottom: 33px;

}
.ph_box02 {
   margin-top: 50px;
}
.fx_ph {
  display: flex;
  justify-content: space-around;
  align-items: center;

}
.sec02 {
  background-color: #f4f3f1;
}
.sec03 {
  background-color: #fafaf2;
}
.sec04 {
  background-color: #ebf0f3;
}
.sec05 {
  background-color: #f2f4f3;
}
.sec06 {
  background-color: #f9f9f9;
}

/* =========================================================
nav
========================================================= */
.sec06 .tit_img {
  margin: -6px 0 95px 0px;
}
.sec_nav {
  display: flex;
  justify-content: center;
  margin-bottom: 85px;

}
.sec_nav li {
  width: 200px;
  height: 220px;
  border-right: solid 1px #eae9e6;
  position: relative;
} 
.sec_nav li:last-child {
  border-right: solid 0px #eae9e6;
} 

.sec_nav_text {
  font-size: 12px;
  color: #555555;
  margin: 3px auto;
  line-height: 1.4;
}
.sec_nav_tit {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  height: 35px;
  display: inline-block;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
}
.sec_nav li:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 170px;
  /*left: 90px;*/
  bottom: 0;
  margin: auto;
}
/* =========================================================
nav_item
========================================================= */
.nav_ph {
  text-align: left;
}
.nav_text01,
.nav_text02 {
  text-align: left;
}
.nav_fx {
  display: flex;
  justify-content: space-between;

}
.nav_box {
  position: relative;
  margin-bottom: 120px;

}
.nav_box .tit_text {
  z-index: 2;
  letter-spacing: 0.1em;
  background-color: #FFF;
  padding: 8px 21px 13px;
  font-size: 24px;
  height: 35px;
  border: 1px solid;
  font-weight: bold;
  top: -32px;
  left: 14px;
  color: #c1ac97;
  border-color: #c1ac97;
}
.nav_ph {
  padding: 0 15px 10px 0;
  border-bottom: solid 1px;
  border-right: solid 1px;
  border-color: #c1ac97;
}
.nav_item .nav_item_tit {
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.15em;

}
.nav_item .nav_item_sub {
  font-size: 24px;
  font-weight: bold;
  margin: 8px 0;
  letter-spacing: 0.13em;
}

.nav_text01 {
  margin: 27px 0 -5px 0;
}
.nav_text01 p {
  font-size: 16px;
  margin: 23px 0 0px 0;
}
.nav_text01 p span {
  font-size: 14px;
  color: #555555;
}
.nav_text02 .nav_item_tit {
  font-size: 18px;
  margin: 20px 0 14px 14px;

}
.nav_text02 span {
  font-size: 14px;
  margin-bottom: 80px;
}
.nav_text02 img {
  margin-bottom: 20px;
}
.nav_text03 {
  margin: 24px 30px 0 0px;
}
.nav_text03 .nav_item_price {
  font-size: 38.75px;
  font-weight: bold;
  text-align: right;
}
.nav_text03 .nav_item_price span {
  font-size: 22.6px;
}

.nav_item_btn {
  letter-spacing: 0.1em;
  background-color: #FFF;
  padding: 0 21px 13px;
  font-size: 24px;
  height: 45px;
  width: 284px;
  border: 1px solid;
  font-weight: bold;
  color: #000;
  border-color: #000;
  margin: 27px 0 0 0;
}
.nav_item_btn a{
  color: #000;
  padding: 8px 21px 13px;
  display: block;
}

.nav_link_fx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nav_link li {
  letter-spacing: 0.1em;
  background-color: #FFF;
  padding: 14px 21px 0px;
  border: 1px solid;
  font-weight: bold;
  color: #000;
  border-color: #000;
  width: 440px;
  height: 145px;
  margin-bottom: 20px;

}
.nav_link_box {
  display: flex;
  align-items: center;

}
.nav_link .nav_link_item_tit  {
  font-size: 16px;
  width: 210px;
  text-align: left;
  padding: 0 0 0 20px;

}

.nav_link .spec_fx {
  font-size: 14px;
  display: flex;
  justify-content: center;
  width: 480px;
  margin: 32px 0 116px -60px;
} 
.nav_link_tit {
  font-size: 20px;
  font-weight: bold;
  color: #c1ac97;
  text-align: left;
  margin: 0 0 18px 0;

}

/* =========================================================
sec_ftr
========================================================= */
.sec_ftr 
{
    flex-direction: row;
}


.sec_bnr {
	display: flex;
	justify-content: center;
    margin: 30px 0 100px 0px;
  }
.sec_bnr li{
	width: 487px;
	margin: 0 20px;

}
.sec_bnr li img {
  width: 100%;
  display: inline-block;
}
.sec06 {
  padding-bottom: 0;
}

.l-footer {
  margin: 0 0 0 0;
  clear: both;
}

/* =========================================================
追加colorリンク
========================================================= */

.nav_color a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.nav_color:hover {
  opacity: 0.8;
}
.nav_color {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  margin-right: 5px;
}
.nav_color01 {
  background-color: #4598bf;
  margin-left: 10px;
}
.nav_color02 {
  background-color: #999278;
}
.nav_color03 {
  background-color: #394383;
}
.nav_color04 {
  background-color: #aec0c9;
}
.nav_color05 {
  background-color: #ffffff;
  border: 1px solid #b9b9b9;
}
.nav_color06 {
  background-color: #000000;
}